diff --git a/.circleci/config.yml b/.circleci/config.yml index 5d77ac85938..84b76e29a9d 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -151,7 +151,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 13 + parallelism: 12 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -477,7 +477,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 8 + parallelism: 10 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -497,7 +497,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 8 + parallelism: 10 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -513,7 +513,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 8 + parallelism: 10 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -533,7 +533,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 8 + parallelism: 10 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -549,7 +549,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 8 + parallelism: 10 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -565,7 +565,7 @@ jobs: executor: class: medium+ name: sb_playwright - parallelism: 8 + parallelism: 10 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' diff --git a/MIGRATION.md b/MIGRATION.md index d3a38d5065a..79150ff185a 100644 --- a/MIGRATION.md +++ b/MIGRATION.md @@ -20,8 +20,9 @@ - [7.0 feature flags removed](#70-feature-flags-removed) - [Vite builder uses vite config automatically](#vite-builder-uses-vite-config-automatically) - [Removed docs.getContainer and getPage parameters](#removed-docsgetcontainer-and-getpage-parameters) + - [Removed STORYBOOK_REACT_CLASSES global](#removed-storybook_react_classes-global) - [Icons API changed](#icons-api-changed) - - ['config' preset entry replaced with 'previewAnnotations'](#config-preset-entry-replaced-with-preview-annotations) + - ['config' preset entry replaced with 'previewAnnotations'](#config-preset-entry-replaced-with-previewannotations) - [Docs Changes](#docs-changes) - [Standalone docs files](#standalone-docs-files) - [Referencing stories in docs files](#referencing-stories-in-docs-files) @@ -529,6 +530,10 @@ If you were using `viteFinal` in 6.5 to simply merge in your project's standard It is no longer possible to set `parameters.docs.getContainer()` and `getPage()`. Instead use `parameters.docs.container` or `parameters.docs.page` directly. +#### Removed STORYBOOK_REACT_CLASSES global + +This was a legacy global variable from the early days of react docgen. If you were using this variable, you can instead use docgen information which is added directly to components using `.__docgenInfo`. + #### Icons API changed For addon authors who use the `Icons` component, its API has been updated in Storybook 7. @@ -550,6 +555,12 @@ The preset field `'config'` has been replaced with `'previewAnnotations'`. `'con Additionally, the internal field `'previewEntries'` has been removed. If you need a preview entry, just use a `'previewAnnotations'` file and don't export anything. +#### Vue2 DOM structure changed + +In 6.x, `@storybook/vue` would replace the "root" element (formerly `#root`, now `#storybook-root`) with a new node that contains the rendered children. This was problematic because it broke the `play` function, which often starts with `within(canvasElement)` and the old `canvasElement` would get replaced out from under the play function. + +In 7.0, `@storybook/vue` now leaves `#storybook-root` alone, and creates a new "dummy node" called `#storybook-vue-root` beneath it. This will break DOM snapshots moving from 6.5 to 7.0, but shouldn't have any other negative effects. + ### Docs Changes The information hierarchy of docs in Storybook has changed in 7.0. The main difference is that each docs is listed in the sidebar as a separate entry, rather than attached to individual stories. diff --git a/code/.eslintignore b/code/.eslintignore index 09e2164c448..db97fa57090 100644 --- a/code/.eslintignore +++ b/code/.eslintignore @@ -15,8 +15,6 @@ scripts/repros-generator *.d.ts examples/ember-cli/.storybook/preview-head.html examples/official-storybook/tests/addon-jest.test.js -examples/cra-ts-kitchen-sink/*.json -examples/cra-ts-kitchen-sink/public/* ember-output .yarn !.remarkrc.js diff --git a/code/addons/actions/manager.js b/code/addons/actions/manager.js index 4e287d25b15..8a2eae4ffce 100644 --- a/code/addons/actions/manager.js +++ b/code/addons/actions/manager.js @@ -1 +1 @@ -import './dist/esm/manager'; +import './dist/manager'; diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json index 97d390dbda9..e4a1fe1a385 100644 --- a/code/addons/actions/package.json +++ b/code/addons/actions/package.json @@ -21,9 +21,32 @@ "url": "https://opencollective.com/storybook" }, "license": "MIT", - "main": "dist/cjs/index.js", - "module": "dist/esm/index.js", - "types": "dist/types/index.d.ts", + "exports": { + ".": { + "require": "./dist/index.js", + "import": "./dist/index.mjs", + "types": "./dist/index.d.ts" + }, + "./manager": { + "require": "./dist/manager.js", + "import": "./dist/manager.mjs", + "types": "./dist/manager.d.ts" + }, + "./preview": { + "require": "./dist/preview.js", + "import": "./dist/preview.mjs", + "types": "./dist/preview.d.ts" + }, + "./register.js": { + "require": "./dist/manager.js", + "import": "./dist/manager.mjs", + "types": "./dist/manager.d.ts" + }, + "./package.json": "./package.json" + }, + "main": "dist/index.js", + "module": "dist/index.mjs", + "types": "dist/index.d.ts", "files": [ "dist/**/*", "README.md", @@ -32,7 +55,7 @@ ], "scripts": { "check": "../../../scripts/node_modules/.bin/tsc --noEmit", - "prep": "node ../../../scripts/prepare.js" + "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { "@storybook/addons": "7.0.0-alpha.34", @@ -72,6 +95,13 @@ "publishConfig": { "access": "public" }, + "bundler": { + "entries": [ + "./src/index.ts", + "./src/manager.tsx", + "./src/preview.ts" + ] + }, "gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f", "storybook": { "displayName": "Actions", diff --git a/code/addons/actions/preview.js b/code/addons/actions/preview.js index 7817e1d278d..49ad602f79f 100644 --- a/code/addons/actions/preview.js +++ b/code/addons/actions/preview.js @@ -1 +1 @@ -export * from './dist/esm/preset/preview'; +export * from './dist/preview'; diff --git a/code/addons/actions/src/preset/addArgs.ts b/code/addons/actions/src/addArgs.ts similarity index 100% rename from code/addons/actions/src/preset/addArgs.ts rename to code/addons/actions/src/addArgs.ts diff --git a/code/addons/actions/src/preset/addArgsHelpers.test.ts b/code/addons/actions/src/addArgsHelpers.test.ts similarity index 100% rename from code/addons/actions/src/preset/addArgsHelpers.test.ts rename to code/addons/actions/src/addArgsHelpers.test.ts diff --git a/code/addons/actions/src/preset/addArgsHelpers.ts b/code/addons/actions/src/addArgsHelpers.ts similarity index 97% rename from code/addons/actions/src/preset/addArgsHelpers.ts rename to code/addons/actions/src/addArgsHelpers.ts index 45b5207d6e6..c375c03fdb1 100644 --- a/code/addons/actions/src/preset/addArgsHelpers.ts +++ b/code/addons/actions/src/addArgsHelpers.ts @@ -1,5 +1,5 @@ import type { Args, AnyFramework, ArgsEnhancer } from '@storybook/csf'; -import { action } from '../index'; +import { action } from './runtime/action'; // interface ActionsParameter { // disable?: boolean; diff --git a/code/addons/actions/src/addDecorator.ts b/code/addons/actions/src/addDecorator.ts new file mode 100644 index 00000000000..4318a96ebad --- /dev/null +++ b/code/addons/actions/src/addDecorator.ts @@ -0,0 +1,3 @@ +import { withActions } from './runtime/withActions'; + +export const decorators = [withActions]; diff --git a/code/addons/actions/src/index.ts b/code/addons/actions/src/index.ts index 221afdabf34..af315cb7543 100644 --- a/code/addons/actions/src/index.ts +++ b/code/addons/actions/src/index.ts @@ -2,7 +2,7 @@ export * from './constants'; export * from './models'; -export * from './preview'; +export * from './runtime'; if (module && module.hot && module.hot.decline) { module.hot.decline(); diff --git a/code/addons/actions/src/preset/addDecorator.ts b/code/addons/actions/src/preset/addDecorator.ts deleted file mode 100644 index f0044588cc2..00000000000 --- a/code/addons/actions/src/preset/addDecorator.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { withActions } from '../index'; - -export const decorators = [withActions]; diff --git a/code/addons/actions/src/preset/preview.tsx b/code/addons/actions/src/preview.ts similarity index 100% rename from code/addons/actions/src/preset/preview.tsx rename to code/addons/actions/src/preview.ts diff --git a/code/addons/actions/src/preview/__tests__/action.test.js b/code/addons/actions/src/runtime/__tests__/action.test.js similarity index 100% rename from code/addons/actions/src/preview/__tests__/action.test.js rename to code/addons/actions/src/runtime/__tests__/action.test.js diff --git a/code/addons/actions/src/preview/__tests__/actions.test.js b/code/addons/actions/src/runtime/__tests__/actions.test.js similarity index 100% rename from code/addons/actions/src/preview/__tests__/actions.test.js rename to code/addons/actions/src/runtime/__tests__/actions.test.js diff --git a/code/addons/actions/src/preview/__tests__/configureActions.test.js b/code/addons/actions/src/runtime/__tests__/configureActions.test.js similarity index 100% rename from code/addons/actions/src/preview/__tests__/configureActions.test.js rename to code/addons/actions/src/runtime/__tests__/configureActions.test.js diff --git a/code/addons/actions/src/preview/action.ts b/code/addons/actions/src/runtime/action.ts similarity index 100% rename from code/addons/actions/src/preview/action.ts rename to code/addons/actions/src/runtime/action.ts diff --git a/code/addons/actions/src/preview/actions.ts b/code/addons/actions/src/runtime/actions.ts similarity index 100% rename from code/addons/actions/src/preview/actions.ts rename to code/addons/actions/src/runtime/actions.ts diff --git a/code/addons/actions/src/preview/configureActions.ts b/code/addons/actions/src/runtime/configureActions.ts similarity index 100% rename from code/addons/actions/src/preview/configureActions.ts rename to code/addons/actions/src/runtime/configureActions.ts diff --git a/code/addons/actions/src/preview/decorateAction.ts b/code/addons/actions/src/runtime/decorateAction.ts similarity index 100% rename from code/addons/actions/src/preview/decorateAction.ts rename to code/addons/actions/src/runtime/decorateAction.ts diff --git a/code/addons/actions/src/preview/index.ts b/code/addons/actions/src/runtime/index.ts similarity index 100% rename from code/addons/actions/src/preview/index.ts rename to code/addons/actions/src/runtime/index.ts diff --git a/code/addons/actions/src/preview/withActions.ts b/code/addons/actions/src/runtime/withActions.ts similarity index 100% rename from code/addons/actions/src/preview/withActions.ts rename to code/addons/actions/src/runtime/withActions.ts diff --git a/code/addons/storyshots/storyshots-core/src/api/index.ts b/code/addons/storyshots/storyshots-core/src/api/index.ts index 7668c69fa99..232f929bf21 100644 --- a/code/addons/storyshots/storyshots-core/src/api/index.ts +++ b/code/addons/storyshots/storyshots-core/src/api/index.ts @@ -7,7 +7,6 @@ import loadFramework from '../frameworks/frameworkLoader'; import { StoryshotsOptions } from './StoryshotsOptions'; const { describe, window: globalWindow } = global; -global.STORYBOOK_REACT_CLASSES = global.STORYBOOK_REACT_CLASSES || {}; type TestMethod = 'beforeAll' | 'beforeEach' | 'afterEach' | 'afterAll'; const methods: TestMethod[] = ['beforeAll', 'beforeEach', 'afterEach', 'afterAll']; diff --git a/code/examples/cra-ts-kitchen-sink/.env b/code/examples/cra-ts-kitchen-sink/.env deleted file mode 100644 index 7d104c48c82..00000000000 --- a/code/examples/cra-ts-kitchen-sink/.env +++ /dev/null @@ -1,3 +0,0 @@ -DISABLE_ESLINT_PLUGIN=true -SKIP_PREFLIGHT_CHECK=true -NODE_PATH=src \ No newline at end of file diff --git a/code/examples/cra-ts-kitchen-sink/.storybook/localAddon/manager.tsx b/code/examples/cra-ts-kitchen-sink/.storybook/localAddon/manager.tsx deleted file mode 100644 index 708d2ae70b7..00000000000 --- a/code/examples/cra-ts-kitchen-sink/.storybook/localAddon/manager.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import { addons, types } from '@storybook/addons'; - -const ID = 'local-addon'; - -const LocalAddonPanel = () => <>Local addon; - -addons.register(ID, (api) => - addons.add(ID, { - title: ID, - type: types.PANEL, - match: () => true, - render: ({ active, key }) => (active ? : null), - }) -); diff --git a/code/examples/cra-ts-kitchen-sink/.storybook/localAddon/preset.ts b/code/examples/cra-ts-kitchen-sink/.storybook/localAddon/preset.ts deleted file mode 100644 index 68be04174d3..00000000000 --- a/code/examples/cra-ts-kitchen-sink/.storybook/localAddon/preset.ts +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - managerEntries: [], -}; diff --git a/code/examples/cra-ts-kitchen-sink/.storybook/main.ts b/code/examples/cra-ts-kitchen-sink/.storybook/main.ts deleted file mode 100644 index aace39ecad7..00000000000 --- a/code/examples/cra-ts-kitchen-sink/.storybook/main.ts +++ /dev/null @@ -1,44 +0,0 @@ -import type { StorybookConfig } from '@storybook/react-webpack5'; - -const path = require('path'); - -const mainConfig: StorybookConfig = { - stories: ['../src/components', '../src/stories'], - logLevel: 'debug', - addons: [ - '@storybook/preset-create-react-app', - '@storybook/addon-docs', - '@storybook/addon-actions', - '@storybook/addon-links', - '@storybook/addon-a11y', - '@storybook/addon-highlight', - './localAddon/manager.tsx', - './localAddon/preset.ts', - ], - // add monorepo root as a valid directory to import modules from - webpackFinal: (config) => { - const resolvePlugins = config.resolve?.plugins; - if (Array.isArray(resolvePlugins)) { - resolvePlugins.forEach((p) => { - // @ts-expect-error (Converted from ts-ignore) - const appSrcs = p.appSrcs as unknown as string[]; - if (Array.isArray(appSrcs)) { - appSrcs.push(path.join(__dirname, '..', '..', '..')); - } - }); - } - return config; - }, - core: { - channelOptions: { allowFunction: false, maxDepth: 10 }, - disableTelemetry: true, - }, - staticDirs: ['../public'], - features: { - buildStoriesJson: true, - breakingChangesV7: true, - }, - framework: '@storybook/react-webpack5', -}; - -module.exports = mainConfig; diff --git a/code/examples/cra-ts-kitchen-sink/.storybook/preview.ts b/code/examples/cra-ts-kitchen-sink/.storybook/preview.ts deleted file mode 100644 index 26a2a70d520..00000000000 --- a/code/examples/cra-ts-kitchen-sink/.storybook/preview.ts +++ /dev/null @@ -1,6 +0,0 @@ -export const parameters = { - options: { - brandTitle: 'CRA TypeScript Kitchen Sink', - brandUrl: 'https://github.com/storybookjs/storybook/tree/master/examples/cra-ts-kitchen-sink', - }, -}; diff --git a/code/examples/cra-ts-kitchen-sink/README.md b/code/examples/cra-ts-kitchen-sink/README.md deleted file mode 100644 index 2fa78e71b5a..00000000000 --- a/code/examples/cra-ts-kitchen-sink/README.md +++ /dev/null @@ -1,44 +0,0 @@ -This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). - -## Available Scripts - -In the project directory, you can run: - -### `yarn start` - -Runs the app in the development mode.
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser. - -The page will reload if you make edits.
-You will also see any lint errors in the console. - -### `yarn test` - -Launches the test runner in the interactive watch mode.
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. - -### `yarn build` - -Builds the app for production to the `build` folder.
-It correctly bundles React in production mode and optimizes the build for the best performance. - -The build is minified and the filenames include the hashes.
-Your app is ready to be deployed! - -See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. - -### `yarn eject` - -**Note: this is a one-way operation. Once you `eject`, you can’t go back!** - -If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. - -Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. - -You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. - -## Learn More - -You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). - -To learn React, check out the [React documentation](https://reactjs.org/). diff --git a/code/examples/cra-ts-kitchen-sink/package.json b/code/examples/cra-ts-kitchen-sink/package.json deleted file mode 100644 index fd65e4351b3..00000000000 --- a/code/examples/cra-ts-kitchen-sink/package.json +++ /dev/null @@ -1,62 +0,0 @@ -{ - "name": "cra-ts-kitchen-sink", - "version": "7.0.0-alpha.34", - "private": true, - "scripts": { - "build": "react-scripts build", - "build-storybook": "storybook build", - "eject": "react-scripts eject", - "start": "react-scripts start", - "storybook": "storybook dev -p 9009 --no-manager-cache", - "test": "react-scripts test" - }, - "browserslist": { - "production": [ - ">0.2%", - "not dead", - "not op_mini all" - ], - "development": [ - "last 1 chrome version", - "last 1 firefox version", - "last 1 safari version" - ] - }, - "dependencies": { - "@types/jest": "25.2.3", - "@types/node": "^14.14.20 || ^16.0.0", - "@types/react": "^16.14.23", - "@types/react-dom": "^16.9.14", - "prop-types": "^15.7.2", - "react": "16.14.0", - "react-dom": "16.14.0", - "react-scripts": "^5.0.1", - "typescript": "~4.6.3" - }, - "devDependencies": { - "@storybook/addon-a11y": "7.0.0-alpha.34", - "@storybook/addon-actions": "7.0.0-alpha.34", - "@storybook/addon-docs": "7.0.0-alpha.34", - "@storybook/addon-highlight": "7.0.0-alpha.34", - "@storybook/addon-links": "7.0.0-alpha.34", - "@storybook/addons": "7.0.0-alpha.34", - "@storybook/builder-webpack5": "7.0.0-alpha.34", - "@storybook/preset-create-react-app": "^4.1.0", - "@storybook/react": "7.0.0-alpha.34", - "@storybook/react-webpack5": "7.0.0-alpha.34", - "@types/enzyme": "^3.10.8", - "enzyme": "^3.11.0", - "enzyme-adapter-react-16": "^1.9.1", - "enzyme-to-json": "^3.6.1", - "fork-ts-checker-webpack-plugin": "^7.2.6", - "react-moment-proptypes": "^1.7.0", - "storybook": "7.0.0-alpha.34", - "ts-node": "^10.4.0", - "webpack": "5" - }, - "storybook": { - "chromatic": { - "projectToken": "19whyj1tlac" - } - } -} diff --git a/code/examples/cra-ts-kitchen-sink/public/favicon.ico b/code/examples/cra-ts-kitchen-sink/public/favicon.ico deleted file mode 100644 index c2c86b859ea..00000000000 Binary files a/code/examples/cra-ts-kitchen-sink/public/favicon.ico and /dev/null differ diff --git a/code/examples/cra-ts-kitchen-sink/public/index.html b/code/examples/cra-ts-kitchen-sink/public/index.html deleted file mode 100644 index e30b43732bd..00000000000 --- a/code/examples/cra-ts-kitchen-sink/public/index.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - diff --git a/code/examples/cra-ts-kitchen-sink/public/logo192.png b/code/examples/cra-ts-kitchen-sink/public/logo192.png deleted file mode 100644 index afd69775c2a..00000000000 Binary files a/code/examples/cra-ts-kitchen-sink/public/logo192.png and /dev/null differ diff --git a/code/examples/cra-ts-kitchen-sink/public/logo512.png b/code/examples/cra-ts-kitchen-sink/public/logo512.png deleted file mode 100644 index 1d0d363818f..00000000000 Binary files a/code/examples/cra-ts-kitchen-sink/public/logo512.png and /dev/null differ diff --git a/code/examples/cra-ts-kitchen-sink/public/manifest.json b/code/examples/cra-ts-kitchen-sink/public/manifest.json deleted file mode 100644 index 080d6c77ac2..00000000000 --- a/code/examples/cra-ts-kitchen-sink/public/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} diff --git a/code/examples/cra-ts-kitchen-sink/public/robots.txt b/code/examples/cra-ts-kitchen-sink/public/robots.txt deleted file mode 100644 index 01b0f9a1073..00000000000 --- a/code/examples/cra-ts-kitchen-sink/public/robots.txt +++ /dev/null @@ -1,2 +0,0 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * diff --git a/code/examples/cra-ts-kitchen-sink/src/App.css b/code/examples/cra-ts-kitchen-sink/src/App.css deleted file mode 100644 index afc3885715f..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/App.css +++ /dev/null @@ -1,22 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #09d3ac; -} diff --git a/code/examples/cra-ts-kitchen-sink/src/App.tsx b/code/examples/cra-ts-kitchen-sink/src/App.tsx deleted file mode 100644 index 4e0202db6ff..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/App.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React, { FC } from 'react'; -import logo from './logo.svg'; -import './App.css'; - -const App: FC = () => { - return ( -
-
- logo -

- Edit src/App.tsx and save to reload. -

- - Learn React - -
-
- ); -}; - -export default App; diff --git a/code/examples/cra-ts-kitchen-sink/src/components/Button.stories.tsx b/code/examples/cra-ts-kitchen-sink/src/components/Button.stories.tsx deleted file mode 100644 index 677c00b7721..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/components/Button.stories.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; -import Button, { Type } from './Button'; - -export default { - title: 'Docgen/Button', - component: Button, -}; - -export const SimpleButton = () => { - const x = 0; - return ; -}; - -const typeOptions = { - Default: 'default', - Action: 'action', -}; - -export const WithType = () => ; diff --git a/code/examples/cra-ts-kitchen-sink/src/components/Button.tsx b/code/examples/cra-ts-kitchen-sink/src/components/Button.tsx deleted file mode 100644 index d1ede0a9572..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/components/Button.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React, { FC } from 'react'; - -export type Type = 'default' | 'action'; - -interface Props { - /** - * Click event `handler` - * - * Example function: - * - * ``` - * () => { - * doThis(); - * } - * ``` - * - * @default null - */ - onClick?: () => void; - - /** - * Button type yo - */ - type?: Type; -} - -const Button: FC = ({ children, type = 'default', onClick }) => { - return ( - - ); -}; - -export default Button; diff --git a/code/examples/cra-ts-kitchen-sink/src/components/react-demo.tsx b/code/examples/cra-ts-kitchen-sink/src/components/react-demo.tsx deleted file mode 100644 index d9761532fd3..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/components/react-demo.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React, { FC, HTMLAttributes } from 'react'; - -const styles = { - border: '1px solid #eee', - borderRadius: 3, - backgroundColor: '#FFFFFF', - cursor: 'pointer', - fontSize: 15, - padding: '3px 10px', - margin: 10, -}; - -type ButtonProps = Pick, 'onClick'>; -export const Button: FC = ({ children, onClick }) => ( - -); - -Button.displayName = 'Button'; -Button.defaultProps = { - onClick: () => {}, -}; - -interface WelcomeProps { - showApp: () => void; -} - -export const Welcome: FC = ({ showApp }) => ( - -); -Welcome.displayName = 'Welcome'; -Welcome.defaultProps = { - showApp: () => {}, -}; diff --git a/code/examples/cra-ts-kitchen-sink/src/index.css b/code/examples/cra-ts-kitchen-sink/src/index.css deleted file mode 100644 index 89e57c7ccfe..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/index.css +++ /dev/null @@ -1,11 +0,0 @@ -body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', - 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; -} diff --git a/code/examples/cra-ts-kitchen-sink/src/index.tsx b/code/examples/cra-ts-kitchen-sink/src/index.tsx deleted file mode 100644 index 395b74997b2..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/index.tsx +++ /dev/null @@ -1,6 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom'; -import './index.css'; -import App from './App'; - -ReactDOM.render(, document.getElementById('root')); diff --git a/code/examples/cra-ts-kitchen-sink/src/logo.svg b/code/examples/cra-ts-kitchen-sink/src/logo.svg deleted file mode 100644 index 7bd1599766b..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/code/examples/cra-ts-kitchen-sink/src/react-app-env.d.ts b/code/examples/cra-ts-kitchen-sink/src/react-app-env.d.ts deleted file mode 100644 index 6431bc5fc6b..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/react-app-env.d.ts +++ /dev/null @@ -1 +0,0 @@ -/// diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/0-Welcome.stories.tsx b/code/examples/cra-ts-kitchen-sink/src/stories/0-Welcome.stories.tsx deleted file mode 100644 index 8e1c86c827a..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/0-Welcome.stories.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { Welcome } from '../components/react-demo'; - -export default { - title: 'Welcome', - component: Welcome, -}; - -export const ToStorybook = () => {}} />; - -ToStorybook.storyName = 'to Storybook'; diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/1-Button.stories.tsx b/code/examples/cra-ts-kitchen-sink/src/stories/1-Button.stories.tsx deleted file mode 100644 index df60c8e704a..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/1-Button.stories.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import { Button } from './Button'; - -export default { - title: '1-Button', - component: Button, -}; - -export const Text = () => ; - -export const Emoji = () => ( - -); diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/Button.tsx b/code/examples/cra-ts-kitchen-sink/src/stories/Button.tsx deleted file mode 100644 index f3db12b315c..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/Button.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { FC } from 'react'; - -interface ButtonProps { - /** - * Simple click handler - */ - onClick?: () => void; - - /** - * Is primary? - */ - primary?: boolean; - - /** - * default is false - */ - secondary?: boolean; -} - -/** - * The world's most _basic_ button - */ -export const Button: FC = ({ children, onClick }) => ( - -); - -Button.defaultProps = { - primary: true, - secondary: false, -}; diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/Classes.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/Classes.stories.mdx deleted file mode 100644 index b4ae01cce83..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/Classes.stories.mdx +++ /dev/null @@ -1,20 +0,0 @@ -import { Meta } from '@storybook/addon-docs'; - - - -# Preview - - - -
-
This box should have BOTH a pink and blue border
-
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/PropsSort.js b/code/examples/cra-ts-kitchen-sink/src/stories/PropsSort.js deleted file mode 100644 index 862d8d3b6e3..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/PropsSort.js +++ /dev/null @@ -1,16 +0,0 @@ -/* eslint-disable react/no-unused-prop-types */ -/* eslint-disable react/require-default-props */ -import React from 'react'; -import PropTypes from 'prop-types'; - -export const PropsSort = () =>
PropsSort!
; -PropsSort.propTypes = { - foo: PropTypes.string.isRequired, - middleWithDefaultValue: PropTypes.string, - bar: PropTypes.string, - endWithDefaultValue: PropTypes.string, -}; -PropsSort.defaultProps = { - middleWithDefaultValue: 'Middle!', - endWithDefaultValue: 'End!', -}; diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx deleted file mode 100644 index 0a77ac2a9b7..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx +++ /dev/null @@ -1,18 +0,0 @@ -import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'; -import { Button } from './Button'; - - - -Here's some _markdown_! - -# Canvas - - - - - - - -# ArgsTable - - diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/anchors/anchors.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/anchors/anchors.stories.mdx deleted file mode 100644 index 114f1ffa984..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/anchors/anchors.stories.mdx +++ /dev/null @@ -1,265 +0,0 @@ -import { Meta } from '@storybook/addon-docs'; - - - -go to bottom - -## Hey - -Some code!!! -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel, - accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam - euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at - enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus - sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus. -

-

- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est - bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada - accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget - massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros - tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra - consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus. -

-

- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum - massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin - est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec - eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla - augue pellentesque neque, sed ultrices quam diam id metus. -

-

- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit - nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis - arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum - fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim. -

-

- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec - ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia - sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin - enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue. -

- -## Ho - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel, - accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam - euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at - enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus - sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus. -

-

- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est - bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada - accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget - massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros - tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra - consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus. -

-

- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum - massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin - est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec - eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla - augue pellentesque neque, sed ultrices quam diam id metus. -

-

- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit - nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis - arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum - fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim. -

-

- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec - ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia - sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin - enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue. -

- -## Hey - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel, - accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam - euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at - enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus - sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus. -

-

- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est - bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada - accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget - massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros - tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra - consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus. -

-

- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum - massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin - est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec - eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla - augue pellentesque neque, sed ultrices quam diam id metus. -

-

- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit - nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis - arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum - fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim. -

-

- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec - ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia - sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin - enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue. -

- -## Ho - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel, - accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam - euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at - enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus - sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus. -

-

- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est - bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada - accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget - massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros - tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra - consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus. -

-

- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum - massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin - est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec - eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla - augue pellentesque neque, sed ultrices quam diam id metus. -

-

- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit - nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis - arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum - fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim. -

-

- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec - ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia - sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin - enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue. -

- -## Hey - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel, - accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam - euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at - enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus - sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus. -

-

- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est - bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada - accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget - massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros - tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra - consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus. -

-

- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum - massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin - est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec - eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla - augue pellentesque neque, sed ultrices quam diam id metus. -

-

- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit - nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis - arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum - fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim. -

-

- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec - ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia - sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin - enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue. -

- -## Ho - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel, - accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam - euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at - enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus - sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus. -

-

- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est - bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada - accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget - massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros - tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra - consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus. -

-

- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum - massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin - est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec - eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla - augue pellentesque neque, sed ultrices quam diam id metus. -

-

- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit - nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis - arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum - fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim. -

-

- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec - ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia - sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin - enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue. -

- -## Bottom - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dolor, pharetra non arcu vel, - accumsan commodo ligula. Vestibulum ut nulla mauris. Mauris vehicula pharetra sem, ac semper quam - euismod eget. Fusce sit amet laoreet leo. Maecenas vitae mollis nibh. Morbi ullamcorper justo at - enim malesuada, non porta augue ullamcorper. Etiam varius ultrices nisi, eu pharetra lacus - sollicitudin eu. Suspendisse sit amet tincidunt dolor, a lobortis lectus. -

-

- Quisque venenatis placerat est, sed pulvinar dui cursus ut. Curabitur rutrum odio sit amet est - bibendum maximus. Nulla euismod finibus condimentum. Vestibulum finibus, felis nec malesuada - accumsan, urna velit convallis ligula, ut pharetra lacus lorem elementum nunc. Donec ac massa eget - massa auctor rhoncus at et nulla. Nam sollicitudin, mauris eget egestas pellentesque, leo eros - tincidunt felis, in luctus metus tortor sit amet tortor. Mauris ut velit vitae ipsum pharetra - consequat. Vivamus id magna quis orci congue fringilla. Vestibulum vitae mollis risus. -

-

- Phasellus eu mauris lacus. Fusce nec ante non ante condimentum ullamcorper. Phasellus condimentum - massa vitae diam dignissim volutpat. Aenean ut dignissim felis. Suspendisse vitae sollicitudin - est, vel dapibus elit. Nullam auctor dui et erat sagittis, quis imperdiet tellus consequat. Donec - eu auctor nulla. Pellentesque sed leo lectus. Quisque molestie, urna non gravida vestibulum, nulla - augue pellentesque neque, sed ultrices quam diam id metus. -

-

- Etiam nec suscipit nunc. Vestibulum in euismod neque, eu vehicula tellus. Praesent id suscipit - nunc. Pellentesque non orci egestas, bibendum magna et, commodo lorem. Phasellus et convallis - arcu, ac dapibus velit. Integer ac pellentesque nibh. Aenean erat magna, hendrerit bibendum - fringilla a, maximus eu mi. Curabitur pulvinar pulvinar pellentesque. Duis in dapibus enim. -

-

- Integer vitae convallis velit. Integer ut turpis risus. Nunc non dui vitae est aliquam tempus nec - ac nibh. Integer condimentum libero lorem, vitae ultrices neque commodo sit amet. Sed et lacinia - sapien. Sed mattis magna eu nunc varius vehicula. Ut id velit vitae nunc aliquet iaculis. Proin - enim turpis, ultricies vel vulputate in, pharetra at mauris. Duis non tincidunt augue. -

diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenJS.js b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenJS.js deleted file mode 100644 index ec7463c578d..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenJS.js +++ /dev/null @@ -1,78 +0,0 @@ -/* eslint-disable react/button-has-type */ -/* eslint-disable react/prefer-stateless-function */ -/* eslint-disable react/prop-types */ -import React, { Component } from 'react'; -import PropTypes from 'prop-types'; - -/** - * Button functional component - */ -export const ButtonFn = ({ onClick, children }) => ; -ButtonFn.propTypes = { - /** - * onClick description - */ - onClick: PropTypes.func, -}; -ButtonFn.defaultProps = { - onClick: null, -}; - -/** - * Button class React.Component - */ -export class ButtonReactComponent extends React.Component { - render() { - const { onClick, children } = this.props; - return ; - } -} -ButtonReactComponent.propTypes = { - /** - * onClick description - */ - onClick: PropTypes.func, -}; -ButtonReactComponent.defaultProps = { - onClick: null, -}; - -/** - * Button class Component - */ -export class ButtonComponent extends Component { - render() { - const { onClick, children } = this.props; - return ; - } -} -ButtonComponent.propTypes = { - /** - * onClick description - */ - onClick: PropTypes.func, -}; -ButtonComponent.defaultProps = { - onClick: null, -}; - -/** - * Button class static props - */ -export class ButtonStaticProps extends Component { - static propTypes = { - /** - * onClick description - */ - onClick: PropTypes.func, - }; - - static defaultProps = { - onClick: null, - }; - - render() { - const { onClick, children } = this.props; - return ; - } -} diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx deleted file mode 100644 index 1c65b41ccf2..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/DocgenTS.tsx +++ /dev/null @@ -1,39 +0,0 @@ -/* eslint-disable react/button-has-type */ -import React, { FC, SyntheticEvent } from 'react'; - -interface ButtonProps { - /** - * onClick description - */ - onClick?: (e: SyntheticEvent) => void; -} - -/** - * Button functional component (React.FC) - */ -export const ButtonReactFC: React.FC = ({ onClick, children }) => ( - -); -ButtonReactFC.defaultProps = { - onClick: null, -}; - -/** - * Button functional component (FC) - */ -export const ButtonFC: FC = ({ onClick, children }) => ( - -); -ButtonFC.defaultProps = { - onClick: null, -}; - -/** - * Button functional component (FunctionComponent) - */ -export const ButtonFunctionComponent: FC = ({ onClick, children }) => ( - -); -ButtonFunctionComponent.defaultProps = { - onClick: null, -}; diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx deleted file mode 100644 index ec20565e59a..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, ArgsTable, Description } from '@storybook/addon-docs'; -import * as DocgenJS from './DocgenJS'; -import * as DocgenTS from './DocgenTS'; - - - -export const DescriptionProps = ({ of }) => ( - <> -

{of.displayName}

- - - -); - -# React Docgen Test Cases - -
- {Object.entries(DocgenJS).map(([key, val]) => ( - - ))} -
- -# React Typescript Docgen Test Cases - -
- {Object.entries(DocgenTS).map(([key, val]) => ( - - ))} -
diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.js b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.js deleted file mode 100644 index 78665fe6c1c..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.js +++ /dev/null @@ -1,472 +0,0 @@ -/* eslint-disable react/no-unused-prop-types */ -/* eslint-disable react/require-default-props */ -/* eslint-disable react/prop-types */ -import React from 'react'; -import PropTypes from 'prop-types'; - -export const ButtonTooManyProps = ({ onClick, children }) => ( - -); -ButtonTooManyProps.propTypes = { - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick1: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick2: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick3: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick4: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick5: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick6: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick7: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick8: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick9: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick10: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick11: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick12: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick13: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick14: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick15: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick16: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick17: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick18: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick19: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick20: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick21: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick22: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick23: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick24: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick25: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick26: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick27: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick28: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick29: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick30: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick31: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick32: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick33: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick34: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick35: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick36: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick37: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick38: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick39: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick40: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick41: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick42: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick43: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick44: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick45: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick46: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick47: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick48: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick49: PropTypes.func, - /** - * onClick description - * @param {SyntheticEvent} event - React's original SyntheticEvent. - * @param {SyntheticEvent} event1 - React's original SyntheticEvent. - * @param {SyntheticEvent} event2 - React's original SyntheticEvent. - * @param {SyntheticEvent} event3 - React's original SyntheticEvent. - * @returns {void} - */ - onClick50: PropTypes.func, -}; diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx deleted file mode 100644 index 730fdaa6140..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx +++ /dev/null @@ -1,10 +0,0 @@ -import { Meta, ArgsTable } from '@storybook/addon-docs'; -import { ButtonTooManyProps } from './jsdoc-perfo'; - - - -## Render 150 props with JSDoc tags - - - - diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx deleted file mode 100644 index 3faf592adce..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx +++ /dev/null @@ -1,9 +0,0 @@ -import { Meta, ArgsTable } from '@storybook/addon-docs'; -import { JsDocProps, FailingJsDocProps } from './jsdoc'; -import { TypeScriptProps } from './jsdoc-ts'; - - - - - - diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx deleted file mode 100644 index b19550dabaf..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx +++ /dev/null @@ -1,15 +0,0 @@ -import { Meta, ArgsTable } from '@storybook/addon-docs'; -import { PropTypesProps } from './prop-types'; -import { TypeScriptProps, TypeScriptHtmlComponent } from './ts-types'; - - - -## Prop Types - - - -## TypeScript - - - - diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx b/code/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx deleted file mode 100644 index 5c9c92fca5f..00000000000 --- a/code/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx +++ /dev/null @@ -1,10 +0,0 @@ -import { PropsSort } from './PropsSort'; -import { ArgsTable, Meta } from '@storybook/addon-docs'; -import { SortType } from '@storybook/components'; - - - - - - - diff --git a/code/examples/cra-ts-kitchen-sink/tsconfig.json b/code/examples/cra-ts-kitchen-sink/tsconfig.json deleted file mode 100644 index 7b152fae2c3..00000000000 --- a/code/examples/cra-ts-kitchen-sink/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": ".", - "incremental": false, - "noImplicitAny": true, - "experimentalDecorators": true, - "emitDecoratorMetadata": true, - "jsx": "react", - "target": "ES2020", - "module": "CommonJS", - "skipLibCheck": true, - "allowSyntheticDefaultImports": true, - "esModuleInterop": true, - "types": ["jest", "node"], - "lib": ["es2017", "dom"] - }, - "include": ["src"] -} diff --git a/code/examples/vue-kitchen-sink/src/stories/components/button.stories.js b/code/examples/vue-kitchen-sink/src/stories/components/button.stories.js index fee26cad5fd..e7553331a36 100644 --- a/code/examples/vue-kitchen-sink/src/stories/components/button.stories.js +++ b/code/examples/vue-kitchen-sink/src/stories/components/button.stories.js @@ -1,3 +1,4 @@ +import { within, userEvent } from '@storybook/testing-library'; import MyButton from '../Button.vue'; export default { @@ -11,7 +12,8 @@ export default { const Template = (args, { argTypes }) => ({ props: Object.keys(argTypes), components: { MyButton }, - template: '{{label}}', + template: ` + {{label}}`, }); export const Rounded = Template.bind({}); @@ -20,6 +22,18 @@ Rounded.args = { color: '#f00', label: 'A Button with rounded edges', }; +// Rounded.decorators = [ +// (storyFn, context) => { +// return storyFn({ ...context, args: { ...context.args, label: 'Overridden args' } }); +// }, +// () => ({ +// template: '
', +// }), +// ]; +Rounded.play = async ({ canvasElement }) => { + const canvas = within(canvasElement); + await userEvent.click(canvas.getByRole('button')); +}; export const Square = Template.bind({}); Square.args = { diff --git a/code/frameworks/angular/src/server/framework-preset-angular-cli.test.ts b/code/frameworks/angular/src/server/framework-preset-angular-cli.test.ts index fac3ff0dfd8..45a98660eff 100644 --- a/code/frameworks/angular/src/server/framework-preset-angular-cli.test.ts +++ b/code/frameworks/angular/src/server/framework-preset-angular-cli.test.ts @@ -786,7 +786,6 @@ const newWebpackConfiguration = ( devtool: 'cheap-module-source-map', entry: [ '/Users/joe/storybook/lib/core-server/dist/esm/globals/polyfills.js', - '/Users/joe/storybook/lib/core-server/dist/esm/globals/globals.js', '/Users/joe/storybook/examples/angular-cli/.storybook/storybook-init-framework-entry.js', '/Users/joe/storybook/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js', '/Users/joe/storybook/addons/docs/dist/esm/frameworks/angular/config.js-generated-other-entry.js', diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json index 73a620e126c..ece8f749b91 100644 --- a/code/frameworks/react-vite/package.json +++ b/code/frameworks/react-vite/package.json @@ -64,12 +64,12 @@ "ast-types": "^0.14.2", "magic-string": "^0.26.1", "react-docgen": "^6.0.0-alpha.3", - "vite": "3" + "vite": "^3.1.3" }, "devDependencies": { "@types/node": "^14.14.20 || ^16.0.0", "typescript": "~4.6.3", - "vite": "^3.1.0" + "vite": "^3.1.3" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0", diff --git a/code/frameworks/react-vite/src/preset.ts b/code/frameworks/react-vite/src/preset.ts index 0abcdd4d9db..5eae98e6c54 100644 --- a/code/frameworks/react-vite/src/preset.ts +++ b/code/frameworks/react-vite/src/preset.ts @@ -9,7 +9,7 @@ export const core: StorybookConfig['core'] = { builder: '@storybook/builder-vite', }; -export function readPackageJson(): Record | false { +function readPackageJson(): Record | false { const packageJsonPath = path.resolve('package.json'); if (!fs.existsSync(packageJsonPath)) { return false; diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json index f718e1f1745..a3011f9ec9a 100644 --- a/code/frameworks/svelte-vite/package.json +++ b/code/frameworks/svelte-vite/package.json @@ -64,12 +64,12 @@ "magic-string": "^0.26.1", "svelte": "^3.0.0", "sveltedoc-parser": "^4.2.1", - "vite": "3" + "vite": "^3.1.3" }, "devDependencies": { "@types/node": "^14.14.20 || ^16.0.0", "typescript": "~4.6.3", - "vite": "^3.1.0" + "vite": "^3.1.3" }, "engines": { "node": "^14.18 || >=16" diff --git a/code/frameworks/svelte-vite/src/preset.ts b/code/frameworks/svelte-vite/src/preset.ts index 8006514d2fd..8c0387342d3 100644 --- a/code/frameworks/svelte-vite/src/preset.ts +++ b/code/frameworks/svelte-vite/src/preset.ts @@ -1,5 +1,3 @@ -import path from 'path'; -import fs from 'fs'; import type { StorybookConfig } from '@storybook/builder-vite'; import { svelteDocgen } from './plugins/svelte-docgen'; @@ -9,16 +7,6 @@ export const core: StorybookConfig['core'] = { builder: '@storybook/builder-vite', }; -export function readPackageJson(): Record | false { - const packageJsonPath = path.resolve('package.json'); - if (!fs.existsSync(packageJsonPath)) { - return false; - } - - const jsonContent = fs.readFileSync(packageJsonPath, 'utf8'); - return JSON.parse(jsonContent); -} - export const viteFinal: StorybookConfig['viteFinal'] = async (config, { presets }) => { const { plugins = [] } = config; diff --git a/code/frameworks/vue-vite/README.md b/code/frameworks/vue-vite/README.md new file mode 100644 index 00000000000..60aad7efd48 --- /dev/null +++ b/code/frameworks/vue-vite/README.md @@ -0,0 +1,48 @@ +# Storybook for Vue and Vite + +Storybook for Vue is a UI development environment for your Vue components. +With it, you can visualize different states of your UI components and develop them interactively. + +![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/main/media/storybook-intro.gif) + +Storybook runs outside of your app. +So you can develop UI components in isolation without worrying about app specific dependencies and requirements. + +## Getting Started + +```sh +cd my-vue-app +npx storybook init +``` + +For more information visit: [storybook.js.org](https://storybook.js.org) + +## Starter Storybook-for-Vue Boilerplate project with [Vuetify](https://github.com/vuetifyjs/vuetify) Material Component Framework + + + +--- + +Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish. +You can also build a [static version](https://storybook.js.org/docs/vue/sharing/publish-storybook) of your Storybook and deploy it anywhere you want. + +## Vue Notes + +- When using global custom components or extensions (e.g., `Vue.use`). You will need to declare those in the `./storybook/preview.js`. + +## Known Limitations + +In Storybook story and decorator components, you can not access the Vue instance +in factory functions for default prop values: + +```js +{ + props: { + foo: { + default() { + return this.bar; // does not work! + } + } + } +} +``` diff --git a/code/frameworks/vue-vite/package.json b/code/frameworks/vue-vite/package.json new file mode 100644 index 00000000000..1b18bda603d --- /dev/null +++ b/code/frameworks/vue-vite/package.json @@ -0,0 +1,87 @@ +{ + "name": "@storybook/vue-vite", + "version": "7.0.0-alpha.34", + "description": "Storybook for Vue2 and Vite: Develop Vue2 Components in isolation with Hot Reloading.", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/vue-vite", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "frameworks/vue-vite" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "exports": { + ".": { + "require": "./dist/index.js", + "import": "./dist/index.mjs", + "types": "./dist/index.d.ts" + }, + "./preset": { + "require": "./dist/preset.js", + "import": "./dist/preset.mjs", + "types": "./dist/preset.d.ts" + }, + "./package.json": { + "require": "./package.json", + "import": "./package.json", + "types": "./package.json" + } + }, + "main": "dist/index.js", + "module": "dist/index.mjs", + "types": "dist/index.d.ts", + "files": [ + "dist/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "check": "../../../scripts/node_modules/.bin/tsc --noEmit", + "prep": "../../../scripts/prepare/bundle.ts" + }, + "dependencies": { + "@storybook/addons": "7.0.0-alpha.34", + "@storybook/builder-vite": "7.0.0-alpha.34", + "@storybook/channel-postmessage": "7.0.0-alpha.34", + "@storybook/channel-websocket": "7.0.0-alpha.34", + "@storybook/client-api": "7.0.0-alpha.34", + "@storybook/core-common": "7.0.0-alpha.34", + "@storybook/core-server": "7.0.0-alpha.34", + "@storybook/preview-web": "7.0.0-alpha.34", + "@storybook/vue": "7.0.0-alpha.34", + "magic-string": "^0.26.1", + "vite": "^3.1.3", + "vue-docgen-api": "^4.40.0" + }, + "devDependencies": { + "typescript": "~4.6.3", + "vue": "^2.7.10" + }, + "peerDependencies": { + "vue": "^2.7.0" + }, + "engines": { + "node": ">=10.13.0" + }, + "publishConfig": { + "access": "public" + }, + "bundler": { + "entries": [ + "./src/index.ts", + "./src/preset.ts" + ], + "platform": "node" + }, + "gitHead": "5da5b0fabd04cc5cd5771e8242a960f05d03234a" +} diff --git a/code/frameworks/vue-vite/preset.js b/code/frameworks/vue-vite/preset.js new file mode 100644 index 00000000000..a83f95279e7 --- /dev/null +++ b/code/frameworks/vue-vite/preset.js @@ -0,0 +1 @@ +module.exports = require('./dist/preset'); diff --git a/code/frameworks/vue-vite/src/index.ts b/code/frameworks/vue-vite/src/index.ts new file mode 100644 index 00000000000..f2f5e26c1ee --- /dev/null +++ b/code/frameworks/vue-vite/src/index.ts @@ -0,0 +1,9 @@ +// exports for builder-vite +export { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage'; +export { createChannel as createWebSocketChannel } from '@storybook/channel-websocket'; +export { addons } from '@storybook/addons'; +export { composeConfigs, PreviewWeb } from '@storybook/preview-web'; +export { ClientApi } from '@storybook/client-api'; + +export * from '@storybook/vue'; +export type { StorybookConfig } from '@storybook/builder-vite'; diff --git a/code/frameworks/vue-vite/src/plugins/vue-docgen.ts b/code/frameworks/vue-vite/src/plugins/vue-docgen.ts new file mode 100644 index 00000000000..e80ca52d60c --- /dev/null +++ b/code/frameworks/vue-vite/src/plugins/vue-docgen.ts @@ -0,0 +1,27 @@ +import { parse } from 'vue-docgen-api'; +import type { PluginOption } from 'vite'; +import { createFilter } from 'vite'; +import MagicString from 'magic-string'; + +export function vueDocgen(): PluginOption { + const include = /\.(vue)$/; + const filter = createFilter(include); + + return { + name: 'storybook:vue2-docgen-plugin', + + async transform(src: string, id: string) { + if (!filter(id)) return undefined; + + const metaData = await parse(id); + const metaSource = JSON.stringify(metaData); + const s = new MagicString(src); + s.append(`;__component__.exports.__docgenInfo = ${metaSource}`); + + return { + code: s.toString(), + map: s.generateMap({ hires: true, source: id }), + }; + }, + }; +} diff --git a/code/frameworks/vue-vite/src/preset.ts b/code/frameworks/vue-vite/src/preset.ts new file mode 100644 index 00000000000..1542d42930b --- /dev/null +++ b/code/frameworks/vue-vite/src/preset.ts @@ -0,0 +1,44 @@ +import path from 'path'; +import type { PresetProperty } from '@storybook/core-common'; +import type { StorybookConfig } from '@storybook/builder-vite'; +import { vueDocgen } from './plugins/vue-docgen'; + +export const core: PresetProperty<'core', StorybookConfig> = async (config, options) => { + const framework = await options.presets.apply('framework'); + + return { + ...config, + builder: { + name: path.dirname( + require.resolve(path.join('@storybook/builder-vite', 'package.json')) + ) as '@storybook/builder-webpack5', + options: typeof framework === 'string' ? {} : framework?.options.builder || {}, + }, + }; +}; + +export const addons: StorybookConfig['addons'] = ['@storybook/vue']; + +export const typescript: PresetProperty<'typescript', StorybookConfig> = async (config) => ({ + ...config, + skipBabel: true, +}); + +export const viteFinal: StorybookConfig['viteFinal'] = async (config, { presets }) => { + const { plugins = [] } = config; + + plugins.push(vueDocgen()); + + const updated = { + ...config, + plugins, + resolve: { + ...config.resolve, + alias: { + ...config.resolve?.alias, + vue: 'vue/dist/vue.esm.js', + }, + }, + }; + return updated; +}; diff --git a/code/frameworks/vue-vite/tsconfig.json b/code/frameworks/vue-vite/tsconfig.json new file mode 100644 index 00000000000..88fbabf6e31 --- /dev/null +++ b/code/frameworks/vue-vite/tsconfig.json @@ -0,0 +1,9 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "strict": true, + "resolveJsonModule": true + }, + "include": ["src/**/*"], + "exclude": ["src/**/*.test.*"] +} diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json index a4922062025..5341df7086c 100644 --- a/code/frameworks/vue3-vite/package.json +++ b/code/frameworks/vue3-vite/package.json @@ -61,13 +61,13 @@ "@storybook/vue3": "7.0.0-alpha.34", "@vitejs/plugin-vue": "^3.0.3", "magic-string": "^0.26.1", - "vite": "3", + "vite": "^3.1.3", "vue-docgen-api": "^4.40.0" }, "devDependencies": { "@types/node": "^14.14.20 || ^16.0.0", "typescript": "~4.6.3", - "vite": "^3.1.0" + "vite": "^3.1.3" }, "engines": { "node": "^14.18 || >=16" diff --git a/code/frameworks/vue3-vite/preset.js b/code/frameworks/vue3-vite/preset.js index b27b9a28365..a83f95279e7 100644 --- a/code/frameworks/vue3-vite/preset.js +++ b/code/frameworks/vue3-vite/preset.js @@ -1,2 +1 @@ -console.log('vue3-vite preset!'); module.exports = require('./dist/preset'); diff --git a/code/frameworks/web-components-vite/README.md b/code/frameworks/web-components-vite/README.md new file mode 100644 index 00000000000..9c68eca9804 --- /dev/null +++ b/code/frameworks/web-components-vite/README.md @@ -0,0 +1 @@ +# Storybook for Web components diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json new file mode 100644 index 00000000000..d8285652806 --- /dev/null +++ b/code/frameworks/web-components-vite/package.json @@ -0,0 +1,86 @@ +{ + "name": "@storybook/web-components-vite", + "version": "7.0.0-alpha.34", + "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.", + "keywords": [ + "storybook" + ], + "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/web-components-vite", + "bugs": { + "url": "https://github.com/storybookjs/storybook/issues" + }, + "repository": { + "type": "git", + "url": "https://github.com/storybookjs/storybook.git", + "directory": "frameworks/web-components-vite" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "license": "MIT", + "exports": { + ".": { + "require": "./dist/index.js", + "import": "./dist/index.mjs", + "types": "./dist/index.d.ts" + }, + "./preset": { + "require": "./dist/preset.js", + "import": "./dist/preset.mjs", + "types": "./dist/preset.d.ts" + }, + "./package.json": { + "require": "./package.json", + "import": "./package.json", + "types": "./package.json" + } + }, + "main": "dist/index.js", + "module": "dist/index.mjs", + "types": "dist/index.d.ts", + "files": [ + "dist/**/*", + "types/**/*", + "README.md", + "*.js", + "*.d.ts" + ], + "scripts": { + "check": "tsc --noEmit", + "prep": "../../../scripts/prepare/bundle.ts" + }, + "dependencies": { + "@storybook/addons": "7.0.0-alpha.34", + "@storybook/builder-vite": "7.0.0-alpha.34", + "@storybook/channel-postmessage": "7.0.0-alpha.34", + "@storybook/channel-websocket": "7.0.0-alpha.34", + "@storybook/client-api": "7.0.0-alpha.34", + "@storybook/core-server": "7.0.0-alpha.34", + "@storybook/node-logger": "7.0.0-alpha.34", + "@storybook/preview-web": "7.0.0-alpha.34", + "@storybook/web-components": "7.0.0-alpha.34", + "@vitejs/plugin-vue": "^3.0.3", + "magic-string": "^0.26.1", + "vite": "3" + }, + "devDependencies": { + "@types/node": "^14.14.20 || ^16.0.0", + "typescript": "~4.6.3", + "vite": "^3.1.0" + }, + "engines": { + "node": "^14.18 || >=16" + }, + "publishConfig": { + "access": "public" + }, + "bundler": { + "entries": [ + "./src/index.ts", + "./src/preset.ts" + ], + "platform": "node" + }, + "gitHead": "02c013c33186479017098d532a18ff8654b91f1f" +} diff --git a/code/frameworks/web-components-vite/preset.js b/code/frameworks/web-components-vite/preset.js new file mode 100644 index 00000000000..a83f95279e7 --- /dev/null +++ b/code/frameworks/web-components-vite/preset.js @@ -0,0 +1 @@ +module.exports = require('./dist/preset'); diff --git a/code/frameworks/web-components-vite/src/index.ts b/code/frameworks/web-components-vite/src/index.ts new file mode 100644 index 00000000000..535432f3e0d --- /dev/null +++ b/code/frameworks/web-components-vite/src/index.ts @@ -0,0 +1,9 @@ +// exports for builder-vite +export { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage'; +export { createChannel as createWebSocketChannel } from '@storybook/channel-websocket'; +export { addons } from '@storybook/addons'; +export { composeConfigs, PreviewWeb } from '@storybook/preview-web'; +export { ClientApi } from '@storybook/client-api'; + +export * from '@storybook/web-components'; +export type { StorybookConfig } from '@storybook/builder-vite'; diff --git a/code/frameworks/web-components-vite/src/preset.ts b/code/frameworks/web-components-vite/src/preset.ts new file mode 100644 index 00000000000..53f4bcd5479 --- /dev/null +++ b/code/frameworks/web-components-vite/src/preset.ts @@ -0,0 +1,7 @@ +import type { StorybookConfig } from '@storybook/builder-vite'; + +export const addons: StorybookConfig['addons'] = ['@storybook/web-components']; + +export const core: StorybookConfig['core'] = { + builder: '@storybook/builder-vite', +}; diff --git a/code/frameworks/web-components-vite/tsconfig.json b/code/frameworks/web-components-vite/tsconfig.json new file mode 100644 index 00000000000..534e4ddd108 --- /dev/null +++ b/code/frameworks/web-components-vite/tsconfig.json @@ -0,0 +1,10 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "rootDir": "./src", + "types": ["node"], + "resolveJsonModule": true + }, + "include": ["src/**/*"], + "exclude": ["src/**/*.test.*", "src/**/__testfixtures__/**"] +} diff --git a/code/jest.config.js b/code/jest.config.js index 2257d0df76c..7c119dbafd8 100644 --- a/code/jest.config.js +++ b/code/jest.config.js @@ -27,7 +27,6 @@ module.exports = { projects: [ '', // '/app/angular', - // '/examples/cra-ts-kitchen-sink', // '/examples/html-kitchen-sink', // '/examples/svelte-kitchen-sink', // '/examples/vue-kitchen-sink', diff --git a/code/lib/addons/package.json b/code/lib/addons/package.json index 104a9f1bd50..7c7a1a6e1e8 100644 --- a/code/lib/addons/package.json +++ b/code/lib/addons/package.json @@ -51,9 +51,6 @@ "@storybook/theming": "7.0.0-alpha.34", "global": "^4.4.0" }, - "devDependencies": { - "@types/webpack-env": "^1.16.0" - }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" diff --git a/code/lib/builder-vite/package.json b/code/lib/builder-vite/package.json index f5772eabd14..2103c0ec20f 100644 --- a/code/lib/builder-vite/package.json +++ b/code/lib/builder-vite/package.json @@ -27,19 +27,20 @@ "@storybook/preview-web": "7.0.0-alpha.34", "@storybook/source-loader": "7.0.0-alpha.34", "@vitejs/plugin-react": "^2.0.0", + "browser-assert": "^1.2.1", "es-module-lexer": "^0.9.3", "glob": "^7.2.0", "glob-promise": "^4.2.0", "magic-string": "^0.26.1", "slash": "^3.0.0", - "vite": "3" + "vite": "^3.1.3" }, "devDependencies": { "@storybook/mdx2-csf": "^0.0.3", "@types/express": "^4.17.13", "@types/node": "^17.0.23", "typescript": "~4.6.3", - "vite": "^3.1.0" + "vite": "^3.1.3" }, "peerDependencies": { "@storybook/mdx2-csf": "^0.0.3" diff --git a/code/lib/builder-vite/src/vite-config.ts b/code/lib/builder-vite/src/vite-config.ts index ccc58b27dfc..a973f01940f 100644 --- a/code/lib/builder-vite/src/vite-config.ts +++ b/code/lib/builder-vite/src/vite-config.ts @@ -1,5 +1,4 @@ import * as path from 'path'; -import fs from 'fs'; import { loadConfigFromFile, mergeConfig } from 'vite'; import type { ConfigEnv, @@ -20,16 +19,6 @@ import type { ExtendedOptions, EnvsRaw } from './types'; export type PluginConfigType = 'build' | 'development'; -export function readPackageJson(): Record | false { - const packageJsonPath = path.resolve('package.json'); - if (!fs.existsSync(packageJsonPath)) { - return false; - } - - const jsonContent = fs.readFileSync(packageJsonPath, 'utf8'); - return JSON.parse(jsonContent); -} - const configEnvServe: ConfigEnv = { mode: 'development', command: 'serve', @@ -57,7 +46,12 @@ export async function commonConfig( cacheDir: 'node_modules/.vite-storybook', root: path.resolve(options.configDir, '..'), plugins: await pluginConfig(options), - resolve: { preserveSymlinks: isPreservingSymlinks() }, + resolve: { + preserveSymlinks: isPreservingSymlinks(), + alias: { + assert: require.resolve('browser-assert'), + }, + }, // If an envPrefix is specified in the vite config, add STORYBOOK_ to it, // otherwise, add VITE_ and STORYBOOK_ so that vite doesn't lose its default. envPrefix: userConfig.envPrefix ? 'STORYBOOK_' : ['VITE_', 'STORYBOOK_'], diff --git a/code/lib/channel-postmessage/src/index.ts b/code/lib/channel-postmessage/src/index.ts index 46bed82a1d5..2d697ddf690 100644 --- a/code/lib/channel-postmessage/src/index.ts +++ b/code/lib/channel-postmessage/src/index.ts @@ -98,11 +98,6 @@ export class PostmsgTransport { ...eventOptions, }; - // backwards compat: convert depth to maxDepth - if (options && Number.isInteger(options.depth)) { - stringifyOptions.maxDepth = options.depth; - } - const frames = this.getFrames(target); const query = qs.parse(location.search, { ignoreQueryPrefix: true }); diff --git a/code/lib/cli/rendererAssets/vue/Header.stories.js b/code/lib/cli/rendererAssets/vue/Header.stories.js index af27f18a9db..8878aa5f88a 100644 --- a/code/lib/cli/rendererAssets/vue/Header.stories.js +++ b/code/lib/cli/rendererAssets/vue/Header.stories.js @@ -1,4 +1,4 @@ -import MyHeader from './Header'; +import MyHeader from './Header.vue'; export default { title: 'Example/Header', diff --git a/code/lib/cli/rendererAssets/vue/Page.stories.js b/code/lib/cli/rendererAssets/vue/Page.stories.js index fd168a48d3f..cdb1e24ba71 100644 --- a/code/lib/cli/rendererAssets/vue/Page.stories.js +++ b/code/lib/cli/rendererAssets/vue/Page.stories.js @@ -1,6 +1,6 @@ import { within, userEvent } from '@storybook/testing-library'; -import MyPage from './Page'; +import MyPage from './Page.vue'; export default { title: 'Example/Page', diff --git a/code/lib/cli/src/add.test.ts b/code/lib/cli/src/add.test.ts deleted file mode 100644 index d6632443ea4..00000000000 --- a/code/lib/cli/src/add.test.ts +++ /dev/null @@ -1,209 +0,0 @@ -import { - addStorybookAddonToFile, - storybookAddonScope, - getPackageName, - getInstalledStorybookVersion, - getPackageArg, -} from './add'; - -describe('addStorybookAddonToFile should correctly register an Storybook addon', () => { - test('to an empty array', () => { - expect(addStorybookAddonToFile('addon-name', [], true)).toEqual([ - `import '${storybookAddonScope}addon-name/manager';`, - ]); - }); - - test('to an empty file', () => { - expect(addStorybookAddonToFile('addon-name', [''], true)).toEqual([ - `import '${storybookAddonScope}addon-name/manager';`, - '', - ]); - }); - - test('to an addons file with existing addons registered', () => { - expect( - addStorybookAddonToFile( - 'addon-name', - [ - "import '@storybook/addon-actions/manager';", - "import '@storybook/addon-links/manager';", - '', - ], - true - ) - ).toEqual([ - `import '${storybookAddonScope}addon-name/manager';`, - "import '@storybook/addon-actions/manager';", - "import '@storybook/addon-links/manager';", - '', - ]); - }); - - test('to an addons file with more than only imports', () => { - expect( - addStorybookAddonToFile( - 'addon-name', - [ - "import '@storybook/addon-links/manager';", - "import '@storybook/addon-actions/manager';", - '', - '//some other stuff', - '', - 'and more stuff', - '', - ], - true - ) - ).toEqual([ - `import '${storybookAddonScope}addon-name/manager';`, - "import '@storybook/addon-links/manager';", - "import '@storybook/addon-actions/manager';", - '', - '//some other stuff', - '', - 'and more stuff', - '', - ]); - }); - - test('to an addon file with it already being installed by not duplicating it', () => { - expect( - addStorybookAddonToFile( - 'addon-name', - [ - "import '@storybook/addon-actions/manager';", - "import '@storybook/addon-links/manager';", - `import '${storybookAddonScope}addon-name/manager';`, - '', - ], - true - ) - ).toEqual([ - "import '@storybook/addon-actions/manager';", - "import '@storybook/addon-links/manager';", - `import '${storybookAddonScope}addon-name/manager';`, - '', - ]); - }); - - test('to an addons file if it is not an official addon', () => { - expect( - addStorybookAddonToFile( - 'addon-name', - [ - "import '@storybook/addon-actions/manager';", - "import '@storybook/addon-links/manager';", - '', - ], - false - ) - ).toEqual([ - `import 'addon-name/manager';`, - "import '@storybook/addon-actions/manager';", - "import '@storybook/addon-links/manager';", - '', - ]); - }); -}); - -describe('getPackageName should correctly return the full package name', () => { - test('on a normal addon', () => { - const name = 'normal-addon'; - expect(getPackageName(name, false)).toBe(name); - }); - test('on an official addon', () => { - const name = 'official-addon'; - expect(getPackageName(name, true)).toBe(storybookAddonScope + name); - }); -}); - -describe('getInstalledStorybookVersion should return the correct Storybook version', () => { - test('when single official Storybook package is installed', () => { - expect( - getInstalledStorybookVersion({ - devDependencies: { - '@storybook/react': '^4.0.0-alpha.22', - }, - }) - ).toBe('^4.0.0-alpha.22'); - }); - - test('when no official Storybook package is installed', () => { - expect( - getInstalledStorybookVersion({ - devDependencies: { - 'random package': '^4.0.0-alpha.22', - }, - }) - ).toBeFalsy(); - }); - - test('when an unofficial package with "storybook" in its name is installed', () => { - expect( - getInstalledStorybookVersion({ - devDependencies: { - 'not-storybook': '^4.0.0-alpha.22', - }, - }) - ).toBeFalsy(); - }); -}); - -describe('getPackageArg returns the correct package argument to install', () => { - const officialAddonName = 'knob'; - const randomAddonName = 'random'; - const officialAddonNameWithTag = `${officialAddonName}@alpha`; - const randomAddonNameWithTag = `${randomAddonName}@latest`; - - test('when it is an official Storybook addon without any Storybook package installed', () => { - expect( - getPackageArg(officialAddonName, true, { - devDependencies: {}, - }) - ).toBe(officialAddonName); - }); - - test('when it is a random addon without any Storybook package installed', () => { - expect( - getPackageArg(randomAddonName, true, { - devDependencies: {}, - }) - ).toBe(randomAddonName); - }); - - test('when it is a random addon with tag without any Storybook package installed', () => { - expect( - getPackageArg(randomAddonNameWithTag, true, { - devDependencies: {}, - }) - ).toBe(randomAddonNameWithTag); - }); - - test('when it is an official addon with tag without any Storybook package installed', () => { - expect( - getPackageArg(officialAddonNameWithTag, true, { - devDependencies: {}, - }) - ).toBe(officialAddonNameWithTag); - }); - - test('when it is an official addon with tag with a Storybook package installed', () => { - expect( - getPackageArg(officialAddonNameWithTag, true, { - devDependencies: { - '@storybook/html': '^4.0.0-alpha.21', - }, - }) - ).toBe(`${officialAddonName}@^4.0.0-alpha.21`); - }); - - test('when it is an official addon with a Storybook package installed', () => { - expect( - getPackageArg(officialAddonName, true, { - devDependencies: { - '@storybook/html': '^4.0.0-alpha.21', - }, - }) - ).toBe(`${officialAddonName}@^4.0.0-alpha.21`); - }); -}); diff --git a/code/lib/cli/src/add.ts b/code/lib/cli/src/add.ts index f67c50f1e15..369ce570efd 100644 --- a/code/lib/cli/src/add.ts +++ b/code/lib/cli/src/add.ts @@ -1,102 +1,14 @@ import path from 'path'; import fs from 'fs'; import { sync as spawnSync } from 'cross-spawn'; + +import { getStorybookInfo } from '@storybook/core-common'; +import { readConfig, writeConfig } from '@storybook/csf-tools'; + import { commandLog } from './helpers'; -import { JsPackageManager, JsPackageManagerFactory, PackageJson } from './js-package-manager'; +import { JsPackageManagerFactory } from './js-package-manager'; const logger = console; -export const storybookAddonScope = '@storybook/addon-'; - -const isAddon = async (packageManager: JsPackageManager, name: string) => { - try { - await packageManager.latestVersion(name); - return true; - } catch (e) { - return false; - } -}; - -const isStorybookAddon = async (packageManager: JsPackageManager, name: string) => - isAddon(packageManager, `${storybookAddonScope}${name}`); - -export const getPackageName = (addonName: string, isOfficialAddon: boolean) => - isOfficialAddon ? storybookAddonScope + addonName : addonName; - -export const getInstalledStorybookVersion = (packageJson: PackageJson) => - packageJson.devDependencies[ - // This only considers the first occurrence. - Object.keys(packageJson.devDependencies).find((devDep) => /@storybook/.test(devDep)) - ] || false; - -export const getPackageArg = ( - addonName: string, - isOfficialAddon: boolean, - packageJson: PackageJson -) => { - if (isOfficialAddon) { - const addonNameNoTag = addonName.split('@')[0]; - const installedStorybookVersion = getInstalledStorybookVersion(packageJson); - return installedStorybookVersion - ? `${addonNameNoTag}@${getInstalledStorybookVersion(packageJson)}` - : addonName; - } - return addonName; -}; - -const installAddon = ( - packageManager: JsPackageManager, - addonName: string, - isOfficialAddon: boolean -) => { - const prepareDone = commandLog(`Preparing to install the ${addonName} Storybook addon`); - prepareDone(); - logger.log(); - - const packageArg = getPackageArg( - addonName, - isOfficialAddon, - packageManager.retrievePackageJson() - ); - - logger.log(); - const installDone = commandLog(`Installing the ${addonName} Storybook addon`); - - try { - packageManager.addDependencies({}, [packageArg]); - } catch (e) { - installDone( - `Something went wrong installing the addon: "${getPackageName(addonName, isOfficialAddon)}"` - ); - logger.log(); - process.exit(1); - } - installDone(); -}; - -export const addStorybookAddonToFile = ( - addonName: string, - addonsFile: string[], - isOfficialAddon: boolean -) => { - const addonNameNoTag = addonName.split('@')[0]; - const alreadyRegistered = addonsFile.find((line) => line.includes(`${addonNameNoTag}/manager`)); - - if (alreadyRegistered) { - return addonsFile; - } - - const latestImportIndex = addonsFile.reduce( - (prev, curr, currIndex) => - curr.startsWith('import') && curr.includes('register') ? currIndex : prev, - -1 - ); - - return [ - ...addonsFile.slice(0, latestImportIndex + 1), - `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/manager';`, - ...addonsFile.slice(latestImportIndex + 1), - ]; -}; const LEGACY_CONFIGS = ['addons', 'config', 'presets']; @@ -137,23 +49,58 @@ const postinstallAddon = async (addonName: string, isOfficialAddon: boolean) => } }; -export async function add( - addonName: string, - options: { useNpm: boolean; skipPostinstall: boolean } -) { - const packageManager = JsPackageManagerFactory.getPackageManager(options.useNpm); +const getVersionSpecifier = (addon: string) => { + const groups = /^(...*)@(.*)$/.exec(addon); + return groups ? [groups[1], groups[2]] : [addon, undefined]; +}; - const addonCheckDone = commandLog(`Verifying that ${addonName} is an addon`); - const isOfficialAddon = await isStorybookAddon(packageManager, addonName); - if (!isOfficialAddon) { - if (!(await isAddon(packageManager, addonName))) { - addonCheckDone(`The provided package was not a Storybook addon: ${addonName}.`); - return; - } +/** + * Install the given addon package and add it to main.js + * + * Usage: + * - sb add @storybook/addon-docs + * - sb add @storybook/addon-interactions@7.0.1 + * + * If there is no version specifier and it's a storybook addon, + * it will try to use the version specifier matching your current + * Storybook install version. + */ +export async function add(addon: string, options: { useNpm: boolean; skipPostinstall: boolean }) { + const packageManager = JsPackageManagerFactory.getPackageManager(options.useNpm); + const packageJson = packageManager.retrievePackageJson(); + const [addonName, versionSpecifier] = getVersionSpecifier(addon); + + const { mainConfig, version: storybookVersion } = getStorybookInfo(packageJson); + if (!mainConfig) { + logger.error('Unable to find storybook main.js config'); + return; } - addonCheckDone(); - installAddon(packageManager, addonName, isOfficialAddon); + const main = await readConfig(mainConfig); + const addons = main.getFieldValue(['addons']); + if (addons && !Array.isArray(addons)) { + logger.error('Expected addons array in main.js config'); + } + + logger.log(`Verifying ${addonName}`); + const latestVersion = packageManager.latestVersion(addonName); + if (!latestVersion) { + logger.error(`Unknown addon ${addonName}`); + } + + // add to package.json + const isStorybookAddon = addonName.startsWith('@storybook/'); + const version = versionSpecifier || (isStorybookAddon ? storybookVersion : latestVersion); + const addonWithVersion = `${addonName}@${version}`; + logger.log(`Installing ${addonWithVersion}`); + packageManager.addDependencies({ installAsDevDependencies: true }, [addonWithVersion]); + + // add to main.js + logger.log(`Adding '${addon}' to main.js addons field.`); + const updatedAddons = [...(addons || []), addonName]; + main.setFieldValue(['addons'], updatedAddons); + await writeConfig(main); + if (!options.skipPostinstall) { - await postinstallAddon(addonName, isOfficialAddon); + await postinstallAddon(addon, isStorybookAddon); } } diff --git a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts index 836b1f11585..7b8cbc00e99 100644 --- a/code/lib/cli/src/automigrate/fixes/new-frameworks.ts +++ b/code/lib/cli/src/automigrate/fixes/new-frameworks.ts @@ -35,11 +35,11 @@ const packagesMap: Record = { }, '@storybook/svelte': { webpack5: '@storybook/svelte-webpack5', - // TODO: bring this back once we have the svelte-vite package vite: '@storybook/svelte-vite', }, '@storybook/web-components': { webpack5: '@storybook/web-components-webpack5', + vite: '@storybook/web-components-vite', }, '@storybook/html': { webpack5: '@storybook/html-webpack5', diff --git a/code/lib/cli/src/repro-templates.ts b/code/lib/cli/src/repro-templates.ts index 8910264bc56..ad645505fc8 100644 --- a/code/lib/cli/src/repro-templates.ts +++ b/code/lib/cli/src/repro-templates.ts @@ -67,6 +67,23 @@ const vue3ViteTemplates = { }, }; +const vue2ViteTemplates = { + 'vue2-vite/2.7-js': { + name: 'Vue2 Vite (vue 2.7 JS)', + // TODO: convert this to an `npm create` script, use that instead. + // We don't really want to maintain weird custom scripts like this, + // preferring community bootstrap scripts / generators instead. + script: + 'yarn create vite . --template vanilla && yarn add --dev @vitejs/plugin-vue2 vue-template-compiler vue@2 && echo "import vue2 from \'@vitejs/plugin-vue2\';\n\nexport default {\n\tplugins: [vue2()]\n};" > vite.config.js', + cadence: ['ci', 'daily', 'weekly'], + expected: { + framework: '@storybook/vue2-vite', + renderer: '@storybook/vue', + builder: '@storybook/builder-vite', + }, + }, +}; + const svelteViteTemplates = { 'svelte-vite/default-js': { name: 'Svelte Vite (JS)', @@ -94,6 +111,29 @@ const svelteViteTemplates = { // } }; +const litViteTemplates = { + 'lit-vite/default-js': { + name: 'Lit Vite (JS)', + script: 'yarn create vite . --template lit', + cadence: [] as any, + expected: { + framework: '@storybook/web-components-vite', + renderer: '@storybook/web-components', + builder: '@storybook/builder-vite', + }, + }, + 'lit-vite/default-ts': { + name: 'Lit Vite (TS)', + script: 'yarn create vite . --template lit-ts', + cadence: [] as any, + expected: { + framework: '@storybook/web-components-vite', + renderer: '@storybook/web-components', + builder: '@storybook/builder-vite', + }, + }, +}; + const vueCliTemplates = { 'vue-cli/default-js': { name: 'Vue-CLI (Default JS)', @@ -105,27 +145,26 @@ const vueCliTemplates = { builder: '@storybook/builder-webpack5', }, }, - // - // FIXME: https://github.com/storybookjs/storybook/issues/19204 - // - // 'vue-cli/vue2-default-js': { - // name: 'Vue-CLI (Vue2 JS)', - // script: - // 'npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge --preset=Default\\ (Vue\\ 2)', - // cadence: ['ci', 'daily', 'weekly'], - // expected: { - // framework: '@storybook/vue-webpack5', - // renderer: '@storybook/vue', - // builder: '@storybook/builder-webpack5', - // }, - // }, + 'vue-cli/vue2-default-js': { + name: 'Vue-CLI (Vue2 JS)', + script: + 'npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge --preset=Default\\ (Vue\\ 2)', + cadence: ['ci', 'daily', 'weekly'], + expected: { + framework: '@storybook/vue-webpack5', + renderer: '@storybook/vue', + builder: '@storybook/builder-webpack5', + }, + }, }; export default { ...craTemplates, ...reactViteTemplates, + ...vue2ViteTemplates, ...vue3ViteTemplates, ...svelteViteTemplates, + ...litViteTemplates, ...vueCliTemplates, // FIXME: missing documentation.json // 'angular/latest': { diff --git a/code/lib/cli/src/versions.ts b/code/lib/cli/src/versions.ts index fe0c35d6214..79156525282 100644 --- a/code/lib/cli/src/versions.ts +++ b/code/lib/cli/src/versions.ts @@ -71,12 +71,14 @@ export default { '@storybook/theming': '7.0.0-alpha.34', '@storybook/ui': '7.0.0-alpha.34', '@storybook/vue': '7.0.0-alpha.34', + '@storybook/vue-vite': '7.0.0-alpha.34', '@storybook/vue-webpack5': '7.0.0-alpha.34', '@storybook/vue3': '7.0.0-alpha.34', '@storybook/vue3-vite': '7.0.0-alpha.34', '@storybook/vue3-webpack5': '7.0.0-alpha.34', '@storybook/web-components': '7.0.0-alpha.34', '@storybook/web-components-webpack5': '7.0.0-alpha.34', + '@storybook/web-components-vite': '7.0.0-alpha.34', sb: '7.0.0-alpha.34', storybook: '7.0.0-alpha.34', }; diff --git a/code/lib/core-client/src/globals.ts b/code/lib/core-client/src/globals.ts deleted file mode 100644 index 0375e3f37a9..00000000000 --- a/code/lib/core-client/src/globals.ts +++ /dev/null @@ -1,5 +0,0 @@ -import global from 'global'; - -const { window: globalWindow } = global; - -globalWindow.STORYBOOK_REACT_CLASSES = {}; diff --git a/code/lib/core-server/src/presets/common-preset.ts b/code/lib/core-server/src/presets/common-preset.ts index 9a8cfdc307d..9e51296c4fc 100644 --- a/code/lib/core-server/src/presets/common-preset.ts +++ b/code/lib/core-server/src/presets/common-preset.ts @@ -93,7 +93,7 @@ export const previewAnnotations = async (base: any, options: Options) => { if (config.length > 0) warnConfigField(); - return [...config, require.resolve('@storybook/core-client/dist/globals'), ...base]; + return [...config, ...base]; }; export const features = async ( diff --git a/code/lib/store/package.json b/code/lib/store/package.json index cb50fa2c603..3a9e8bed808 100644 --- a/code/lib/store/package.json +++ b/code/lib/store/package.json @@ -20,9 +20,17 @@ }, "license": "MIT", "sideEffects": false, - "main": "dist/cjs/index.js", - "module": "dist/esm/index.js", - "types": "dist/types/index.d.ts", + "exports": { + ".": { + "require": "./dist/index.js", + "import": "./dist/index.mjs", + "types": "./dist/index.d.ts" + }, + "./package.json": "./package.json" + }, + "main": "dist/index.js", + "module": "dist/index.mjs", + "types": "dist/index.d.ts", "files": [ "dist/**/*", "README.md", @@ -31,7 +39,7 @@ ], "scripts": { "check": "../../../scripts/node_modules/.bin/tsc --noEmit", - "prep": "node ../../../scripts/prepare.js" + "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { "@storybook/addons": "7.0.0-alpha.34", @@ -57,5 +65,11 @@ "publishConfig": { "access": "public" }, + "bundler": { + "entries": [ + "./src/index.ts" + ], + "platform": "node" + }, "gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f" } diff --git a/code/lib/store/template/stories/hooks.stories.ts b/code/lib/store/template/stories/hooks.stories.ts index 6e3fb30c9f4..696c881c24c 100644 --- a/code/lib/store/template/stories/hooks.stories.ts +++ b/code/lib/store/template/stories/hooks.stories.ts @@ -24,6 +24,9 @@ export const UseState = { ], play: async ({ canvasElement }: PlayFunctionContext) => { const button = await within(canvasElement).findByText('Clicked 0 times'); + // FIXME: onClick does not properly register in vue2 + // https://github.com/storybookjs/storybook/issues/19318 + if (globalThis.storybookRenderer === 'vue') return; await userEvent.click(button); await within(canvasElement).findByText('Clicked 1 times'); diff --git a/code/lib/telemetry/package.json b/code/lib/telemetry/package.json index 424b2f2aebf..dd1878ded64 100644 --- a/code/lib/telemetry/package.json +++ b/code/lib/telemetry/package.json @@ -20,9 +20,17 @@ }, "license": "MIT", "sideEffects": false, - "main": "dist/cjs/index.js", - "module": "dist/esm/index.js", - "types": "dist/types/index.d.ts", + "exports": { + ".": { + "require": "./dist/index.js", + "import": "./dist/index.mjs", + "types": "./dist/index.d.ts" + }, + "./package.json": "./package.json" + }, + "main": "dist/index.js", + "module": "dist/index.mjs", + "types": "dist/index.d.ts", "files": [ "dist/**/*", "README.md", @@ -31,7 +39,7 @@ ], "scripts": { "check": "../../../scripts/node_modules/.bin/tsc --noEmit", - "prep": "node ../../../scripts/prepare.js" + "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { "@storybook/client-logger": "7.0.0-alpha.34", @@ -50,5 +58,11 @@ "publishConfig": { "access": "public" }, + "bundler": { + "entries": [ + "./src/index.ts" + ], + "platform": "node" + }, "gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f" } diff --git a/code/lib/ui/package.json b/code/lib/ui/package.json index c4f430fbf95..84ae25e4036 100644 --- a/code/lib/ui/package.json +++ b/code/lib/ui/package.json @@ -66,8 +66,6 @@ "@storybook/semver": "^7.3.2", "@storybook/theming": "7.0.0-alpha.34", "@testing-library/react": "^11.2.2", - "@types/node": "^14.0.10 || ^16.0.0", - "@types/webpack-env": "^1.16.0", "copy-to-clipboard": "^3.3.1", "downshift": "^6.0.15", "enzyme": "^3.11.0", diff --git a/code/lib/ui/src/index.tsx b/code/lib/ui/src/index.tsx index c95b9c41837..28cdda83dac 100644 --- a/code/lib/ui/src/index.tsx +++ b/code/lib/ui/src/index.tsx @@ -1,8 +1,3 @@ -// eslint-disable-next-line @typescript-eslint/triple-slash-reference -/// -/// -/// - import global from 'global'; import React, { FC } from 'react'; import ReactDOM from 'react-dom'; @@ -30,21 +25,19 @@ ThemeProvider.displayName = 'ThemeProvider'; // @ts-expect-error (Converted from ts-ignore) HelmetProvider.displayName = 'HelmetProvider'; -const Container = process.env.XSTORYBOOK_EXAMPLE_APP ? React.StrictMode : React.Fragment; - export interface RootProps { provider: Provider; history?: History; } export const Root: FC = ({ provider }) => ( - +
- + ); const Main: FC<{ provider: Provider }> = ({ provider }) => { diff --git a/code/nx.json b/code/nx.json index 6c80268ee6f..e55c5f9ca16 100644 --- a/code/nx.json +++ b/code/nx.json @@ -1,4 +1,5 @@ { + "$schema": "./node_modules/nx/schemas/nx-schema.json", "npmScope": "storybook", "implicitDependencies": { "package.json": { @@ -21,28 +22,15 @@ "affected": { "defaultBase": "next" }, - "targetDependencies": { - "build": [ - { - "target": "build", - "projects": "dependencies" - } - ], - "package": [ - { - "target": "package", - "projects": "dependencies" - } - ], - "prep": [ - { - "target": "prep", - "projects": "dependencies" - } - ] - }, "targetDefaults": { + "build": { + "dependsOn": [{ "projects": "dependencies", "target": "build" }] + }, + "package": { + "dependsOn": [{ "projects": "dependencies", "target": "package" }] + }, "prep": { + "dependsOn": [{ "projects": "dependencies", "target": "prep", "params": "forward" }], "outputs": ["{projectRoot}/dist"] } } diff --git a/code/package.json b/code/package.json index 7afc2e6ffbd..065164eb786 100644 --- a/code/package.json +++ b/code/package.json @@ -234,6 +234,7 @@ "@storybook/vue3-vite": "workspace:*", "@storybook/vue3-webpack5": "workspace:*", "@storybook/web-components": "workspace:*", + "@storybook/web-components-vite": "workspace:*", "@storybook/web-components-webpack5": "workspace:*", "@testing-library/dom": "^7.29.4", "@testing-library/jest-dom": "^5.11.9", diff --git a/code/presets/react-webpack/src/framework-preset-react-docs.test.ts b/code/presets/react-webpack/src/framework-preset-react-docs.test.ts index 0a4afb50fbe..553dd609872 100644 --- a/code/presets/react-webpack/src/framework-preset-react-docs.test.ts +++ b/code/presets/react-webpack/src/framework-preset-react-docs.test.ts @@ -33,14 +33,7 @@ describe('framework-preset-react-docgen', () => { overrides: [ { test: /\.(cjs|mjs|tsx?|jsx?)$/, - plugins: [ - [ - babelPluginReactDocgenPath, - { - DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES', - }, - ], - ], + plugins: [[babelPluginReactDocgenPath]], }, ], }); diff --git a/code/presets/react-webpack/src/framework-preset-react-docs.ts b/code/presets/react-webpack/src/framework-preset-react-docs.ts index f02de5cf515..b08a3e427d4 100644 --- a/code/presets/react-webpack/src/framework-preset-react-docs.ts +++ b/code/presets/react-webpack/src/framework-preset-react-docs.ts @@ -23,14 +23,7 @@ export const babel: StorybookConfig['babel'] = async (config, options) => { ...(config?.overrides || []), { test: reactDocgen === 'react-docgen' ? /\.(cjs|mjs|tsx?|jsx?)$/ : /\.(cjs|mjs|jsx?)$/, - plugins: [ - [ - require.resolve('babel-plugin-react-docgen'), - { - DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES', - }, - ], - ], + plugins: [[require.resolve('babel-plugin-react-docgen')]], }, ], }; diff --git a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot b/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot deleted file mode 100644 index 728ae0182ee..00000000000 --- a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/argTypes.snapshot +++ /dev/null @@ -1,25 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`react component properties 9592-ts-styled-props 1`] = ` -Object { - "title": Object { - "control": Object { - "type": "text", - }, - "description": "", - "name": "title", - "table": Object { - "defaultValue": null, - "jsDocTags": undefined, - "type": Object { - "detail": undefined, - "summary": "string", - }, - }, - "type": Object { - "name": "string", - "required": true, - }, - }, -} -`; diff --git a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot b/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot deleted file mode 100644 index 867262a0c97..00000000000 --- a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/docgen.snapshot +++ /dev/null @@ -1,33 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`react component properties 9592-ts-styled-props 1`] = ` -"import React from 'react'; -import styled from 'styled-components'; -const StyledHello = styled.div\` - color: red; -\`; - -const Hello = ({ - title -}) => { - return /*#__PURE__*/React.createElement(StyledHello, { - className: \\"hello\\" - }, \\"Hello Component \\", title); -}; - -export const component = Hello; -Hello.__docgenInfo = { - \\"description\\": \\"\\", - \\"methods\\": [], - \\"displayName\\": \\"Hello\\", - \\"props\\": { - \\"title\\": { - \\"required\\": true, - \\"tsType\\": { - \\"name\\": \\"string\\" - }, - \\"description\\": \\"\\" - } - } -};" -`; diff --git a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/input.tsx b/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/input.tsx deleted file mode 100644 index 485bad8f10b..00000000000 --- a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/input.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import styled from 'styled-components'; - -interface HelloProps { - title: string; -} - -const StyledHello = styled.div` - color: red; -`; - -const Hello = ({ title }: HelloProps) => { - return Hello Component {title}; -}; - -export const component = Hello; diff --git a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot b/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot deleted file mode 100644 index 3298e7c6d94..00000000000 --- a/code/renderers/react/src/docs/__testfixtures__/9592-ts-styled-props/properties.snapshot +++ /dev/null @@ -1,21 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`react component properties 9592-ts-styled-props 1`] = ` -Object { - "rows": Array [ - Object { - "defaultValue": null, - "description": "", - "name": "title", - "required": true, - "sbType": Object { - "name": "string", - }, - "type": Object { - "detail": undefined, - "summary": "string", - }, - }, - ], -} -`; diff --git a/code/renderers/react/src/docs/__testfixtures__/imported.js b/code/renderers/react/src/docs/__testfixtures__/imported.js deleted file mode 100644 index bce6a5aa3d0..00000000000 --- a/code/renderers/react/src/docs/__testfixtures__/imported.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = { imported: 'imported-value' }; diff --git a/code/renderers/react/src/docs/extractArgTypes.test.ts b/code/renderers/react/src/docs/extractArgTypes.test.ts new file mode 100644 index 00000000000..1906485c26a --- /dev/null +++ b/code/renderers/react/src/docs/extractArgTypes.test.ts @@ -0,0 +1,98 @@ +import 'jest-specific-snapshot'; +import path from 'path'; +import fs from 'fs'; +import requireFromString from 'require-from-string'; +import { transformFileSync, transformSync } from '@babel/core'; + +import { inferControls } from '@storybook/store'; +import type { AnyFramework } from '@storybook/csf'; +import { normalizeNewlines } from '@storybook/docs-tools'; + +import type { StoryContext } from '../types'; +import { extractProps } from './extractProps'; +import { extractArgTypes } from './extractArgTypes'; + +// File hierarchy: +// __testfixtures__ / some-test-case / input.* +const inputRegExp = /^input\..*$/; + +const transformToModule = (inputCode: string) => { + const options = { + presets: [ + [ + '@babel/preset-env', + { + targets: { + esmodules: true, + }, + }, + ], + ], + }; + const { code } = transformSync(inputCode, options) || {}; + return normalizeNewlines(code || ''); +}; + +const annotateWithDocgen = (inputPath: string) => { + const options = { + presets: ['@babel/typescript', '@babel/react'], + plugins: ['babel-plugin-react-docgen', '@babel/plugin-proposal-class-properties'], + babelrc: false, + }; + const { code } = transformFileSync(inputPath, options) || {}; + return normalizeNewlines(code || ''); +}; + +// We need to skip a set of test cases that use ESM code, as the `requireFromString` +// code below does not support it. These stories will be tested via Chromatic in the +// sandboxes. Hopefully we can figure out a better testing strategy in the future. +const skippedTests = [ + 'js-class-component', + 'js-function-component', + 'js-function-component-inline-defaults', + 'js-function-component-inline-defaults-no-propTypes', + 'ts-function-component', + 'ts-function-component-inline-defaults', + 'js-proptypes', +]; + +describe('react component properties', () => { + // Fixture files are in template/stories + const fixturesDir = path.resolve(__dirname, '../../template/stories/docgen-components'); + fs.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => { + if (testEntry.isDirectory()) { + const testDir = path.join(fixturesDir, testEntry.name); + const testFile = fs.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName)); + if (testFile) { + if (skippedTests.includes(testEntry.name)) { + it.skip(testEntry.name, () => {}); + } else { + it(testEntry.name, () => { + const inputPath = path.join(testDir, testFile); + + // snapshot the output of babel-plugin-react-docgen + const docgenPretty = annotateWithDocgen(inputPath); + expect(docgenPretty).toMatchSpecificSnapshot(path.join(testDir, 'docgen.snapshot')); + + // transform into an uglier format that's works with require-from-string + const docgenModule = transformToModule(docgenPretty); + + // snapshot the output of component-properties/react + const { component } = requireFromString(docgenModule, inputPath); + const properties = extractProps(component); + expect(properties).toMatchSpecificSnapshot(path.join(testDir, 'properties.snapshot')); + + // snapshot the output of `extractArgTypes` + const argTypes = extractArgTypes(component); + const parameters = { __isArgsStory: true }; + const rows = inferControls({ + argTypes, + parameters, + } as unknown as StoryContext); + expect(rows).toMatchSpecificSnapshot(path.join(testDir, 'argTypes.snapshot')); + }); + } + } + } + }); +}); diff --git a/code/renderers/react/src/docs/react-argtypes.stories.tsx b/code/renderers/react/src/docs/react-argtypes.stories.tsx deleted file mode 100644 index 9cb5d3bde1f..00000000000 --- a/code/renderers/react/src/docs/react-argtypes.stories.tsx +++ /dev/null @@ -1,97 +0,0 @@ -import React, { useState } from 'react'; -import mapValues from 'lodash/mapValues'; -import { PureArgsTable as ArgsTable } from '@storybook/blocks'; -import type { Args } from '@storybook/csf'; -import { inferControls } from '@storybook/store'; - -import { storiesOf } from '../public-api'; -import type { StoryContext } from '../types'; -import { extractArgTypes } from './extractArgTypes'; - -// FIXME -type Component = any; - -const argsTableProps = (component: Component) => { - const argTypes = extractArgTypes(component); - const parameters = { __isArgsStory: true }; - const rows = inferControls({ argTypes, parameters } as unknown as StoryContext); - return { rows }; -}; - -const ArgsStory = ({ component }: any) => { - const { rows } = argsTableProps(component); - const initialArgs = mapValues(rows, (argType) => argType.defaultValue) as Args; - - const [args, setArgs] = useState(initialArgs); - return ( - <> -

- NOTE: these stories are to help visualise the snapshot tests in{' '} - ./react-properties.test.js. -

- setArgs({ ...args, ...val })} /> - - - - - - - - - {Object.entries(args).map(([key, val]) => ( - - - - - ))} - -
arg nameargType
- {key} - - 
{JSON.stringify(rows[key])}
-
- - ); -}; - -const issuesFixtures = [ - 'js-class-component', - 'js-function-component', - 'js-function-component-inline-defaults', - 'js-function-component-inline-defaults-no-propTypes', - 'ts-function-component', - 'ts-function-component-inline-defaults', - '9399-js-proptypes-shape', - '8663-js-styled-components', - '9626-js-default-values', - '9668-js-proptypes-no-jsdoc', - '8143-ts-react-fc-generics', - '8143-ts-imported-types', - '8279-js-styled-docgen', - '8140-js-prop-types-oneof', - '9023-js-hoc', - '8740-ts-multi-props', - '9556-ts-react-default-exports', - '9592-ts-styled-props', - '9591-ts-import-types', - '9721-ts-deprecated-jsdoc', - '9827-ts-default-values', - '9586-js-react-memo', - '9575-ts-camel-case', - '9493-ts-display-name', - '8894-9511-ts-forward-ref', - '9465-ts-type-props', - '8428-js-static-prop-types', - '9764-ts-extend-props', - '9922-ts-component-props', -]; - -const issuesStories = storiesOf('ArgTypes/Issues', module); -issuesFixtures.forEach((fixture) => { - // eslint-disable-next-line import/no-dynamic-require, global-require - const { component } = require(`./__testfixtures__/${fixture}/input`); - - issuesStories.add(fixture, () => , { - chromatic: { disable: true }, - }); -}); diff --git a/code/renderers/react/src/docs/react-properties.test.ts b/code/renderers/react/src/docs/react-properties.test.ts deleted file mode 100644 index 536a3b14189..00000000000 --- a/code/renderers/react/src/docs/react-properties.test.ts +++ /dev/null @@ -1,82 +0,0 @@ -import 'jest-specific-snapshot'; -import path from 'path'; -import fs from 'fs'; -import requireFromString from 'require-from-string'; -import { transformFileSync, transformSync } from '@babel/core'; - -import { inferControls } from '@storybook/store'; -import type { AnyFramework } from '@storybook/csf'; -import { normalizeNewlines } from '@storybook/docs-tools'; - -import type { StoryContext } from '../types'; -import { extractProps } from './extractProps'; -import { extractArgTypes } from './extractArgTypes'; - -// jest.mock('../imported', () => () => ({ imported: 'imported-value' }), { virtual: true }); - -// File hierarchy: -// __testfixtures__ / some-test-case / input.* -const inputRegExp = /^input\..*$/; - -const transformToModule = (inputCode: string) => { - const options = { - presets: [ - [ - '@babel/preset-env', - { - targets: { - esmodules: true, - }, - }, - ], - ], - }; - const { code } = transformSync(inputCode, options) || {}; - return normalizeNewlines(code || ''); -}; - -const annotateWithDocgen = (inputPath: string) => { - const options = { - presets: ['@babel/typescript', '@babel/react'], - plugins: ['babel-plugin-react-docgen', '@babel/plugin-proposal-class-properties'], - babelrc: false, - }; - const { code } = transformFileSync(inputPath, options) || {}; - return normalizeNewlines(code || ''); -}; - -describe('react component properties', () => { - const fixturesDir = path.join(__dirname, '__testfixtures__'); - fs.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => { - if (testEntry.isDirectory()) { - const testDir = path.join(fixturesDir, testEntry.name); - const testFile = fs.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName)); - if (testFile) { - it(testEntry.name, () => { - const inputPath = path.join(testDir, testFile); - - // snapshot the output of babel-plugin-react-docgen - const docgenPretty = annotateWithDocgen(inputPath); - expect(docgenPretty).toMatchSpecificSnapshot(path.join(testDir, 'docgen.snapshot')); - - // transform into an uglier format that's works with require-from-string - const docgenModule = transformToModule(docgenPretty); - - // snapshot the output of component-properties/react - const { component } = requireFromString(docgenModule, inputPath); - const properties = extractProps(component); - expect(properties).toMatchSpecificSnapshot(path.join(testDir, 'properties.snapshot')); - - // snapshot the output of `extractArgTypes` - const argTypes = extractArgTypes(component); - const parameters = { __isArgsStory: true }; - const rows = inferControls({ - argTypes, - parameters, - } as unknown as StoryContext); - expect(rows).toMatchSpecificSnapshot(path.join(testDir, 'argTypes.snapshot')); - }); - } - } - }); -}); diff --git a/code/renderers/react/src/docs/__testfixtures__/10017-ts-union/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/10017-ts-union/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/10017-ts-union/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/10017-ts-union/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/10017-ts-union/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/10017-ts-union/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/10017-ts-union/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/10017-ts-union/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/10017-ts-union/input.tsx b/code/renderers/react/template/stories/docgen-components/10017-ts-union/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/10017-ts-union/input.tsx rename to code/renderers/react/template/stories/docgen-components/10017-ts-union/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/10017-ts-union/properties.snapshot b/code/renderers/react/template/stories/docgen-components/10017-ts-union/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/10017-ts-union/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/10017-ts-union/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/input.tsx b/code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/input.tsx rename to code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/properties.snapshot b/code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/10278-ts-multiple-components/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/10278-ts-multiple-components/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/docgen.snapshot similarity index 95% rename from code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/docgen.snapshot index fb40620026d..2b214f33aad 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/docgen.snapshot +++ b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/docgen.snapshot @@ -1,7 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`react component properties 8140-js-prop-types-oneof 1`] = ` -"import React from 'react'; +"/* eslint-disable react/require-default-props */ + +/* eslint-disable react/no-unused-prop-types */ +import React from 'react'; import PropTypes from 'prop-types'; const Alert = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props)); diff --git a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/input.js b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx similarity index 85% rename from code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/input.js rename to code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx index 1eb6b30cf29..33a74d1818d 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/input.js +++ b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx @@ -1,3 +1,5 @@ +/* eslint-disable react/require-default-props */ +/* eslint-disable react/no-unused-prop-types */ import React from 'react'; import PropTypes from 'prop-types'; diff --git a/code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8140-js-prop-types-oneof/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/input.tsx b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/input.tsx rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/types.ts b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/types.ts similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-imported-types/types.ts rename to code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/types.ts diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/input.tsx b/code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/input.tsx rename to code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8143-ts-react-fc-generics/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/8143-ts-react-fc-generics/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/docgen.snapshot similarity index 82% rename from code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/docgen.snapshot index 670ab38ca25..589ae55f453 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/docgen.snapshot +++ b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/docgen.snapshot @@ -1,7 +1,8 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`react component properties 8279-js-styled-docgen 1`] = ` -"import styled from 'styled-components'; +"// eslint-disable-next-line import/no-extraneous-dependencies +import styled from 'styled-components'; import PropTypes from 'prop-types'; /** * Use \`A\` to provide a regular link diff --git a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/input.js b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/input.jsx similarity index 87% rename from code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/input.js rename to code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/input.jsx index 95cf14f635c..4b6b8818004 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/input.js +++ b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/input.jsx @@ -1,3 +1,4 @@ +// eslint-disable-next-line import/no-extraneous-dependencies import styled from 'styled-components'; import PropTypes from 'prop-types'; diff --git a/code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8279-js-styled-docgen/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/8279-js-styled-docgen/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/docgen.snapshot similarity index 91% rename from code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/docgen.snapshot index 66de29c0363..67ca04a2157 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/docgen.snapshot +++ b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/docgen.snapshot @@ -3,6 +3,9 @@ exports[`react component properties 8428-js-static-prop-types 1`] = ` "function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } +/* eslint-disable react/no-unused-prop-types */ + +/* eslint-disable react/require-default-props */ import React from 'react'; import PropTypes from 'prop-types'; // eslint-disable-next-line react/prefer-stateless-function diff --git a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/input.js b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx similarity index 78% rename from code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/input.js rename to code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx index 20094fa268d..4b416fe973a 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/input.js +++ b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx @@ -1,3 +1,5 @@ +/* eslint-disable react/no-unused-prop-types */ +/* eslint-disable react/require-default-props */ import React from 'react'; import PropTypes from 'prop-types'; diff --git a/code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8428-js-static-prop-types/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/8663-js-styled-components/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/docgen.snapshot similarity index 84% rename from code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/8663-js-styled-components/docgen.snapshot index fc150a0dd96..53e86ec92ef 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/docgen.snapshot +++ b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/docgen.snapshot @@ -1,7 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`react component properties 8663-js-styled-components 1`] = ` -"import React from 'react'; +"/* eslint-disable import/no-extraneous-dependencies */ + +/* eslint-disable react/require-default-props */ +import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; const Box = styled.div\` diff --git a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/input.js b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/input.jsx similarity index 77% rename from code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/input.js rename to code/renderers/react/template/stories/docgen-components/8663-js-styled-components/input.jsx index 7eb40f01b94..c33048295c6 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/input.js +++ b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/input.jsx @@ -1,3 +1,5 @@ +/* eslint-disable import/no-extraneous-dependencies */ +/* eslint-disable react/require-default-props */ import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; diff --git a/code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8663-js-styled-components/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8663-js-styled-components/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/8663-js-styled-components/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/input.tsx b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/input.tsx similarity index 88% rename from code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/input.tsx rename to code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/input.tsx index 65aba6f76e4..1fb6607d0b7 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/input.tsx +++ b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/input.tsx @@ -2,6 +2,7 @@ import React from 'react'; export interface ElemAProps { size?: 'a' | 'b' | 'c' | 'd'; + children: React.ReactNode; } export const Header: React.FC = ({ size = 'a', children }) => ( @@ -10,6 +11,7 @@ export const Header: React.FC = ({ size = 'a', children }) => ( export interface ElemBProps { size?: 'sm' | 'md' | 'lg'; + children: React.ReactNode; } export const Paragraph: React.FC = ({ size, children }) => ( diff --git a/code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8740-ts-multi-props/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/8740-ts-multi-props/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/input.tsx similarity index 88% rename from code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx rename to code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/input.tsx index 0878c8cd8ca..0ff5d347d5b 100644 --- a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/input.tsx +++ b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/input.tsx @@ -9,6 +9,10 @@ interface ButtonProps { * Disables the button. */ disabled?: boolean; + /** + * Content of the button. + */ + children: React.ReactNode; } const Button = forwardRef( diff --git a/code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot b/code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/8894-9511-ts-forward-ref/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/8894-9511-ts-forward-ref/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9023-js-hoc/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/docgen.snapshot similarity index 86% rename from code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9023-js-hoc/docgen.snapshot index 7eaddd268c7..a0d6b8d941a 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/docgen.snapshot +++ b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/docgen.snapshot @@ -1,9 +1,15 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`react component properties 9023-js-hoc 1`] = ` -"/* eslint-disable react/prefer-stateless-function */ +"/* eslint-disable react/require-default-props */ + +/* eslint-disable react/forbid-prop-types */ + +/* eslint-disable react/no-unused-prop-types */ + +/* eslint-disable react/prefer-stateless-function */ import React from 'react'; -import PropTypes from 'prop-types'; +import PropTypes from 'prop-types'; // deepscan-disable-next-line const withStyles = themeFn => Comp => Comp; diff --git a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/input.js b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx similarity index 81% rename from code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/input.js rename to code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx index 3c40e3472a0..8aa4e5b846b 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/input.js +++ b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx @@ -1,7 +1,11 @@ +/* eslint-disable react/require-default-props */ +/* eslint-disable react/forbid-prop-types */ +/* eslint-disable react/no-unused-prop-types */ /* eslint-disable react/prefer-stateless-function */ import React from 'react'; import PropTypes from 'prop-types'; +// deepscan-disable-next-line const withStyles = (themeFn) => (Comp) => Comp; class Alert extends React.Component { diff --git a/code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9023-js-hoc/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9023-js-hoc/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/input.js b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/input.js rename to code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9399-js-proptypes-shape/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9465-ts-type-props/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9465-ts-type-props/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9465-ts-type-props/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9465-ts-type-props/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/input.tsx b/code/renderers/react/template/stories/docgen-components/9465-ts-type-props/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/input.tsx rename to code/renderers/react/template/stories/docgen-components/9465-ts-type-props/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9465-ts-type-props/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9465-ts-type-props/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9465-ts-type-props/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9493-ts-display-name/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/docgen.snapshot similarity index 80% rename from code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9493-ts-display-name/docgen.snapshot index c70717fe895..2803e7ec668 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/docgen.snapshot +++ b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/docgen.snapshot @@ -1,15 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`react component properties 9493-ts-display-name 1`] = ` -"import styled from '@emotion/styled'; -import React from 'react'; -const Wrapper = styled('div')(({ - theme -}) => ({ - backgroundColor: 'tomato', - color: 'white', - padding: 10 -})); +"import React from 'react'; /** * This message should show up in the Docs panel if everything works fine. @@ -17,7 +9,7 @@ const Wrapper = styled('div')(({ export const EmpireAlert = ({ title = 'Code Yellow', message -}) => /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(\\"h1\\", null, title), /*#__PURE__*/React.createElement(\\"p\\", null, message)); +}) => /*#__PURE__*/React.createElement(\\"div\\", null, /*#__PURE__*/React.createElement(\\"h1\\", null, title), /*#__PURE__*/React.createElement(\\"p\\", null, message)); EmpireAlert.displayName = 'SomeOtherDisplayName'; export const component = EmpireAlert; EmpireAlert.__docgenInfo = { diff --git a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/input.tsx b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/input.tsx similarity index 77% rename from code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/input.tsx rename to code/renderers/react/template/stories/docgen-components/9493-ts-display-name/input.tsx index e2e45016fd5..5cf20929835 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/input.tsx +++ b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/input.tsx @@ -1,12 +1,5 @@ -import styled from '@emotion/styled'; import React from 'react'; -const Wrapper = styled('div')(({ theme }) => ({ - backgroundColor: 'tomato', - color: 'white', - padding: 10, -})); - type AlertCode = 'Code Red' | 'Code Yellow' | 'Code Green'; export interface EmpireAlertProps { @@ -27,10 +20,10 @@ export const EmpireAlert: React.FC = ({ title = 'Code Yellow', message, }: EmpireAlertProps) => ( - +

{title}

{message}

- +
); EmpireAlert.displayName = 'SomeOtherDisplayName'; diff --git a/code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9493-ts-display-name/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9493-ts-display-name/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9493-ts-display-name/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/input.tsx b/code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/input.tsx rename to code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9556-ts-react-default-exports/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9556-ts-react-default-exports/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot similarity index 96% rename from code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot index 032cc730037..488595ad2c9 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/docgen.snapshot +++ b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot @@ -11,6 +11,7 @@ const iconButton = function IconButton(props) { }; iconButton.propTypes = { + // deepscan-disable-next-line color: PropTypes.string }; iconButton.defaultProps = { diff --git a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/input.tsx b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx similarity index 93% rename from code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/input.tsx rename to code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx index 20ddf073f78..30b3cdfff46 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/input.tsx +++ b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx @@ -13,6 +13,7 @@ const iconButton: FC = function IconButton(props) { }; iconButton.propTypes = { + // deepscan-disable-next-line color: PropTypes.string, }; diff --git a/code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9575-ts-camel-case/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9586-js-react-memo/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9586-js-react-memo/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/input.js b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/input.jsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/input.js rename to code/renderers/react/template/stories/docgen-components/9586-js-react-memo/input.jsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9586-js-react-memo/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9586-js-react-memo/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/Bar.tsx b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/Bar.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/Bar.tsx rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/Bar.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/input.tsx b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/input.tsx rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9591-ts-import-types/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9591-ts-import-types/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9626-js-default-values/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9626-js-default-values/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9626-js-default-values/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9626-js-default-values/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/input.js b/code/renderers/react/template/stories/docgen-components/9626-js-default-values/input.jsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/input.js rename to code/renderers/react/template/stories/docgen-components/9626-js-default-values/input.jsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9626-js-default-values/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9626-js-default-values/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9626-js-default-values/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/docgen.snapshot similarity index 82% rename from code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/docgen.snapshot index 46bb0295459..83df2b79e99 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/docgen.snapshot +++ b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/docgen.snapshot @@ -1,7 +1,12 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`react component properties 9668-js-proptypes-no-jsdoc 1`] = ` -"import React from 'react'; +"/* eslint-disable react/forbid-prop-types */ + +/* eslint-disable react/require-default-props */ + +/* eslint-disable react/no-unused-prop-types */ +import React from 'react'; import PropTypes from 'prop-types'; const CCTable = props => /*#__PURE__*/React.createElement(React.Fragment, null, JSON.stringify(props)); diff --git a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx similarity index 63% rename from code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js rename to code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx index 2e66bdd696d..24837c61a4c 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/input.js +++ b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx @@ -1,3 +1,6 @@ +/* eslint-disable react/forbid-prop-types */ +/* eslint-disable react/require-default-props */ +/* eslint-disable react/no-unused-prop-types */ import React from 'react'; import PropTypes from 'prop-types'; diff --git a/code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9668-js-proptypes-no-jsdoc/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/input.tsx b/code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/input.tsx rename to code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9721-ts-deprecated-jsdoc/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9721-ts-deprecated-jsdoc/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/input.tsx b/code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/input.tsx rename to code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9764-ts-extend-props/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9764-ts-extend-props/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9827-ts-default-values/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9827-ts-default-values/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9827-ts-default-values/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9827-ts-default-values/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/input.tsx b/code/renderers/react/template/stories/docgen-components/9827-ts-default-values/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/input.tsx rename to code/renderers/react/template/stories/docgen-components/9827-ts-default-values/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9827-ts-default-values/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9827-ts-default-values/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9827-ts-default-values/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/input.tsx b/code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/input.tsx similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/input.tsx rename to code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/input.tsx diff --git a/code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/properties.snapshot b/code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/properties.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9832-ts-enum-export/properties.snapshot rename to code/renderers/react/template/stories/docgen-components/9832-ts-enum-export/properties.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/argTypes.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/argTypes.snapshot rename to code/renderers/react/template/stories/docgen-components/9922-ts-component-props/argTypes.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/docgen.snapshot similarity index 100% rename from code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/docgen.snapshot rename to code/renderers/react/template/stories/docgen-components/9922-ts-component-props/docgen.snapshot diff --git a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/input.tsx b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx similarity index 82% rename from code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/input.tsx rename to code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx index 14754dc3a7a..73afa23425a 100644 --- a/code/renderers/react/src/docs/__testfixtures__/9922-ts-component-props/input.tsx +++ b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx @@ -1,6 +1,9 @@ import React, { FC, ComponentProps, HTMLAttributes } from 'react'; -type Props = Pick, 'onClick'>; +type Props = Pick, 'onClick'> & { + children: React.ReactNode; +}; + const Button: FC = ({ children, onClick }) => ( ); + +export const component = TypeScriptProps; diff --git a/code/renderers/react/template/stories/docgen-components/ts-jsdoc/properties.snapshot b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/properties.snapshot new file mode 100644 index 00000000000..cd584597b3b --- /dev/null +++ b/code/renderers/react/template/stories/docgen-components/ts-jsdoc/properties.snapshot @@ -0,0 +1,7 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`react component properties ts-jsdoc 1`] = ` +Object { + "rows": Array [], +} +`; diff --git a/code/renderers/react/template/stories/docgen-components/ts-types/argTypes.snapshot b/code/renderers/react/template/stories/docgen-components/ts-types/argTypes.snapshot new file mode 100644 index 00000000000..80e10231e15 --- /dev/null +++ b/code/renderers/react/template/stories/docgen-components/ts-types/argTypes.snapshot @@ -0,0 +1,656 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`react component properties ts-types 1`] = ` +Object { + "aliasesUnion": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "aliasesUnion", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'foo'", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "any": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "any", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'Any value'", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "arrayOfComplexObject": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "arrayOfComplexObject", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "[{ text: 'foo', value: 'bar' }]", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "arrayOfPrimitive": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "arrayOfPrimitive", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "['foo', 'bar']", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "bool": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "bool", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "true", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "defaultEnum": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "defaultEnum", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "DefaultEnum.TopRight", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "enumUnion": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "enumUnion", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "DefaultEnum.TopLeft", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "funcWithArgsAndReturns": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "funcWithArgsAndReturns", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "function concat(a: string, b: string): string { + return a + b; +}", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "genericAlias": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "genericAlias", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ value: 'foo' }", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "genericInterface": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "genericInterface", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ value: 'A string value' }", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "inlinedNumericLiteralUnion": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "inlinedNumericLiteralUnion", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "1", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "inlinedStringLiteralUnion": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "inlinedStringLiteralUnion", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'bottom-right'", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "interface": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "interface", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ text: 'foo', value: 'bar' }", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "intersectionType": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "intersectionType", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ text: 'foo', value: 'bar', name: 'foo-bar' }", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "intersectionWithInlineType": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "intersectionWithInlineType", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ text: 'foo', value: 'bar', inlineValue: 'this is inlined' }", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "namedNumericLiteralUnion": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "namedNumericLiteralUnion", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "0", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "namedStringLiteralUnion": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "namedStringLiteralUnion", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'top-right'", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "nullableComplexTypeUndefinedDefaultValue": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "nullableComplexTypeUndefinedDefaultValue", + "table": Object { + "defaultValue": null, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "number": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "number", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "5", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "numericEnum": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "numericEnum", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "NumericEnum.TopRight", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "recordOfComplexObject": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "recordOfComplexObject", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ foo: { text: 'bar', value: 'bar2' } }", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "recordOfPrimitive": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "recordOfPrimitive", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ foo: 1, bar: 2 }", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "string": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "string", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'A string value'", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "stringEnum": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "stringEnum", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "StringEnum.TopRight", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "symbol": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "symbol", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "Symbol('Default symbol')", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "tupleOfPrimitive": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "tupleOfPrimitive", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "['string value', 5]", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "tupleWithComplexType": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "tupleWithComplexType", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "['string value', { text: 'foo', value: 'bar' }]", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "typeAlias": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "typeAlias", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'foo'", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "unionOfComplexType": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "unionOfComplexType", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ text: 'foo', value: 'bar' }", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "unionOfPrimitive": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "unionOfPrimitive", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'A string value'", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, + "voidFunc": Object { + "control": Object { + "type": "object", + }, + "description": undefined, + "name": "voidFunc", + "table": Object { + "defaultValue": Object { + "detail": undefined, + "summary": "() => {}", + }, + "jsDocTags": undefined, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + "type": Object { + "required": false, + }, + }, +} +`; diff --git a/code/renderers/react/template/stories/docgen-components/ts-types/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/ts-types/docgen.snapshot new file mode 100644 index 00000000000..f97ba72dc1e --- /dev/null +++ b/code/renderers/react/template/stories/docgen-components/ts-types/docgen.snapshot @@ -0,0 +1,325 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`react component properties ts-types 1`] = ` +"import React from 'react'; + +function concat(a, b) { + return a + b; +} + +var DefaultEnum; + +(function (DefaultEnum) { + DefaultEnum[DefaultEnum[\\"TopLeft\\"] = 0] = \\"TopLeft\\"; + DefaultEnum[DefaultEnum[\\"TopRight\\"] = 1] = \\"TopRight\\"; + DefaultEnum[DefaultEnum[\\"TopCenter\\"] = 2] = \\"TopCenter\\"; +})(DefaultEnum || (DefaultEnum = {})); + +var NumericEnum; + +(function (NumericEnum) { + NumericEnum[NumericEnum[\\"TopLeft\\"] = 0] = \\"TopLeft\\"; + NumericEnum[NumericEnum[\\"TopRight\\"] = 1] = \\"TopRight\\"; + NumericEnum[NumericEnum[\\"TopCenter\\"] = 2] = \\"TopCenter\\"; +})(NumericEnum || (NumericEnum = {})); + +var StringEnum; + +(function (StringEnum) { + StringEnum[\\"TopLeft\\"] = \\"top-left\\"; + StringEnum[\\"TopRight\\"] = \\"top-right\\"; + StringEnum[\\"TopCenter\\"] = \\"top-center\\"; +})(StringEnum || (StringEnum = {})); + +export const TypeScriptProps = () => /*#__PURE__*/React.createElement(\\"div\\", null, \\"TypeScript!\\"); +TypeScriptProps.defaultProps = { + any: 'Any value', + string: 'A string value', + bool: true, + number: 5, + voidFunc: () => {}, + funcWithArgsAndReturns: concat, + symbol: Symbol('Default symbol'), + interface: { + text: 'foo', + value: 'bar' + }, + genericInterface: { + value: 'A string value' + }, + arrayOfPrimitive: ['foo', 'bar'], + arrayOfComplexObject: [{ + text: 'foo', + value: 'bar' + }], + tupleOfPrimitive: ['string value', 5], + tupleWithComplexType: ['string value', { + text: 'foo', + value: 'bar' + }], + defaultEnum: DefaultEnum.TopRight, + numericEnum: NumericEnum.TopRight, + stringEnum: StringEnum.TopRight, + enumUnion: DefaultEnum.TopLeft, + recordOfPrimitive: { + foo: 1, + bar: 2 + }, + recordOfComplexObject: { + foo: { + text: 'bar', + value: 'bar2' + } + }, + intersectionType: { + text: 'foo', + value: 'bar', + name: 'foo-bar' + }, + intersectionWithInlineType: { + text: 'foo', + value: 'bar', + inlineValue: 'this is inlined' + }, + unionOfPrimitive: 'A string value', + unionOfComplexType: { + text: 'foo', + value: 'bar' + }, + nullableComplexTypeUndefinedDefaultValue: undefined, + typeAlias: 'foo', + aliasesUnion: 'foo', + genericAlias: { + value: 'foo' + }, + namedStringLiteralUnion: 'top-right', + inlinedStringLiteralUnion: 'bottom-right', + namedNumericLiteralUnion: 0, + inlinedNumericLiteralUnion: 1 +}; +export const component = TypeScriptProps; +TypeScriptProps.__docgenInfo = { + \\"description\\": \\"\\", + \\"methods\\": [], + \\"displayName\\": \\"TypeScriptProps\\", + \\"props\\": { + \\"any\\": { + \\"defaultValue\\": { + \\"value\\": \\"'Any value'\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"string\\": { + \\"defaultValue\\": { + \\"value\\": \\"'A string value'\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"bool\\": { + \\"defaultValue\\": { + \\"value\\": \\"true\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"number\\": { + \\"defaultValue\\": { + \\"value\\": \\"5\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"voidFunc\\": { + \\"defaultValue\\": { + \\"value\\": \\"() => {}\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"funcWithArgsAndReturns\\": { + \\"defaultValue\\": { + \\"value\\": \\"function concat(a: string, b: string): string {\\\\n return a + b;\\\\n}\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"symbol\\": { + \\"defaultValue\\": { + \\"value\\": \\"Symbol('Default symbol')\\", + \\"computed\\": true + }, + \\"required\\": false + }, + \\"interface\\": { + \\"defaultValue\\": { + \\"value\\": \\"{ text: 'foo', value: 'bar' }\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"genericInterface\\": { + \\"defaultValue\\": { + \\"value\\": \\"{ value: 'A string value' }\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"arrayOfPrimitive\\": { + \\"defaultValue\\": { + \\"value\\": \\"['foo', 'bar']\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"arrayOfComplexObject\\": { + \\"defaultValue\\": { + \\"value\\": \\"[{ text: 'foo', value: 'bar' }]\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"tupleOfPrimitive\\": { + \\"defaultValue\\": { + \\"value\\": \\"['string value', 5]\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"tupleWithComplexType\\": { + \\"defaultValue\\": { + \\"value\\": \\"['string value', { text: 'foo', value: 'bar' }]\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"defaultEnum\\": { + \\"defaultValue\\": { + \\"value\\": \\"DefaultEnum.TopRight\\", + \\"computed\\": true + }, + \\"required\\": false + }, + \\"numericEnum\\": { + \\"defaultValue\\": { + \\"value\\": \\"NumericEnum.TopRight\\", + \\"computed\\": true + }, + \\"required\\": false + }, + \\"stringEnum\\": { + \\"defaultValue\\": { + \\"value\\": \\"StringEnum.TopRight\\", + \\"computed\\": true + }, + \\"required\\": false + }, + \\"enumUnion\\": { + \\"defaultValue\\": { + \\"value\\": \\"DefaultEnum.TopLeft\\", + \\"computed\\": true + }, + \\"required\\": false + }, + \\"recordOfPrimitive\\": { + \\"defaultValue\\": { + \\"value\\": \\"{ foo: 1, bar: 2 }\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"recordOfComplexObject\\": { + \\"defaultValue\\": { + \\"value\\": \\"{ foo: { text: 'bar', value: 'bar2' } }\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"intersectionType\\": { + \\"defaultValue\\": { + \\"value\\": \\"{ text: 'foo', value: 'bar', name: 'foo-bar' }\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"intersectionWithInlineType\\": { + \\"defaultValue\\": { + \\"value\\": \\"{ text: 'foo', value: 'bar', inlineValue: 'this is inlined' }\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"unionOfPrimitive\\": { + \\"defaultValue\\": { + \\"value\\": \\"'A string value'\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"unionOfComplexType\\": { + \\"defaultValue\\": { + \\"value\\": \\"{ text: 'foo', value: 'bar' }\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"nullableComplexTypeUndefinedDefaultValue\\": { + \\"defaultValue\\": { + \\"value\\": \\"undefined\\", + \\"computed\\": true + }, + \\"required\\": false + }, + \\"typeAlias\\": { + \\"defaultValue\\": { + \\"value\\": \\"'foo'\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"aliasesUnion\\": { + \\"defaultValue\\": { + \\"value\\": \\"'foo'\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"genericAlias\\": { + \\"defaultValue\\": { + \\"value\\": \\"{ value: 'foo' }\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"namedStringLiteralUnion\\": { + \\"defaultValue\\": { + \\"value\\": \\"'top-right'\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"inlinedStringLiteralUnion\\": { + \\"defaultValue\\": { + \\"value\\": \\"'bottom-right'\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"namedNumericLiteralUnion\\": { + \\"defaultValue\\": { + \\"value\\": \\"0\\", + \\"computed\\": false + }, + \\"required\\": false + }, + \\"inlinedNumericLiteralUnion\\": { + \\"defaultValue\\": { + \\"value\\": \\"1\\", + \\"computed\\": false + }, + \\"required\\": false + } + } +};" +`; diff --git a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ts-types.tsx b/code/renderers/react/template/stories/docgen-components/ts-types/input.tsx similarity index 94% rename from code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ts-types.tsx rename to code/renderers/react/template/stories/docgen-components/ts-types/input.tsx index eedd0b79d66..5c6c2ce40ab 100644 --- a/code/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/ts-types.tsx +++ b/code/renderers/react/template/stories/docgen-components/ts-types/input.tsx @@ -126,10 +126,4 @@ TypeScriptProps.defaultProps = { inlinedNumericLiteralUnion: 1, }; -interface TypeScriptHtmlComponentProps { - text: string; -} - -export const TypeScriptHtmlComponent: FC< - React.HTMLAttributes & TypeScriptHtmlComponentProps -> = () =>
My HTML component
; +export const component = TypeScriptProps; diff --git a/code/renderers/react/template/stories/docgen-components/ts-types/properties.snapshot b/code/renderers/react/template/stories/docgen-components/ts-types/properties.snapshot new file mode 100644 index 00000000000..f8dc80a47f0 --- /dev/null +++ b/code/renderers/react/template/stories/docgen-components/ts-types/properties.snapshot @@ -0,0 +1,410 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`react component properties ts-types 1`] = ` +Object { + "rows": Array [ + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'Any value'", + }, + "description": undefined, + "name": "any", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'A string value'", + }, + "description": undefined, + "name": "string", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "true", + }, + "description": undefined, + "name": "bool", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "5", + }, + "description": undefined, + "name": "number", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "() => {}", + }, + "description": undefined, + "name": "voidFunc", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "function concat(a: string, b: string): string { + return a + b; +}", + }, + "description": undefined, + "name": "funcWithArgsAndReturns", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "Symbol('Default symbol')", + }, + "description": undefined, + "name": "symbol", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ text: 'foo', value: 'bar' }", + }, + "description": undefined, + "name": "interface", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ value: 'A string value' }", + }, + "description": undefined, + "name": "genericInterface", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "['foo', 'bar']", + }, + "description": undefined, + "name": "arrayOfPrimitive", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "[{ text: 'foo', value: 'bar' }]", + }, + "description": undefined, + "name": "arrayOfComplexObject", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "['string value', 5]", + }, + "description": undefined, + "name": "tupleOfPrimitive", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "['string value', { text: 'foo', value: 'bar' }]", + }, + "description": undefined, + "name": "tupleWithComplexType", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "DefaultEnum.TopRight", + }, + "description": undefined, + "name": "defaultEnum", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "NumericEnum.TopRight", + }, + "description": undefined, + "name": "numericEnum", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "StringEnum.TopRight", + }, + "description": undefined, + "name": "stringEnum", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "DefaultEnum.TopLeft", + }, + "description": undefined, + "name": "enumUnion", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ foo: 1, bar: 2 }", + }, + "description": undefined, + "name": "recordOfPrimitive", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ foo: { text: 'bar', value: 'bar2' } }", + }, + "description": undefined, + "name": "recordOfComplexObject", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ text: 'foo', value: 'bar', name: 'foo-bar' }", + }, + "description": undefined, + "name": "intersectionType", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ text: 'foo', value: 'bar', inlineValue: 'this is inlined' }", + }, + "description": undefined, + "name": "intersectionWithInlineType", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'A string value'", + }, + "description": undefined, + "name": "unionOfPrimitive", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ text: 'foo', value: 'bar' }", + }, + "description": undefined, + "name": "unionOfComplexType", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": null, + "description": undefined, + "name": "nullableComplexTypeUndefinedDefaultValue", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'foo'", + }, + "description": undefined, + "name": "typeAlias", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'foo'", + }, + "description": undefined, + "name": "aliasesUnion", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "{ value: 'foo' }", + }, + "description": undefined, + "name": "genericAlias", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'top-right'", + }, + "description": undefined, + "name": "namedStringLiteralUnion", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "'bottom-right'", + }, + "description": undefined, + "name": "inlinedStringLiteralUnion", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "0", + }, + "description": undefined, + "name": "namedNumericLiteralUnion", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + Object { + "defaultValue": Object { + "detail": undefined, + "summary": "1", + }, + "description": undefined, + "name": "inlinedNumericLiteralUnion", + "required": false, + "type": Object { + "detail": undefined, + "summary": "unknown", + }, + }, + ], +} +`; diff --git a/code/renderers/react/template/stories/js-argtypes.stories.jsx b/code/renderers/react/template/stories/js-argtypes.stories.jsx new file mode 100644 index 00000000000..a3299558886 --- /dev/null +++ b/code/renderers/react/template/stories/js-argtypes.stories.jsx @@ -0,0 +1,91 @@ +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import mapValues from 'lodash/mapValues'; +import { PureArgsTable as ArgsTable } from '@storybook/blocks'; +import { inferControls } from '@storybook/store'; +import { ThemeProvider, themes, convert } from '@storybook/theming'; + +import { component as JsClassComponentComponent } from './docgen-components/js-class-component/input.jsx'; +import { component as JsFunctionComponentComponent } from './docgen-components/js-function-component/input.jsx'; +import { component as JsFunctionComponentInlineDefaultsComponent } from './docgen-components/js-function-component-inline-defaults/input.jsx'; +import { component as JsFunctionComponentInlineDefaultsNoPropTypesComponent } from './docgen-components/js-function-component-inline-defaults-no-propTypes/input.jsx'; +import { component as JsProptypesShapeComponent } from './docgen-components/9399-js-proptypes-shape/input.jsx'; +// import { component as JsStyledComponentsComponent } from './__testfixtures__/8663-js-styled-components/input'; +import { component as JsDefaultValuesComponent } from './docgen-components/9626-js-default-values/input.jsx'; +import { component as JsProptypesNoJsdocComponent } from './docgen-components/9668-js-proptypes-no-jsdoc/input.jsx'; +// import { component as JsStyledDocgenComponent } from './__testfixtures__/8279-js-styled-docgen/input'; +import { component as JsPropTypesOneofComponent } from './docgen-components/8140-js-prop-types-oneof/input.jsx'; +import { component as JsHocComponent } from './docgen-components/9023-js-hoc/input.jsx'; +import { component as JsReactMemoComponent } from './docgen-components/9586-js-react-memo/input.jsx'; +import { component as JsStaticPropTypesComponent } from './docgen-components/8428-js-static-prop-types/input.jsx'; +import { component as JsdocComponent } from './docgen-components/jsdoc/input.jsx'; +import { component as JsProptypesComponent } from './docgen-components/js-proptypes/input.jsx'; + +// Detect if we are running in vite in a hacky way for now +const isVite = typeof require === 'undefined'; + +export default { + component: {}, + render: (_, context) => , + parameters: { + chromatic: { + disableSnapshot: isVite, + }, + }, +}; + +const ArgsStory = ({ parameters }) => { + const argTypes = parameters.docs.extractArgTypes(parameters.component); + const rows = inferControls({ argTypes, parameters: { __isArgsStory: true } }); + const initialArgs = mapValues(rows, (argType) => argType.defaultValue); + const [args, setArgs] = useState(initialArgs); + + return ( + + setArgs({ ...args, ...val })} /> + + ); +}; + +ArgsStory.propTypes = { + parameters: PropTypes.shape({ + component: PropTypes.elementType.isRequired, + docs: PropTypes.shape({ + extractArgTypes: PropTypes.func.isRequired, + }).isRequired, + }).isRequired, +}; + +export const JsClassComponent = { parameters: { component: JsClassComponentComponent } }; + +export const JsFunctionComponent = { parameters: { component: JsFunctionComponentComponent } }; + +export const JsFunctionComponentInlineDefaults = { + parameters: { component: JsFunctionComponentInlineDefaultsComponent }, +}; + +export const JsFunctionComponentInlineDefaultsNoPropTypes = { + parameters: { component: JsFunctionComponentInlineDefaultsNoPropTypesComponent }, +}; + +export const JsProptypesShape = { parameters: { component: JsProptypesShapeComponent } }; + +// export const JsStyledComponents = { parameters: { component: JsStyledComponentsComponent } }; + +export const JsDefaultValues = { parameters: { component: JsDefaultValuesComponent } }; + +export const JsProptypesNoJsdoc = { parameters: { component: JsProptypesNoJsdocComponent } }; + +// export const JsStyledDocgen = { parameters: { component: JsStyledDocgenComponent } }; + +export const JsPropTypesOneof = { parameters: { component: JsPropTypesOneofComponent } }; + +export const JsHoc = { parameters: { component: JsHocComponent } }; + +export const JsReactMemo = { parameters: { component: JsReactMemoComponent } }; + +export const JsStaticPropTypes = { parameters: { component: JsStaticPropTypesComponent } }; + +export const Jsdoc = { parameters: { component: JsdocComponent } }; + +export const JsProptypes = { parameters: { component: JsProptypesComponent } }; diff --git a/code/renderers/react/template/stories/ts-argtypes.stories.tsx b/code/renderers/react/template/stories/ts-argtypes.stories.tsx new file mode 100644 index 00000000000..43a55ae6ab0 --- /dev/null +++ b/code/renderers/react/template/stories/ts-argtypes.stories.tsx @@ -0,0 +1,81 @@ +import React, { useState } from 'react'; +import mapValues from 'lodash/mapValues'; +import { PureArgsTable as ArgsTable } from '@storybook/blocks'; +import type { Args, Parameters, StoryContext } from '@storybook/csf'; +import { inferControls } from '@storybook/store'; +import { ThemeProvider, themes, convert } from '@storybook/theming'; + +import { component as TsFunctionComponentComponent } from './docgen-components/ts-function-component/input'; +import { component as TsFunctionComponentInlineDefaultsComponent } from './docgen-components/ts-function-component-inline-defaults/input'; +import { component as TsReactFcGenericsComponent } from './docgen-components/8143-ts-react-fc-generics/input'; +import { component as TsImportedTypesComponent } from './docgen-components/8143-ts-imported-types/input'; +import { component as TsMultiPropsComponent } from './docgen-components/8740-ts-multi-props/input'; +import { component as TsReactDefaultExportsComponent } from './docgen-components/9556-ts-react-default-exports/input'; +import { component as TsImportTypesComponent } from './docgen-components/9591-ts-import-types/input'; +import { component as TsDeprecatedJsdocComponent } from './docgen-components/9721-ts-deprecated-jsdoc/input'; +import { component as TsDefaultValuesComponent } from './docgen-components/9827-ts-default-values/input'; +import { component as TsCamelCaseComponent } from './docgen-components/9575-ts-camel-case/input'; +import { component as TsDisplayNameComponent } from './docgen-components/9493-ts-display-name/input'; +import { component as TsForwardRefComponent } from './docgen-components/8894-9511-ts-forward-ref/input'; +import { component as TsTypePropsComponent } from './docgen-components/9465-ts-type-props/input'; +import { component as TsExtendPropsComponent } from './docgen-components/9764-ts-extend-props/input'; +import { component as TsComponentPropsComponent } from './docgen-components/9922-ts-component-props/input'; +import { component as TsJsdocComponent } from './docgen-components/ts-jsdoc/input'; +import { component as TsTypesComponent } from './docgen-components/ts-types/input'; +import { component as TsHtmlComponent } from './docgen-components/ts-html/input'; + +export default { + component: {}, + render: (_: Args, context: StoryContext) => , +}; + +const ArgsStory = ({ parameters }: { parameters: Parameters }) => { + const argTypes = parameters.docs.extractArgTypes(parameters.component); + const rows = inferControls({ argTypes, parameters: { __isArgsStory: true } } as any); + const initialArgs = mapValues(rows, (argType) => argType.defaultValue); + const [args, setArgs] = useState(initialArgs); + + return ( + + setArgs({ ...args, ...val })} /> + + ); +}; + +export const TsFunctionComponent = { parameters: { component: TsFunctionComponentComponent } }; + +export const TsFunctionComponentInlineDefaults = { + parameters: { component: TsFunctionComponentInlineDefaultsComponent }, +}; + +export const TsReactFcGenerics = { parameters: { component: TsReactFcGenericsComponent } }; + +export const TsImportedTypes = { parameters: { component: TsImportedTypesComponent } }; + +export const TsMultiProps = { parameters: { component: TsMultiPropsComponent } }; + +export const TsReactDefaultExports = { parameters: { component: TsReactDefaultExportsComponent } }; + +export const TsImportTypes = { parameters: { component: TsImportTypesComponent } }; + +export const TsDeprecatedJsdoc = { parameters: { component: TsDeprecatedJsdocComponent } }; + +export const TsDefaultValues = { parameters: { component: TsDefaultValuesComponent } }; + +export const TsCamelCase = { parameters: { component: TsCamelCaseComponent } }; + +export const TsDisplayName = { parameters: { component: TsDisplayNameComponent } }; + +export const TsForwardRef = { parameters: { component: TsForwardRefComponent } }; + +export const TsTypeProps = { parameters: { component: TsTypePropsComponent } }; + +export const TsExtendProps = { parameters: { component: TsExtendPropsComponent } }; + +export const TsComponentProps = { parameters: { component: TsComponentPropsComponent } }; + +export const TsJsdoc = { parameters: { component: TsJsdocComponent } }; + +export const TsTypes = { parameters: { component: TsTypesComponent } }; + +export const TsHtml = { parameters: { component: TsHtmlComponent } }; diff --git a/code/renderers/vue/src/decorateStory.ts b/code/renderers/vue/src/decorateStory.ts index 9ef7a2d34be..534d525374b 100644 --- a/code/renderers/vue/src/decorateStory.ts +++ b/code/renderers/vue/src/decorateStory.ts @@ -10,7 +10,8 @@ export const WRAPS = 'STORYBOOK_WRAPS'; function prepare( rawStory: StoryFnVueReturnType, - innerStory?: VueConstructor + innerStory?: VueConstructor, + context?: StoryContext ): VueConstructor | null { let story: ComponentOptions | VueConstructor; @@ -37,8 +38,13 @@ function prepare( return Vue.extend({ // @ts-expect-error // https://github.com/storybookjs/storybook/pull/7578#discussion_r307985279 [WRAPS]: story, - // @ts-expect-error // https://github.com/storybookjs/storybook/pull/7578#discussion_r307984824 - [VALUES]: { ...(innerStory ? innerStory.options[VALUES] : {}), ...extractProps(story) }, + [VALUES]: { + // @ts-expect-error // https://github.com/storybookjs/storybook/pull/7578#discussion_r307984824 + ...(innerStory ? innerStory.options[VALUES] : {}), + // @ts-expect-error // https://github.com/storybookjs/storybook/pull/7578#discussion_r307984824 + ...extractProps(story), + ...(context?.args || {}), + }, functional: true, render(h, { data, parent, children }) { return h( @@ -77,6 +83,8 @@ export function decorateStory( return prepare(decoratedStory, story as any); }, - (context) => prepare(storyFn(context)) + (context) => { + return prepare(storyFn(context), null, context); + } ); } diff --git a/code/renderers/vue/src/globals.ts b/code/renderers/vue/src/globals.ts index e80d65427f4..2fec84f6960 100644 --- a/code/renderers/vue/src/globals.ts +++ b/code/renderers/vue/src/globals.ts @@ -3,5 +3,4 @@ import global from 'global'; const { window: globalWindow } = global; -globalWindow.STORYBOOK_REACT_CLASSES = {}; globalWindow.STORYBOOK_ENV = 'vue'; diff --git a/code/renderers/vue/src/render.ts b/code/renderers/vue/src/render.ts index 22fec5d8bdb..aa011a7dd93 100644 --- a/code/renderers/vue/src/render.ts +++ b/code/renderers/vue/src/render.ts @@ -26,6 +26,11 @@ const getRoot = (domElement: Element): Instance => { return map.get(domElement); } + // Create a dummy "target" underneath #storybook-root + // that Vue2 will replace on first render with #storybook-vue-root + const target = document.createElement('div'); + domElement.appendChild(target); + const instance = new Vue({ beforeDestroy() { map.delete(domElement); @@ -36,17 +41,17 @@ const getRoot = (domElement: Element): Instance => { [VALUES]: {}, }; }, + // @ts-expect-error What's going on here? render(h) { map.set(domElement, instance); - const children = this[COMPONENT] ? [h(this[COMPONENT])] : undefined; - return h('div', { attrs: { id: 'storybook-root' } }, children); + return this[COMPONENT] ? [h(this[COMPONENT])] : undefined; }, - }); + }) as Instance; return instance; }; -export const render: ArgsStoryFn = (props, context) => { +export const render: ArgsStoryFn = (args, context) => { const { id, component: Component, argTypes } = context; const component = Component as VueFramework['component'] & { __docgenInfo?: { displayName: string }; @@ -84,7 +89,6 @@ export function renderToDOM( title, name, storyFn, - storyContext: { args }, showMain, showError, showException, @@ -96,6 +100,20 @@ export function renderToDOM( Vue.config.errorHandler = showException; const element = storyFn(); + let mountTarget: Element; + + // Vue2 mount always replaces the mount target with Vue-generated DOM. + // https://v2.vuejs.org/v2/api/#el:~:text=replaced%20with%20Vue%2Dgenerated%20DOM + // We cannot mount to the domElement directly, because it would be replaced. That would + // break the references to the domElement like canvasElement used in the play function. + // Instead, we mount to a child element of the domElement, creating one if necessary. + if (domElement.hasChildNodes()) { + mountTarget = domElement.firstElementChild; + } else { + mountTarget = document.createElement('div'); + domElement.appendChild(mountTarget); + } + if (!element) { showError({ title: `Expecting a Vue component from the story: "${name}" of "${title}".`, @@ -113,10 +131,10 @@ export function renderToDOM( } // @ts-expect-error https://github.com/storybookjs/storrybook/pull/7578#discussion_r307986139 - root[VALUES] = { ...element.options[VALUES], ...args }; + root[VALUES] = { ...element.options[VALUES] }; if (!map.has(domElement)) { - root.$mount(domElement); + root.$mount(mountTarget); } showMain(); diff --git a/code/renderers/vue/template/stories/README.md b/code/renderers/vue/template/stories/README.md new file mode 100644 index 00000000000..37d8743baec --- /dev/null +++ b/code/renderers/vue/template/stories/README.md @@ -0,0 +1 @@ +Placeholder until we write some render-specific stories diff --git a/code/renderers/vue3/src/globals.ts b/code/renderers/vue3/src/globals.ts index ab2c948bafd..5a17ebf6532 100644 --- a/code/renderers/vue3/src/globals.ts +++ b/code/renderers/vue3/src/globals.ts @@ -3,5 +3,4 @@ import global from 'global'; const { window: globalWindow } = global; -globalWindow.STORYBOOK_REACT_CLASSES = {}; globalWindow.STORYBOOK_ENV = 'vue3'; diff --git a/code/renderers/web-components/src/config.ts b/code/renderers/web-components/src/config.ts index 83d74fd4d9d..db7cf8f12a3 100644 --- a/code/renderers/web-components/src/config.ts +++ b/code/renderers/web-components/src/config.ts @@ -2,4 +2,4 @@ import { parameters as docsParams } from './docs/config'; export const parameters = { framework: 'web-components' as const, ...docsParams }; export { decorators, argTypesEnhancers } from './docs/config'; -export { renderToDOM } from './render'; +export { render, renderToDOM } from './render'; diff --git a/code/renderers/web-components/src/docs/sourceDecorator.test.ts b/code/renderers/web-components/src/docs/sourceDecorator.test.ts index e08f0f3dee5..e516b915000 100644 --- a/code/renderers/web-components/src/docs/sourceDecorator.test.ts +++ b/code/renderers/web-components/src/docs/sourceDecorator.test.ts @@ -1,5 +1,6 @@ +/* eslint-disable import/extensions */ import { html } from 'lit-html'; -import { styleMap } from 'lit-html/directives/style-map'; +import { styleMap } from 'lit-html/directives/style-map.js'; import { addons, useEffect } from '@storybook/addons'; import { SNIPPET_RENDERED } from '@storybook/docs-tools'; import type { StoryContext } from '../types'; diff --git a/code/renderers/web-components/src/render.ts b/code/renderers/web-components/src/render.ts index 8347d200239..5696e983a2d 100644 --- a/code/renderers/web-components/src/render.ts +++ b/code/renderers/web-components/src/render.ts @@ -3,16 +3,33 @@ import global from 'global'; import { dedent } from 'ts-dedent'; -import { render } from 'lit-html'; +import { render as litRender, html } from 'lit-html'; // Keep `.js` extension to avoid issue with Webpack (related to export map?) // eslint-disable-next-line import/extensions import { isTemplateResult } from 'lit-html/directive-helpers.js'; import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web'; import type { RenderContext } from '@storybook/store'; +import { ArgsStoryFn } from '@storybook/csf'; import { WebComponentsFramework } from './types'; const { Node } = global; +export const render: ArgsStoryFn = (args, context) => { + const { id, component } = context; + if (!component) { + throw new Error( + `Unable to render story ${id} as the component annotation is missing from the default export` + ); + } + + // FIXME: replace by one of + // - https://github.com/lit/lit/pull/1960 + // - https://github.com/open-wc/open-wc/pull/2398 + const argProps = Object.entries(args).map(([key, val]) => `.${key}=${val}`); + + return html`<${component} ${argProps.join(' ')}>`; +}; + export function renderToDOM( { storyFn, kind, name, showMain, showError, forceRemount }: RenderContext, domElement: Element @@ -29,7 +46,7 @@ export function renderToDOM( } const renderTo = domElement.querySelector('[id="root-inner"]'); - render(element, renderTo); + litRender(element, renderTo); simulatePageLoad(domElement); } else if (typeof element === 'string') { domElement.innerHTML = element; diff --git a/code/renderers/web-components/template/components/Button.js b/code/renderers/web-components/template/components/Button.js new file mode 100644 index 00000000000..f8fa7f0eb27 --- /dev/null +++ b/code/renderers/web-components/template/components/Button.js @@ -0,0 +1,22 @@ +/* eslint-disable import/extensions */ +import { html } from 'lit-html'; +import { styleMap } from 'lit-html/directives/style-map.js'; +import './button.css'; + +/** + * Primary UI component for user interaction + */ +export const Button = ({ primary, backgroundColor = null, size, label, onClick }) => { + const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary'; + + return html` + + `; +}; diff --git a/code/renderers/web-components/template/components/Pre.js b/code/renderers/web-components/template/components/Pre.js new file mode 100644 index 00000000000..6ef56f08d22 --- /dev/null +++ b/code/renderers/web-components/template/components/Pre.js @@ -0,0 +1,14 @@ +/* eslint-disable import/extensions */ +import { html } from 'lit-html'; +import { styleMap } from 'lit-html/directives/style-map.js'; + +/** + * Helper component for rendering text or data + */ +export const Pre = ({ style, object, text }) => + html` + 
+      ${object ? JSON.stringify(object, null, 2) : text}
+
+ `; diff --git a/code/renderers/web-components/template/components/button.css b/code/renderers/web-components/template/components/button.css new file mode 100644 index 00000000000..dc91dc76370 --- /dev/null +++ b/code/renderers/web-components/template/components/button.css @@ -0,0 +1,30 @@ +.storybook-button { + font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 700; + border: 0; + border-radius: 3em; + cursor: pointer; + display: inline-block; + line-height: 1; +} +.storybook-button--primary { + color: white; + background-color: #1ea7fd; +} +.storybook-button--secondary { + color: #333; + background-color: transparent; + box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; +} +.storybook-button--small { + font-size: 12px; + padding: 10px 16px; +} +.storybook-button--medium { + font-size: 14px; + padding: 11px 20px; +} +.storybook-button--large { + font-size: 16px; + padding: 12px 24px; +} diff --git a/code/renderers/web-components/template/components/index.js b/code/renderers/web-components/template/components/index.js new file mode 100644 index 00000000000..45cb3328052 --- /dev/null +++ b/code/renderers/web-components/template/components/index.js @@ -0,0 +1,6 @@ +import globalThis from 'global'; + +import { Button } from './Button'; +import { Pre } from './Pre'; + +globalThis.Components = { Button, Pre }; diff --git a/code/renderers/web-components/template/stories/README.md b/code/renderers/web-components/template/stories/README.md new file mode 100644 index 00000000000..37d8743baec --- /dev/null +++ b/code/renderers/web-components/template/stories/README.md @@ -0,0 +1 @@ +Placeholder until we write some render-specific stories diff --git a/code/workspace.json b/code/workspace.json index a08ed1c6f24..b47e3d67675 100644 --- a/code/workspace.json +++ b/code/workspace.json @@ -381,6 +381,11 @@ "type": "library", "implicitDependencies": [] }, + "@storybook/vue-vite": { + "root": "frameworks/vue-vite", + "type": "library", + "implicitDependencies": [] + }, "@storybook/vue3": { "root": "renderers/vue3", "type": "library", @@ -401,6 +406,11 @@ "type": "library", "implicitDependencies": [] }, + "@storybook/web-components-vite": { + "root": "frameworks/web-components-vite", + "type": "library", + "implicitDependencies": [] + }, "@storybook/web-components-webpack5": { "root": "frameworks/web-components-webpack5", "type": "library", @@ -411,11 +421,6 @@ "type": "library", "implicitDependencies": [] }, - "cra-ts-kitchen-sink": { - "root": "examples/cra-ts-kitchen-sink", - "type": "library", - "implicitDependencies": [] - }, "ember-example": { "root": "examples/ember-cli", "type": "library", diff --git a/code/yarn.lock b/code/yarn.lock index c54036819e4..2f5b8077613 100644 --- a/code/yarn.lock +++ b/code/yarn.lock @@ -336,19 +336,6 @@ __metadata: languageName: node linkType: hard -"@apideck/better-ajv-errors@npm:^0.3.1": - version: 0.3.6 - resolution: "@apideck/better-ajv-errors@npm:0.3.6" - dependencies: - json-schema: ^0.4.0 - jsonpointer: ^5.0.0 - leven: ^3.1.0 - peerDependencies: - ajv: ">=8" - checksum: f89a1e16ecbc2ada91c56d4391c8345471e385f0b9c38d62c3bccac40ec94482cdfa496d4c2fe0af411e9851a9931c0d5042a8040f52213f603ba6b6fd7f949b - languageName: node - linkType: hard - "@assemblyscript/loader@npm:^0.10.1": version: 0.10.1 resolution: "@assemblyscript/loader@npm:0.10.1" @@ -414,7 +401,7 @@ __metadata: languageName: node linkType: hard -"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.18.6, @babel/code-frame@npm:^7.8.3": +"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.18.6, @babel/code-frame@npm:^7.8.3": version: 7.18.6 resolution: "@babel/code-frame@npm:7.18.6" dependencies: @@ -500,7 +487,7 @@ __metadata: languageName: node linkType: hard -"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.11.5, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.0, @babel/core@npm:^7.12.10, @babel/core@npm:^7.12.16, @babel/core@npm:^7.12.3, @babel/core@npm:^7.12.9, @babel/core@npm:^7.13.16, @babel/core@npm:^7.16.0, @babel/core@npm:^7.17.2, @babel/core@npm:^7.17.5, @babel/core@npm:^7.18.13, @babel/core@npm:^7.3.4, @babel/core@npm:^7.7.2, @babel/core@npm:^7.7.5, @babel/core@npm:^7.8.0": +"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.5, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.0, @babel/core@npm:^7.12.10, @babel/core@npm:^7.12.16, @babel/core@npm:^7.12.3, @babel/core@npm:^7.12.9, @babel/core@npm:^7.13.16, @babel/core@npm:^7.17.2, @babel/core@npm:^7.17.5, @babel/core@npm:^7.18.13, @babel/core@npm:^7.3.4, @babel/core@npm:^7.7.2, @babel/core@npm:^7.7.5, @babel/core@npm:^7.8.0": version: 7.19.1 resolution: "@babel/core@npm:7.19.1" dependencies: @@ -523,20 +510,6 @@ __metadata: languageName: node linkType: hard -"@babel/eslint-parser@npm:^7.16.3": - version: 7.19.1 - resolution: "@babel/eslint-parser@npm:7.19.1" - dependencies: - "@nicolo-ribaudo/eslint-scope-5-internals": 5.1.1-v1 - eslint-visitor-keys: ^2.1.0 - semver: ^6.3.0 - peerDependencies: - "@babel/core": ">=7.11.0" - eslint: ^7.5.0 || ^8.0.0 - checksum: a0af9095b037b4495c1f69694b8cf9b2ed070167e68d6e4f64166e75f60ccb761115509e7e7c489dbb89ecb0f5eef79aa0910d9f2ac18d04eecbe27917032aee - languageName: node - linkType: hard - "@babel/generator@npm:7.16.8": version: 7.16.8 resolution: "@babel/generator@npm:7.16.8" @@ -690,7 +663,7 @@ __metadata: languageName: node linkType: hard -"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.0, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.8.3": +"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.0, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.8.3": version: 7.18.6 resolution: "@babel/helper-module-imports@npm:7.18.6" dependencies: @@ -907,7 +880,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-proposal-class-properties@npm:^7.1.0, @babel/plugin-proposal-class-properties@npm:^7.12.13, @babel/plugin-proposal-class-properties@npm:^7.13.0, @babel/plugin-proposal-class-properties@npm:^7.16.0, @babel/plugin-proposal-class-properties@npm:^7.16.5, @babel/plugin-proposal-class-properties@npm:^7.16.7, @babel/plugin-proposal-class-properties@npm:^7.18.6": +"@babel/plugin-proposal-class-properties@npm:^7.1.0, @babel/plugin-proposal-class-properties@npm:^7.12.13, @babel/plugin-proposal-class-properties@npm:^7.13.0, @babel/plugin-proposal-class-properties@npm:^7.16.5, @babel/plugin-proposal-class-properties@npm:^7.16.7, @babel/plugin-proposal-class-properties@npm:^7.18.6": version: 7.18.6 resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6" dependencies: @@ -932,7 +905,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-proposal-decorators@npm:^7.12.13, @babel/plugin-proposal-decorators@npm:^7.13.5, @babel/plugin-proposal-decorators@npm:^7.16.4, @babel/plugin-proposal-decorators@npm:^7.17.2": +"@babel/plugin-proposal-decorators@npm:^7.12.13, @babel/plugin-proposal-decorators@npm:^7.13.5, @babel/plugin-proposal-decorators@npm:^7.17.2": version: 7.19.1 resolution: "@babel/plugin-proposal-decorators@npm:7.19.1" dependencies: @@ -1007,7 +980,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.0, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.7, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6": +"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.7, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6": version: 7.18.6 resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6" dependencies: @@ -1019,7 +992,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-proposal-numeric-separator@npm:^7.16.0, @babel/plugin-proposal-numeric-separator@npm:^7.16.7, @babel/plugin-proposal-numeric-separator@npm:^7.18.6": +"@babel/plugin-proposal-numeric-separator@npm:^7.16.7, @babel/plugin-proposal-numeric-separator@npm:^7.18.6": version: 7.18.6 resolution: "@babel/plugin-proposal-numeric-separator@npm:7.18.6" dependencies: @@ -1071,7 +1044,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-proposal-optional-chaining@npm:^7.13.12, @babel/plugin-proposal-optional-chaining@npm:^7.16.0, @babel/plugin-proposal-optional-chaining@npm:^7.16.7, @babel/plugin-proposal-optional-chaining@npm:^7.18.9": +"@babel/plugin-proposal-optional-chaining@npm:^7.13.12, @babel/plugin-proposal-optional-chaining@npm:^7.16.7, @babel/plugin-proposal-optional-chaining@npm:^7.18.9": version: 7.18.9 resolution: "@babel/plugin-proposal-optional-chaining@npm:7.18.9" dependencies: @@ -1084,7 +1057,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-proposal-private-methods@npm:^7.16.0, @babel/plugin-proposal-private-methods@npm:^7.16.11, @babel/plugin-proposal-private-methods@npm:^7.16.5, @babel/plugin-proposal-private-methods@npm:^7.18.6": +"@babel/plugin-proposal-private-methods@npm:^7.16.11, @babel/plugin-proposal-private-methods@npm:^7.16.5, @babel/plugin-proposal-private-methods@npm:^7.18.6": version: 7.18.6 resolution: "@babel/plugin-proposal-private-methods@npm:7.18.6" dependencies: @@ -1096,7 +1069,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-proposal-private-property-in-object@npm:^7.16.0, @babel/plugin-proposal-private-property-in-object@npm:^7.16.5, @babel/plugin-proposal-private-property-in-object@npm:^7.16.7, @babel/plugin-proposal-private-property-in-object@npm:^7.18.6": +"@babel/plugin-proposal-private-property-in-object@npm:^7.16.5, @babel/plugin-proposal-private-property-in-object@npm:^7.16.7, @babel/plugin-proposal-private-property-in-object@npm:^7.18.6": version: 7.18.6 resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.18.6" dependencies: @@ -1510,7 +1483,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-flow-strip-types@npm:^7.16.0, @babel/plugin-transform-flow-strip-types@npm:^7.18.6": +"@babel/plugin-transform-flow-strip-types@npm:^7.18.6": version: 7.19.0 resolution: "@babel/plugin-transform-flow-strip-types@npm:7.19.0" dependencies: @@ -1690,18 +1663,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-react-constant-elements@npm:^7.12.1": - version: 7.18.12 - resolution: "@babel/plugin-transform-react-constant-elements@npm:7.18.12" - dependencies: - "@babel/helper-plugin-utils": ^7.18.9 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 5982513369837038d6cfa17a6c85e029462c1cdc30843a3d5056b738d0ba90f35a01a552e546fabdf67a9333a2092863a2c8493a97e8baf9660c6ee2051a2bed - languageName: node - linkType: hard - -"@babel/plugin-transform-react-display-name@npm:^7.16.0, @babel/plugin-transform-react-display-name@npm:^7.18.6": +"@babel/plugin-transform-react-display-name@npm:^7.18.6": version: 7.18.6 resolution: "@babel/plugin-transform-react-display-name@npm:7.18.6" dependencies: @@ -1811,7 +1773,7 @@ __metadata: languageName: node linkType: hard -"@babel/plugin-transform-runtime@npm:^7.12.15, @babel/plugin-transform-runtime@npm:^7.13.9, @babel/plugin-transform-runtime@npm:^7.16.4": +"@babel/plugin-transform-runtime@npm:^7.12.15, @babel/plugin-transform-runtime@npm:^7.13.9": version: 7.19.1 resolution: "@babel/plugin-transform-runtime@npm:7.19.1" dependencies: @@ -2025,7 +1987,7 @@ __metadata: languageName: node linkType: hard -"@babel/preset-env@npm:^7.11.0, @babel/preset-env@npm:^7.12.1, @babel/preset-env@npm:^7.12.11, @babel/preset-env@npm:^7.12.16, @babel/preset-env@npm:^7.16.11, @babel/preset-env@npm:^7.16.4, @babel/preset-env@npm:^7.16.5, @babel/preset-env@npm:^7.17.10": +"@babel/preset-env@npm:^7.12.11, @babel/preset-env@npm:^7.12.16, @babel/preset-env@npm:^7.16.11, @babel/preset-env@npm:^7.16.5, @babel/preset-env@npm:^7.17.10": version: 7.19.1 resolution: "@babel/preset-env@npm:7.19.1" dependencies: @@ -2138,7 +2100,7 @@ __metadata: languageName: node linkType: hard -"@babel/preset-react@npm:^7.12.10, @babel/preset-react@npm:^7.12.5, @babel/preset-react@npm:^7.16.0, @babel/preset-react@npm:^7.16.7": +"@babel/preset-react@npm:^7.12.10, @babel/preset-react@npm:^7.16.7": version: 7.18.6 resolution: "@babel/preset-react@npm:7.18.6" dependencies: @@ -2154,7 +2116,7 @@ __metadata: languageName: node linkType: hard -"@babel/preset-typescript@npm:^7.12.7, @babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.16.0, @babel/preset-typescript@npm:^7.16.7": +"@babel/preset-typescript@npm:^7.12.7, @babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.16.7": version: 7.18.6 resolution: "@babel/preset-typescript@npm:7.18.6" dependencies: @@ -2219,7 +2181,7 @@ __metadata: languageName: node linkType: hard -"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.5, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.8, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.2, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.9, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2": +"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.5, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.8, @babel/runtime@npm:^7.17.2, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.9, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2": version: 7.19.0 resolution: "@babel/runtime@npm:7.19.0" dependencies: @@ -2288,7 +2250,7 @@ __metadata: languageName: node linkType: hard -"@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.6, @babel/types@npm:^7.12.7, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.18.10, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.8, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.2.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.0, @babel/types@npm:^7.4.4, @babel/types@npm:^7.6.1, @babel/types@npm:^7.7.0, @babel/types@npm:^7.7.2, @babel/types@npm:^7.8.3, @babel/types@npm:^7.8.6, @babel/types@npm:^7.8.7, @babel/types@npm:^7.9.6": +"@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.7, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.18.10, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.8, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0, @babel/types@npm:^7.2.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.0, @babel/types@npm:^7.4.4, @babel/types@npm:^7.6.1, @babel/types@npm:^7.7.0, @babel/types@npm:^7.7.2, @babel/types@npm:^7.8.3, @babel/types@npm:^7.8.6, @babel/types@npm:^7.8.7, @babel/types@npm:^7.9.6": version: 7.19.0 resolution: "@babel/types@npm:7.19.0" dependencies: @@ -2433,118 +2395,7 @@ __metadata: languageName: node linkType: hard -"@csstools/normalize.css@npm:*": - version: 12.0.0 - resolution: "@csstools/normalize.css@npm:12.0.0" - checksum: 707e3699727dec0d28537a06d7340bcea844824dd704f8fee6e4a2bc08f3e0ed2b0d6f99ff20534a8632a6cd1dcd82d6c04c431bb1c6e396bfed0c4572ec724e - languageName: node - linkType: hard - -"@csstools/postcss-cascade-layers@npm:^1.1.0": - version: 1.1.1 - resolution: "@csstools/postcss-cascade-layers@npm:1.1.1" - dependencies: - "@csstools/selector-specificity": ^2.0.2 - postcss-selector-parser: ^6.0.10 - peerDependencies: - postcss: ^8.2 - checksum: 8dcfe748194c95b2bf24cb90845d3b1e7f9a3d831f76d5ce97188026a39bec28379a5672e62ab09e4e83b24dfb93e6d784d194e4fb9474c933f93ce131cae769 - languageName: node - linkType: hard - -"@csstools/postcss-color-function@npm:^1.1.1": - version: 1.1.1 - resolution: "@csstools/postcss-color-function@npm:1.1.1" - dependencies: - "@csstools/postcss-progressive-custom-properties": ^1.1.0 - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: 802e23fc5ac38aed7366be2ffc3ae5572b45c82b31a0ced10a8fb8e69e7e15f6e975053ce54a6dabb6e56aa5d90a396d49c24eea5723165316acc9b3f988a085 - languageName: node - linkType: hard - -"@csstools/postcss-font-format-keywords@npm:^1.0.1": - version: 1.0.1 - resolution: "@csstools/postcss-font-format-keywords@npm:1.0.1" - dependencies: - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: bbd52500809ddc62fe5052d43f3353797d47608bab59e0f62da8165de33404ed047a024f190d69b22e1d4883a43e5a48af443c390010bcc1d58d880cc808715e - languageName: node - linkType: hard - -"@csstools/postcss-hwb-function@npm:^1.0.2": - version: 1.0.2 - resolution: "@csstools/postcss-hwb-function@npm:1.0.2" - dependencies: - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: 28dfbfc01b5b1d9dd33d2cc9c2ae9b57e73bdf90f2f698f786863c3e116145a1bbe4146b2db2fdfa470444cd8cc9cedac86cf893a9025a690a350a47a040107a - languageName: node - linkType: hard - -"@csstools/postcss-ic-unit@npm:^1.0.1": - version: 1.0.1 - resolution: "@csstools/postcss-ic-unit@npm:1.0.1" - dependencies: - "@csstools/postcss-progressive-custom-properties": ^1.1.0 - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: f12ee4c3e6858be4fdf3cad05013898b7b8e62122709ef62c3b236232b1181bd142e7f19460e968fd7759e6d10b113e82a87c206f5adcaaf5ef3acf1c446e5f8 - languageName: node - linkType: hard - -"@csstools/postcss-is-pseudo-class@npm:^2.0.7": - version: 2.0.7 - resolution: "@csstools/postcss-is-pseudo-class@npm:2.0.7" - dependencies: - "@csstools/selector-specificity": ^2.0.0 - postcss-selector-parser: ^6.0.10 - peerDependencies: - postcss: ^8.2 - checksum: 7b0a511f6283b5a2c6f6fc2eecf08f7fbe3772c44cf3a2be327b41731aeafcc93cf7f2a4e01ff6dcb7c5fa88d941ae4b818f0ed2ec93f708d7efda5a3e5a8089 - languageName: node - linkType: hard - -"@csstools/postcss-nested-calc@npm:^1.0.0": - version: 1.0.0 - resolution: "@csstools/postcss-nested-calc@npm:1.0.0" - dependencies: - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: b737ed55581282c9c23b65e6b6fbc7be26f354f384c617f1f73cc252f5d9f4b3386f9b3eef5267efc84452c329895dd438864b6e4f46b0fc7d37045e00a4408c - languageName: node - linkType: hard - -"@csstools/postcss-normalize-display-values@npm:^1.0.1": - version: 1.0.1 - resolution: "@csstools/postcss-normalize-display-values@npm:1.0.1" - dependencies: - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: 92361a0917b22f3d47c61706c4124560265d9b316b3d877ab2a759de9ae8fe4c50729cc79b99a81aa3a4b54e67d4acc7512c6d460bf308c2197acdc3e9f1287e - languageName: node - linkType: hard - -"@csstools/postcss-oklab-function@npm:^1.1.1": - version: 1.1.1 - resolution: "@csstools/postcss-oklab-function@npm:1.1.1" - dependencies: - "@csstools/postcss-progressive-custom-properties": ^1.1.0 - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: f7a3734154bbe3658cee776417cadb99cedfe138b2c1893095a87694fce5498cb623c743cdd5eef933c450cfbba8961b3fa079ebcb5039636f81567deb9db5d5 - languageName: node - linkType: hard - -"@csstools/postcss-progressive-custom-properties@npm:^1.1.0, @csstools/postcss-progressive-custom-properties@npm:^1.3.0": +"@csstools/postcss-progressive-custom-properties@npm:^1.1.0": version: 1.3.0 resolution: "@csstools/postcss-progressive-custom-properties@npm:1.3.0" dependencies: @@ -2555,49 +2406,7 @@ __metadata: languageName: node linkType: hard -"@csstools/postcss-stepped-value-functions@npm:^1.0.1": - version: 1.0.1 - resolution: "@csstools/postcss-stepped-value-functions@npm:1.0.1" - dependencies: - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: ba04c94bf0b21616df278c317a047f809cfb855e4939f9511d82e80018386ccff1cef92c73c5382866491e7a1db61f7889703b97433381e882440c1f3668298a - languageName: node - linkType: hard - -"@csstools/postcss-text-decoration-shorthand@npm:^1.0.0": - version: 1.0.0 - resolution: "@csstools/postcss-text-decoration-shorthand@npm:1.0.0" - dependencies: - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: 1aadbc9d7966af0bc7d459cdf34d9814e721635210d1082df277ea623820d6119058d519f6f0f027ec03026793568c7c7adf831479faafc6ff8de76a3d866a31 - languageName: node - linkType: hard - -"@csstools/postcss-trigonometric-functions@npm:^1.0.2": - version: 1.0.2 - resolution: "@csstools/postcss-trigonometric-functions@npm:1.0.2" - dependencies: - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: a7ebc9a90b52089fbcf484d992beb2c881f1d9370450cf789e175c4682b4e9ae0c9c3879775b4f353a2a58f7f75462a8e3b6fb0a3fe9572aa52c85e99b4f94f4 - languageName: node - linkType: hard - -"@csstools/postcss-unset-value@npm:^1.0.2": - version: 1.0.2 - resolution: "@csstools/postcss-unset-value@npm:1.0.2" - peerDependencies: - postcss: ^8.2 - checksum: 43d656360ffda504f22f3470cd8c1826362e8938da8eea1c2878302b878d38305c48c31090455fe760f40386c10ccbe17e9a95d63fb4e7934c035e805b641e12 - languageName: node - linkType: hard - -"@csstools/selector-specificity@npm:^2.0.0, @csstools/selector-specificity@npm:^2.0.2": +"@csstools/selector-specificity@npm:^2.0.0": version: 2.0.2 resolution: "@csstools/selector-specificity@npm:2.0.2" peerDependencies: @@ -3913,18 +3722,6 @@ __metadata: languageName: node linkType: hard -"@jest/types@npm:^25.5.0": - version: 25.5.0 - resolution: "@jest/types@npm:25.5.0" - dependencies: - "@types/istanbul-lib-coverage": ^2.0.0 - "@types/istanbul-reports": ^1.1.1 - "@types/yargs": ^15.0.0 - chalk: ^3.0.0 - checksum: f47c6e98c99d3fd562f2be6c339f41d3c7092e9587b8524fe71411f9c8b8e71f50475278a10e534f56c729ccd3e3b55e3aa20e4b0a2c5c47ded1ba53e0aef286 - languageName: node - linkType: hard - "@jest/types@npm:^26.6.2": version: 26.6.2 resolution: "@jest/types@npm:26.6.2" @@ -5226,15 +5023,6 @@ __metadata: languageName: node linkType: hard -"@nicolo-ribaudo/eslint-scope-5-internals@npm:5.1.1-v1": - version: 5.1.1-v1 - resolution: "@nicolo-ribaudo/eslint-scope-5-internals@npm:5.1.1-v1" - dependencies: - eslint-scope: 5.1.1 - checksum: 75dda3e623b8ad7369ca22552d6beee337a814b2d0e8a32d23edd13fcb65c8082b32c5d86e436f3860dd7ade30d91d5db55d4ef9a08fb5a976c718ecc0d88a74 - languageName: node - linkType: hard - "@node-ipc/js-queue@npm:2.0.3": version: 2.0.3 resolution: "@node-ipc/js-queue@npm:2.0.3" @@ -6478,7 +6266,7 @@ __metadata: languageName: node linkType: hard -"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.1, @pmmmwh/react-refresh-webpack-plugin@npm:^0.5.3, @pmmmwh/react-refresh-webpack-plugin@npm:^0.5.5": +"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.5": version: 0.5.7 resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.7" dependencies: @@ -6558,64 +6346,6 @@ __metadata: languageName: node linkType: hard -"@rollup/plugin-babel@npm:^5.2.0": - version: 5.3.1 - resolution: "@rollup/plugin-babel@npm:5.3.1" - dependencies: - "@babel/helper-module-imports": ^7.10.4 - "@rollup/pluginutils": ^3.1.0 - peerDependencies: - "@babel/core": ^7.0.0 - "@types/babel__core": ^7.1.9 - rollup: ^1.20.0||^2.0.0 - peerDependenciesMeta: - "@types/babel__core": - optional: true - checksum: 2766134dd5567c0d4fd6909d1f511ce9bf3bd9d727e1bc5ffdd6097a3606faca324107ae8e0961839ee4dbb45e5e579ae601efe472fc0a271259aea79920cafa - languageName: node - linkType: hard - -"@rollup/plugin-node-resolve@npm:^11.2.1": - version: 11.2.1 - resolution: "@rollup/plugin-node-resolve@npm:11.2.1" - dependencies: - "@rollup/pluginutils": ^3.1.0 - "@types/resolve": 1.17.1 - builtin-modules: ^3.1.0 - deepmerge: ^4.2.2 - is-module: ^1.0.0 - resolve: ^1.19.0 - peerDependencies: - rollup: ^1.20.0||^2.0.0 - checksum: a8226b01352ee1f7133b1b59b3906267e11c99020a55e3b7a313e03889f790d1cd94e7f7769d3963261e897c3265082533ba595976f8e3f08cf70aa88bf1ddd7 - languageName: node - linkType: hard - -"@rollup/plugin-replace@npm:^2.4.1": - version: 2.4.2 - resolution: "@rollup/plugin-replace@npm:2.4.2" - dependencies: - "@rollup/pluginutils": ^3.1.0 - magic-string: ^0.25.7 - peerDependencies: - rollup: ^1.20.0 || ^2.0.0 - checksum: ea3d27291c791661638b91809d0247dde1ee71be0b16fa7060078c2700db3669eada2c3978ea979b917b29ebe06f3fddc8797feae554da966264a22142b5771a - languageName: node - linkType: hard - -"@rollup/pluginutils@npm:^3.1.0": - version: 3.1.0 - resolution: "@rollup/pluginutils@npm:3.1.0" - dependencies: - "@types/estree": 0.0.39 - estree-walker: ^1.0.1 - picomatch: ^2.2.2 - peerDependencies: - rollup: ^1.20.0||^2.0.0 - checksum: 7151753160d15ba2b259461a6c25b3932150994ea52dba8fd3144f634c7647c2e56733d986e2c15de67c4d96a9ee7d6278efa6d2e626a7169898fd64adc0f90c - languageName: node - linkType: hard - "@rollup/pluginutils@npm:^4.2.0, @rollup/pluginutils@npm:^4.2.1": version: 4.2.1 resolution: "@rollup/pluginutils@npm:4.2.1" @@ -6626,7 +6356,7 @@ __metadata: languageName: node linkType: hard -"@rushstack/eslint-patch@npm:^1.0.8, @rushstack/eslint-patch@npm:^1.1.0": +"@rushstack/eslint-patch@npm:^1.0.8": version: 1.2.0 resolution: "@rushstack/eslint-patch@npm:1.2.0" checksum: 96c7622ab54b759f9aca2b03ba98acdfae39adb8c7a97b429a8f5c90adb49cc2c38db894c9a02f4ad8088f132575146c091c15b1f10ed34026ffd2491930c3a4 @@ -7356,7 +7086,6 @@ __metadata: "@storybook/csf": 0.0.2--canary.0899bb7.0 "@storybook/router": 7.0.0-alpha.34 "@storybook/theming": 7.0.0-alpha.34 - "@types/webpack-env": ^1.16.0 global: ^4.4.0 peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -7609,13 +7338,14 @@ __metadata: "@types/express": ^4.17.13 "@types/node": ^17.0.23 "@vitejs/plugin-react": ^2.0.0 + browser-assert: ^1.2.1 es-module-lexer: ^0.9.3 glob: ^7.2.0 glob-promise: ^4.2.0 magic-string: ^0.26.1 slash: ^3.0.0 typescript: ~4.6.3 - vite: ^3.1.0 + vite: ^3.1.3 peerDependencies: "@storybook/mdx2-csf": ^0.0.3 peerDependenciesMeta: @@ -8507,25 +8237,6 @@ __metadata: languageName: unknown linkType: soft -"@storybook/preset-create-react-app@npm:^4.1.0": - version: 4.1.2 - resolution: "@storybook/preset-create-react-app@npm:4.1.2" - dependencies: - "@pmmmwh/react-refresh-webpack-plugin": ^0.5.1 - "@storybook/react-docgen-typescript-plugin": canary - "@types/babel__core": ^7.1.7 - babel-plugin-react-docgen: ^4.1.0 - pnp-webpack-plugin: ^1.7.0 - semver: ^7.3.5 - peerDependencies: - "@babel/core": "*" - "@storybook/node-logger": "*" - "@storybook/react": ">=5.2" - react-scripts: ">=5.0.0" - checksum: d28d7c9c5ec6775f2818f831fee3b28c1e8f395bde18f43b665feb8e7f53e1dbaba4e6a783511702098f1bb45c3a7fa9cdbc0d9816aaefebfa4838a26a807406 - languageName: node - linkType: hard - "@storybook/preset-html-webpack@7.0.0-alpha.34, @storybook/preset-html-webpack@workspace:*, @storybook/preset-html-webpack@workspace:presets/html-webpack": version: 0.0.0-use.local resolution: "@storybook/preset-html-webpack@workspace:presets/html-webpack" @@ -8742,7 +8453,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0, @storybook/react-docgen-typescript-plugin@npm:canary": +"@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0": version: 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0 resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0" dependencies: @@ -8779,7 +8490,7 @@ __metadata: magic-string: ^0.26.1 react-docgen: ^6.0.0-alpha.3 typescript: ~4.6.3 - vite: ^3.1.0 + vite: ^3.1.3 peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -8957,6 +8668,7 @@ __metadata: "@storybook/vue3-vite": "workspace:*" "@storybook/vue3-webpack5": "workspace:*" "@storybook/web-components": "workspace:*" + "@storybook/web-components-vite": "workspace:*" "@storybook/web-components-webpack5": "workspace:*" "@testing-library/dom": ^7.29.4 "@testing-library/jest-dom": ^5.11.9 @@ -9250,7 +8962,7 @@ __metadata: svelte: ^3.0.0 sveltedoc-parser: ^4.2.1 typescript: ~4.6.3 - vite: ^3.1.0 + vite: ^3.1.3 languageName: unknown linkType: soft @@ -9384,8 +9096,6 @@ __metadata: "@storybook/semver": ^7.3.2 "@storybook/theming": 7.0.0-alpha.34 "@testing-library/react": ^11.2.2 - "@types/node": ^14.0.10 || ^16.0.0 - "@types/webpack-env": ^1.16.0 copy-to-clipboard: ^3.3.1 downshift: ^6.0.15 enzyme: ^3.11.0 @@ -9410,6 +9120,29 @@ __metadata: languageName: unknown linkType: soft +"@storybook/vue-vite@workspace:frameworks/vue-vite": + version: 0.0.0-use.local + resolution: "@storybook/vue-vite@workspace:frameworks/vue-vite" + dependencies: + "@storybook/addons": 7.0.0-alpha.34 + "@storybook/builder-vite": 7.0.0-alpha.34 + "@storybook/channel-postmessage": 7.0.0-alpha.34 + "@storybook/channel-websocket": 7.0.0-alpha.34 + "@storybook/client-api": 7.0.0-alpha.34 + "@storybook/core-common": 7.0.0-alpha.34 + "@storybook/core-server": 7.0.0-alpha.34 + "@storybook/preview-web": 7.0.0-alpha.34 + "@storybook/vue": 7.0.0-alpha.34 + magic-string: ^0.26.1 + typescript: ~4.6.3 + vite: ^3.1.3 + vue: ^2.7.10 + vue-docgen-api: ^4.40.0 + peerDependencies: + vue: ^2.7.0 + languageName: unknown + linkType: soft + "@storybook/vue-webpack5@7.0.0-alpha.34, @storybook/vue-webpack5@workspace:*, @storybook/vue-webpack5@workspace:frameworks/vue-webpack5": version: 0.0.0-use.local resolution: "@storybook/vue-webpack5@workspace:frameworks/vue-webpack5" @@ -9451,7 +9184,7 @@ __metadata: "@vitejs/plugin-vue": ^3.0.3 magic-string: ^0.26.1 typescript: ~4.6.3 - vite: ^3.1.0 + vite: ^3.1.3 vue-docgen-api: ^4.40.0 languageName: unknown linkType: soft @@ -9525,6 +9258,27 @@ __metadata: languageName: unknown linkType: soft +"@storybook/web-components-vite@workspace:*, @storybook/web-components-vite@workspace:frameworks/web-components-vite": + version: 0.0.0-use.local + resolution: "@storybook/web-components-vite@workspace:frameworks/web-components-vite" + dependencies: + "@storybook/addons": 7.0.0-alpha.34 + "@storybook/builder-vite": 7.0.0-alpha.34 + "@storybook/channel-postmessage": 7.0.0-alpha.34 + "@storybook/channel-websocket": 7.0.0-alpha.34 + "@storybook/client-api": 7.0.0-alpha.34 + "@storybook/core-server": 7.0.0-alpha.34 + "@storybook/node-logger": 7.0.0-alpha.34 + "@storybook/preview-web": 7.0.0-alpha.34 + "@storybook/web-components": 7.0.0-alpha.34 + "@types/node": ^14.14.20 || ^16.0.0 + "@vitejs/plugin-vue": ^3.0.3 + magic-string: ^0.26.1 + typescript: ~4.6.3 + vite: ^3.1.0 + languageName: unknown + linkType: soft + "@storybook/web-components-webpack5@workspace:*, @storybook/web-components-webpack5@workspace:frameworks/web-components-webpack5": version: 0.0.0-use.local resolution: "@storybook/web-components-webpack5@workspace:frameworks/web-components-webpack5" @@ -9574,18 +9328,6 @@ __metadata: languageName: node linkType: hard -"@surma/rollup-plugin-off-main-thread@npm:^2.2.3": - version: 2.2.3 - resolution: "@surma/rollup-plugin-off-main-thread@npm:2.2.3" - dependencies: - ejs: ^3.1.6 - json5: ^2.2.0 - magic-string: ^0.25.0 - string.prototype.matchall: ^4.0.6 - checksum: 4f36a7488cdae2907053a48231430e8e9aa8f1903a96131bf8325786afba3224011f9120164cae75043558bd051881050b071958388fe477927d340b1cc1a066 - languageName: node - linkType: hard - "@sveltejs/vite-plugin-svelte@npm:^1.0.0": version: 1.0.8 resolution: "@sveltejs/vite-plugin-svelte@npm:1.0.8" @@ -9607,137 +9349,6 @@ __metadata: languageName: node linkType: hard -"@svgr/babel-plugin-add-jsx-attribute@npm:^5.4.0": - version: 5.4.0 - resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:5.4.0" - checksum: f7f7681f0353a265c85a9fa0a6682c2c39c2eba35d6c855bbf25ea9739b339bf1fdd826b61fb3875642bf607c77bf41e6a66a97a4f07fb6e84bd521a363749e5 - languageName: node - linkType: hard - -"@svgr/babel-plugin-remove-jsx-attribute@npm:^5.4.0": - version: 5.4.0 - resolution: "@svgr/babel-plugin-remove-jsx-attribute@npm:5.4.0" - checksum: 0562c4c1597aecab0248fbd250e45e630de373307468568b7508c78d315a93f29920dffad2f5f54aad8e2aad9da440e16867e54961f3e6402d9855e5fc836948 - languageName: node - linkType: hard - -"@svgr/babel-plugin-remove-jsx-empty-expression@npm:^5.0.1": - version: 5.0.1 - resolution: "@svgr/babel-plugin-remove-jsx-empty-expression@npm:5.0.1" - checksum: 80e2d736528ee553f54916acb9a9a0414e4a06730df420fb2a14788446125728abcb5125bfca6b15ce6fd99771397160f02ec95828871777c1a7803fcf258a44 - languageName: node - linkType: hard - -"@svgr/babel-plugin-replace-jsx-attribute-value@npm:^5.0.1": - version: 5.0.1 - resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:5.0.1" - checksum: fb9e267ba961a0daf1f37f2954552617e09ad1d8e97f033aefc28d2a7d7824831318a5324e8e873341b53c9bb10a0c266665c7871251fd0dd2a8294fe1546fac - languageName: node - linkType: hard - -"@svgr/babel-plugin-svg-dynamic-title@npm:^5.4.0": - version: 5.4.0 - resolution: "@svgr/babel-plugin-svg-dynamic-title@npm:5.4.0" - checksum: e6d1a1ef2f4b91473152bf5153a6857585857e7f0e7897df2d18e14d567811814a5590c9d10d80cf3f2964a5b7bd93d3e4cbd15c8d006c5dd83d4e6839646636 - languageName: node - linkType: hard - -"@svgr/babel-plugin-svg-em-dimensions@npm:^5.4.0": - version: 5.4.0 - resolution: "@svgr/babel-plugin-svg-em-dimensions@npm:5.4.0" - checksum: 1dc247f376ed110d1407b96c1c919c0bfa2907cd02b2eaa98d40209f21f1ff3602a46f0eb0528e514826a843dc411c06ed251cf8c691efbc961f0cbe0aaf860d - languageName: node - linkType: hard - -"@svgr/babel-plugin-transform-react-native-svg@npm:^5.4.0": - version: 5.4.0 - resolution: "@svgr/babel-plugin-transform-react-native-svg@npm:5.4.0" - checksum: 3ad2f074d0e5857d07758492d0c98d1d862f2def9fab48939c69c5a3c4387065d01b0e8ac62c53a402a9ce09ed3de099bdf41cd2a597e7d58ddf47fb3a3b2c3e - languageName: node - linkType: hard - -"@svgr/babel-plugin-transform-svg-component@npm:^5.5.0": - version: 5.5.0 - resolution: "@svgr/babel-plugin-transform-svg-component@npm:5.5.0" - checksum: 73bfb09933d4a85a0ee8ec364684a0915a9ce05e668d024c073369cc36d78dcde41ddcdb493dde6440f5ee5649ed75b95ac8add226eaee32b20dc54894ac2974 - languageName: node - linkType: hard - -"@svgr/babel-preset@npm:^5.5.0": - version: 5.5.0 - resolution: "@svgr/babel-preset@npm:5.5.0" - dependencies: - "@svgr/babel-plugin-add-jsx-attribute": ^5.4.0 - "@svgr/babel-plugin-remove-jsx-attribute": ^5.4.0 - "@svgr/babel-plugin-remove-jsx-empty-expression": ^5.0.1 - "@svgr/babel-plugin-replace-jsx-attribute-value": ^5.0.1 - "@svgr/babel-plugin-svg-dynamic-title": ^5.4.0 - "@svgr/babel-plugin-svg-em-dimensions": ^5.4.0 - "@svgr/babel-plugin-transform-react-native-svg": ^5.4.0 - "@svgr/babel-plugin-transform-svg-component": ^5.5.0 - checksum: a737592044ee3aea22506fa7178464fc0e1e6e6f3005cbc8db12d6963f18b8a097c97a2d4ede93dd1d3309074f84f47272924614cd74d2c7900c649f0356e349 - languageName: node - linkType: hard - -"@svgr/core@npm:^5.5.0": - version: 5.5.0 - resolution: "@svgr/core@npm:5.5.0" - dependencies: - "@svgr/plugin-jsx": ^5.5.0 - camelcase: ^6.2.0 - cosmiconfig: ^7.0.0 - checksum: a8f8ac7f829ea92a6d0305c746afb33feba3b1c7000e6f22d83b8bad13fdcd5aacc3ebde60330368830eebf23ff3090ddd3ef959d41a90d694f4b7914aea6686 - languageName: node - linkType: hard - -"@svgr/hast-util-to-babel-ast@npm:^5.5.0": - version: 5.5.0 - resolution: "@svgr/hast-util-to-babel-ast@npm:5.5.0" - dependencies: - "@babel/types": ^7.12.6 - checksum: 1758afd99594b094ec3d0966ba0e81e5ca8acea075801b8a93c5e97269b046eca1fd8dac7c7efbc3b5775e2496adb6880530fd1d6ccaaf8792afd567773a4f64 - languageName: node - linkType: hard - -"@svgr/plugin-jsx@npm:^5.5.0": - version: 5.5.0 - resolution: "@svgr/plugin-jsx@npm:5.5.0" - dependencies: - "@babel/core": ^7.12.3 - "@svgr/babel-preset": ^5.5.0 - "@svgr/hast-util-to-babel-ast": ^5.5.0 - svg-parser: ^2.0.2 - checksum: 96f84139dae94cdda7e24896ab23e9d41e699fc8ecbbd11e280604eb7a67dfec55f126ec12ea3c622b8df6b0fccce5eb261d96f6ca8c59366d3963f13e411ec6 - languageName: node - linkType: hard - -"@svgr/plugin-svgo@npm:^5.5.0": - version: 5.5.0 - resolution: "@svgr/plugin-svgo@npm:5.5.0" - dependencies: - cosmiconfig: ^7.0.0 - deepmerge: ^4.2.2 - svgo: ^1.2.2 - checksum: 7494f7417ac339422f4eb2219489badaa51cdd79de2b5b3ff772c602036c5a38faf92fdefaab47414175f7c83406c4db195c35e619aae88d0573d7b199ec4503 - languageName: node - linkType: hard - -"@svgr/webpack@npm:^5.5.0": - version: 5.5.0 - resolution: "@svgr/webpack@npm:5.5.0" - dependencies: - "@babel/core": ^7.12.3 - "@babel/plugin-transform-react-constant-elements": ^7.12.1 - "@babel/preset-env": ^7.12.1 - "@babel/preset-react": ^7.12.5 - "@svgr/core": ^5.5.0 - "@svgr/plugin-jsx": ^5.5.0 - "@svgr/plugin-svgo": ^5.5.0 - loader-utils: ^2.0.0 - checksum: 0313712a1892f387d8c425652239dd635269241b18e7e6f9aad6a339cbe887ebec813d146df23407229384ac5e9d6527f3571aa2fc9dcb30e32006c9eb918663 - languageName: node - linkType: hard - "@swc/helpers@npm:0.4.11, @swc/helpers@npm:^0.4.2": version: 0.4.11 resolution: "@swc/helpers@npm:0.4.11" @@ -10175,7 +9786,7 @@ __metadata: languageName: node linkType: hard -"@types/eslint@npm:*, @types/eslint@npm:^7.29.0 || ^8.4.1": +"@types/eslint@npm:*": version: 8.4.6 resolution: "@types/eslint@npm:8.4.6" dependencies: @@ -10201,13 +9812,6 @@ __metadata: languageName: node linkType: hard -"@types/estree@npm:0.0.39": - version: 0.0.39 - resolution: "@types/estree@npm:0.0.39" - checksum: f0af6c95ac1988c4827964bd9d3b51d24da442e2188943f6dfcb1e1559103d5d024d564b2e9d3f84c53714a02a0a7435c7441138eb63d9af5de4dfc66cdc0d92 - languageName: node - linkType: hard - "@types/estree@npm:^0.0.51": version: 0.0.51 resolution: "@types/estree@npm:0.0.51" @@ -10400,16 +10004,6 @@ __metadata: languageName: node linkType: hard -"@types/jest@npm:25.2.3": - version: 25.2.3 - resolution: "@types/jest@npm:25.2.3" - dependencies: - jest-diff: ^25.2.1 - pretty-format: ^25.2.1 - checksum: 50ab803a1b861e6b0638eb59a3f516a4fa4f982ab5d6c4135c617c285bab9064ed81950c994ff99fd360c77d0adb71d0d85dd02ac264af72af214c922937db1f - languageName: node - linkType: hard - "@types/jest@npm:^26.0.16": version: 26.0.24 resolution: "@types/jest@npm:26.0.24" @@ -10744,13 +10338,6 @@ __metadata: languageName: node linkType: hard -"@types/q@npm:^1.5.1": - version: 1.5.5 - resolution: "@types/q@npm:1.5.5" - checksum: 0a22134a75de86196adf4ad1052f35fdbb9d8a053b2034fb97f328b30ada26f321d7241681cd1cb76e8311f7ead85cc88aa65a42d316828a4a813caed4b55e7c - languageName: node - linkType: hard - "@types/qs@npm:*, @types/qs@npm:^6, @types/qs@npm:^6.9.5": version: 6.9.7 resolution: "@types/qs@npm:6.9.7" @@ -10814,15 +10401,6 @@ __metadata: languageName: node linkType: hard -"@types/resolve@npm:1.17.1": - version: 1.17.1 - resolution: "@types/resolve@npm:1.17.1" - dependencies: - "@types/node": "*" - checksum: 6eeb9c27d99bf4b393bf168d43208f63e78cefca5644662a0bdb2bdbf8352386f4f3aca66add138fc41bce5f66fd48a0de430a1473f11b612fbed0375ae78031 - languageName: node - linkType: hard - "@types/responselike@npm:^1.0.0": version: 1.0.0 resolution: "@types/responselike@npm:1.0.0" @@ -11339,7 +10917,7 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/utils@npm:5.38.0, @typescript-eslint/utils@npm:^5.13.0": +"@typescript-eslint/utils@npm:5.38.0": version: 5.38.0 resolution: "@typescript-eslint/utils@npm:5.38.0" dependencies: @@ -12446,7 +12024,7 @@ __metadata: languageName: node linkType: hard -"acorn-node@npm:^1.2.0, acorn-node@npm:^1.3.0, acorn-node@npm:^1.8.2": +"acorn-node@npm:^1.2.0, acorn-node@npm:^1.3.0": version: 1.8.2 resolution: "acorn-node@npm:1.8.2" dependencies: @@ -12679,7 +12257,7 @@ __metadata: languageName: node linkType: hard -"ajv@npm:^8.0.0, ajv@npm:^8.0.1, ajv@npm:^8.6.0, ajv@npm:^8.8.0": +"ajv@npm:^8.0.0, ajv@npm:^8.0.1, ajv@npm:^8.8.0": version: 8.11.0 resolution: "ajv@npm:8.11.0" dependencies: @@ -13053,13 +12631,6 @@ __metadata: languageName: node linkType: hard -"arg@npm:^5.0.2": - version: 5.0.2 - resolution: "arg@npm:5.0.2" - checksum: ccaf86f4e05d342af6666c569f844bec426595c567d32a8289715087825c2ca7edd8a3d204e4d2fb2aa4602e09a57d0c13ea8c9eea75aac3dbb4af5514e6800e - languageName: node - linkType: hard - "argparse@npm:^1.0.7, argparse@npm:~1.0.2": version: 1.0.10 resolution: "argparse@npm:1.0.10" @@ -13305,7 +12876,7 @@ __metadata: languageName: node linkType: hard -"asap@npm:^2.0.0, asap@npm:~2.0.3, asap@npm:~2.0.6": +"asap@npm:^2.0.0, asap@npm:~2.0.3": version: 2.0.6 resolution: "asap@npm:2.0.6" checksum: c6d5e39fe1f15e4b87677460bd66b66050cd14c772269cee6688824c1410a08ab20254bb6784f9afb75af9144a9f9a7692d49547f4d19d715aeb7c0318f3136d @@ -13537,7 +13108,7 @@ __metadata: languageName: node linkType: hard -"autoprefixer@npm:^10.0.1, autoprefixer@npm:^10.2.4, autoprefixer@npm:^10.4.11, autoprefixer@npm:^10.4.2": +"autoprefixer@npm:^10.0.1, autoprefixer@npm:^10.2.4, autoprefixer@npm:^10.4.2": version: 10.4.12 resolution: "autoprefixer@npm:10.4.12" dependencies: @@ -13666,7 +13237,7 @@ __metadata: languageName: node linkType: hard -"babel-jest@npm:^27.4.2, babel-jest@npm:^27.5.1": +"babel-jest@npm:^27.5.1": version: 27.5.1 resolution: "babel-jest@npm:27.5.1" dependencies: @@ -13701,7 +13272,7 @@ __metadata: languageName: node linkType: hard -"babel-loader@npm:8.2.5, babel-loader@npm:^7.0.0 || ^8.0.0, babel-loader@npm:^8.2.2, babel-loader@npm:^8.2.3, babel-loader@npm:^8.2.5": +"babel-loader@npm:8.2.5, babel-loader@npm:^7.0.0 || ^8.0.0, babel-loader@npm:^8.2.2, babel-loader@npm:^8.2.5": version: 8.2.5 resolution: "babel-loader@npm:8.2.5" dependencies: @@ -13920,15 +13491,6 @@ __metadata: languageName: node linkType: hard -"babel-plugin-named-asset-import@npm:^0.3.8": - version: 0.3.8 - resolution: "babel-plugin-named-asset-import@npm:0.3.8" - peerDependencies: - "@babel/core": ^7.1.0 - checksum: 1a583432e16b9b17ead619f2c1d241106c5e57171d75e0494b93a3f23fec94c53a6e521b9485a17f8daa6c5ddb111e57849b424c7796fa07c204cbbee1583f48 - languageName: node - linkType: hard - "babel-plugin-named-exports-order@npm:^0.0.2": version: 0.0.2 resolution: "babel-plugin-named-exports-order@npm:0.0.2" @@ -13995,7 +13557,7 @@ __metadata: languageName: node linkType: hard -"babel-plugin-react-docgen@npm:^4.1.0, babel-plugin-react-docgen@npm:^4.2.1": +"babel-plugin-react-docgen@npm:^4.2.1": version: 4.2.1 resolution: "babel-plugin-react-docgen@npm:4.2.1" dependencies: @@ -14028,13 +13590,6 @@ __metadata: languageName: node linkType: hard -"babel-plugin-transform-react-remove-prop-types@npm:^0.4.24": - version: 0.4.24 - resolution: "babel-plugin-transform-react-remove-prop-types@npm:0.4.24" - checksum: 713441fd9fb663cc95709cb52d9c2c6228ea6d5406092a8a50094c810bcb13c3c347f8fca703d45b20cc401782743a91d7272025950147f9247d53360267f107 - languageName: node - linkType: hard - "babel-plugin-transform-runtime@npm:6.23.0": version: 6.23.0 resolution: "babel-plugin-transform-runtime@npm:6.23.0" @@ -14102,30 +13657,6 @@ __metadata: languageName: node linkType: hard -"babel-preset-react-app@npm:^10.0.1": - version: 10.0.1 - resolution: "babel-preset-react-app@npm:10.0.1" - dependencies: - "@babel/core": ^7.16.0 - "@babel/plugin-proposal-class-properties": ^7.16.0 - "@babel/plugin-proposal-decorators": ^7.16.4 - "@babel/plugin-proposal-nullish-coalescing-operator": ^7.16.0 - "@babel/plugin-proposal-numeric-separator": ^7.16.0 - "@babel/plugin-proposal-optional-chaining": ^7.16.0 - "@babel/plugin-proposal-private-methods": ^7.16.0 - "@babel/plugin-transform-flow-strip-types": ^7.16.0 - "@babel/plugin-transform-react-display-name": ^7.16.0 - "@babel/plugin-transform-runtime": ^7.16.4 - "@babel/preset-env": ^7.16.4 - "@babel/preset-react": ^7.16.0 - "@babel/preset-typescript": ^7.16.0 - "@babel/runtime": ^7.16.3 - babel-plugin-macros: ^3.1.0 - babel-plugin-transform-react-remove-prop-types: ^0.4.24 - checksum: aba225d0caf2591f7cc1aeed69369d1e86419a92fcf6025312421c238f4468347a7b6c12a45a4fb15e879a01f5a060439842fbde5739d7be31077b35c7d20fa5 - languageName: node - linkType: hard - "babel-runtime@npm:^6.22.0": version: 6.26.0 resolution: "babel-runtime@npm:6.26.0" @@ -14282,18 +13813,6 @@ __metadata: languageName: node linkType: hard -"bfj@npm:^7.0.2": - version: 7.0.2 - resolution: "bfj@npm:7.0.2" - dependencies: - bluebird: ^3.5.5 - check-types: ^11.1.1 - hoopy: ^0.1.4 - tryer: ^1.0.1 - checksum: 2e576c7e13a036c457dd45ce8d8aa3c407a801e90a4feb7e3adc42238befdef19a7c677a23725e42f6c7f79e76838afd72e7a0b7c5aa7a6e8147209709f57981 - languageName: node - linkType: hard - "big-integer@npm:^1.6.44": version: 1.6.51 resolution: "big-integer@npm:1.6.51" @@ -14485,7 +14004,7 @@ __metadata: languageName: node linkType: hard -"boolbase@npm:^1.0.0, boolbase@npm:~1.0.0": +"boolbase@npm:^1.0.0": version: 1.0.0 resolution: "boolbase@npm:1.0.0" checksum: e4b53deb4f2b85c52be0e21a273f2045c7b6a6ea002b0e139c744cb6f95e9ec044439a52883b0d74dedd1ff3da55ed140cfdddfed7fb0cccbed373de5dce1bcf @@ -15199,7 +14718,7 @@ __metadata: languageName: node linkType: hard -"browserslist@npm:^4.0.0, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.3, browserslist@npm:^4.16.6, browserslist@npm:^4.18.1, browserslist@npm:^4.19.1, browserslist@npm:^4.20.3, browserslist@npm:^4.21.3, browserslist@npm:^4.21.4, browserslist@npm:^4.6.6, browserslist@npm:^4.9.1": +"browserslist@npm:^4.0.0, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.3, browserslist@npm:^4.16.6, browserslist@npm:^4.19.1, browserslist@npm:^4.20.3, browserslist@npm:^4.21.3, browserslist@npm:^4.21.4, browserslist@npm:^4.6.6, browserslist@npm:^4.9.1": version: 4.21.4 resolution: "browserslist@npm:4.21.4" dependencies: @@ -15316,13 +14835,6 @@ __metadata: languageName: node linkType: hard -"builtin-modules@npm:^3.1.0": - version: 3.3.0 - resolution: "builtin-modules@npm:3.3.0" - checksum: 2cb3448b4f7306dc853632a4fcddc95e8d4e4b9868c139400027b71938fc6806d4ff44007deffb362ac85724bd40c2c6452fb6a0aa4531650eeddb98d8e5ee8a - languageName: node - linkType: hard - "builtins@npm:^1.0.3": version: 1.0.3 resolution: "builtins@npm:1.0.3" @@ -15639,7 +15151,7 @@ __metadata: languageName: node linkType: hard -"camelcase-css@npm:2.0.1, camelcase-css@npm:^2.0.1": +"camelcase-css@npm:2.0.1": version: 2.0.1 resolution: "camelcase-css@npm:2.0.1" checksum: 1a1a3137e8a781e6cbeaeab75634c60ffd8e27850de410c162cce222ea331cd1ba5364e8fb21c95e5ca76f52ac34b81a090925ca00a87221355746d049c6e273 @@ -15699,7 +15211,7 @@ __metadata: languageName: node linkType: hard -"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0, camelcase@npm:^6.2.1": +"camelcase@npm:^6.0.0, camelcase@npm:^6.2.0": version: 6.3.0 resolution: "camelcase@npm:6.3.0" checksum: 0d701658219bd3116d12da3eab31acddb3f9440790c0792e0d398f0a520a6a4058018e546862b6fba89d7ae990efaeb97da71e1913e9ebf5a8b5621a3d55c710 @@ -15871,13 +15383,6 @@ __metadata: languageName: node linkType: hard -"char-regex@npm:^2.0.0": - version: 2.0.1 - resolution: "char-regex@npm:2.0.1" - checksum: ec592229ac3ef18f2ea1f5676ae9a829c37150db55fd7f709edce1bcdc9f506de22ae19388d853704806e51af71fe9239bcb7e7be583296951bfbf2a9a9763a2 - languageName: node - linkType: hard - "character-entities-html4@npm:^1.0.0": version: 1.1.4 resolution: "character-entities-html4@npm:1.1.4" @@ -15966,13 +15471,6 @@ __metadata: languageName: node linkType: hard -"check-types@npm:^11.1.1": - version: 11.1.2 - resolution: "check-types@npm:11.1.2" - checksum: 2860f38fd2e8c532920ec9e74960b530043e96ba96ddd2c854de4c0783c92c1515db91a164436adb104ded0d939b925385abec857d1f15872c0f5776b4c8a250 - languageName: node - linkType: hard - "checkup@npm:^1.3.0": version: 1.3.0 resolution: "checkup@npm:1.3.0" @@ -16416,17 +15914,6 @@ __metadata: languageName: node linkType: hard -"coa@npm:^2.0.2": - version: 2.0.2 - resolution: "coa@npm:2.0.2" - dependencies: - "@types/q": ^1.5.1 - chalk: ^2.4.1 - q: ^1.1.2 - checksum: 0264392e3b691a8551e619889f3e67558b4f755eeb09d67625032a25c37634731e778fabbd9d14df6477d6ae770e30ea9405d18e515b2ec492b0eb90bb8d7f43 - languageName: node - linkType: hard - "code-block-writer@npm:^11.0.0": version: 11.0.3 resolution: "code-block-writer@npm:11.0.3" @@ -16806,7 +16293,7 @@ __metadata: languageName: node linkType: hard -"confusing-browser-globals@npm:^1.0.10, confusing-browser-globals@npm:^1.0.11": +"confusing-browser-globals@npm:^1.0.10": version: 1.0.11 resolution: "confusing-browser-globals@npm:1.0.11" checksum: 475d0a284fa964a5182b519af5738b5b64bf7e413cfd703c1b3496bf6f4df9f827893a9b221c0ea5873c1476835beb1e0df569ba643eff0734010c1eb780589e @@ -17176,7 +16663,7 @@ __metadata: languageName: node linkType: hard -"core-js@npm:^3.0.4, core-js@npm:^3.19.2, core-js@npm:^3.6.5, core-js@npm:^3.8.2, core-js@npm:^3.8.3": +"core-js@npm:^3.0.4, core-js@npm:^3.6.5, core-js@npm:^3.8.2, core-js@npm:^3.8.3": version: 3.25.3 resolution: "core-js@npm:3.25.3" checksum: c10171de55552ac8d66e5608b69bf83d91cc814cb86bc3ff949429c46e48fd7b84d33137c1946807766631bab078dba10c158627de30fd907cbb7ac7f67ba6b7 @@ -17261,41 +16748,6 @@ __metadata: languageName: node linkType: hard -"cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink": - version: 0.0.0-use.local - resolution: "cra-ts-kitchen-sink@workspace:examples/cra-ts-kitchen-sink" - dependencies: - "@storybook/addon-a11y": 7.0.0-alpha.34 - "@storybook/addon-actions": 7.0.0-alpha.34 - "@storybook/addon-docs": 7.0.0-alpha.34 - "@storybook/addon-highlight": 7.0.0-alpha.34 - "@storybook/addon-links": 7.0.0-alpha.34 - "@storybook/addons": 7.0.0-alpha.34 - "@storybook/builder-webpack5": 7.0.0-alpha.34 - "@storybook/preset-create-react-app": ^4.1.0 - "@storybook/react": 7.0.0-alpha.34 - "@storybook/react-webpack5": 7.0.0-alpha.34 - "@types/enzyme": ^3.10.8 - "@types/jest": 25.2.3 - "@types/node": ^14.14.20 || ^16.0.0 - "@types/react": ^16.14.23 - "@types/react-dom": ^16.9.14 - enzyme: ^3.11.0 - enzyme-adapter-react-16: ^1.9.1 - enzyme-to-json: ^3.6.1 - fork-ts-checker-webpack-plugin: ^7.2.6 - prop-types: ^15.7.2 - react: 16.14.0 - react-dom: 16.14.0 - react-moment-proptypes: ^1.7.0 - react-scripts: ^5.0.1 - storybook: 7.0.0-alpha.34 - ts-node: ^10.4.0 - typescript: ~4.6.3 - webpack: 5 - languageName: unknown - linkType: soft - "create-require@npm:^1.1.0": version: 1.1.1 resolution: "create-require@npm:1.1.1" @@ -17387,7 +16839,7 @@ __metadata: languageName: node linkType: hard -"css-blank-pseudo@npm:^3.0.2, css-blank-pseudo@npm:^3.0.3": +"css-blank-pseudo@npm:^3.0.2": version: 3.0.3 resolution: "css-blank-pseudo@npm:3.0.3" dependencies: @@ -17416,7 +16868,7 @@ __metadata: languageName: node linkType: hard -"css-has-pseudo@npm:^3.0.3, css-has-pseudo@npm:^3.0.4": +"css-has-pseudo@npm:^3.0.3": version: 3.0.4 resolution: "css-has-pseudo@npm:3.0.4" dependencies: @@ -17470,7 +16922,7 @@ __metadata: languageName: node linkType: hard -"css-loader@npm:^6.5.0, css-loader@npm:^6.5.1, css-loader@npm:^6.7.1": +"css-loader@npm:^6.5.0, css-loader@npm:^6.7.1": version: 6.7.1 resolution: "css-loader@npm:6.7.1" dependencies: @@ -17488,7 +16940,7 @@ __metadata: languageName: node linkType: hard -"css-minimizer-webpack-plugin@npm:^3.0.2, css-minimizer-webpack-plugin@npm:^3.2.0": +"css-minimizer-webpack-plugin@npm:^3.0.2": version: 3.4.1 resolution: "css-minimizer-webpack-plugin@npm:3.4.1" dependencies: @@ -17513,7 +16965,7 @@ __metadata: languageName: node linkType: hard -"css-prefers-color-scheme@npm:^6.0.2, css-prefers-color-scheme@npm:^6.0.3": +"css-prefers-color-scheme@npm:^6.0.2": version: 6.0.3 resolution: "css-prefers-color-scheme@npm:6.0.3" peerDependencies: @@ -17524,25 +16976,6 @@ __metadata: languageName: node linkType: hard -"css-select-base-adapter@npm:^0.1.1": - version: 0.1.1 - resolution: "css-select-base-adapter@npm:0.1.1" - checksum: 17f28a0d9e8596c541de250e48958e72a65399c9e15ba5689915d6631a451068187c19d674f08187843a61cb949951cb33c7db82bd7341536769523baed867dc - languageName: node - linkType: hard - -"css-select@npm:^2.0.0": - version: 2.1.0 - resolution: "css-select@npm:2.1.0" - dependencies: - boolbase: ^1.0.0 - css-what: ^3.2.1 - domutils: ^1.7.0 - nth-check: ^1.0.2 - checksum: 47832492c8218ffd92ed18eaa325397bd0bd8e4bcf3bc71767c5e1ed8b4f39b672ba157b0b5e693ef50006017d78c19e46791a75b43bb192c4db3680a331afc7 - languageName: node - linkType: hard - "css-select@npm:^4.1.3, css-select@npm:^4.2.0": version: 4.3.0 resolution: "css-select@npm:4.3.0" @@ -17580,16 +17013,6 @@ __metadata: languageName: node linkType: hard -"css-tree@npm:1.0.0-alpha.37": - version: 1.0.0-alpha.37 - resolution: "css-tree@npm:1.0.0-alpha.37" - dependencies: - mdn-data: 2.0.4 - source-map: ^0.6.1 - checksum: 8f3c197baea919f4f55d0e84b1665d5e7d5fd74cb192fd0bf951828929b9cd5fd71de074afb685705bf5b40d7b04d4c5a206bfab26954378f04f2f5ce426d2f8 - languageName: node - linkType: hard - "css-tree@npm:^1.1.2, css-tree@npm:^1.1.3": version: 1.1.3 resolution: "css-tree@npm:1.1.3" @@ -17600,13 +17023,6 @@ __metadata: languageName: node linkType: hard -"css-what@npm:^3.2.1": - version: 3.4.2 - resolution: "css-what@npm:3.4.2" - checksum: 454dca1b9dff8cf740d666d24a6c517562f374fe3a160891ebf8c82a9dd76864757913573c4db30537a959f5f595750420be00552ea6d5a9456ee68acc2349bf - languageName: node - linkType: hard - "css-what@npm:^6.0.1, css-what@npm:^6.1.0": version: 6.1.0 resolution: "css-what@npm:6.1.0" @@ -17651,13 +17067,6 @@ __metadata: languageName: node linkType: hard -"cssdb@npm:^7.0.1": - version: 7.0.1 - resolution: "cssdb@npm:7.0.1" - checksum: f01b20bc2fbd23b79a88661602b0023186b242920c2fa87fdee4a934b783fde378a75b466bf0ec9503dab90deacdab2870802f88046f510221024debd5fb3377 - languageName: node - linkType: hard - "cssesc@npm:^3.0.0": version: 3.0.0 resolution: "cssesc@npm:3.0.0" @@ -17728,7 +17137,7 @@ __metadata: languageName: node linkType: hard -"csso@npm:^4.0.2, csso@npm:^4.2.0": +"csso@npm:^4.2.0": version: 4.2.0 resolution: "csso@npm:4.2.0" dependencies: @@ -18043,7 +17452,7 @@ __metadata: languageName: node linkType: hard -"debug@npm:2.6.9, debug@npm:^2.1.0, debug@npm:^2.1.1, debug@npm:^2.1.3, debug@npm:^2.2.0, debug@npm:^2.3.3, debug@npm:^2.6.0, debug@npm:^2.6.8, debug@npm:^2.6.9": +"debug@npm:2.6.9, debug@npm:^2.1.0, debug@npm:^2.1.1, debug@npm:^2.1.3, debug@npm:^2.2.0, debug@npm:^2.3.3, debug@npm:^2.6.8, debug@npm:^2.6.9": version: 2.6.9 resolution: "debug@npm:2.6.9" dependencies: @@ -18384,13 +17793,6 @@ __metadata: languageName: node linkType: hard -"defined@npm:^1.0.0": - version: 1.0.0 - resolution: "defined@npm:1.0.0" - checksum: 2b9929414857729a97cfcc77987e65005e03b3fd92747e1d6a743b054c1387b62e669dc453b53e3a8105f1398df6aad54c07eed984871c93be8c7f4560a1828b - languageName: node - linkType: hard - "degit@npm:^2.8.4": version: 2.8.4 resolution: "degit@npm:2.8.4" @@ -18570,19 +17972,6 @@ __metadata: languageName: node linkType: hard -"detect-port-alt@npm:^1.1.6": - version: 1.1.6 - resolution: "detect-port-alt@npm:1.1.6" - dependencies: - address: ^1.0.1 - debug: ^2.6.0 - bin: - detect: ./bin/detect-port - detect-port: ./bin/detect-port - checksum: 7269e6aef7b782d98c77505c07a7a0f5e2ee98a9607dc791035fc0192fc58aa03cc833fae605e10eaf239a2a5a55cd938e0bb141dea764ac6180ca082fd62b23 - languageName: node - linkType: hard - "detect-port@npm:^1.3.0": version: 1.5.1 resolution: "detect-port@npm:1.5.1" @@ -18596,19 +17985,6 @@ __metadata: languageName: node linkType: hard -"detective@npm:^5.2.1": - version: 5.2.1 - resolution: "detective@npm:5.2.1" - dependencies: - acorn-node: ^1.8.2 - defined: ^1.0.0 - minimist: ^1.2.6 - bin: - detective: bin/detective.js - checksum: 0d3bdfe49ef094165e7876d83ae1a9e0a07d037785ab0edc7b50df9e4390e0a050167670f3d2d506457c7b00b612471ba840898964422c425e50fe046a379e55 - languageName: node - linkType: hard - "dezalgo@npm:^1.0.0": version: 1.0.4 resolution: "dezalgo@npm:1.0.4" @@ -18626,20 +18002,6 @@ __metadata: languageName: node linkType: hard -"didyoumean@npm:^1.2.2": - version: 1.2.2 - resolution: "didyoumean@npm:1.2.2" - checksum: 95d0b53d23b851aacff56dfadb7ecfedce49da4232233baecfeecb7710248c4aa03f0aa8995062f0acafaf925adf8536bd7044a2e68316fd7d411477599bc27b - languageName: node - linkType: hard - -"diff-sequences@npm:^25.2.6": - version: 25.2.6 - resolution: "diff-sequences@npm:25.2.6" - checksum: 7760d381e49a244d07a575a4ad89df8c044a4a2f11b5a88846e5c0a0a92cab593f77a8c8dd8223a879172040bbf2bc375572ee62f819fd440991a71487340574 - languageName: node - linkType: hard - "diff-sequences@npm:^26.6.2": version: 26.6.2 resolution: "diff-sequences@npm:26.6.2" @@ -18716,13 +18078,6 @@ __metadata: languageName: node linkType: hard -"dlv@npm:^1.1.3": - version: 1.1.3 - resolution: "dlv@npm:1.1.3" - checksum: 03eb4e769f19a027fd5b43b59e8a05e3fd2100ac239ebb0bf9a745de35d449e2f25cfaf3aa3934664551d72856f4ae8b7822016ce5c42c2d27c18ae79429ec42 - languageName: node - linkType: hard - "dns-equal@npm:^1.0.0": version: 1.0.0 resolution: "dns-equal@npm:1.0.0" @@ -18929,7 +18284,7 @@ __metadata: languageName: node linkType: hard -"domutils@npm:^1.5.1, domutils@npm:^1.7.0": +"domutils@npm:^1.5.1": version: 1.7.0 resolution: "domutils@npm:1.7.0" dependencies: @@ -19195,7 +18550,7 @@ __metadata: languageName: node linkType: hard -"ejs@npm:^3.1.6, ejs@npm:^3.1.7, ejs@npm:^3.1.8": +"ejs@npm:^3.1.7, ejs@npm:^3.1.8": version: 3.1.8 resolution: "ejs@npm:3.1.8" dependencies: @@ -19964,7 +19319,7 @@ __metadata: languageName: node linkType: hard -"enzyme-adapter-react-16@npm:^1.15.5, enzyme-adapter-react-16@npm:^1.9.1": +"enzyme-adapter-react-16@npm:^1.15.5": version: 1.15.6 resolution: "enzyme-adapter-react-16@npm:1.15.6" dependencies: @@ -20119,7 +19474,7 @@ __metadata: languageName: node linkType: hard -"es-abstract@npm:^1.17.2, es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2, es-abstract@npm:^1.19.4, es-abstract@npm:^1.19.5, es-abstract@npm:^1.20.0, es-abstract@npm:^1.20.1": +"es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1, es-abstract@npm:^1.19.2, es-abstract@npm:^1.19.4, es-abstract@npm:^1.19.5, es-abstract@npm:^1.20.0, es-abstract@npm:^1.20.1": version: 1.20.3 resolution: "es-abstract@npm:1.20.3" dependencies: @@ -20698,30 +20053,6 @@ __metadata: languageName: node linkType: hard -"eslint-config-react-app@npm:^7.0.1": - version: 7.0.1 - resolution: "eslint-config-react-app@npm:7.0.1" - dependencies: - "@babel/core": ^7.16.0 - "@babel/eslint-parser": ^7.16.3 - "@rushstack/eslint-patch": ^1.1.0 - "@typescript-eslint/eslint-plugin": ^5.5.0 - "@typescript-eslint/parser": ^5.5.0 - babel-preset-react-app: ^10.0.1 - confusing-browser-globals: ^1.0.11 - eslint-plugin-flowtype: ^8.0.3 - eslint-plugin-import: ^2.25.3 - eslint-plugin-jest: ^25.3.0 - eslint-plugin-jsx-a11y: ^6.5.1 - eslint-plugin-react: ^7.27.1 - eslint-plugin-react-hooks: ^4.3.0 - eslint-plugin-testing-library: ^5.0.1 - peerDependencies: - eslint: ^8.0.0 - checksum: be290ec0cd5a2c0bb0b85cb1645e8734769cae77f101cd453631d77a60fa4894ee8b5b1e080ee8c21e01af0d0fc22367a2882931a549691b5ab801abb985cbba - languageName: node - linkType: hard - "eslint-import-resolver-node@npm:^0.3.4, eslint-import-resolver-node@npm:^0.3.6": version: 0.3.6 resolution: "eslint-import-resolver-node@npm:0.3.6" @@ -20771,20 +20102,6 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-flowtype@npm:^8.0.3": - version: 8.0.3 - resolution: "eslint-plugin-flowtype@npm:8.0.3" - dependencies: - lodash: ^4.17.21 - string-natural-compare: ^3.0.1 - peerDependencies: - "@babel/plugin-syntax-flow": ^7.14.5 - "@babel/plugin-transform-react-jsx": ^7.14.9 - eslint: ^8.1.0 - checksum: a4596ba1cb80c19a06f1ddef6c36e6a671769da8d056d4a8f3482a2c46f475c547e78f82c3233099dba3759dc9a29e36d0ca07019cf6deb666db17f49d8f566d - languageName: node - linkType: hard - "eslint-plugin-html@npm:^6.0.2": version: 6.2.0 resolution: "eslint-plugin-html@npm:6.2.0" @@ -20794,7 +20111,7 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-import@npm:^2.20.2, eslint-plugin-import@npm:^2.22.1, eslint-plugin-import@npm:^2.25.2, eslint-plugin-import@npm:^2.25.3": +"eslint-plugin-import@npm:^2.20.2, eslint-plugin-import@npm:^2.22.1, eslint-plugin-import@npm:^2.25.2": version: 2.26.0 resolution: "eslint-plugin-import@npm:2.26.0" dependencies: @@ -20828,23 +20145,6 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-jest@npm:^25.3.0": - version: 25.7.0 - resolution: "eslint-plugin-jest@npm:25.7.0" - dependencies: - "@typescript-eslint/experimental-utils": ^5.0.0 - peerDependencies: - "@typescript-eslint/eslint-plugin": ^4.0.0 || ^5.0.0 - eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 - peerDependenciesMeta: - "@typescript-eslint/eslint-plugin": - optional: true - jest: - optional: true - checksum: 72dad05323d54e815c2bb10235bd5b77423796ef2e2940f7dba28bdb6cfac5a578793d3f0c7ac74618c41f9d8d6f345097a2a1f89f41aeec27bb873cb66ab270 - languageName: node - linkType: hard - "eslint-plugin-json-files@npm:^0.8.1": version: 0.8.1 resolution: "eslint-plugin-json-files@npm:0.8.1" @@ -20915,7 +20215,7 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-react@npm:^7.19.0, eslint-plugin-react@npm:^7.22.0, eslint-plugin-react@npm:^7.27.0, eslint-plugin-react@npm:^7.27.1": +"eslint-plugin-react@npm:^7.19.0, eslint-plugin-react@npm:^7.22.0, eslint-plugin-react@npm:^7.27.0": version: 7.31.8 resolution: "eslint-plugin-react@npm:7.31.8" dependencies: @@ -20952,17 +20252,6 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-testing-library@npm:^5.0.1": - version: 5.7.0 - resolution: "eslint-plugin-testing-library@npm:5.7.0" - dependencies: - "@typescript-eslint/utils": ^5.13.0 - peerDependencies: - eslint: ^7.5.0 || ^8.0.0 - checksum: 80e5a5bdbfeaaa552ec028e46b06bb866149c631dcf7c70ce4f2b13452e841f8555a3c7a92f868e30a09b9f07eeab47ba1bb9e99188b90587e8d2d5a354118be - languageName: node - linkType: hard - "eslint-scope@npm:5.1.1, eslint-scope@npm:^5.1.1": version: 5.1.1 resolution: "eslint-scope@npm:5.1.1" @@ -21000,7 +20289,7 @@ __metadata: languageName: node linkType: hard -"eslint-visitor-keys@npm:^2.0.0, eslint-visitor-keys@npm:^2.1.0": +"eslint-visitor-keys@npm:^2.0.0": version: 2.1.0 resolution: "eslint-visitor-keys@npm:2.1.0" checksum: 9f0e3a2db751d84067d15977ac4b4472efd6b303e369e6ff241a99feac04da758f46d5add022c33d06b53596038dbae4b4aceb27c7e68b8dfc1055b35e495787 @@ -21014,22 +20303,6 @@ __metadata: languageName: node linkType: hard -"eslint-webpack-plugin@npm:^3.1.1": - version: 3.2.0 - resolution: "eslint-webpack-plugin@npm:3.2.0" - dependencies: - "@types/eslint": ^7.29.0 || ^8.4.1 - jest-worker: ^28.0.2 - micromatch: ^4.0.5 - normalize-path: ^3.0.0 - schema-utils: ^4.0.0 - peerDependencies: - eslint: ^7.0.0 || ^8.0.0 - webpack: ^5.0.0 - checksum: e2e11e6743df9e65e73f4d0b6de832a47a17568b2a4b03b86acfa3458bb2db50a7809c835b64613320f5fd5e1b1395dd2abe08d7f5c466c77234c500a087cad2 - languageName: node - linkType: hard - "eslint@npm:^7.17.0": version: 7.32.0 resolution: "eslint@npm:7.32.0" @@ -21254,13 +20527,6 @@ __metadata: languageName: node linkType: hard -"estree-walker@npm:^1.0.1": - version: 1.0.1 - resolution: "estree-walker@npm:1.0.1" - checksum: fa9e5f8c1bbe8d01e314c0f03067b64a4f22d4c58410fc5237060d0c15b81e58c23921c41acc60abbdab490f1fdfcbd6408ede2d03ca704454272e0244d61a55 - languageName: node - linkType: hard - "estree-walker@npm:^2.0.1, estree-walker@npm:^2.0.2": version: 2.0.2 resolution: "estree-walker@npm:2.0.2" @@ -21925,7 +21191,7 @@ __metadata: languageName: node linkType: hard -"fast-json-stable-stringify@npm:2.1.0, fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0": +"fast-json-stable-stringify@npm:2.1.0, fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0": version: 2.1.0 resolution: "fast-json-stable-stringify@npm:2.1.0" checksum: 7f081eb0b8a64e0057b3bb03f974b3ef00135fbf36c1c710895cd9300f13c94ba809bb3a81cf4e1b03f6e5285610a61abbd7602d0652de423144dfee5a389c9b @@ -22165,13 +21431,6 @@ __metadata: languageName: node linkType: hard -"filesize@npm:^8.0.6": - version: 8.0.7 - resolution: "filesize@npm:8.0.7" - checksum: 82072d94816484df5365d4d5acbb2327a65dc49704c64e403e8c40d8acb7364de1cf1e65cb512c77a15d353870f73e4fed46dad5c6153d0618d9ce7a64d09cfc - languageName: node - linkType: hard - "fill-range@npm:^4.0.0": version: 4.0.0 resolution: "fill-range@npm:4.0.0" @@ -22538,7 +21797,7 @@ __metadata: languageName: node linkType: hard -"fork-ts-checker-webpack-plugin@npm:^6.4.0, fork-ts-checker-webpack-plugin@npm:^6.5.0": +"fork-ts-checker-webpack-plugin@npm:^6.4.0": version: 6.5.2 resolution: "fork-ts-checker-webpack-plugin@npm:6.5.2" dependencies: @@ -23396,7 +22655,7 @@ __metadata: languageName: node linkType: hard -"glob-parent@npm:^6.0.1, glob-parent@npm:^6.0.2": +"glob-parent@npm:^6.0.1": version: 6.0.2 resolution: "glob-parent@npm:6.0.2" dependencies: @@ -23559,15 +22818,6 @@ __metadata: languageName: node linkType: hard -"global-modules@npm:^2.0.0": - version: 2.0.0 - resolution: "global-modules@npm:2.0.0" - dependencies: - global-prefix: ^3.0.0 - checksum: 43b770fe24aa6028f4b9770ea583a47f39750be15cf6e2578f851e4ccc9e4fa674b8541928c0b09c21461ca0763f0d36e4068cec86c914b07fd6e388e66ba5b9 - languageName: node - linkType: hard - "global-prefix@npm:^1.0.1": version: 1.0.2 resolution: "global-prefix@npm:1.0.2" @@ -23581,17 +22831,6 @@ __metadata: languageName: node linkType: hard -"global-prefix@npm:^3.0.0": - version: 3.0.0 - resolution: "global-prefix@npm:3.0.0" - dependencies: - ini: ^1.3.5 - kind-of: ^6.0.2 - which: ^1.3.1 - checksum: 510f489fb68d1cc7060f276541709a0ee6d41356ef852de48f7906c648ac223082a1cc8fce86725ca6c0e032bcdc1189ae77b4744a624b29c34a9d0ece498269 - languageName: node - linkType: hard - "global@npm:^4.4.0": version: 4.4.0 resolution: "global@npm:4.4.0" @@ -24334,13 +23573,6 @@ __metadata: languageName: node linkType: hard -"hoopy@npm:^0.1.4": - version: 0.1.4 - resolution: "hoopy@npm:0.1.4" - checksum: 4ef749e1a13d46cae52014b9de452635637086c333fc67245369a1262dee806386354a4ed845d507e59e5a0d3aef55246c0ec66f5bf2908d40eb77e7dff2a254 - languageName: node - linkType: hard - "hosted-git-info@npm:^2.1.4, hosted-git-info@npm:^2.7.1": version: 2.8.9 resolution: "hosted-git-info@npm:2.8.9" @@ -25019,14 +24251,7 @@ __metadata: languageName: node linkType: hard -"idb@npm:^7.0.1": - version: 7.1.0 - resolution: "idb@npm:7.1.0" - checksum: 438fa58e2ca0b43b57f45dc3803e2a30f25cae9608919bb68b9ac8026f0013ec9fbc74ab078876d3537e266f3c01c047ee04c45df42dd9c1339140ea73933586 - languageName: node - linkType: hard - -"identity-obj-proxy@npm:3.0.0, identity-obj-proxy@npm:^3.0.0": +"identity-obj-proxy@npm:3.0.0": version: 3.0.0 resolution: "identity-obj-proxy@npm:3.0.0" dependencies: @@ -25134,13 +24359,6 @@ __metadata: languageName: node linkType: hard -"immer@npm:^9.0.7": - version: 9.0.15 - resolution: "immer@npm:9.0.15" - checksum: 3b54cc71e6153e75498fef496587b75f3fc601ad9868fa612df716112698bb752d1488af178790e019d8566e9347f976f65e79fd5014498b622ac9f1c6e04f8e - languageName: node - linkType: hard - "immutability-helper@npm:^2.7.1": version: 2.9.1 resolution: "immutability-helper@npm:2.9.1" @@ -25920,13 +25138,6 @@ __metadata: languageName: node linkType: hard -"is-module@npm:^1.0.0": - version: 1.0.0 - resolution: "is-module@npm:1.0.0" - checksum: 795a3914bcae7c26a1c23a1e5574c42eac13429625045737bf3e324ce865c0601d61aee7a5afbca1bee8cb300c7d9647e7dc98860c9bdbc3b7fdc51d8ac0bffc - languageName: node - linkType: hard - "is-natural-number@npm:^4.0.1": version: 4.0.1 resolution: "is-natural-number@npm:4.0.1" @@ -26124,13 +25335,6 @@ __metadata: languageName: node linkType: hard -"is-root@npm:^2.1.0": - version: 2.1.0 - resolution: "is-root@npm:2.1.0" - checksum: 83d3f5b052c3f28fbdbdf0d564bdd34fa14933f5694c78704f85cd1871255bc017fbe3fe2bc2fff2d227c6be5927ad2149b135c0a7c0060e7ac4e610d81a4f01 - languageName: node - linkType: hard - "is-shared-array-buffer@npm:^1.0.2": version: 1.0.2 resolution: "is-shared-array-buffer@npm:1.0.2" @@ -26782,18 +25986,6 @@ __metadata: languageName: node linkType: hard -"jest-diff@npm:^25.2.1": - version: 25.5.0 - resolution: "jest-diff@npm:25.5.0" - dependencies: - chalk: ^3.0.0 - diff-sequences: ^25.2.6 - jest-get-type: ^25.2.6 - pretty-format: ^25.5.0 - checksum: 1bdfd1791982d732be93419387a3092e044f89a5985b8d25972276ec37413916f2f4f0c1c3f3720a5316d840970c70b06a675464717877373f267059238639d6 - languageName: node - linkType: hard - "jest-diff@npm:^26.0.0, jest-diff@npm:^26.6.2": version: 26.6.2 resolution: "jest-diff@npm:26.6.2" @@ -27048,13 +26240,6 @@ __metadata: languageName: node linkType: hard -"jest-get-type@npm:^25.2.6": - version: 25.2.6 - resolution: "jest-get-type@npm:25.2.6" - checksum: f113f7698959d808075f5da173d14f3fbb4abbaca1e0923dbec2b905c112114042f3afdd3b927592f738954ae4191b6e8df5fe749790f8fa29165bf76b2cb106 - languageName: node - linkType: hard - "jest-get-type@npm:^26.3.0": version: 26.3.0 resolution: "jest-get-type@npm:26.3.0" @@ -27546,7 +26731,7 @@ __metadata: languageName: node linkType: hard -"jest-regex-util@npm:^28.0.0, jest-regex-util@npm:^28.0.2": +"jest-regex-util@npm:^28.0.2": version: 28.0.2 resolution: "jest-regex-util@npm:28.0.2" checksum: d79d255b8a2217bdb0b638cbb5e61a41ab788e62a6217fce5276ab9763c1327b9e0a4f10ebdb230c76848125aa9cc97c8751cfad15db7ec0441d44acfbaf5084 @@ -27608,7 +26793,7 @@ __metadata: languageName: node linkType: hard -"jest-resolve@npm:^27.4.2, jest-resolve@npm:^27.5.1": +"jest-resolve@npm:^27.5.1": version: 27.5.1 resolution: "jest-resolve@npm:27.5.1" dependencies: @@ -28133,23 +27318,6 @@ __metadata: languageName: node linkType: hard -"jest-watch-typeahead@npm:^1.0.0": - version: 1.1.0 - resolution: "jest-watch-typeahead@npm:1.1.0" - dependencies: - ansi-escapes: ^4.3.1 - chalk: ^4.0.0 - jest-regex-util: ^28.0.0 - jest-watcher: ^28.0.0 - slash: ^4.0.0 - string-length: ^5.0.1 - strip-ansi: ^7.0.1 - peerDependencies: - jest: ^27.0.0 || ^28.0.0 - checksum: d7929332dc43ab76a84d4f90edc589c108e1357d5570bd095563f02e0ec59ae5a9daf555dda94cde010cff7e1e82bcc37f1d54a3b3df87dafd333a664bbc0cef - languageName: node - linkType: hard - "jest-watcher@npm:^26.6.2": version: 26.6.2 resolution: "jest-watcher@npm:26.6.2" @@ -28180,7 +27348,7 @@ __metadata: languageName: node linkType: hard -"jest-watcher@npm:^28.0.0, jest-watcher@npm:^28.1.3": +"jest-watcher@npm:^28.1.3": version: 28.1.3 resolution: "jest-watcher@npm:28.1.3" dependencies: @@ -28206,7 +27374,7 @@ __metadata: languageName: node linkType: hard -"jest-worker@npm:^26.2.1, jest-worker@npm:^26.6.2": +"jest-worker@npm:^26.6.2": version: 26.6.2 resolution: "jest-worker@npm:26.6.2" dependencies: @@ -28228,7 +27396,7 @@ __metadata: languageName: node linkType: hard -"jest-worker@npm:^28.0.2, jest-worker@npm:^28.1.1, jest-worker@npm:^28.1.3": +"jest-worker@npm:^28.1.1, jest-worker@npm:^28.1.3": version: 28.1.3 resolution: "jest-worker@npm:28.1.3" dependencies: @@ -28252,7 +27420,7 @@ __metadata: languageName: node linkType: hard -"jest@npm:^27.4.3, jest@npm:^27.5.1": +"jest@npm:^27.5.1": version: 27.5.1 resolution: "jest@npm:27.5.1" dependencies: @@ -28674,7 +27842,7 @@ __metadata: languageName: node linkType: hard -"json-schema@npm:0.4.0, json-schema@npm:^0.4.0": +"json-schema@npm:0.4.0": version: 0.4.0 resolution: "json-schema@npm:0.4.0" checksum: d4a637ec1d83544857c1c163232f3da46912e971d5bf054ba44fdb88f07d8d359a462b4aec46f2745efbc57053365608d88bc1d7b1729f7b4fc3369765639ed3 @@ -29435,7 +28603,7 @@ __metadata: languageName: node linkType: hard -"lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5, lilconfig@npm:^2.0.6": +"lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5": version: 2.0.6 resolution: "lilconfig@npm:2.0.6" checksum: 52bcb478586c629a78b9b06de72de897cd6d771725e70ee91ec16605721afebf43cf54b4d20b6bf904ca70877ddd9531b9578494c694072d1573a6d4aba1545a @@ -29633,7 +28801,7 @@ __metadata: languageName: node linkType: hard -"loader-utils@npm:3.2.0, loader-utils@npm:^3.2.0": +"loader-utils@npm:3.2.0": version: 3.2.0 resolution: "loader-utils@npm:3.2.0" checksum: 573f7059f283b24b2b68cd230d9f0ba87315da8ecc7885734ea5f108fc83c7882e4eb8f8feab65f7db1661ab540f5aea778f48d18b7aadc24c37be77b2ff70a0 @@ -30352,7 +29520,7 @@ __metadata: languageName: node linkType: hard -"magic-string@npm:^0.25.0, magic-string@npm:^0.25.7": +"magic-string@npm:^0.25.7": version: 0.25.9 resolution: "magic-string@npm:0.25.9" dependencies: @@ -30980,13 +30148,6 @@ __metadata: languageName: node linkType: hard -"mdn-data@npm:2.0.4": - version: 2.0.4 - resolution: "mdn-data@npm:2.0.4" - checksum: a935c4530b938407481f7d0ccb82119ae618d9c673d2ee78bb10dcba8bd0ccbe2e2c7fe850ddc60b67e08f4c9d97f50b900993f6c2f2926e64a52ed6baa00b3a - languageName: node - linkType: hard - "mdn-links@npm:^0.1.0": version: 0.1.0 resolution: "mdn-links@npm:0.1.0" @@ -31613,7 +30774,7 @@ __metadata: languageName: node linkType: hard -"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5": +"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4": version: 4.0.5 resolution: "micromatch@npm:4.0.5" dependencies: @@ -31728,7 +30889,7 @@ __metadata: languageName: node linkType: hard -"mini-css-extract-plugin@npm:^2.4.5, mini-css-extract-plugin@npm:^2.5.3": +"mini-css-extract-plugin@npm:^2.5.3": version: 2.6.1 resolution: "mini-css-extract-plugin@npm:2.6.1" dependencies: @@ -32041,7 +31202,7 @@ __metadata: languageName: node linkType: hard -"moment@npm:>=1.6.0, moment@npm:^2.19.3": +"moment@npm:^2.19.3": version: 2.29.4 resolution: "moment@npm:2.29.4" checksum: 844c6f3ce42862ac9467c8ca4f5e48a00750078682cc5bda1bc0e50cc7ca88e2115a0f932d65a06e4a90e26cb78892be9b3ca3dd6546ca2c4d994cebb787fc2b @@ -33132,15 +32293,6 @@ __metadata: languageName: node linkType: hard -"nth-check@npm:^1.0.2": - version: 1.0.2 - resolution: "nth-check@npm:1.0.2" - dependencies: - boolbase: ~1.0.0 - checksum: 1a67ce53a99e276eea672f892d712b29f3e6802bbbef7285ffab72ecea4f972e8244defac1ebded0daffabf459def31355bb9c64e5657ac2ab032c13f185d0fd - languageName: node - linkType: hard - "nth-check@npm:^2.0.1": version: 2.1.1 resolution: "nth-check@npm:2.1.1" @@ -33265,13 +32417,6 @@ __metadata: languageName: node linkType: hard -"object-hash@npm:^3.0.0": - version: 3.0.0 - resolution: "object-hash@npm:3.0.0" - checksum: a06844537107b960c1c8b96cd2ac8592a265186bfa0f6ccafe0d34eabdb526f6fa81da1f37c43df7ed13b12a4ae3457a16071603bcd39d8beddb5f08c37b0f47 - languageName: node - linkType: hard - "object-inspect@npm:^1.12.2, object-inspect@npm:^1.6.0, object-inspect@npm:^1.7.0, object-inspect@npm:^1.9.0": version: 1.12.2 resolution: "object-inspect@npm:1.12.2" @@ -33339,7 +32484,7 @@ __metadata: languageName: node linkType: hard -"object.getownpropertydescriptors@npm:^2.0.3, object.getownpropertydescriptors@npm:^2.1.0, object.getownpropertydescriptors@npm:^2.1.1": +"object.getownpropertydescriptors@npm:^2.0.3, object.getownpropertydescriptors@npm:^2.1.1": version: 2.1.4 resolution: "object.getownpropertydescriptors@npm:2.1.4" dependencies: @@ -33370,7 +32515,7 @@ __metadata: languageName: node linkType: hard -"object.values@npm:^1.0.4, object.values@npm:^1.1.0, object.values@npm:^1.1.1, object.values@npm:^1.1.2, object.values@npm:^1.1.5": +"object.values@npm:^1.0.4, object.values@npm:^1.1.1, object.values@npm:^1.1.2, object.values@npm:^1.1.5": version: 1.1.5 resolution: "object.values@npm:1.1.5" dependencies: @@ -34671,15 +33816,6 @@ __metadata: languageName: node linkType: hard -"pnp-webpack-plugin@npm:^1.7.0": - version: 1.7.0 - resolution: "pnp-webpack-plugin@npm:1.7.0" - dependencies: - ts-pnp: ^1.1.6 - checksum: 79d1973ec0b04be6d44f15d5625991701a010dae28f2798d974d3aa164e8c60dc7fa22fd01a47fb6af369c4ba6585c3030d4deb775ccfecd7156594bc223d086 - languageName: node - linkType: hard - "polished@npm:^3.6.4": version: 3.7.2 resolution: "polished@npm:3.7.2" @@ -34723,7 +33859,7 @@ __metadata: languageName: node linkType: hard -"postcss-attribute-case-insensitive@npm:^5.0.0, postcss-attribute-case-insensitive@npm:^5.0.2": +"postcss-attribute-case-insensitive@npm:^5.0.0": version: 5.0.2 resolution: "postcss-attribute-case-insensitive@npm:5.0.2" dependencies: @@ -34734,16 +33870,6 @@ __metadata: languageName: node linkType: hard -"postcss-browser-comments@npm:^4": - version: 4.0.0 - resolution: "postcss-browser-comments@npm:4.0.0" - peerDependencies: - browserslist: ">=4" - postcss: ">=8" - checksum: e858e54765efa650363631ae4dc597cf49428f432b98999c12e06d496ab7e2ac0418b5bec49d5dfbd5b78d420f1c343e47a28d2204b59c95b59a3636c80d44c6 - languageName: node - linkType: hard - "postcss-calc@npm:^8.2.3": version: 8.2.4 resolution: "postcss-calc@npm:8.2.4" @@ -34756,18 +33882,7 @@ __metadata: languageName: node linkType: hard -"postcss-clamp@npm:^4.1.0": - version: 4.1.0 - resolution: "postcss-clamp@npm:4.1.0" - dependencies: - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.4.6 - checksum: 701261026b38a4c27b3c3711635fac96005f36d3270adb76dbdb1eebc950fc841db45283ee66068a7121565592e9d7967d5534e15b6e4dd266afcabf9eafa905 - languageName: node - linkType: hard - -"postcss-color-functional-notation@npm:^4.2.1, postcss-color-functional-notation@npm:^4.2.4": +"postcss-color-functional-notation@npm:^4.2.1": version: 4.2.4 resolution: "postcss-color-functional-notation@npm:4.2.4" dependencies: @@ -34778,7 +33893,7 @@ __metadata: languageName: node linkType: hard -"postcss-color-hex-alpha@npm:^8.0.2, postcss-color-hex-alpha@npm:^8.0.4": +"postcss-color-hex-alpha@npm:^8.0.2": version: 8.0.4 resolution: "postcss-color-hex-alpha@npm:8.0.4" dependencies: @@ -34799,7 +33914,7 @@ __metadata: languageName: node linkType: hard -"postcss-color-rebeccapurple@npm:^7.0.2, postcss-color-rebeccapurple@npm:^7.1.1": +"postcss-color-rebeccapurple@npm:^7.0.2": version: 7.1.1 resolution: "postcss-color-rebeccapurple@npm:7.1.1" dependencies: @@ -34836,7 +33951,7 @@ __metadata: languageName: node linkType: hard -"postcss-custom-media@npm:^8.0.0, postcss-custom-media@npm:^8.0.2": +"postcss-custom-media@npm:^8.0.0": version: 8.0.2 resolution: "postcss-custom-media@npm:8.0.2" dependencies: @@ -34847,7 +33962,7 @@ __metadata: languageName: node linkType: hard -"postcss-custom-properties@npm:^12.1.2, postcss-custom-properties@npm:^12.1.9": +"postcss-custom-properties@npm:^12.1.2": version: 12.1.9 resolution: "postcss-custom-properties@npm:12.1.9" dependencies: @@ -34858,7 +33973,7 @@ __metadata: languageName: node linkType: hard -"postcss-custom-selectors@npm:^6.0.0, postcss-custom-selectors@npm:^6.0.3": +"postcss-custom-selectors@npm:^6.0.0": version: 6.0.3 resolution: "postcss-custom-selectors@npm:6.0.3" dependencies: @@ -34869,7 +33984,7 @@ __metadata: languageName: node linkType: hard -"postcss-dir-pseudo-class@npm:^6.0.3, postcss-dir-pseudo-class@npm:^6.0.5": +"postcss-dir-pseudo-class@npm:^6.0.3": version: 6.0.5 resolution: "postcss-dir-pseudo-class@npm:6.0.5" dependencies: @@ -34916,7 +34031,7 @@ __metadata: languageName: node linkType: hard -"postcss-double-position-gradients@npm:^3.0.4, postcss-double-position-gradients@npm:^3.1.2": +"postcss-double-position-gradients@npm:^3.0.4": version: 3.1.2 resolution: "postcss-double-position-gradients@npm:3.1.2" dependencies: @@ -34928,7 +34043,7 @@ __metadata: languageName: node linkType: hard -"postcss-env-function@npm:^4.0.4, postcss-env-function@npm:^4.0.6": +"postcss-env-function@npm:^4.0.4": version: 4.0.6 resolution: "postcss-env-function@npm:4.0.6" dependencies: @@ -34939,16 +34054,7 @@ __metadata: languageName: node linkType: hard -"postcss-flexbugs-fixes@npm:^5.0.2": - version: 5.0.2 - resolution: "postcss-flexbugs-fixes@npm:5.0.2" - peerDependencies: - postcss: ^8.1.4 - checksum: b413f73cc3c005f33479df95e1357467c28183e62ba8b25e06b8590b2a69e60d624f07824c0ff85fb1dfdd5bb7dfa321dad0885d42ec3c8f000669960b30894f - languageName: node - linkType: hard - -"postcss-focus-visible@npm:^6.0.3, postcss-focus-visible@npm:^6.0.4": +"postcss-focus-visible@npm:^6.0.3": version: 6.0.4 resolution: "postcss-focus-visible@npm:6.0.4" dependencies: @@ -34959,7 +34065,7 @@ __metadata: languageName: node linkType: hard -"postcss-focus-within@npm:^5.0.3, postcss-focus-within@npm:^5.0.4": +"postcss-focus-within@npm:^5.0.3": version: 5.0.4 resolution: "postcss-focus-within@npm:5.0.4" dependencies: @@ -34979,7 +34085,7 @@ __metadata: languageName: node linkType: hard -"postcss-gap-properties@npm:^3.0.2, postcss-gap-properties@npm:^3.0.5": +"postcss-gap-properties@npm:^3.0.2": version: 3.0.5 resolution: "postcss-gap-properties@npm:3.0.5" peerDependencies: @@ -34988,7 +34094,7 @@ __metadata: languageName: node linkType: hard -"postcss-image-set-function@npm:^4.0.4, postcss-image-set-function@npm:^4.0.7": +"postcss-image-set-function@npm:^4.0.4": version: 4.0.7 resolution: "postcss-image-set-function@npm:4.0.7" dependencies: @@ -35012,19 +34118,6 @@ __metadata: languageName: node linkType: hard -"postcss-import@npm:^14.1.0": - version: 14.1.0 - resolution: "postcss-import@npm:14.1.0" - dependencies: - postcss-value-parser: ^4.0.0 - read-cache: ^1.0.0 - resolve: ^1.1.7 - peerDependencies: - postcss: ^8.0.0 - checksum: 0552f48b6849d48b25213e8bfb4b2ae10fcf061224ba17b5c008d8b8de69b9b85442bff6c7ac2a313aec32f14fd000f57720b06f82dc6e9f104405b221a741db - languageName: node - linkType: hard - "postcss-initial@npm:^4.0.1": version: 4.0.1 resolution: "postcss-initial@npm:4.0.1" @@ -35034,18 +34127,7 @@ __metadata: languageName: node linkType: hard -"postcss-js@npm:^4.0.0": - version: 4.0.0 - resolution: "postcss-js@npm:4.0.0" - dependencies: - camelcase-css: ^2.0.1 - peerDependencies: - postcss: ^8.3.3 - checksum: 12cde8a25f5346b3e413b1fde37df26845f916ec97db762868d9e44386703272a33d05511f52cb2f616f0d5e7da618b1e3ce68b9431fbd2f6cc1fc4a0fcb7dfb - languageName: node - linkType: hard - -"postcss-lab-function@npm:^4.0.3, postcss-lab-function@npm:^4.2.1": +"postcss-lab-function@npm:^4.0.3": version: 4.2.1 resolution: "postcss-lab-function@npm:4.2.1" dependencies: @@ -35057,7 +34139,7 @@ __metadata: languageName: node linkType: hard -"postcss-load-config@npm:^3.0.1, postcss-load-config@npm:^3.1.4": +"postcss-load-config@npm:^3.0.1": version: 3.1.4 resolution: "postcss-load-config@npm:3.1.4" dependencies: @@ -35105,7 +34187,7 @@ __metadata: languageName: node linkType: hard -"postcss-logical@npm:^5.0.3, postcss-logical@npm:^5.0.4": +"postcss-logical@npm:^5.0.3": version: 5.0.4 resolution: "postcss-logical@npm:5.0.4" peerDependencies: @@ -35299,18 +34381,7 @@ __metadata: languageName: node linkType: hard -"postcss-nested@npm:5.0.6": - version: 5.0.6 - resolution: "postcss-nested@npm:5.0.6" - dependencies: - postcss-selector-parser: ^6.0.6 - peerDependencies: - postcss: ^8.2.14 - checksum: cff4f05b06ec752a90a36b329b4c1b620352458b3d8e02e2fc7efdfb5073945242573ec42c0dd2b7c4beccba21233e5f089903c3e5e8aea2bbceca09c406fb8f - languageName: node - linkType: hard - -"postcss-nesting@npm:^10.1.2, postcss-nesting@npm:^10.2.0": +"postcss-nesting@npm:^10.1.2": version: 10.2.0 resolution: "postcss-nesting@npm:10.2.0" dependencies: @@ -35421,27 +34492,6 @@ __metadata: languageName: node linkType: hard -"postcss-normalize@npm:^10.0.1": - version: 10.0.1 - resolution: "postcss-normalize@npm:10.0.1" - dependencies: - "@csstools/normalize.css": "*" - postcss-browser-comments: ^4 - sanitize.css: "*" - peerDependencies: - browserslist: ">= 4" - postcss: ">= 8" - checksum: 632f24f5e8cb436f975892221ae1818794053c2a50ef8f51af2a964f88c5e3a4df4a703b882592d9d06c59bf19af69011dfa88a85771119e26ebc616ef9cf2cd - languageName: node - linkType: hard - -"postcss-opacity-percentage@npm:^1.1.2": - version: 1.1.2 - resolution: "postcss-opacity-percentage@npm:1.1.2" - checksum: ae9c73eb9d3df1127f33f4e4a7489d2cf46943b9a045551a3d8f5d3a49c843c5d57e2d89d7c9756771a12888a2b03cb50ac84b408f0c20788e62cb5bbee269fe - languageName: node - linkType: hard - "postcss-ordered-values@npm:^5.1.3": version: 5.1.3 resolution: "postcss-ordered-values@npm:5.1.3" @@ -35454,7 +34504,7 @@ __metadata: languageName: node linkType: hard -"postcss-overflow-shorthand@npm:^3.0.2, postcss-overflow-shorthand@npm:^3.0.4": +"postcss-overflow-shorthand@npm:^3.0.2": version: 3.0.4 resolution: "postcss-overflow-shorthand@npm:3.0.4" dependencies: @@ -35474,7 +34524,7 @@ __metadata: languageName: node linkType: hard -"postcss-place@npm:^7.0.3, postcss-place@npm:^7.0.5": +"postcss-place@npm:^7.0.3": version: 7.0.5 resolution: "postcss-place@npm:7.0.5" dependencies: @@ -35528,66 +34578,7 @@ __metadata: languageName: node linkType: hard -"postcss-preset-env@npm:^7.0.1": - version: 7.8.2 - resolution: "postcss-preset-env@npm:7.8.2" - dependencies: - "@csstools/postcss-cascade-layers": ^1.1.0 - "@csstools/postcss-color-function": ^1.1.1 - "@csstools/postcss-font-format-keywords": ^1.0.1 - "@csstools/postcss-hwb-function": ^1.0.2 - "@csstools/postcss-ic-unit": ^1.0.1 - "@csstools/postcss-is-pseudo-class": ^2.0.7 - "@csstools/postcss-nested-calc": ^1.0.0 - "@csstools/postcss-normalize-display-values": ^1.0.1 - "@csstools/postcss-oklab-function": ^1.1.1 - "@csstools/postcss-progressive-custom-properties": ^1.3.0 - "@csstools/postcss-stepped-value-functions": ^1.0.1 - "@csstools/postcss-text-decoration-shorthand": ^1.0.0 - "@csstools/postcss-trigonometric-functions": ^1.0.2 - "@csstools/postcss-unset-value": ^1.0.2 - autoprefixer: ^10.4.11 - browserslist: ^4.21.3 - css-blank-pseudo: ^3.0.3 - css-has-pseudo: ^3.0.4 - css-prefers-color-scheme: ^6.0.3 - cssdb: ^7.0.1 - postcss-attribute-case-insensitive: ^5.0.2 - postcss-clamp: ^4.1.0 - postcss-color-functional-notation: ^4.2.4 - postcss-color-hex-alpha: ^8.0.4 - postcss-color-rebeccapurple: ^7.1.1 - postcss-custom-media: ^8.0.2 - postcss-custom-properties: ^12.1.9 - postcss-custom-selectors: ^6.0.3 - postcss-dir-pseudo-class: ^6.0.5 - postcss-double-position-gradients: ^3.1.2 - postcss-env-function: ^4.0.6 - postcss-focus-visible: ^6.0.4 - postcss-focus-within: ^5.0.4 - postcss-font-variant: ^5.0.0 - postcss-gap-properties: ^3.0.5 - postcss-image-set-function: ^4.0.7 - postcss-initial: ^4.0.1 - postcss-lab-function: ^4.2.1 - postcss-logical: ^5.0.4 - postcss-media-minmax: ^5.0.0 - postcss-nesting: ^10.2.0 - postcss-opacity-percentage: ^1.1.2 - postcss-overflow-shorthand: ^3.0.4 - postcss-page-break: ^3.0.4 - postcss-place: ^7.0.5 - postcss-pseudo-class-any-link: ^7.1.6 - postcss-replace-overflow-wrap: ^4.0.0 - postcss-selector-not: ^6.0.1 - postcss-value-parser: ^4.2.0 - peerDependencies: - postcss: ^8.2 - checksum: a2d8fcb4c5e7db8576714407ef17840b6127b9f6b1b6c546aed43e54d004e3f19c62fa06c5ebda94a65d397eca77de566e58f5318e75f3229a9eb5762f773185 - languageName: node - linkType: hard - -"postcss-pseudo-class-any-link@npm:^7.0.2, postcss-pseudo-class-any-link@npm:^7.1.6": +"postcss-pseudo-class-any-link@npm:^7.0.2": version: 7.1.6 resolution: "postcss-pseudo-class-any-link@npm:7.1.6" dependencies: @@ -35641,18 +34632,7 @@ __metadata: languageName: node linkType: hard -"postcss-selector-not@npm:^6.0.1": - version: 6.0.1 - resolution: "postcss-selector-not@npm:6.0.1" - dependencies: - postcss-selector-parser: ^6.0.10 - peerDependencies: - postcss: ^8.2 - checksum: 1984db777cf842655303f83935a4354b638093f7454964fa1146515424c3309934fdc160135b9113b69bc2361017fb3bfc9ba11efc5bfa1235f9f35ddb544f82 - languageName: node - linkType: hard - -"postcss-selector-parser@npm:^6.0.0, postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.5, postcss-selector-parser@npm:^6.0.6, postcss-selector-parser@npm:^6.0.9": +"postcss-selector-parser@npm:^6.0.0, postcss-selector-parser@npm:^6.0.10, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.0.5, postcss-selector-parser@npm:^6.0.9": version: 6.0.10 resolution: "postcss-selector-parser@npm:6.0.10" dependencies: @@ -35743,7 +34723,7 @@ __metadata: languageName: node linkType: hard -"postcss@npm:^8.1.10, postcss@npm:^8.2.14, postcss@npm:^8.2.15, postcss@npm:^8.2.4, postcss@npm:^8.2.6, postcss@npm:^8.3.5, postcss@npm:^8.3.7, postcss@npm:^8.4.14, postcss@npm:^8.4.16, postcss@npm:^8.4.4, postcss@npm:^8.4.7": +"postcss@npm:^8.1.10, postcss@npm:^8.2.14, postcss@npm:^8.2.15, postcss@npm:^8.2.4, postcss@npm:^8.2.6, postcss@npm:^8.3.5, postcss@npm:^8.3.7, postcss@npm:^8.4.14, postcss@npm:^8.4.16, postcss@npm:^8.4.7": version: 8.4.16 resolution: "postcss@npm:8.4.16" dependencies: @@ -35940,7 +34920,7 @@ __metadata: languageName: node linkType: hard -"pretty-bytes@npm:^5.3.0, pretty-bytes@npm:^5.4.1, pretty-bytes@npm:^5.6.0": +"pretty-bytes@npm:^5.3.0, pretty-bytes@npm:^5.6.0": version: 5.6.0 resolution: "pretty-bytes@npm:5.6.0" checksum: f69f494dcc1adda98dbe0e4a36d301e8be8ff99bfde7a637b2ee2820e7cb583b0fc0f3a63b0e3752c01501185a5cf38602c7be60da41bdf84ef5b70e89c370f3 @@ -35969,18 +34949,6 @@ __metadata: languageName: node linkType: hard -"pretty-format@npm:^25.2.1, pretty-format@npm:^25.5.0": - version: 25.5.0 - resolution: "pretty-format@npm:25.5.0" - dependencies: - "@jest/types": ^25.5.0 - ansi-regex: ^5.0.0 - ansi-styles: ^4.0.0 - react-is: ^16.12.0 - checksum: cbcf79f57a96f5eb9970722614a360539940606a20a924f6202e309433af4ad5b71ba210b6b3efcdcdad178f9aefa74f04a447d86520d721fbe155ff43b33112 - languageName: node - linkType: hard - "pretty-format@npm:^27.0.2, pretty-format@npm:^27.5.1": version: 27.5.1 resolution: "pretty-format@npm:27.5.1" @@ -36192,16 +35160,7 @@ __metadata: languageName: node linkType: hard -"promise@npm:^8.1.0": - version: 8.2.0 - resolution: "promise@npm:8.2.0" - dependencies: - asap: ~2.0.6 - checksum: 058589c7b2ded3ddb7db0d3f3771e0814f73fc5181786ad338bb090e95e1aa93e2a07cb9b7ece53b45b619026c77508442959c867d951634215e73e75da0d02f - languageName: node - linkType: hard - -"prompts@npm:^2.0.1, prompts@npm:^2.4.0, prompts@npm:^2.4.2": +"prompts@npm:^2.0.1, prompts@npm:^2.4.0": version: 2.4.2 resolution: "prompts@npm:2.4.2" dependencies: @@ -36651,7 +35610,7 @@ __metadata: languageName: node linkType: hard -"q@npm:^1.1.2, q@npm:^1.4.1, q@npm:^1.5.1": +"q@npm:^1.4.1, q@npm:^1.5.1": version: 1.5.1 resolution: "q@npm:1.5.1" checksum: 7855fbdba126cb7e92ef3a16b47ba998c0786ec7fface236e3eb0135b65df36429d91a86b1fff3ab0927b4ac4ee88a2c44527c7c3b8e2a37efbec9fe34803df4 @@ -36769,13 +35728,6 @@ __metadata: languageName: node linkType: hard -"quick-lru@npm:^5.1.1": - version: 5.1.1 - resolution: "quick-lru@npm:5.1.1" - checksum: a24cba5da8cec30d70d2484be37622580f64765fb6390a928b17f60cd69e8dbd32a954b3ff9176fa1b86d86ff2ba05252fae55dc4d40d0291c60412b0ad096da - languageName: node - linkType: hard - "quick-temp@npm:^0.1.2, quick-temp@npm:^0.1.3, quick-temp@npm:^0.1.5, quick-temp@npm:^0.1.8": version: 0.1.8 resolution: "quick-temp@npm:0.1.8" @@ -36928,20 +35880,6 @@ __metadata: languageName: node linkType: hard -"react-app-polyfill@npm:^3.0.0": - version: 3.0.0 - resolution: "react-app-polyfill@npm:3.0.0" - dependencies: - core-js: ^3.19.2 - object-assign: ^4.1.1 - promise: ^8.1.0 - raf: ^3.4.1 - regenerator-runtime: ^0.13.9 - whatwg-fetch: ^3.6.2 - checksum: 7079c81717f4707d078943ab507771c3e80333e6c2c80c8d9a02e4a5661974e9bb196aea9f56336f559214a23f495c5f3907937d13a070e701019ae7a9d53c26 - languageName: node - linkType: hard - "react-colorful@npm:^5.1.2": version: 5.6.1 resolution: "react-colorful@npm:5.6.1" @@ -36952,38 +35890,6 @@ __metadata: languageName: node linkType: hard -"react-dev-utils@npm:^12.0.1": - version: 12.0.1 - resolution: "react-dev-utils@npm:12.0.1" - dependencies: - "@babel/code-frame": ^7.16.0 - address: ^1.1.2 - browserslist: ^4.18.1 - chalk: ^4.1.2 - cross-spawn: ^7.0.3 - detect-port-alt: ^1.1.6 - escape-string-regexp: ^4.0.0 - filesize: ^8.0.6 - find-up: ^5.0.0 - fork-ts-checker-webpack-plugin: ^6.5.0 - global-modules: ^2.0.0 - globby: ^11.0.4 - gzip-size: ^6.0.0 - immer: ^9.0.7 - is-root: ^2.1.0 - loader-utils: ^3.2.0 - open: ^8.4.0 - pkg-up: ^3.1.0 - prompts: ^2.4.2 - react-error-overlay: ^6.0.11 - recursive-readdir: ^2.2.2 - shell-quote: ^1.7.3 - strip-ansi: ^6.0.1 - text-table: ^0.2.0 - checksum: 94bc4ee5014290ca47a025e53ab2205c5dc0299670724d46a0b1bacbdd48904827b5ae410842d0a3a92481509097ae032e4a9dc7ca70db437c726eaba6411e82 - languageName: node - linkType: hard - "react-docgen-typescript@npm:^2.1.1": version: 2.2.2 resolution: "react-docgen-typescript@npm:2.2.2" @@ -37094,13 +36000,6 @@ __metadata: languageName: node linkType: hard -"react-error-overlay@npm:^6.0.11": - version: 6.0.11 - resolution: "react-error-overlay@npm:6.0.11" - checksum: 8fc93942976e0c704274aec87dbc8e21f62a2cc78d1c93f9bcfff9f7494b00c60f7a2f0bd48d832bcd3190627c0255a1df907373f61f820371373a65ec4b2d64 - languageName: node - linkType: hard - "react-fast-compare@npm:^2.0.1": version: 2.0.4 resolution: "react-fast-compare@npm:2.0.4" @@ -37216,17 +36115,6 @@ __metadata: languageName: node linkType: hard -"react-moment-proptypes@npm:^1.7.0": - version: 1.8.1 - resolution: "react-moment-proptypes@npm:1.8.1" - dependencies: - moment: ">=1.6.0" - peerDependencies: - moment: ">=1.6.0" - checksum: eb4b8234954f713864a41f27d349288433768caa46810e39e94c97893996efe54ad8f9677bb570323b0238936785d78f2b1791ccf6fa57bb5dad91e291df7ab2 - languageName: node - linkType: hard - "react-popper-tooltip@npm:^2.11.1": version: 2.11.1 resolution: "react-popper-tooltip@npm:2.11.1" @@ -37330,73 +36218,6 @@ __metadata: languageName: node linkType: hard -"react-scripts@npm:^5.0.1": - version: 5.0.1 - resolution: "react-scripts@npm:5.0.1" - dependencies: - "@babel/core": ^7.16.0 - "@pmmmwh/react-refresh-webpack-plugin": ^0.5.3 - "@svgr/webpack": ^5.5.0 - babel-jest: ^27.4.2 - babel-loader: ^8.2.3 - babel-plugin-named-asset-import: ^0.3.8 - babel-preset-react-app: ^10.0.1 - bfj: ^7.0.2 - browserslist: ^4.18.1 - camelcase: ^6.2.1 - case-sensitive-paths-webpack-plugin: ^2.4.0 - css-loader: ^6.5.1 - css-minimizer-webpack-plugin: ^3.2.0 - dotenv: ^10.0.0 - dotenv-expand: ^5.1.0 - eslint: ^8.3.0 - eslint-config-react-app: ^7.0.1 - eslint-webpack-plugin: ^3.1.1 - file-loader: ^6.2.0 - fs-extra: ^10.0.0 - fsevents: ^2.3.2 - html-webpack-plugin: ^5.5.0 - identity-obj-proxy: ^3.0.0 - jest: ^27.4.3 - jest-resolve: ^27.4.2 - jest-watch-typeahead: ^1.0.0 - mini-css-extract-plugin: ^2.4.5 - postcss: ^8.4.4 - postcss-flexbugs-fixes: ^5.0.2 - postcss-loader: ^6.2.1 - postcss-normalize: ^10.0.1 - postcss-preset-env: ^7.0.1 - prompts: ^2.4.2 - react-app-polyfill: ^3.0.0 - react-dev-utils: ^12.0.1 - react-refresh: ^0.11.0 - resolve: ^1.20.0 - resolve-url-loader: ^4.0.0 - sass-loader: ^12.3.0 - semver: ^7.3.5 - source-map-loader: ^3.0.0 - style-loader: ^3.3.1 - tailwindcss: ^3.0.2 - terser-webpack-plugin: ^5.2.5 - webpack: ^5.64.4 - webpack-dev-server: ^4.6.0 - webpack-manifest-plugin: ^4.0.2 - workbox-webpack-plugin: ^6.4.1 - peerDependencies: - react: ">= 16" - typescript: ^3.2.1 || ^4 - dependenciesMeta: - fsevents: - optional: true - peerDependenciesMeta: - typescript: - optional: true - bin: - react-scripts: bin/react-scripts.js - checksum: 1776e7139261019eb4a2adece8fb997913040c6b4e9170902ffed95c3ff311ded623189bb1582ecddb3a5a15d6afd871fb68dbed72080d50f635e31c4ff5fff5 - languageName: node - linkType: hard - "react-sizeme@npm:^3.0.1": version: 3.0.2 resolution: "react-sizeme@npm:3.0.2" @@ -37776,15 +36597,6 @@ __metadata: languageName: node linkType: hard -"recursive-readdir@npm:^2.2.2": - version: 2.2.2 - resolution: "recursive-readdir@npm:2.2.2" - dependencies: - minimatch: 3.0.4 - checksum: 0137fab9e9f2a2784465a613a214f60cf76d62ce22c4237ac818c4e6d6ebb4c890d12b4547619dab843673dfa12ca4096baa32d64fdaed84793a544a02c2e1e1 - languageName: node - linkType: hard - "redent@npm:^1.0.0": version: 1.0.0 resolution: "redent@npm:1.0.0" @@ -37865,7 +36677,7 @@ __metadata: languageName: node linkType: hard -"regenerator-runtime@npm:0.13.9, regenerator-runtime@npm:^0.13.2, regenerator-runtime@npm:^0.13.4, regenerator-runtime@npm:^0.13.7, regenerator-runtime@npm:^0.13.9": +"regenerator-runtime@npm:0.13.9, regenerator-runtime@npm:^0.13.2, regenerator-runtime@npm:^0.13.4, regenerator-runtime@npm:^0.13.7": version: 0.13.9 resolution: "regenerator-runtime@npm:0.13.9" checksum: b0f26612204f061a84064d2f3361629eae09993939112b9ffc3680bb369ecd125764d6654eace9ef11b36b44282ee52b988dda946ea52d372e7599a30eea73ee @@ -38842,27 +37654,6 @@ __metadata: languageName: node linkType: hard -"resolve-url-loader@npm:^4.0.0": - version: 4.0.0 - resolution: "resolve-url-loader@npm:4.0.0" - dependencies: - adjust-sourcemap-loader: ^4.0.0 - convert-source-map: ^1.7.0 - loader-utils: ^2.0.0 - postcss: ^7.0.35 - source-map: 0.6.1 - peerDependencies: - rework: 1.0.1 - rework-visit: 1.0.0 - peerDependenciesMeta: - rework: - optional: true - rework-visit: - optional: true - checksum: afecc67d26e88f3c648d83fd4634113e032eb6127e44c25a0c64933f5b8280683be999e8351e8442bd1663c19998b31571faba19748eaead6a586cebb0d2f288 - languageName: node - linkType: hard - "resolve-url@npm:^0.2.1": version: 0.2.1 resolution: "resolve-url@npm:0.2.1" @@ -39085,21 +37876,7 @@ __metadata: languageName: node linkType: hard -"rollup-plugin-terser@npm:^7.0.0": - version: 7.0.2 - resolution: "rollup-plugin-terser@npm:7.0.2" - dependencies: - "@babel/code-frame": ^7.10.4 - jest-worker: ^26.2.1 - serialize-javascript: ^4.0.0 - terser: ^5.0.0 - peerDependencies: - rollup: ^2.0.0 - checksum: f79b851c6f7b06555d3a8ce7a4e32abd2b7cb8318e89fb8db73e662fa6e3af1a59920e881d111efc65a7437fd9582b61b1f4859b6fd839ba948616829d92432d - languageName: node - linkType: hard - -"rollup@npm:^2.43.1, rollup@npm:^2.74.1": +"rollup@npm:^2.74.1": version: 2.79.1 resolution: "rollup@npm:2.79.1" dependencies: @@ -39310,13 +38087,6 @@ __metadata: languageName: node linkType: hard -"sanitize.css@npm:*": - version: 13.0.0 - resolution: "sanitize.css@npm:13.0.0" - checksum: 0c1eb61ff26d8f764593772c9f2af68ef5490cd9c7199ff387138412e8e658a0ee715bf176e0a2569872fc9c277f9342cf1235a9274da7a63aaaf0043747260d - languageName: node - linkType: hard - "sass-loader@npm:12.4.0": version: 12.4.0 resolution: "sass-loader@npm:12.4.0" @@ -39339,7 +38109,7 @@ __metadata: languageName: node linkType: hard -"sass-loader@npm:^12.3.0, sass-loader@npm:^12.6.0": +"sass-loader@npm:^12.6.0": version: 12.6.0 resolution: "sass-loader@npm:12.6.0" dependencies: @@ -40291,7 +39061,7 @@ __metadata: languageName: node linkType: hard -"source-list-map@npm:^2.0.0, source-list-map@npm:^2.0.1": +"source-list-map@npm:^2.0.1": version: 2.0.1 resolution: "source-list-map@npm:2.0.1" checksum: 2e5e421b185dcd857f46c3c70e2e711a65d717b78c5f795e2e248c9d67757882ea989b80ebc08cf164eeeda5f4be8aa95d3b990225070b2daaaf3257c5958149 @@ -40305,7 +39075,7 @@ __metadata: languageName: node linkType: hard -"source-map-loader@npm:3.0.1, source-map-loader@npm:^3.0.0": +"source-map-loader@npm:3.0.1": version: 3.0.1 resolution: "source-map-loader@npm:3.0.1" dependencies: @@ -40414,7 +39184,7 @@ __metadata: languageName: node linkType: hard -"source-map@npm:0.8.0-beta.0, source-map@npm:^0.8.0-beta.0": +"source-map@npm:0.8.0-beta.0": version: 0.8.0-beta.0 resolution: "source-map@npm:0.8.0-beta.0" dependencies: @@ -40954,23 +39724,6 @@ __metadata: languageName: node linkType: hard -"string-length@npm:^5.0.1": - version: 5.0.1 - resolution: "string-length@npm:5.0.1" - dependencies: - char-regex: ^2.0.0 - strip-ansi: ^7.0.1 - checksum: 311fa5758d397bd616be17150dfefaab4755ed292a3112237924d10ba5122f606064ad4880a293387401c1d7aa20d79f7936728bac2abed17a5e48f5b317cbc8 - languageName: node - linkType: hard - -"string-natural-compare@npm:^3.0.1": - version: 3.0.1 - resolution: "string-natural-compare@npm:3.0.1" - checksum: 85a6a9195736be500af5d817c7ea36b7e1ac278af079a807f70f79a56602359ee6743ca409af6291b94557de550ff60d1ec31b3c4fc8e7a08d0e12cdab57c149 - languageName: node - linkType: hard - "string-template@npm:~0.2.1": version: 0.2.1 resolution: "string-template@npm:0.2.1" @@ -41021,7 +39774,7 @@ __metadata: languageName: node linkType: hard -"string.prototype.matchall@npm:^4.0.6, string.prototype.matchall@npm:^4.0.7": +"string.prototype.matchall@npm:^4.0.7": version: 4.0.7 resolution: "string.prototype.matchall@npm:4.0.7" dependencies: @@ -41170,7 +39923,7 @@ __metadata: languageName: node linkType: hard -"strip-ansi@npm:^7.0.0, strip-ansi@npm:^7.0.1": +"strip-ansi@npm:^7.0.0": version: 7.0.1 resolution: "strip-ansi@npm:7.0.1" dependencies: @@ -41209,13 +39962,6 @@ __metadata: languageName: node linkType: hard -"strip-comments@npm:^2.0.1": - version: 2.0.1 - resolution: "strip-comments@npm:2.0.1" - checksum: 984321b1ec47a531bdcfddd87f217590934e2d2f142198a080ec88588280239a5b58a81ca780730679b6195e52afef83673c6d6466c07c2277f71f44d7d9553d - languageName: node - linkType: hard - "strip-dirs@npm:^2.0.0": version: 2.1.0 resolution: "strip-dirs@npm:2.1.0" @@ -41704,13 +40450,6 @@ __metadata: languageName: node linkType: hard -"svg-parser@npm:^2.0.2": - version: 2.0.4 - resolution: "svg-parser@npm:2.0.4" - checksum: 02f6cb155dd7b63ebc2f44f36365bc294543bebb81b614b7628f1af3c54ab64f7e1cec20f06e252bf95bdde78441ae295a412c68ad1678f16a6907d924512b7a - languageName: node - linkType: hard - "svg-tags@npm:^1.0.0": version: 1.0.0 resolution: "svg-tags@npm:1.0.0" @@ -41730,29 +40469,6 @@ __metadata: languageName: node linkType: hard -"svgo@npm:^1.2.2": - version: 1.3.2 - resolution: "svgo@npm:1.3.2" - dependencies: - chalk: ^2.4.1 - coa: ^2.0.2 - css-select: ^2.0.0 - css-select-base-adapter: ^0.1.1 - css-tree: 1.0.0-alpha.37 - csso: ^4.0.2 - js-yaml: ^3.13.1 - mkdirp: ~0.5.1 - object.values: ^1.1.0 - sax: ~1.2.4 - stable: ^0.1.8 - unquote: ~1.1.1 - util.promisify: ~1.0.0 - bin: - svgo: ./bin/svgo - checksum: 261a82b08acf63accd7a54b47b4ffcd2fc7e7d7f8efef3cbc61184583b24b4c5434656004c30190302821af0f6d7b047eac730b0dcdab5d179e6a74383ccc776 - languageName: node - linkType: hard - "svgo@npm:^2.4.0, svgo@npm:^2.7.0": version: 2.8.0 resolution: "svgo@npm:2.8.0" @@ -41833,41 +40549,6 @@ __metadata: languageName: node linkType: hard -"tailwindcss@npm:^3.0.2": - version: 3.1.8 - resolution: "tailwindcss@npm:3.1.8" - dependencies: - arg: ^5.0.2 - chokidar: ^3.5.3 - color-name: ^1.1.4 - detective: ^5.2.1 - didyoumean: ^1.2.2 - dlv: ^1.1.3 - fast-glob: ^3.2.11 - glob-parent: ^6.0.2 - is-glob: ^4.0.3 - lilconfig: ^2.0.6 - normalize-path: ^3.0.0 - object-hash: ^3.0.0 - picocolors: ^1.0.0 - postcss: ^8.4.14 - postcss-import: ^14.1.0 - postcss-js: ^4.0.0 - postcss-load-config: ^3.1.4 - postcss-nested: 5.0.6 - postcss-selector-parser: ^6.0.10 - postcss-value-parser: ^4.2.0 - quick-lru: ^5.1.1 - resolve: ^1.22.1 - peerDependencies: - postcss: ^8.0.9 - bin: - tailwind: lib/cli.js - tailwindcss: lib/cli.js - checksum: feddb9fcd2c7a8613df18d626dcf0e60d85e68dfcb1874297ba3dee46824992aacb8123fe5f4cc7de7ccdccbb97c2257a849d56f6d31a1e1f68417ce49dca639 - languageName: node - linkType: hard - "tap-parser@npm:^7.0.0": version: 7.0.0 resolution: "tap-parser@npm:7.0.0" @@ -42000,13 +40681,6 @@ __metadata: languageName: node linkType: hard -"temp-dir@npm:^2.0.0": - version: 2.0.0 - resolution: "temp-dir@npm:2.0.0" - checksum: b1df969e3f3f7903f3426861887ed76ba3b495f63f6d0c8e1ce22588679d9384d336df6064210fda14e640ed422e2a17d5c40d901f60e161c99482d723f4d309 - languageName: node - linkType: hard - "temp-write@npm:^3.4.0": version: 3.4.0 resolution: "temp-write@npm:3.4.0" @@ -42040,18 +40714,6 @@ __metadata: languageName: node linkType: hard -"tempy@npm:^0.6.0": - version: 0.6.0 - resolution: "tempy@npm:0.6.0" - dependencies: - is-stream: ^2.0.0 - temp-dir: ^2.0.0 - type-fest: ^0.16.0 - unique-string: ^2.0.0 - checksum: ca0882276732d1313b85006b0427620cb4a8d7a57738a2311a72befae60ed152be7d5b41b951dcb447a01a35404bed76f33eb4e37c55263cd7f807eee1187f8f - languageName: node - linkType: hard - "term-size@npm:^2.2.1": version: 2.2.1 resolution: "term-size@npm:2.2.1" @@ -42069,7 +40731,7 @@ __metadata: languageName: node linkType: hard -"terser-webpack-plugin@npm:*, terser-webpack-plugin@npm:^5.1.1, terser-webpack-plugin@npm:^5.1.3, terser-webpack-plugin@npm:^5.2.5, terser-webpack-plugin@npm:^5.3.1": +"terser-webpack-plugin@npm:*, terser-webpack-plugin@npm:^5.1.1, terser-webpack-plugin@npm:^5.1.3, terser-webpack-plugin@npm:^5.3.1": version: 5.3.6 resolution: "terser-webpack-plugin@npm:5.3.6" dependencies: @@ -42118,7 +40780,7 @@ __metadata: languageName: node linkType: hard -"terser@npm:^5.0.0, terser@npm:^5.10.0, terser@npm:^5.14.1, terser@npm:^5.2.0": +"terser@npm:^5.10.0, terser@npm:^5.14.1, terser@npm:^5.2.0": version: 5.15.0 resolution: "terser@npm:5.15.0" dependencies: @@ -42800,13 +41462,6 @@ __metadata: languageName: node linkType: hard -"tryer@npm:^1.0.1": - version: 1.0.1 - resolution: "tryer@npm:1.0.1" - checksum: 19070409a0009dc26127636cc14d2415e9cf8b1dc07b29694e57ea8bb5ea1bded012c0e792f6235b46e31189a7b866841668b3850867ff7eac1a6b55332c960d - languageName: node - linkType: hard - "ts-dedent@npm:^2.0.0, ts-dedent@npm:^2.2.0": version: 2.2.0 resolution: "ts-dedent@npm:2.2.0" @@ -42947,16 +41602,6 @@ __metadata: languageName: node linkType: hard -"ts-pnp@npm:^1.1.6": - version: 1.2.0 - resolution: "ts-pnp@npm:1.2.0" - peerDependenciesMeta: - typescript: - optional: true - checksum: ff32b4f810f9d99f676d70fe2c0e327cb6c812214bd4fc7135870b039f9e85a85b2c20f8fe030d9bd36e9598a12faa391f10aecb95df624b92f1af6bd47dc397 - languageName: node - linkType: hard - "ts-simple-type@npm:~1.0.5": version: 1.0.7 resolution: "ts-simple-type@npm:1.0.7" @@ -43129,13 +41774,6 @@ __metadata: languageName: node linkType: hard -"type-fest@npm:^0.16.0": - version: 0.16.0 - resolution: "type-fest@npm:0.16.0" - checksum: 6b4d846534e7bcb49a6160b068ffaed2b62570d989d909ac3f29df5ef1e993859f890a4242eebe023c9e923f96adbcb3b3e88a198c35a1ee9a731e147a6839c3 - languageName: node - linkType: hard - "type-fest@npm:^0.18.0": version: 0.18.1 resolution: "type-fest@npm:0.18.1" @@ -43818,13 +42456,6 @@ __metadata: languageName: node linkType: hard -"unquote@npm:~1.1.1": - version: 1.1.1 - resolution: "unquote@npm:1.1.1" - checksum: de59fb48cbaadc636002c6563dcb6b1bce95c91ebecb92addbc9bb47982cb03e7d8a8371c9617267b9e5746bbcb4403394139bc1310106b9ac4c26790ed57859 - languageName: node - linkType: hard - "unset-value@npm:^1.0.0": version: 1.0.0 resolution: "unset-value@npm:1.0.0" @@ -44066,18 +42697,6 @@ __metadata: languageName: node linkType: hard -"util.promisify@npm:~1.0.0": - version: 1.0.1 - resolution: "util.promisify@npm:1.0.1" - dependencies: - define-properties: ^1.1.3 - es-abstract: ^1.17.2 - has-symbols: ^1.0.1 - object.getownpropertydescriptors: ^2.1.0 - checksum: d72b7c1344816bc9c8713efbf5cb23b536730a8fb7df9ae50654d9efa4d24241fc5ecc69a7dc63b9a2f98cabc9635c303923671933f8c6f41fa7d64fe2188e27 - languageName: node - linkType: hard - "util@npm:^0.12.4": version: 0.12.4 resolution: "util@npm:0.12.4" @@ -44401,6 +43020,38 @@ __metadata: linkType: hard "vite@npm:^3.1.0": + version: 3.1.4 + resolution: "vite@npm:3.1.4" + dependencies: + esbuild: ^0.15.6 + fsevents: ~2.3.2 + postcss: ^8.4.16 + resolve: ^1.22.1 + rollup: ~2.78.0 + peerDependencies: + less: "*" + sass: "*" + stylus: "*" + terser: ^5.4.0 + dependenciesMeta: + fsevents: + optional: true + peerDependenciesMeta: + less: + optional: true + sass: + optional: true + stylus: + optional: true + terser: + optional: true + bin: + vite: bin/vite.js + checksum: 95cb33b0499be210167ed4fa29e2b86c18c8314c9042962a2b52df154e5d55dea52945d6eaf70e2786176bda6669e24d50a99c4c12ae93947ad8818b55c85d99 + languageName: node + linkType: hard + +"vite@npm:^3.1.3": version: 3.1.3 resolution: "vite@npm:3.1.3" dependencies: @@ -44716,7 +43367,7 @@ __metadata: languageName: node linkType: hard -"vue@npm:^2.6.12": +"vue@npm:^2.6.12, vue@npm:^2.7.10": version: 2.7.10 resolution: "vue@npm:2.7.10" dependencies: @@ -45139,7 +43790,7 @@ __metadata: languageName: node linkType: hard -"webpack-dev-server@npm:^4.6.0, webpack-dev-server@npm:^4.7.3, webpack-dev-server@npm:^4.8.1": +"webpack-dev-server@npm:^4.7.3, webpack-dev-server@npm:^4.8.1": version: 4.11.1 resolution: "webpack-dev-server@npm:4.11.1" dependencies: @@ -45194,18 +43845,6 @@ __metadata: languageName: node linkType: hard -"webpack-manifest-plugin@npm:^4.0.2": - version: 4.1.1 - resolution: "webpack-manifest-plugin@npm:4.1.1" - dependencies: - tapable: ^2.0.0 - webpack-sources: ^2.2.0 - peerDependencies: - webpack: ^4.44.2 || ^5.47.0 - checksum: 9486f399c86358e5811f314c71ba0ef2915c2db885ae01fd14002f2fb3d791bc9cf7b0fbe92e9f012c85c06f2efd94ecfc50f85d3fbce6359757f327039a7839 - languageName: node - linkType: hard - "webpack-merge@npm:5.8.0, webpack-merge@npm:^5.7.3": version: 5.8.0 resolution: "webpack-merge@npm:5.8.0" @@ -45216,16 +43855,6 @@ __metadata: languageName: node linkType: hard -"webpack-sources@npm:^1.4.3": - version: 1.4.3 - resolution: "webpack-sources@npm:1.4.3" - dependencies: - source-list-map: ^2.0.0 - source-map: ~0.6.1 - checksum: 78dafb3e1e297d3f4eb6204311e8c64d28cd028f82887ba33aaf03fffc82482d8e1fdf6de25a60f4dde621d3565f4c3b1bfb350f09add8f4e54e00279ff3db5e - languageName: node - linkType: hard - "webpack-sources@npm:^2.2.0": version: 2.3.1 resolution: "webpack-sources@npm:2.3.1" @@ -45573,211 +44202,6 @@ __metadata: languageName: node linkType: hard -"workbox-background-sync@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-background-sync@npm:6.5.4" - dependencies: - idb: ^7.0.1 - workbox-core: 6.5.4 - checksum: 4d1431c19fb1bb07f5ce31e286f0d62de908b813857f3d2e5048c21cafb318a41a1ae0cf135545bc6053f6d4c487951f4c232241c47caab37908a70e87d3fa30 - languageName: node - linkType: hard - -"workbox-broadcast-update@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-broadcast-update@npm:6.5.4" - dependencies: - workbox-core: 6.5.4 - checksum: fa7164d4b11ce2ff7922a84fef836b432147b49dd04b9afa543908d035245c394707d87a15faf2ea2c28c76b5d6ae9db6600b01faa734a2d29b3aa4543a8baab - languageName: node - linkType: hard - -"workbox-build@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-build@npm:6.5.4" - dependencies: - "@apideck/better-ajv-errors": ^0.3.1 - "@babel/core": ^7.11.1 - "@babel/preset-env": ^7.11.0 - "@babel/runtime": ^7.11.2 - "@rollup/plugin-babel": ^5.2.0 - "@rollup/plugin-node-resolve": ^11.2.1 - "@rollup/plugin-replace": ^2.4.1 - "@surma/rollup-plugin-off-main-thread": ^2.2.3 - ajv: ^8.6.0 - common-tags: ^1.8.0 - fast-json-stable-stringify: ^2.1.0 - fs-extra: ^9.0.1 - glob: ^7.1.6 - lodash: ^4.17.20 - pretty-bytes: ^5.3.0 - rollup: ^2.43.1 - rollup-plugin-terser: ^7.0.0 - source-map: ^0.8.0-beta.0 - stringify-object: ^3.3.0 - strip-comments: ^2.0.1 - tempy: ^0.6.0 - upath: ^1.2.0 - workbox-background-sync: 6.5.4 - workbox-broadcast-update: 6.5.4 - workbox-cacheable-response: 6.5.4 - workbox-core: 6.5.4 - workbox-expiration: 6.5.4 - workbox-google-analytics: 6.5.4 - workbox-navigation-preload: 6.5.4 - workbox-precaching: 6.5.4 - workbox-range-requests: 6.5.4 - workbox-recipes: 6.5.4 - workbox-routing: 6.5.4 - workbox-strategies: 6.5.4 - workbox-streams: 6.5.4 - workbox-sw: 6.5.4 - workbox-window: 6.5.4 - checksum: aaded320ecb1f2f40439accbe7445a31fe72185ee976bbb7d79cc4ef9339407ec137b8a13a927394206783f5548d2b2e1bed597ca1af4b00d5e19d632871ead4 - languageName: node - linkType: hard - -"workbox-cacheable-response@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-cacheable-response@npm:6.5.4" - dependencies: - workbox-core: 6.5.4 - checksum: 5a464881f254b6ebea1055412e4b90861e9d987ed7167b9fcdebfbd79af72d678979a2dcf0c62a3db2afcabb320c23ba691db25031ac057e3badd6cc4f80a6e9 - languageName: node - linkType: hard - -"workbox-core@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-core@npm:6.5.4" - checksum: dac894674219035316e3354955343cf7eec4b014a58712cb6139c3c97e4b7c40265403b15d339f8a318304193340485d9a0757255c88cb23d2e6a59b55224a41 - languageName: node - linkType: hard - -"workbox-expiration@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-expiration@npm:6.5.4" - dependencies: - idb: ^7.0.1 - workbox-core: 6.5.4 - checksum: f8cf8e694e44d5b8ac2b25f224c716c2d277b54775d6b92323aeb74de36adee80fb46a0140431d6a1adc36b33791f6737eaaf54996ea995def70aff9c1d64492 - languageName: node - linkType: hard - -"workbox-google-analytics@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-google-analytics@npm:6.5.4" - dependencies: - workbox-background-sync: 6.5.4 - workbox-core: 6.5.4 - workbox-routing: 6.5.4 - workbox-strategies: 6.5.4 - checksum: 88640d5efb12d697eb1cd8d04caa9c23b5a48308138aeea24d5726b02b47ece6efe0bd07154d1243f6322b918ed55bf05ed927298fc3bb755545627e8644019f - languageName: node - linkType: hard - -"workbox-navigation-preload@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-navigation-preload@npm:6.5.4" - dependencies: - workbox-core: 6.5.4 - checksum: ec9bda6ef4e7031fb3544d9ca187588b1c53b89e16ab2efa55ec6a179b1cce0638d23612d70e71a0767489cb5a3edfc168713285157b832f64da16ab6d195f5e - languageName: node - linkType: hard - -"workbox-precaching@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-precaching@npm:6.5.4" - dependencies: - workbox-core: 6.5.4 - workbox-routing: 6.5.4 - workbox-strategies: 6.5.4 - checksum: 25913c0adc8d48827e53677593e01e7ce9daa9cd8b340c36eb013dbbf617ab1ba5789612309c3e94d297a30afcb86688b0f6f21757dd2832a67df1fef0ef3e61 - languageName: node - linkType: hard - -"workbox-range-requests@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-range-requests@npm:6.5.4" - dependencies: - workbox-core: 6.5.4 - checksum: 603b1379d3222666e36bda4fc5094d0e13ea3d5b7eb43bc4f8ab3711c525a3f0e65bd0a90fc8a1aa9af1a9a363f25e8c863f2caabbbf21e056f9492395474d47 - languageName: node - linkType: hard - -"workbox-recipes@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-recipes@npm:6.5.4" - dependencies: - workbox-cacheable-response: 6.5.4 - workbox-core: 6.5.4 - workbox-expiration: 6.5.4 - workbox-precaching: 6.5.4 - workbox-routing: 6.5.4 - workbox-strategies: 6.5.4 - checksum: 541efdb3f9f6cea485eb3938d5147b697b8ede0eb002ccdcec26ed132c35b9a0b1677d44b9f66f05ae2788bb59892002eb81c2a151788a12831292a393c9b08c - languageName: node - linkType: hard - -"workbox-routing@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-routing@npm:6.5.4" - dependencies: - workbox-core: 6.5.4 - checksum: a6b75c287408b1db457bbc8971bc4edb96c1a89141ecbd2ad241c7142d230bae31d7257b267a1a9d2a608d72fc8167d65af114d8e3ac0b4744785110408a1710 - languageName: node - linkType: hard - -"workbox-strategies@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-strategies@npm:6.5.4" - dependencies: - workbox-core: 6.5.4 - checksum: a57b69ae7fc14f172d4b9d5e2835ce36d345a8bac149cf6b8bafb60c1fd20fc46f511ef7b1322c0474628947875251f43d3331f8627fd6950f1c3ec262f5c98c - languageName: node - linkType: hard - -"workbox-streams@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-streams@npm:6.5.4" - dependencies: - workbox-core: 6.5.4 - workbox-routing: 6.5.4 - checksum: d69ad8aad0e6aefb660aa9e5ac32b80abd5fe145b8bc878d3419873dc48702b61f9de49130a2e0e1e5f51998f53df27bc4c05ae29597b45fc8ad6bb424fceaea - languageName: node - linkType: hard - -"workbox-sw@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-sw@npm:6.5.4" - checksum: 2d276e8436ab98d8edd94683f4f5bd62aff97403499a8489132f2bb724812cdecfe8fd0d826116737c2a675eacdccc1c01d963e7bb451ee87b1af60ae39ed816 - languageName: node - linkType: hard - -"workbox-webpack-plugin@npm:^6.4.1": - version: 6.5.4 - resolution: "workbox-webpack-plugin@npm:6.5.4" - dependencies: - fast-json-stable-stringify: ^2.1.0 - pretty-bytes: ^5.4.1 - upath: ^1.2.0 - webpack-sources: ^1.4.3 - workbox-build: 6.5.4 - peerDependencies: - webpack: ^4.4.0 || ^5.9.0 - checksum: f0faee823267386b3b7643b2e281beb576f64456c573d6f01a4da8a9295c8a6008a7b46d60d09d5271f61cdb8eaf67a2b63f92e8c994497f1535ccfe69a70457 - languageName: node - linkType: hard - -"workbox-window@npm:6.5.4": - version: 6.5.4 - resolution: "workbox-window@npm:6.5.4" - dependencies: - "@types/trusted-types": ^2.0.2 - workbox-core: 6.5.4 - checksum: fd5ed15563025d76fe70a6d62413e380de160fd8c033c22d6827e5256edaac7362b2955ce42f2188cde100f881727840be78d057c533b8dd3696c6a7c7b36031 - languageName: node - linkType: hard - "workerpool@npm:^3.1.1": version: 3.1.2 resolution: "workerpool@npm:3.1.2" diff --git a/docs/get-started/install.md b/docs/get-started/install.md index 8c5fe9ae609..e1fb0bed082 100644 --- a/docs/get-started/install.md +++ b/docs/get-started/install.md @@ -27,7 +27,7 @@ Storybook needs to be installed into a project that is already set up with a fra - 📦 [Create an Angular Workspace](https://angular.io/cli/new) - 📦 [Create React App](https://reactjs.org/docs/create-a-new-react-app.html) -- 📦 [Vue CLI](https://cli.vuejs.org/) +- 📦 [Create a Vue App](https://vuejs.org/guide/quick-start.html) - 📦 [Ember CLI](https://guides.emberjs.com/release/getting-started/quick-start/) - Or any other tooling available. diff --git a/scripts/.eslintignore b/scripts/.eslintignore index 09e2164c448..db97fa57090 100644 --- a/scripts/.eslintignore +++ b/scripts/.eslintignore @@ -15,8 +15,6 @@ scripts/repros-generator *.d.ts examples/ember-cli/.storybook/preview-head.html examples/official-storybook/tests/addon-jest.test.js -examples/cra-ts-kitchen-sink/*.json -examples/cra-ts-kitchen-sink/public/* ember-output .yarn !.remarkrc.js diff --git a/scripts/sandbox.ts b/scripts/sandbox.ts index f1d85de6f6a..cdc12469723 100644 --- a/scripts/sandbox.ts +++ b/scripts/sandbox.ts @@ -552,9 +552,7 @@ async function main() { if (require.main === module) { main().catch((err) => { - logger.error('🚨 An error occurred when executing "sandbox":'); - - logger.error(err); + logger.error(err.message); process.exit(1); }); } diff --git a/scripts/utils/exec.ts b/scripts/utils/exec.ts index b3e1af6c312..16e30bc899b 100644 --- a/scripts/utils/exec.ts +++ b/scripts/utils/exec.ts @@ -27,7 +27,7 @@ export const exec = async ( const defaultOptions: Options = { shell: true, - stdout: debug ? 'inherit' : 'ignore', + stdout: debug ? 'inherit' : 'pipe', }; let currentChild: ExecaChildProcess; @@ -51,8 +51,7 @@ export const exec = async ( } catch (err) { if (!err.killed) { logger.error(chalk.red(`An error occurred while executing: \`${command}\``)); - logger.error(err); - logger.log(errorMessage); + logger.log(`${errorMessage}\n`); } throw err;