diff --git a/.circleci/config.yml b/.circleci/config.yml index 726108f9635c..51f6a073338d 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -10,7 +10,7 @@ executors: default: 'medium' working_directory: /tmp/storybook docker: - - image: cimg/node:14.19 + - image: cimg/node:16.17.1 environment: NODE_OPTIONS: --max_old_space_size=3076 resource_class: <> @@ -23,7 +23,7 @@ executors: default: 'medium' working_directory: /tmp/storybook docker: - - image: cimg/node:14.19-browsers + - image: cimg/node:16.17.1-browsers environment: NODE_OPTIONS: --max_old_space_size=3076 resource_class: <> @@ -75,6 +75,22 @@ commands: fi jobs: + check: + executor: + class: xlarge + name: sb_node_14_classic + steps: + - git-shallow-clone/checkout_advanced: + clone_options: '--depth 1 --verbose' + - restore_cache: + name: Restore Yarn cache + keys: + - build-yarn-2-cache-v4--{{ checksum "code/yarn.lock" }}--{{ checksum "scripts/yarn.lock" }} + - run: + name: Compile + command: | + yarn task --task check --start-from=auto --no-link --debug + git diff --exit-code build: executor: class: xlarge @@ -106,6 +122,7 @@ jobs: - code/addons - code/frameworks - code/lib + - code/ui - code/renderers - code/presets chromatic: @@ -125,7 +142,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 12 + parallelism: 4 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -207,16 +224,16 @@ jobs: name: set up cra repro, skip tests command: | cd code - node ./lib/cli/bin/index.js repro -t cra --e2e ../cra-bench + node ./lib/cli/bin/index.js repro -t cra --e2e ../../cra-bench - run: name: Run @storybook/bench on repro command: | - cd ./cra-bench + cd ../cra-bench npx -p @storybook/bench@1.0.0--canary.12.7cccdee.0 sb-bench 'echo noop' --label cra - run: name: prep artifacts when: always - command: tar cvzf /tmp/sb-bench.tar.gz ./cra-bench + command: tar cvzf /tmp/sb-bench.tar.gz ../cra-bench - store_artifacts: path: /tmp/sb-bench.tar.gz destination: sb-bench.tar.gz @@ -305,7 +322,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 15 + parallelism: 20 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -324,7 +341,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 14 + parallelism: 15 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -339,7 +356,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 15 + parallelism: 20 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -358,7 +375,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 15 + parallelism: 18 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -373,7 +390,7 @@ jobs: executor: class: medium+ name: sb_node_14_browsers - parallelism: 15 + parallelism: 20 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -388,7 +405,7 @@ jobs: executor: class: medium+ name: sb_playwright - parallelism: 15 + parallelism: 20 steps: - git-shallow-clone/checkout_advanced: clone_options: '--depth 1 --verbose' @@ -410,6 +427,9 @@ workflows: - lint: requires: - build + - check: + requires: + - build - examples: requires: - build @@ -439,9 +459,9 @@ workflows: - create-sandboxes: requires: - publish - - smoke-test-sandboxes: - requires: - - create-sandboxes + # - smoke-test-sandboxes: # disabled for now + # requires: + # - create-sandboxes - build-sandboxes: requires: - create-sandboxes diff --git a/.github/autolabeler.yml b/.github/autolabeler.yml deleted file mode 100644 index 8adb8d840075..000000000000 --- a/.github/autolabeler.yml +++ /dev/null @@ -1,25 +0,0 @@ -'addon: a11y': ['addons/a11y/**'] -'addon: actions': ['addons/actions/**'] -'addon: backgrounds': ['addons/backgrounds/**'] -'addon: events ': ['addons/events/**'] -'addon: graphql ': ['addons/graphql/**'] -'addon: info': ['addons/info/**'] -'addon: jest': ['addons/jest/**'] -'addon: knobs': ['addons/knobs/**'] -'addon: links': ['addons/links/**'] -'addon: notes': ['addons/notes/**'] -'addon: options': ['addons/options/**'] -'addon: storyshots': ['addons/storyshots/**'] -'addon: viewport': ['addons/viewport/**'] -'app: angular': ['app/angular/**'] -'app: preact': ['app/preact/**'] -'app: rax': ['app/rax/**'] -'app: react': ['app/react/**'] -'app: vue': ['app/vue/**'] -'app: svelte': ['app/svelte/**'] -'app: mithril': ['app/mithril/**'] -'babel / webpack': ['webpack', 'babel'] -'cli': ['lib/cli/**'] -'compatibility with other tools': [] -'documentation': ['docs', '*.md'] -'ui': ['lib/ui'] diff --git a/.github/workflows/cron-weekly.yml b/.github/workflows/cron-weekly.yml index 1cfb53106a1d..8dafd4e99c27 100644 --- a/.github/workflows/cron-weekly.yml +++ b/.github/workflows/cron-weekly.yml @@ -8,7 +8,7 @@ jobs: check-links: runs-on: ubuntu-latest steps: - - uses: actions/checkout@v2 + - uses: actions/checkout@v3 - uses: gaurav-nelson/github-action-markdown-link-check@v1 # checks all markdown files from important folders including all subfolders with: diff --git a/.github/workflows/danger-js.yml b/.github/workflows/danger-js.yml index ad24e2a15920..41298317f118 100644 --- a/.github/workflows/danger-js.yml +++ b/.github/workflows/danger-js.yml @@ -10,8 +10,8 @@ jobs: steps: - uses: actions/setup-node@v2 with: - node-version: '14' - - uses: actions/checkout@master + node-version: '16' + - uses: actions/checkout@v3 - name: Danger JS uses: danger/danger-js@10.9.0 env: diff --git a/.github/workflows/generate-repros-next.yml b/.github/workflows/generate-repros-next.yml index cca67812747b..7698294fa4c6 100644 --- a/.github/workflows/generate-repros-next.yml +++ b/.github/workflows/generate-repros-next.yml @@ -8,8 +8,6 @@ on: push: branches: - vite-frameworks-xyz - - norbert/sb-524-webpack5react18ts - - norbert/sb-525-webpack5react17js jobs: generate: @@ -19,17 +17,16 @@ jobs: steps: - uses: actions/setup-node@v2 with: - node-version: 14 - - uses: actions/checkout@v2 + node-version: 16 + - uses: actions/checkout@v3 - name: Setup git user run: | git config --global user.name "Storybook Bot" git config --global user.email "bot@storybook.js.org" - name: Install dependencies run: node ./scripts/check-dependencies.js - - name: Bootstrap Storybook libraries - run: yarn task --task compile --start-from=auto --no-link - working-directory: ./code + - name: Compile Storybook libraries + run: yarn task --task publish --start-from=auto --no-link - name: Generate repros run: yarn generate-repros-next --local-registry working-directory: ./code diff --git a/.github/workflows/generate-repros.yml b/.github/workflows/generate-repros.yml index 43b11ccfcce2..5bf48fc809fc 100644 --- a/.github/workflows/generate-repros.yml +++ b/.github/workflows/generate-repros.yml @@ -17,8 +17,8 @@ jobs: steps: - uses: actions/setup-node@v2 with: - node-version: 14 - - uses: actions/checkout@v2 + node-version: 16 + - uses: actions/checkout@v3 - name: Setup git user run: | git config --global user.name "Storybook Bot" diff --git a/.github/workflows/handle-release-branches.yml b/.github/workflows/handle-release-branches.yml index 069b3390d2f6..8ff1a49b5666 100644 --- a/.github/workflows/handle-release-branches.yml +++ b/.github/workflows/handle-release-branches.yml @@ -23,7 +23,7 @@ jobs: if: ${{ needs.branch-checks.outputs.is-latest-branch == 'true' }} runs-on: ubuntu-latest steps: - - uses: actions/checkout@v2 + - uses: actions/checkout@v3 - run: curl -X POST "https://api.netlify.com/build_hooks/${{ secrets.FRONTPAGE_HOOK }}" @@ -32,7 +32,7 @@ jobs: if: ${{ needs.branch-checks.outputs.is-next-branch == 'true' || needs.branch-checks.outputs.is-release-branch == 'true' }} runs-on: ubuntu-latest steps: - - uses: actions/checkout@v2 + - uses: actions/checkout@v3 with: ref: next path: next @@ -54,7 +54,7 @@ jobs: if: ${{ needs.branch-checks.outputs.is-next-branch == 'true' }} runs-on: ubuntu-latest steps: - - uses: actions/checkout@v2 + - uses: actions/checkout@v3 with: fetch-depth: 0 diff --git a/.github/workflows/tests-unit.yml b/.github/workflows/tests-unit.yml index 5dcf0e463f48..a8e6be33d86c 100644 --- a/.github/workflows/tests-unit.yml +++ b/.github/workflows/tests-unit.yml @@ -15,7 +15,7 @@ jobs: fail-fast: false matrix: os: [ubuntu-latest] - node_version: [14, 16] + node_version: [16] include: - os: macos-latest node_version: 16 @@ -23,7 +23,7 @@ jobs: node_version: 16 runs-on: ${{ matrix.os }} steps: - - uses: actions/checkout@v2 + - uses: actions/checkout@v3 - name: Set node version to ${{ matrix.node_version }} uses: actions/setup-node@v2 with: diff --git a/.vscode/launch.json b/.vscode/launch.json index 0fcff3c6e02e..3b2c18a27cd6 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -3,36 +3,23 @@ // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", - "configurations": [{ - "type": "node", - "request": "launch", - "name": "official-storybook", - "runtimeExecutable": "npm", - "cwd": "${workspaceFolder}/code/examples/official-storybook", - "runtimeArgs": [ - "run-script", - "debug" - ], - "port": 9229, - "skipFiles": [ - "/**" - ] - }, { - "type": "node", - "request": "launch", - "name": "cli html", - "cwd": "${workspaceFolder}/code/lib/cli/stories", - "runtimeArgs": [ - "--inspect-brk", - "${workspaceFolder}/code/lib/cli/bin/index.js", - "init", - "--type", - "html" - ], - "port": 9229, - "skipFiles": [ - "/**" - ] - } + "configurations": [ + { + "type": "node", + "request": "launch", + "name": "cli html", + "cwd": "${workspaceFolder}/code/lib/cli/stories", + "runtimeArgs": [ + "--inspect-brk", + "${workspaceFolder}/code/lib/cli/bin/index.js", + "init", + "--type", + "html" + ], + "port": 9229, + "skipFiles": [ + "/**" + ] + } ] -} +} \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json index 6534f373734d..e4831db738b6 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,4 @@ { - "deepscan.enable": true + "deepscan.enable": true, + "typescript.tsdk": "./code/node_modules/typescript/lib" } diff --git a/code/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs b/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs similarity index 100% rename from code/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs rename to .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs diff --git a/code/.yarn/plugins/@yarnpkg/plugin-typescript.cjs b/.yarn/plugins/@yarnpkg/plugin-typescript.cjs similarity index 100% rename from code/.yarn/plugins/@yarnpkg/plugin-typescript.cjs rename to .yarn/plugins/@yarnpkg/plugin-typescript.cjs diff --git a/.yarnrc.yml b/.yarnrc.yml index 7fe1872cf4ef..a05af7498794 100644 --- a/.yarnrc.yml +++ b/.yarnrc.yml @@ -1,3 +1,4 @@ nodeLinker: node-modules yarnPath: .yarn/releases/yarn-3.2.3.cjs +installStatePath: "./.yarn/root-install-state.gz" \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index 0f4b7a98f67d..14ca3b0b39c3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,89 @@ +## 7.0.0-alpha.38 (October 15, 2022) + +#### Bug Fixes + +- Vite: Fix bail not being defined for vite builder [#19405](https://github.com/storybooks/storybook/pull/19405) + +#### Maintenance + +- Breaking: Remove onBeforeRender [#19489](https://github.com/storybooks/storybook/pull/19489) +- Breaking: Upgrade to use node 16 everywhere [#19458](https://github.com/storybooks/storybook/pull/19458) +- Breaking: Remove the old showRoots config option [#19440](https://github.com/storybooks/storybook/pull/19440) +- CLI: Make the button component accept a label prop, (not children) [#19461](https://github.com/storybooks/storybook/pull/19461) +- Remove `angular-cli` example [#19202](https://github.com/storybooks/storybook/pull/19202) +- Breakimg: Remove the html entrypoint of lib/components [#19487](https://github.com/storybooks/storybook/pull/19487) +- Vite: Add partial SvelteKit support [#19338](https://github.com/storybooks/storybook/pull/19338) + +#### Build + +- Angular: Add angular 14 sandbox template [#19181](https://github.com/storybooks/storybook/pull/19181) +- Storybook for Storybook - step 1: `ui/manager` [#19465](https://github.com/storybooks/storybook/pull/19465) +- Don't pass the full path to repro generators [#19480](https://github.com/storybooks/storybook/pull/19480) +- Bundle lib/channel-postmessage with ts-up [#19388](https://github.com/storybooks/storybook/pull/19388) +- Disable smoke test [#19475](https://github.com/storybooks/storybook/pull/19475) +- Remove angular example from monorepo [#19467](https://github.com/storybooks/storybook/pull/19467) +- Add angular 13 repro template [#19428](https://github.com/storybooks/storybook/pull/19428) +- Add a TypeScript check task and configure ci to run it [#19471](https://github.com/storybooks/storybook/pull/19471) +- Add Preact/Webpack templates and update renderer/preset (2) [#19451](https://github.com/storybooks/storybook/pull/19451) +- Disable another smoke test [#19466](https://github.com/storybooks/storybook/pull/19466) + +#### Dependency Upgrades + +- Ipgrade chromatic [#19468](https://github.com/storybooks/storybook/pull/19468) + +## 7.0.0-alpha.37 (October 13, 2022) + +#### Features + +- React: Sound arg types for CSF3 [#19238](https://github.com/storybooks/storybook/pull/19238) +- Vite: Add web-components/lit framework support [#19164](https://github.com/storybooks/storybook/pull/19164) +- UI: Update colors for 7.0 [#19023](https://github.com/storybooks/storybook/pull/19023) + +#### Bug Fixes + +- Server: Ensure consistent route handling by always starting `managerBuilder` before `previewBuilder` [#19406](https://github.com/storybooks/storybook/pull/19406) +- UI: Fix addon URL escaping in manager [#19375](https://github.com/storybooks/storybook/pull/19375) +- CLI: remove `npx` usage from storybook scripts [#19366](https://github.com/storybooks/storybook/pull/19366) +- Webpack5: Fix lazy compilation/fscache builderOptions when base config is disabled [#19387](https://github.com/storybooks/storybook/pull/19387) + +#### Maintenance + +- Breaking: remove the deprecated Preview component [#19445](https://github.com/storybooks/storybook/pull/19445) +- Breaking: remove deprecated channel apis [#19443](https://github.com/storybooks/storybook/pull/19443) +- Breaking: remove framework angulars storymodule story-component handling [#19442](https://github.com/storybooks/storybook/pull/19442) +- Breaking: remove deprecated glob fixing [#19438](https://github.com/storybooks/storybook/pull/19438) +- Refactor bootstrap+sandbox into "task" framework [#19275](https://github.com/storybooks/storybook/pull/19275) +- CI: Fix test-runner build step [#19255](https://github.com/storybooks/storybook/pull/19255) +- Angular: Drop support for angular < 13 [#19368](https://github.com/storybooks/storybook/pull/19368) +- Build: Add installScripts step in bootstrap command [#19270](https://github.com/storybooks/storybook/pull/19270) +- Vite: Move default cache dir to node_modules/.cache [#19384](https://github.com/storybooks/storybook/pull/19384) + +#### Build + +- Addon-docs: Refactor MDX examples to sandboxes [#19301](https://github.com/storybooks/storybook/pull/19301) +- Undo accidental push of tom/sb-557-typescript-2 [#19450](https://github.com/storybooks/storybook/pull/19450) +- Ensure we kill all controllers before exiting [#19449](https://github.com/storybooks/storybook/pull/19449) +- Examples: Remove official-storybook [#19343](https://github.com/storybooks/storybook/pull/19343) +- Build: Improve template stories [#19402](https://github.com/storybooks/storybook/pull/19402) +- Vue: Delete vue-cli/vue-kitchen-sink examples [#19429](https://github.com/storybooks/storybook/pull/19429) +- React: Remove react-ts example [#19424](https://github.com/storybooks/storybook/pull/19424) +- Web-components: Port template stories and delete web-components-kitchen-sink [#19430](https://github.com/storybooks/storybook/pull/19430) +- remove html-kitchen-sink example [#19360](https://github.com/storybooks/storybook/pull/19360) +- add template for html-webpack5 [#19377](https://github.com/storybooks/storybook/pull/19377) +- use a single version of yarn [#19417](https://github.com/storybooks/storybook/pull/19417) +- fix build command for netlify [#19418](https://github.com/storybooks/storybook/pull/19418) +- Re-enable `svelte-vite/default-ts` template [#19369](https://github.com/storybooks/storybook/pull/19369) +- Only persist the (single) built sandbox [#19372](https://github.com/storybooks/storybook/pull/19372) + +#### Dependency Upgrades + +- Replace @storybook/semver with semver [#19292](https://github.com/storybooks/storybook/pull/19292) +- Upgrade playwright [#19416](https://github.com/storybooks/storybook/pull/19416) + +## 7.0.0-alpha.36 (October 13, 2022) + +Bad publish + ## 7.0.0-alpha.35 (October 5, 2022) #### Features diff --git a/MIGRATION.md b/MIGRATION.md index 41c3d02c4272..221e8441bfe3 100644 --- a/MIGRATION.md +++ b/MIGRATION.md @@ -19,6 +19,7 @@ - [Babel mode v7 by default](#babel-mode-v7-by-default) - [7.0 feature flags removed](#70-feature-flags-removed) - [Vite builder uses vite config automatically](#vite-builder-uses-vite-config-automatically) + - [Vite cache moved to node_modules/.cache/.vite-storybook](#vite-cache-moved-to-node_modulescachevite-storybook) - [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) @@ -439,9 +440,11 @@ In 7.0, frameworks also specify the builder to be used. For example, The current - `@storybook/svelte-webpack5` - `@storybook/svelte-vite` - `@storybook/vue-webpack5` +- `@storybook/vue-vite` - `@storybook/vue3-webpack5` - `@storybook/vue3-vite` - `@storybook/web-components-webpack5` +- `@storybook/web-components-vite` We will be expanding this list over the course of the 7.0 development cycle. More info on the rationale here: [Frameworks RFC](https://www.notion.so/chromatic-ui/Frameworks-RFC-89f8aafe3f0941ceb4c24683859ed65c). @@ -527,6 +530,10 @@ When using a [Vite-based framework](#framework-field-mandatory), Storybook will Some settings will be overridden by storybook so that it can function properly, and the merged settings can be modified using `viteFinal` in `.storybook/main.js` (see the [Storybook Vite configuration docs](https://storybook.js.org/docs/react/builders/vite#configuration)). If you were using `viteFinal` in 6.5 to simply merge in your project's standard vite config, you can now remove it. +#### Vite cache moved to node_modules/.cache/.vite-storybook + +Previously, Storybook's Vite builder placed cache files in node_modules/.vite-storybook. However, it's more common for tools to place cached files into `node_modules/.cache`, and putting them there makes it quick and easy to clear the cache for multiple tools at once. We don't expect this change will cause any problems, but it's something that users of Storybook Vite projects should know about. It can be configured by setting `cacheDir` in `viteFinal` within `.storybook/main.js` [Storybook Vite configuration docs](https://storybook.js.org/docs/react/builders/vite#configuration)). + #### Removed docs.getContainer and getPage parameters It is no longer possible to set `parameters.docs.getContainer()` and `getPage()`. Instead use `parameters.docs.container` or `parameters.docs.page` directly. @@ -558,17 +565,11 @@ Additionally, the internal field `'previewEntries'` has been removed. If you nee #### Dropped support for Angular 12 and below -Official [Angular 12 LTS support ends Nov 2022](https://angular.io/guide/releases#actively-supported-versions). With that, Storybook also drops its support -for Angular 12 and below. +Official [Angular 12 LTS support ends Nov 2022](https://angular.io/guide/releases#actively-supported-versions). With that, Storybook also drops its support +for Angular 12 and below. In order to use Storybook 7.0, you need to upgrade to at least Angular 13. -#### 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. @@ -774,7 +775,7 @@ SB6.5 moves framework specializations (e.g. ArgType inference, dynamic snippet r This change should not require any specific migrations on your part if you are using the docs addon as described in the documentation. However, if you are using `react-docgen` or `react-docgen-typescript` information in some custom way outside of `addon-docs`, you should be aware of this change. -In SB6.4, `@storybook/react` added `react-docgen` to its babel settings and `react-docgen-typescript` to its webpack settings. In SB6.5, this only happens if you are using `addon-docs` or `addon-controls`, either directly or indirectly through `addon-essentials`. If you're not using either of those addons, but require that information for some other addon, please configure that manually in your `.storybook/main.js` configuration. You can see the docs configuration here: https://github.com/storybookjs/storybook/blob/next/app/react/src/server/framework-preset-react-docs.ts +In SB6.4, `@storybook/react` added `react-docgen` to its babel settings and `react-docgen-typescript` to its webpack settings. In SB6.5, this only happens if you are using `addon-docs` or `addon-controls`, either directly or indirectly through `addon-essentials`. If you're not using either of those addons, but require that information for some other addon, please configure that manually in your `.storybook/main.js` configuration. You can see the docs configuration here: https://github.com/storybookjs/storybook/blob/next/code/presets/react-webpack/src/framework-preset-react-docs.ts ### Opt-in MDX2 support diff --git a/README.md b/README.md index 8684d6747bc9..8df5d2c674b2 100644 --- a/README.md +++ b/README.md @@ -90,17 +90,18 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story | Renderer | Demo | | |----------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------| -| [React](code/renderers/react) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*) | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react) | -| [Vue](code/renderers/vue) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/) | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/renderers/vue) | -| [Angular](code/frameworks/angular/) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/angular-cli/) | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](code/frameworks/angular/) | -| [Web components](code/renderers/web-components) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/) | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/renderers/web-components) | -| [React Native](https://github.com/storybookjs/react-native) | - | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native?style=flat-square&color=eee)](https://github.com/storybookjs/react-native) | -| [HTML](code/renderers/html) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/) | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/renderers/html) | -| [Ember](code/frameworks/ember/) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/ember-cli/) | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](code/frameworks/ember/) | -| [Svelte](code/renderers/svelte) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/) | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/renderers/svelte) | -| [Preact](code/renderers/preact) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/) | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/renderers/preact) | -| [Marionette.js](https://github.com/storybookjs/marionette) | - | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette?style=flat-square&color=eee)](https://github.com/storybookjs/marionette) | -| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native) | +| ? | TODO, the link below will break | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react) | +| [React](code/renderers/react) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*) | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react) | +| [Vue](code/renderers/vue) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/) | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/renderers/vue) | +| [Angular](code/frameworks/angular/) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/angular-cli/) | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](code/frameworks/angular/) | +| [Web components](code/renderers/web-components) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/) | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/renderers/web-components) | +| [React Native](https://github.com/storybookjs/react-native) | - | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native?style=flat-square&color=eee)](https://github.com/storybookjs/react-native) | +| [HTML](code/renderers/html) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/) | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/renderers/html) | +| [Ember](code/frameworks/ember/) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/ember-cli/) | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](code/frameworks/ember/) | +| [Svelte](code/renderers/svelte) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/) | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/renderers/svelte) | +| [Preact](code/renderers/preact) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/) | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/renderers/preact) | +| [Marionette.js](https://github.com/storybookjs/marionette) | - | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette?style=flat-square&color=eee)](https://github.com/storybookjs/marionette) | +| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native) | ### Sub Projects diff --git a/code/.eslintrc.js b/code/.eslintrc.js index 8fb5803f5c0b..a9a44f8459c1 100644 --- a/code/.eslintrc.js +++ b/code/.eslintrc.js @@ -26,13 +26,19 @@ module.exports = { files: [ '**/lib/theming/**/*', '**/lib/router/**/*', - '**/lib/ui/**/*', + '**/ui/manager/**/*', '**/lib/components/**/*', ], rules: { 'import/no-extraneous-dependencies': ['error', { bundledDependencies: false }], }, }, + { + files: ['**/ui/*', '**/ui/.storybook/*'], + rules: { + 'import/no-extraneous-dependencies': ['error', { packageDir: __dirname }], + }, + }, { files: [ '**/__tests__/**', diff --git a/code/.yarnrc.yml b/code/.yarnrc.yml index 8726cf857b18..e3780d7ee333 100644 --- a/code/.yarnrc.yml +++ b/code/.yarnrc.yml @@ -19,12 +19,13 @@ nodeLinker: node-modules npmRegistryServer: 'https://registry.yarnpkg.com' plugins: - - path: .yarn/plugins/@yarnpkg/plugin-typescript.cjs + - path: ../.yarn/plugins/@yarnpkg/plugin-typescript.cjs spec: '@yarnpkg/plugin-typescript' - - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs + - path: ../.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs spec: '@yarnpkg/plugin-interactive-tools' unsafeHttpWhitelist: - localhost -yarnPath: .yarn/releases/yarn-3.2.3.cjs +yarnPath: ../.yarn/releases/yarn-3.2.3.cjs +installStatePath: '../.yarn/code-install-state.gz' diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json index 004b31340c49..c73adb6a8fe6 100644 --- a/code/addons/a11y/package.json +++ b/code/addons/a11y/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-a11y", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Test component compliance with web accessibility standards", "keywords": [ "a11y", @@ -62,15 +62,15 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/channels": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addon-highlight": "7.0.0-alpha.38", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/channels": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/theming": "7.0.0-alpha.38", "axe-core": "^4.2.0", "global": "^4.4.0", "lodash": "^4.17.21", @@ -104,7 +104,7 @@ "./src/preview.tsx" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Accessibility", "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png", diff --git a/code/addons/a11y/src/components/A11YPanel.tsx b/code/addons/a11y/src/components/A11YPanel.tsx index cfc152365940..df523497809a 100644 --- a/code/addons/a11y/src/components/A11YPanel.tsx +++ b/code/addons/a11y/src/components/A11YPanel.tsx @@ -106,7 +106,7 @@ export const A11YPanel: React.FC = () => { 'Rerun tests' ) : ( <> - Tests completed + Tests completed ), onClick: handleManual, @@ -162,8 +162,7 @@ export const A11YPanel: React.FC = () => { )} {status === 'running' && ( - Please wait while the accessibility scan is running - ... + Please wait while the accessibility scan is running ... )} {(status === 'ready' || status === 'ran') && ( diff --git a/code/addons/a11y/src/components/VisionSimulator.test.tsx b/code/addons/a11y/src/components/VisionSimulator.test.tsx index 7413e1e32465..7c66fb762b64 100644 --- a/code/addons/a11y/src/components/VisionSimulator.test.tsx +++ b/code/addons/a11y/src/components/VisionSimulator.test.tsx @@ -4,11 +4,13 @@ import userEvent from '@testing-library/user-event'; import { ThemeProvider, themes, convert } from '@storybook/theming'; import { VisionSimulator, baseList } from './VisionSimulator'; -const getOptionByNameAndPercentage = (option: string, percentage: number) => +const getOptionByNameAndPercentage = (option: string, percentage?: number) => screen.getByText( (content, element) => content !== '' && + // @ts-expect-error (TODO) element.textContent === option && + // @ts-expect-error (TODO) (percentage === undefined || element.nextSibling.textContent === `${percentage}% of users`) ); @@ -60,9 +62,11 @@ describe('Vision Simulator', () => { .filter(({ cssRules }) => cssRules) .map(({ cssRules }) => Object.values(cssRules)) .flat() + // @ts-expect-error (TODO) .find((cssRule: CSSRule) => cssRule.selectorText === '#storybook-preview-iframe'); expect(rule).toBeDefined(); + // @ts-expect-error (TODO) expect(rule.style.filter).toBe('blur(2px)'); }); }); diff --git a/code/addons/a11y/src/manager.test.tsx b/code/addons/a11y/src/manager.test.tsx index 92ef7866313d..ff6c90a44528 100644 --- a/code/addons/a11y/src/manager.test.tsx +++ b/code/addons/a11y/src/manager.test.tsx @@ -35,7 +35,7 @@ describe('A11yManager', () => { registrationImpl(api as unknown as api.API); const title = mockedAddons.add.mock.calls .map(([_, def]) => def) - .find(({ type }) => type === 'panel').title as Function; + .find(({ type }) => type === 'panel')?.title as Function; // when / then expect(title()).toBe('Accessibility'); @@ -47,7 +47,7 @@ describe('A11yManager', () => { registrationImpl(mockedApi); const title = mockedAddons.add.mock.calls .map(([_, def]) => def) - .find(({ type }) => type === 'panel').title as Function; + .find(({ type }) => type === 'panel')?.title as Function; // when / then expect(title()).toBe('Accessibility (3)'); diff --git a/code/addons/a11y/template/stories/parameters.stories.ts b/code/addons/a11y/template/stories/parameters.stories.ts index 700c3e4500a8..5b692bf9f87b 100644 --- a/code/addons/a11y/template/stories/parameters.stories.ts +++ b/code/addons/a11y/template/stories/parameters.stories.ts @@ -29,7 +29,7 @@ export const Options = { export const Config = { args: { - contents: + content: '', }, parameters: { @@ -45,7 +45,7 @@ export const Config = { export const Targetted = { args: { - contents: '', + content: '', }, parameters: { a11y: { diff --git a/code/addons/a11y/tsconfig.json b/code/addons/a11y/tsconfig.json index 25de4fbd3e60..0535ece33606 100644 --- a/code/addons/a11y/tsconfig.json +++ b/code/addons/a11y/tsconfig.json @@ -1,15 +1,8 @@ { "extends": "../../tsconfig.json", "compilerOptions": { + "types": ["jest", "@testing-library/jest-dom"], "strict": true }, - "include": ["src/**/*"], - "exclude": [ - "src/**/*.test.*", - "src/**/tests/**/*", - "src/**/__tests__/**/*", - "src/**/*.stories.*", - "src/**/*.mockdata.*", - "src/**/__testfixtures__/**" - ] + "include": ["src/**/*"] } diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json index 3878f651b136..5ed3599054b6 100644 --- a/code/addons/actions/package.json +++ b/code/addons/actions/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-actions", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Get UI feedback when an action is performed on an interactive element", "keywords": [ "storybook", @@ -58,13 +58,13 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/theming": "7.0.0-alpha.38", "dequal": "^2.0.2", "global": "^4.4.0", "lodash": "^4.17.21", @@ -102,7 +102,7 @@ "./src/preview.ts" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Actions", "unsupportedFrameworks": [ diff --git a/code/addons/actions/template/stories/argtype.stories.ts b/code/addons/actions/template/stories/argtype.stories.ts index bc1311bafdfe..1f04316f7dff 100644 --- a/code/addons/actions/template/stories/argtype.stories.ts +++ b/code/addons/actions/template/stories/argtype.stories.ts @@ -3,7 +3,7 @@ import globalThis from 'global'; export default { component: globalThis.Components.Button, args: { - children: 'Click Me!', + label: 'Click Me!', }, argTypes: { onClick: {}, diff --git a/code/addons/actions/template/stories/basics.stories.ts b/code/addons/actions/template/stories/basics.stories.ts index 08e2fa743072..86523878728e 100644 --- a/code/addons/actions/template/stories/basics.stories.ts +++ b/code/addons/actions/template/stories/basics.stories.ts @@ -5,7 +5,7 @@ import { action } from '@storybook/addon-actions'; export default { component: globalThis.Components.Button, args: { - children: 'Click Me!', + label: 'Click Me!', }, parameters: { chromatic: { disable: true }, diff --git a/code/addons/actions/template/stories/configs.stories.ts b/code/addons/actions/template/stories/configs.stories.ts index b9ae404d4d34..51ccac3b0084 100644 --- a/code/addons/actions/template/stories/configs.stories.ts +++ b/code/addons/actions/template/stories/configs.stories.ts @@ -7,7 +7,7 @@ const configs = actions('actionA', 'actionB', 'actionC'); export default { component: globalThis.Components.Button, args: { - children: 'Click Me!', + label: 'Click Me!', }, parameters: { chromatic: { disable: true }, diff --git a/code/addons/actions/template/stories/parameters.stories.ts b/code/addons/actions/template/stories/parameters.stories.ts index 8ec8cb371865..abe30ad3960c 100644 --- a/code/addons/actions/template/stories/parameters.stories.ts +++ b/code/addons/actions/template/stories/parameters.stories.ts @@ -3,7 +3,7 @@ import globalThis from 'global'; export default { component: globalThis.Components.Button, args: { - children: 'Click Me!', + label: 'Click Me!', }, parameters: { chromatic: { disable: true }, diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json index 8a057b56de9f..d27de73a1be5 100644 --- a/code/addons/backgrounds/package.json +++ b/code/addons/backgrounds/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-backgrounds", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Switch backgrounds to view components in different settings", "keywords": [ "addon", @@ -62,13 +62,13 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/theming": "7.0.0-alpha.38", "global": "^4.4.0", "memoizerific": "^1.11.3", "ts-dedent": "^2.0.0", @@ -99,7 +99,7 @@ "./src/preview.tsx" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Backgrounds", "icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png", diff --git a/code/addons/backgrounds/template/stories/grid.stories.ts b/code/addons/backgrounds/template/stories/grid.stories.ts index f69be73bbfd7..e6a75a1dba76 100644 --- a/code/addons/backgrounds/template/stories/grid.stories.ts +++ b/code/addons/backgrounds/template/stories/grid.stories.ts @@ -3,7 +3,7 @@ import globalThis from 'global'; export default { component: globalThis.Components.Button, args: { - children: 'Click Me!', + label: 'Click Me!', }, parameters: { backgrounds: { diff --git a/code/addons/backgrounds/template/stories/parameters.stories.ts b/code/addons/backgrounds/template/stories/parameters.stories.ts index 06af6455ff28..1d57ea959143 100644 --- a/code/addons/backgrounds/template/stories/parameters.stories.ts +++ b/code/addons/backgrounds/template/stories/parameters.stories.ts @@ -12,7 +12,7 @@ const COLORS = [ export default { component: globalThis.Components.Button, args: { - children: 'Click Me!', + label: 'Click Me!', }, parameters: { backgrounds: { diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json index 7ea99ccdd7e1..73766d9ea09d 100644 --- a/code/addons/controls/package.json +++ b/code/addons/controls/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-controls", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Interact with component inputs dynamically in the Storybook UI", "keywords": [ "addon", @@ -57,16 +57,16 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/blocks": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/store": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/blocks": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/store": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "lodash": "^4.17.21", "ts-dedent": "^2.0.0" }, @@ -92,7 +92,7 @@ ], "platform": "browser" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Controls", "icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png", diff --git a/code/addons/docs/docs/docspage.md b/code/addons/docs/docs/docspage.md index 7b62abace14e..e59c6144a612 100644 --- a/code/addons/docs/docs/docspage.md +++ b/code/addons/docs/docs/docspage.md @@ -145,7 +145,7 @@ export default { }; ``` -You can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance. For more info see the examples in [official-storybook](https://github.com/storybookjs/storybook/blob/next/code/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js). +You can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance. ## Story file names diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json index 3b0993c42c35..d61b6099e589 100644 --- a/code/addons/docs/package.json +++ b/code/addons/docs/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-docs", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Document component usage and properties in Markdown", "keywords": [ "addon", @@ -53,24 +53,25 @@ "@babel/preset-env": "^7.12.11", "@jest/transform": "^26.6.2", "@mdx-js/react": "^1.6.22", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/blocks": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/csf-tools": "7.0.0-alpha.35", - "@storybook/docs-tools": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/blocks": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/csf-tools": "7.0.0-alpha.38", + "@storybook/docs-tools": "7.0.0-alpha.38", "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/postinstall": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/source-loader": "7.0.0-alpha.35", - "@storybook/store": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/postinstall": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/source-loader": "7.0.0-alpha.38", + "@storybook/store": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "babel-loader": "^8.2.5", "dequal": "^2.0.2", + "fs-extra": "^9.0.1", "global": "^4.4.0", "lodash": "^4.17.21", "remark-external-links": "^8.0.0", @@ -103,7 +104,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Docs", "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png", diff --git a/code/addons/docs/src/preset.ts b/code/addons/docs/src/preset.ts index 9516671597cb..b824eadabc2b 100644 --- a/code/addons/docs/src/preset.ts +++ b/code/addons/docs/src/preset.ts @@ -17,11 +17,20 @@ type BabelParams = { }; function createBabelOptions({ babelOptions, mdxBabelOptions, configureJSX }: BabelParams) { const babelPlugins = mdxBabelOptions?.plugins || babelOptions?.plugins || []; + + const filteredBabelPlugins = babelPlugins.filter((p: any) => { + const name = Array.isArray(p) ? p[0] : p; + if (typeof name === 'string') { + return !name.includes('plugin-transform-react-jsx'); + } + return true; + }); + const jsxPlugin = [ require.resolve('@babel/plugin-transform-react-jsx'), { pragma: 'React.createElement', pragmaFrag: 'React.Fragment' }, ]; - const plugins = configureJSX ? [...babelPlugins, jsxPlugin] : babelPlugins; + const plugins = configureJSX ? [...filteredBabelPlugins, jsxPlugin] : babelPlugins; return { // don't use the root babelrc by default (users can override this in mdxBabelOptions) babelrc: false, diff --git a/code/addons/docs/src/typings.d.ts b/code/addons/docs/src/typings.d.ts index 711442922516..94baba6cf528 100644 --- a/code/addons/docs/src/typings.d.ts +++ b/code/addons/docs/src/typings.d.ts @@ -4,7 +4,6 @@ declare module '@egoist/vue-to-react'; declare module 'remark-slug'; declare module 'remark-external-links'; declare module 'babel-plugin-react-docgen'; -declare module 'styled-components'; declare module 'acorn-jsx'; declare module 'vue/dist/vue'; diff --git a/code/addons/docs/template/stories/docs2/button.stories.ts b/code/addons/docs/template/stories/docs2/button.stories.ts index 2c2de80caa51..5119c70b7e61 100644 --- a/code/addons/docs/template/stories/docs2/button.stories.ts +++ b/code/addons/docs/template/stories/docs2/button.stories.ts @@ -9,13 +9,13 @@ export default { }; export const Basic = { - args: { children: 'Basic' }, + args: { label: 'Basic' }, }; export const One = { - args: { children: 'One' }, + args: { label: 'One' }, }; export const Two = { - args: { children: 'Two' }, + args: { label: 'Two' }, }; diff --git a/code/addons/docs/template/stories/docspage/basic.stories.ts b/code/addons/docs/template/stories/docspage/basic.stories.ts index 03bf9371aedd..36f2ca2ca7a4 100644 --- a/code/addons/docs/template/stories/docspage/basic.stories.ts +++ b/code/addons/docs/template/stories/docspage/basic.stories.ts @@ -2,19 +2,19 @@ import globalThis from 'global'; export default { component: globalThis.Components.Button, - args: { children: 'Click Me!' }, + args: { label: 'Click Me!' }, parameters: { chromatic: { disable: true } }, }; export const Basic = { - args: { children: 'Basic' }, + args: { label: 'Basic' }, }; export const Disabled = { - args: { children: 'Disabled in DocsPage' }, + args: { label: 'Disabled in DocsPage' }, parameters: { docs: { disable: true } }, }; export const Another = { - args: { children: 'Another' }, + args: { label: 'Another' }, }; diff --git a/code/addons/docs/template/stories/docspage/description.stories.ts b/code/addons/docs/template/stories/docspage/description.stories.ts index 46918806038e..5e9dae4ab56a 100644 --- a/code/addons/docs/template/stories/docspage/description.stories.ts +++ b/code/addons/docs/template/stories/docspage/description.stories.ts @@ -6,7 +6,7 @@ export default { subcomponents: { Pre: globalThis.Components.Pre, }, - args: { children: 'Click Me!' }, + args: { label: 'Click Me!' }, parameters: { docs: { description: { diff --git a/code/addons/docs/template/stories/docspage/extract-description.stories.ts b/code/addons/docs/template/stories/docspage/extract-description.stories.ts index 068c60a2cc71..89bc6355f089 100644 --- a/code/addons/docs/template/stories/docspage/extract-description.stories.ts +++ b/code/addons/docs/template/stories/docspage/extract-description.stories.ts @@ -2,7 +2,7 @@ import globalThis from 'global'; export default { component: globalThis.Components.Button, - args: { children: 'Click Me!' }, + args: { label: 'Click Me!' }, parameters: { docs: { // FIXME: this is typically provided by the renderer preset to extract diff --git a/code/addons/docs/template/stories/docspage/iframe.stories.ts b/code/addons/docs/template/stories/docspage/iframe.stories.ts index e1fb4bb43524..8cd7caa65a67 100644 --- a/code/addons/docs/template/stories/docspage/iframe.stories.ts +++ b/code/addons/docs/template/stories/docspage/iframe.stories.ts @@ -2,7 +2,7 @@ import globalThis from 'global'; export default { component: globalThis.Components.Button, - args: { children: 'Rendered in iframe' }, + args: { label: 'Rendered in iframe' }, parameters: { chromatic: { disable: true }, docs: { iframeHeight: 120, inlineStories: true }, diff --git a/code/addons/docs/template/stories/docspage/override.stories.ts b/code/addons/docs/template/stories/docspage/override.stories.ts index fd044c11ead7..9b33668b8840 100644 --- a/code/addons/docs/template/stories/docspage/override.stories.ts +++ b/code/addons/docs/template/stories/docspage/override.stories.ts @@ -15,7 +15,7 @@ const Override = () => 'overridden'; export default { component: globalThis.Components.Button, - args: { children: 'Click Me!' }, + args: { label: 'Click Me!' }, parameters: { chromatic: { disable: true }, docs: { page: Override }, diff --git a/code/addons/docs/template/stories/docspage/source.stories.ts b/code/addons/docs/template/stories/docspage/source.stories.ts index eabfd2555c1d..93260bc1ceb8 100644 --- a/code/addons/docs/template/stories/docspage/source.stories.ts +++ b/code/addons/docs/template/stories/docspage/source.stories.ts @@ -2,7 +2,7 @@ import globalThis from 'global'; export default { component: globalThis.Components.Button, - args: { children: 'Click Me!' }, + args: { label: 'Click Me!' }, parameters: { chromatic: { disable: true } }, }; diff --git a/code/addons/docs/template/stories/stories-mdx/basic.stories.mdx b/code/addons/docs/template/stories/stories-mdx/basic.stories.mdx index 27236621aeb9..55ab7cbb650f 100644 --- a/code/addons/docs/template/stories/stories-mdx/basic.stories.mdx +++ b/code/addons/docs/template/stories/stories-mdx/basic.stories.mdx @@ -10,9 +10,7 @@ This file demonstrates defining stories inside MDX. @@ -21,8 +19,6 @@ This file demonstrates defining stories inside MDX. diff --git a/code/addons/docs/template/stories/stories-mdx/colorpalette.stories.mdx b/code/addons/docs/template/stories/stories-mdx/colorpalette.stories.mdx deleted file mode 100644 index c038dc2638ac..000000000000 --- a/code/addons/docs/template/stories/stories-mdx/colorpalette.stories.mdx +++ /dev/null @@ -1,23 +0,0 @@ -import { Meta, ColorPalette, ColorItem } from '@storybook/addon-docs'; - - - - - - - - - diff --git a/code/addons/docs/template/stories/stories-mdx/csf-in-mdx.stories.js b/code/addons/docs/template/stories/stories-mdx/csf-in-mdx.stories.js index 52e186f186c3..6e6ff8f58ed8 100644 --- a/code/addons/docs/template/stories/stories-mdx/csf-in-mdx.stories.js +++ b/code/addons/docs/template/stories/stories-mdx/csf-in-mdx.stories.js @@ -8,13 +8,13 @@ // }; export const Primary = { - args: { children: 'Primary' }, + args: { label: 'Primary' }, }; export const Secondary = { - args: { children: 'Secondary' }, + args: { label: 'Secondary' }, }; export const ImplicitName = { - args: { children: 'Implicit Name' }, + args: { label: 'Implicit Name' }, }; diff --git a/code/addons/docs/template/stories/stories-mdx/markdown.stories.mdx b/code/addons/docs/template/stories/stories-mdx/markdown.stories.mdx deleted file mode 100644 index 44b053c61619..000000000000 --- a/code/addons/docs/template/stories/stories-mdx/markdown.stories.mdx +++ /dev/null @@ -1,155 +0,0 @@ -import { Meta } from '@storybook/addon-docs'; - - - -# Markdown - -This is a basic **docs-only MDX** that demonstrates a whole mess of Mardown formatting. - -# h1 Heading - -## h2 Heading - -### h3 Heading - -#### h4 Heading - -##### h5 Heading - -###### h6 Heading - -## Paragraphs - -The Storybook design system codifies existing UI components into a central, well-maintained repository. It is built to address having to paste the same components into multiple projects again and again. This simplifies building UI's with Storybook's design patterns. - -SDS was created by Kyle Suss, Dominic Nguyen (me!), and Michael Shilman with invaluable accessibility contributions from Jimmy Somsanith. - -## Emphasis - -**This is bold text** - -**_This is bold italic text_** - -_This is italic text_ - -_This is italic text_ - -~~Strikethrough~~ - -## Blockquotes - -> Blockquotes can also be nested... -> -> > ...by using additional greater-than signs right next to each other... -> > -> > > ...or with spaces between arrows. - -## Lists - -Unordered - -- Create a list by starting a line with `+`, `-`, or `*` -- Sub-lists are made by indenting 2 spaces: - - Marker character change forces new list start: - - Ac tristique libero volutpat at - * Facilisis in pretium nisl aliquet - - Nulla volutpat aliquam velit -- Very easy! - - Marker character change forces new list start: - - Ac tristique libero volutpat at - * Facilisis in pretium nisl aliquet - - Nulla volutpat aliquam velit -- Final item - -Ordered - -1. Lorem ipsum dolor sit amet -2. Consectetur adipiscing elit -3. Integer molestie lorem at massa - -Start numbering with offset: - -57. foo -1. bar - -## Code - -Inline `code` - -Indented code - - // Some comments - line 1 of code - line 2 of code - line 3 of code - -Block code "fences" - -``` -Sample text here... -``` - -JS syntax highlighting - -```js -var foo = function (bar) { - return bar++; -}; - -console.log(foo(5)); -``` - -CSS syntax - -```css -.foo { - color: #eee; -} -``` - -HTML syntax - -```html -

yo html

- -

And here we go

-``` - -## Tables - -| Option | Description | -| ------ | ------------------------------------------------------------------------- | -| data | path to data files to supply the data that will be passed into templates. | -| engine | engine to be used for processing templates. Handlebars is the default. | -| ext | extension to be used for dest files. | - -Right aligned columns - -| Option | Description | -| -----: | ------------------------------------------------------------------------: | -| data | path to data files to supply the data that will be passed into templates. | -| engine | engine to be used for processing templates. Handlebars is the default. | -| ext | extension to be used for dest files. | - -## Links - -[external link](https://hichroma.com) - -[external link with title](https://hichroma.com 'Insert title!') - -[link to in page anchor](#h1-heading) - -[link to another story (docs, without prefix)](/docs/addons-docs-docs-only--page) - -[link to another story (docs)](?path=/docs/addons-docs-docs-only--page) - -[link to another story (canvas)](?path=/story/addons-docs-buttongroup--basic) - -[link to about page](?path=/settings/about) - -[link to absolute local url](/absolute) - -## Images - -![Minion](https://octodex.github.com/images/minion.png) -![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg 'The Stormtroopocat') diff --git a/code/addons/docs/template/stories/stories-mdx/play-functions.stories.mdx b/code/addons/docs/template/stories/stories-mdx/play-functions.stories.mdx index ac65c995420f..7f1ca5cbdfbf 100644 --- a/code/addons/docs/template/stories/stories-mdx/play-functions.stories.mdx +++ b/code/addons/docs/template/stories/stories-mdx/play-functions.stories.mdx @@ -15,18 +15,14 @@ This file demonstrates defining stories inside MDX. console.log('story play')} /> diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json index 7534d457e4bd..79d1bc147c97 100644 --- a/code/addons/essentials/package.json +++ b/code/addons/essentials/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-essentials", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Curated addons to bring out the best of Storybook", "keywords": [ "addon", @@ -41,24 +41,24 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-measure": "7.0.0-alpha.35", - "@storybook/addon-outline": "7.0.0-alpha.35", - "@storybook/addon-toolbars": "7.0.0-alpha.35", - "@storybook/addon-viewport": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/node-logger": "7.0.0-alpha.35", + "@storybook/addon-actions": "7.0.0-alpha.38", + "@storybook/addon-backgrounds": "7.0.0-alpha.38", + "@storybook/addon-controls": "7.0.0-alpha.38", + "@storybook/addon-docs": "7.0.0-alpha.38", + "@storybook/addon-highlight": "7.0.0-alpha.38", + "@storybook/addon-measure": "7.0.0-alpha.38", + "@storybook/addon-outline": "7.0.0-alpha.38", + "@storybook/addon-toolbars": "7.0.0-alpha.38", + "@storybook/addon-viewport": "7.0.0-alpha.38", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/node-logger": "7.0.0-alpha.38", "ts-dedent": "^2.0.0" }, "devDependencies": { "@babel/core": "^7.12.10", - "@storybook/vue": "7.0.0-alpha.35", + "@storybook/vue": "7.0.0-alpha.38", "@types/jest": "^26.0.16", "typescript": "~4.6.3" }, @@ -112,5 +112,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json index 54a5f9ce7ad9..92a6e14cea96 100644 --- a/code/addons/highlight/package.json +++ b/code/addons/highlight/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-highlight", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Highlight DOM nodes within your stories", "keywords": [ "storybook-addons", @@ -23,9 +23,22 @@ }, "license": "MIT", "author": "winkerVSbecks", - "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" + }, + "./preview": { + "require": "./dist/highlight.js", + "import": "./dist/highlight.mjs", + "types": "./dist/highlight.d.ts" + }, + "./package.json": "./package.json" + }, + "main": "dist/index.js", + "module": "dist/index.mjs", + "types": "dist/index.d.ts", "files": [ "dist/**/*", "README.md", @@ -34,11 +47,11 @@ ], "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.35", - "@storybook/core-events": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", "global": "^4.4.0" }, "devDependencies": { @@ -48,7 +61,13 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "bundler": { + "entries": [ + "./src/index.ts", + "./src/highlight.ts" + ] + }, + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "sbmodern": "dist/modern/index.js", "storybook": { "displayName": "Highlight", diff --git a/code/addons/highlight/preview.js b/code/addons/highlight/preview.js index 3fcceedbe4f0..f7dfc599138c 100644 --- a/code/addons/highlight/preview.js +++ b/code/addons/highlight/preview.js @@ -1 +1 @@ -export * from './dist/esm/highlight'; +export * from './dist/highlight'; diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json index 09972e8eea62..b52b1da54415 100644 --- a/code/addons/interactions/package.json +++ b/code/addons/interactions/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-interactions", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Automate, test and debug user interactions", "keywords": [ "storybook-addons", @@ -59,15 +59,15 @@ }, "dependencies": { "@devtools-ds/object-inspector": "^1.1.2", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/instrumenter": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/instrumenter": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "global": "^4.4.0", "jest-mock": "^27.0.6", "polished": "^4.2.2", @@ -76,7 +76,7 @@ "devDependencies": { "@storybook/jest": "^0.0.10", "@storybook/testing-library": "0.0.14-next.0", - "@types/node": "^14.14.20 || ^16.0.0", + "@types/node": "^16.0.0", "formik": "^2.2.9", "typescript": "~4.6.3" }, @@ -104,7 +104,7 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Interactions", "unsupportedFrameworks": [ diff --git a/code/addons/interactions/src/components/InteractionsPanel.stories.tsx b/code/addons/interactions/src/components/InteractionsPanel.stories.tsx index e71744d38be4..f55d28944c5a 100644 --- a/code/addons/interactions/src/components/InteractionsPanel.stories.tsx +++ b/code/addons/interactions/src/components/InteractionsPanel.stories.tsx @@ -1,6 +1,6 @@ /* eslint-disable jest/no-standalone-expect */ import React from 'react'; -import type { ComponentStoryObj, ComponentMeta } from '@storybook/react'; +import type { StoryObj, Meta } from '@storybook/react'; import { CallStates } from '@storybook/instrumenter'; import { styled } from '@storybook/theming'; import { userEvent, within, waitFor } from '@storybook/testing-library'; @@ -25,7 +25,7 @@ const StyledWrapper = styled.div(({ theme }) => ({ const interactions = getInteractions(CallStates.DONE); -export default { +const meta = { title: 'Addons/Interactions/InteractionsPanel', component: InteractionsPanel, decorators: [ @@ -52,9 +52,11 @@ export default { // prop for the AddonPanel used as wrapper of Panel active: true, }, -} as ComponentMeta; +} as Meta; -type Story = ComponentStoryObj; +export default meta; + +type Story = StoryObj; export const Passing: Story = { args: { diff --git a/code/addons/interactions/src/mocks/index.ts b/code/addons/interactions/src/mocks/index.ts index 14066c7a0149..c0d0b9599647 100644 --- a/code/addons/interactions/src/mocks/index.ts +++ b/code/addons/interactions/src/mocks/index.ts @@ -139,4 +139,10 @@ export const getCalls = (finalStatus: CallStates) => { export const getInteractions = (finalStatus: CallStates) => getCalls(finalStatus) .filter((call) => call.interceptable) - .map((call) => ({ ...call, childCallIds: [], isCollapsed: false, toggleCollapsed: () => {} })); + .map((call) => ({ + ...call, + childCallIds: [], + isCollapsed: false, + isHidden: false, + toggleCollapsed: () => {}, + })); diff --git a/code/addons/interactions/template/stories/basics.stories.ts b/code/addons/interactions/template/stories/basics.stories.ts index 8a1d5ead249c..57af27cc34fa 100644 --- a/code/addons/interactions/template/stories/basics.stories.ts +++ b/code/addons/interactions/template/stories/basics.stories.ts @@ -47,8 +47,7 @@ export const Callback = { export const SyncWaitFor = { play: async ({ canvasElement, step }) => { const canvas = within(canvasElement); - await step('Setup', Callback.play); - + await step('Submit form', Callback.play); await waitFor(() => canvas.getByText('Completed!!')); }, }; @@ -56,7 +55,7 @@ export const SyncWaitFor = { export const AsyncWaitFor = { play: async ({ canvasElement, step }) => { const canvas = within(canvasElement); - await step('Setup', Callback.play); + await step('Submit form', Callback.play); await waitFor(async () => canvas.getByText('Completed!!')); }, }; @@ -64,7 +63,7 @@ export const AsyncWaitFor = { export const WaitForElementToBeRemoved = { play: async ({ canvasElement, step }) => { const canvas = within(canvasElement); - await step('Setup', SyncWaitFor.play); + await step('SyncWaitFor play fn', SyncWaitFor.play); await waitForElementToBeRemoved(() => canvas.queryByText('Completed!!'), { timeout: 2000, }); @@ -74,7 +73,7 @@ export const WaitForElementToBeRemoved = { export const WithLoaders = { loaders: [async () => new Promise((resolve) => setTimeout(resolve, 2000))], play: async ({ step }) => { - await step('Setup', Callback.play); + await step('Submit form', Callback.play); }, }; diff --git a/code/addons/jest/README.md b/code/addons/jest/README.md index d6e9cb782016..87444270ff3c 100644 --- a/code/addons/jest/README.md +++ b/code/addons/jest/README.md @@ -246,8 +246,6 @@ Default.parameters = { }; ``` -##### Example [here](https://github.com/storybookjs/storybook/tree/main/examples/angular-cli) - ## Available options - **options.results**: OBJECT jest output results. _mandatory_ diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json index 088924236633..a7d1b803c9cb 100644 --- a/code/addons/jest/package.json +++ b/code/addons/jest/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-jest", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "React storybook addon that show component jest report", "keywords": [ "addon", @@ -59,12 +59,12 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "global": "^4.4.0", "react-sizeme": "^3.0.1", "upath": "^1.2.0" @@ -94,7 +94,7 @@ ], "platform": "browser" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Jest", "icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg", diff --git a/code/addons/links/package.json b/code/addons/links/package.json index 70621967a501..62b2c42aa66b 100644 --- a/code/addons/links/package.json +++ b/code/addons/links/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-links", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Link stories together to build demos and prototypes with your UI components", "keywords": [ "addon", @@ -63,11 +63,11 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/router": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/router": "7.0.0-alpha.38", "global": "^4.4.0", "prop-types": "^15.7.2", "ts-dedent": "^2.0.0" @@ -98,7 +98,7 @@ "./src/react/index.ts" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Links", "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png", diff --git a/code/addons/links/src/react/components/link.test.tsx b/code/addons/links/src/react/components/link.test.tsx index 4d79589adbd0..664670baa264 100644 --- a/code/addons/links/src/react/components/link.test.tsx +++ b/code/addons/links/src/react/components/link.test.tsx @@ -17,7 +17,6 @@ jest.mock('global', () => ({ // @ts-expect-error (Converted from ts-ignore) window: global, __STORYBOOK_STORY_STORE__: { - getSelection: jest.fn(() => ({ id: 1 })), fromId: jest.fn(() => ({})), }, })); diff --git a/code/addons/links/template/stories/decorator.stories.ts b/code/addons/links/template/stories/decorator.stories.ts index 0feaa2d29276..562633320441 100644 --- a/code/addons/links/template/stories/decorator.stories.ts +++ b/code/addons/links/template/stories/decorator.stories.ts @@ -13,7 +13,7 @@ export const Basic = { args: { content: ` `, }, @@ -22,7 +22,7 @@ export const Other = { args: { content: ` `, }, @@ -31,7 +31,7 @@ export const Third = { args: { content: ` `, }, diff --git a/code/addons/links/template/stories/linkto.stories.ts b/code/addons/links/template/stories/linkto.stories.ts index d5b80d102446..09066ccfc86a 100644 --- a/code/addons/links/template/stories/linkto.stories.ts +++ b/code/addons/links/template/stories/linkto.stories.ts @@ -4,7 +4,7 @@ import { linkTo } from '@storybook/addon-links'; export default { component: globalThis.Components.Button, args: { - children: 'Click Me!', + label: 'Click Me!', }, parameters: { chromatic: { disable: true }, diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json index 2349b533fdae..1b9e97a786d9 100644 --- a/code/addons/measure/package.json +++ b/code/addons/measure/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-measure", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Inspect layouts by visualizing the box model", "keywords": [ "storybook-addons", @@ -61,12 +61,12 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", "global": "^4.4.0" }, "devDependencies": { @@ -94,7 +94,7 @@ "./src/preview.tsx" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Measure", "unsupportedFrameworks": [ diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json index 89f284fb8cd7..5ddd3f6f80c1 100644 --- a/code/addons/outline/package.json +++ b/code/addons/outline/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-outline", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Outline all elements with CSS to help with layout placement and alignment", "keywords": [ "storybook-addons", @@ -64,12 +64,12 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", "global": "^4.4.0", "ts-dedent": "^2.0.0" }, @@ -98,7 +98,7 @@ "./src/preset/preview.tsx" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Outline", "unsupportedFrameworks": [ diff --git a/code/addons/storyshots/storyshots-core/.storybook/config.js b/code/addons/storyshots/storyshots-core/.storybook/config.js deleted file mode 100644 index 79582f41050f..000000000000 --- a/code/addons/storyshots/storyshots-core/.storybook/config.js +++ /dev/null @@ -1,9 +0,0 @@ -import { configure } from '@storybook/react'; - -configure( - [ - require.context('../stories/required_with_context', false, /\.stories\.(js|mdx)$/), - require.context('../stories/directly_required', false, /index\.js$/), - ], - module -); diff --git a/code/addons/storyshots/storyshots-core/.storybook/configTest.js b/code/addons/storyshots/storyshots-core/.storybook/configTest.js deleted file mode 100644 index 9c163a43e4d4..000000000000 --- a/code/addons/storyshots/storyshots-core/.storybook/configTest.js +++ /dev/null @@ -1,12 +0,0 @@ -import { configure } from '@storybook/react'; - -const req = require.context('../stories/required_with_context', false, /\.stories\.js$/); - -const loadStories = () => { - const result = req.keys().map((filename) => req(filename)); - // eslint-disable-next-line global-require - require('../stories/directly_required'); - return result; -}; - -configure(loadStories, module); diff --git a/code/addons/storyshots/storyshots-core/.storybook/presets.js b/code/addons/storyshots/storyshots-core/.storybook/presets.js deleted file mode 100644 index a04174c7a331..000000000000 --- a/code/addons/storyshots/storyshots-core/.storybook/presets.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = ['@storybook/addon-docs/preset']; diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json index 0bf1ed3ecc9c..d19385c0f2f0 100644 --- a/code/addons/storyshots/storyshots-core/package.json +++ b/code/addons/storyshots/storyshots-core/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storyshots", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Take a code snapshot of every story automatically with Jest", "keywords": [ "addon", @@ -38,13 +38,13 @@ }, "dependencies": { "@jest/transform": "^26.6.2", - "@storybook/addons": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", "@storybook/babel-plugin-require-context-hook": "1.0.1", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/core-client": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/core-webpack": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", + "@storybook/client-api": "7.0.0-alpha.38", + "@storybook/core-client": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/core-webpack": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", "@types/glob": "^7.1.3", "@types/jest": "^26.0.16", "@types/jest-specific-snapshot": "^0.5.3", @@ -62,11 +62,11 @@ "@angular/core": "^13.3.6", "@angular/platform-browser-dynamic": "^13.3.6", "@emotion/jest": "^11.8.0", - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/angular": "7.0.0-alpha.35", - "@storybook/react": "7.0.0-alpha.35", - "@storybook/vue": "7.0.0-alpha.35", - "@storybook/vue3": "7.0.0-alpha.35", + "@storybook/addon-docs": "7.0.0-alpha.38", + "@storybook/angular": "7.0.0-alpha.38", + "@storybook/react": "7.0.0-alpha.38", + "@storybook/vue": "7.0.0-alpha.38", + "@storybook/vue3": "7.0.0-alpha.38", "babel-loader": "^8.2.5", "enzyme": "^3.11.0", "enzyme-to-json": "^3.6.1", @@ -144,7 +144,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Storyshots", "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png", diff --git a/code/addons/storyshots/storyshots-core/src/api/ensureOptionsDefaults.ts b/code/addons/storyshots/storyshots-core/src/api/ensureOptionsDefaults.ts index c5e01ed7afe6..742c85173bb7 100644 --- a/code/addons/storyshots/storyshots-core/src/api/ensureOptionsDefaults.ts +++ b/code/addons/storyshots/storyshots-core/src/api/ensureOptionsDefaults.ts @@ -1,6 +1,6 @@ import { snapshotWithOptions } from '../test-bodies'; import { Stories2SnapsConverter } from '../Stories2SnapsConverter'; -import { StoryshotsOptions } from './StoryshotsOptions'; +import type { StoryshotsOptions } from './StoryshotsOptions'; const ignore = ['**/node_modules/**']; const defaultStories2SnapsConverter = new Stories2SnapsConverter(); diff --git a/code/addons/storyshots/storyshots-core/src/api/index.ts b/code/addons/storyshots/storyshots-core/src/api/index.ts index 232f929bf21f..ae22540ccc97 100644 --- a/code/addons/storyshots/storyshots-core/src/api/index.ts +++ b/code/addons/storyshots/storyshots-core/src/api/index.ts @@ -4,7 +4,7 @@ import ensureOptionsDefaults from './ensureOptionsDefaults'; import snapshotsTests from './snapshotsTestsTemplate'; import integrityTest from './integrityTestTemplate'; import loadFramework from '../frameworks/frameworkLoader'; -import { StoryshotsOptions } from './StoryshotsOptions'; +import type { StoryshotsOptions } from './StoryshotsOptions'; const { describe, window: globalWindow } = global; diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts index 101f2e97735f..5eb8c592dff1 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/Loader.ts @@ -1,22 +1,14 @@ import type { AnyFramework } from '@storybook/csf'; -import type { ClientStoryApi, Loadable } from '@storybook/addons'; +import type { Loadable } from '@storybook/addons'; import { ClientApi as ClientApiClass } from '@storybook/client-api'; import type { StoryshotsOptions } from '../api/StoryshotsOptions'; import type { SupportedFramework } from './SupportedFramework'; export type RenderTree = (story: any, context?: any, options?: any) => any; -export interface ClientApi - extends ClientStoryApi { +export interface ClientApi extends ClientApiClass { configure(loader: Loadable, module: NodeModule | false, showDeprecationWarning?: boolean): void; forceReRender(): void; - clearDecorators: ClientApiClass['clearDecorators']; - getStorybook: ClientApiClass['getStorybook']; - setAddon: ClientApiClass['setAddon']; - addArgsEnhancer: ClientApiClass['addArgsEnhancer']; - addArgTypesEnhancer: ClientApiClass['addArgTypesEnhancer']; - addStepRunner: ClientApiClass['addStepRunner']; - raw: ClientApiClass['raw']; } export interface Loader { diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/angular/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/angular/loader.ts index fa0b0755cc6d..401b25764122 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/angular/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/angular/loader.ts @@ -2,8 +2,8 @@ import 'core-js'; import 'core-js/es/reflect'; import hasDependency from '../hasDependency'; import configure from '../configure'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function setupAngularJestPreset() { // Needed to prevent "Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten." @@ -34,8 +34,17 @@ function load(options: StoryshotsOptions) { setupAngularJestPreset(); const storybook = jest.requireActual('@storybook/angular'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'angular' as const, @@ -43,7 +52,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for angular'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/frameworkLoader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/frameworkLoader.ts index 0ea2ed2eaf5b..2253488d8670 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/frameworkLoader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/frameworkLoader.ts @@ -2,7 +2,7 @@ import fs from 'fs'; import path from 'path'; import { Loader } from './Loader'; -import { StoryshotsOptions } from '../api/StoryshotsOptions'; +import type { StoryshotsOptions } from '../api/StoryshotsOptions'; const loaderScriptName = 'loader.js'; @@ -13,8 +13,21 @@ function getLoaders(): Loader[] { .readdirSync(__dirname) .map((name) => path.join(__dirname, name)) .filter(isDirectory) - .map((framework) => path.join(framework, loaderScriptName)) - .filter(fs.existsSync) + .map((framework) => { + const pa = path.join(framework, loaderScriptName); + const pb = path.join(framework, 'loader.ts'); + + if (fs.existsSync(pa)) { + return pa; + } + + if (fs.existsSync(pb)) { + return pb; + } + + return null; + }) + .filter(Boolean) .map((loader) => require(loader).default); } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/html/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/html/loader.ts index 9ca3cd51c88d..6cc2b9d3e943 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/html/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/html/loader.ts @@ -1,7 +1,7 @@ import global from 'global'; import configure from '../configure'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function test(options: StoryshotsOptions): boolean { return options.framework === 'html'; @@ -11,8 +11,17 @@ function load(options: StoryshotsOptions) { global.STORYBOOK_ENV = 'html'; const storybook = jest.requireActual('@storybook/html'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'html' as const, @@ -20,7 +29,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for HTML'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/preact/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/preact/loader.ts index 33ef0a531587..c45f7c9b8efc 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/preact/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/preact/loader.ts @@ -4,8 +4,8 @@ import global from 'global'; import configure from '../configure'; import hasDependency from '../hasDependency'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function test(options: StoryshotsOptions): boolean { return ( @@ -17,8 +17,17 @@ function load(options: StoryshotsOptions) { global.STORYBOOK_ENV = 'preact'; const storybook = jest.requireActual('@storybook/preact'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'preact' as const, @@ -26,7 +35,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for preact'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/rax/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/rax/loader.ts index 9ea737584e50..86284861d29b 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/rax/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/rax/loader.ts @@ -1,8 +1,8 @@ import global from 'global'; import configure from '../configure'; import hasDependency from '../hasDependency'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function test(options: StoryshotsOptions): boolean { return options.framework === 'rax' || (!options.framework && hasDependency('@storybook/rax')); @@ -12,8 +12,17 @@ function load(options: StoryshotsOptions) { global.STORYBOOK_ENV = 'rax'; const storybook = jest.requireActual('@storybook/rax'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'rax' as const, @@ -21,7 +30,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for rax'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/react-native/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/react-native/loader.ts index 29d89154e613..a31758cdc2b9 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/react-native/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/react-native/loader.ts @@ -1,8 +1,8 @@ /* eslint-disable global-require */ import path from 'path'; import hasDependency from '../hasDependency'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function test(options: StoryshotsOptions): boolean { return ( @@ -25,14 +25,20 @@ function configure(options: StoryshotsOptions, storybook: any) { function load(options: StoryshotsOptions) { const storybook = jest.requireActual('@storybook/react-native'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure(options, storybook); + const api = { + ...clientAPI, + ...storybook, + }; + + configure(options, api); return { renderTree: require('../react/renderTree').default, renderShallowTree: require('../react/renderShallowTree').default, framework: 'react-native' as const, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/react/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/react/loader.ts index 7d6e4388394f..1ba371b1d622 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/react/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/react/loader.ts @@ -1,7 +1,7 @@ import configure from '../configure'; import hasDependency from '../hasDependency'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function test(options: StoryshotsOptions): boolean { return options.framework === 'react' || (!options.framework && hasDependency('@storybook/react')); @@ -9,14 +9,23 @@ function test(options: StoryshotsOptions): boolean { function load(options: StoryshotsOptions) { const storybook = jest.requireActual('@storybook/react'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'react' as const, renderTree: jest.requireActual('./renderTree').default, renderShallowTree: jest.requireActual('./renderShallowTree').default, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/riot/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/riot/loader.ts index bd2f7ce499af..1e352031dfba 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/riot/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/riot/loader.ts @@ -1,8 +1,8 @@ import global from 'global'; import hasDependency from '../hasDependency'; import configure from '../configure'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function mockRiotToIncludeCompiler() { jest.mock('riot', () => jest.requireActual('riot/riot.js')); @@ -17,8 +17,17 @@ function load(options: StoryshotsOptions) { mockRiotToIncludeCompiler(); const storybook = jest.requireActual('@storybook/riot'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'riot' as const, @@ -26,7 +35,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for riot'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/svelte/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/svelte/loader.ts index b0ba76277558..8f874c7468bd 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/svelte/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/svelte/loader.ts @@ -1,8 +1,8 @@ import global from 'global'; import hasDependency from '../hasDependency'; import configure from '../configure'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function test(options: StoryshotsOptions): boolean { return ( @@ -14,8 +14,17 @@ function load(options: StoryshotsOptions) { global.STORYBOOK_ENV = 'svelte'; const storybook = jest.requireActual('@storybook/svelte'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'svelte' as const, @@ -23,7 +32,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for svelte'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/vue/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/vue/loader.ts index 4ab5fad6fa36..3748e7713633 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/vue/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/vue/loader.ts @@ -1,8 +1,8 @@ import global from 'global'; import hasDependency from '../hasDependency'; import configure from '../configure'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function mockVueToIncludeCompiler() { jest.mock('vue', () => jest.requireActual('vue/dist/vue.common.js')); @@ -17,8 +17,17 @@ function load(options: StoryshotsOptions) { mockVueToIncludeCompiler(); const storybook = jest.requireActual('@storybook/vue'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'vue' as const, @@ -26,7 +35,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for vue'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts b/code/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts index ac1f225ad7f9..d37139e813ea 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts @@ -1,3 +1,4 @@ +/* eslint-disable @typescript-eslint/ban-ts-comment */ import Vue from 'vue'; // this is defined in @storybook/vue but not exported, @@ -7,13 +8,15 @@ const VALUES = 'STORYBOOK_VALUES'; function getRenderedTree(story: any) { const component = story.render(); + // @ts-ignore FIXME storyshots type error const vm = new Vue({ + // @ts-ignore FIXME storyshots type error render(h) { return h(component); }, }); - // @ts-expect-error (Converted from ts-ignore) + // @ts-ignore FIXME storyshots type error vm[VALUES] = story.initialArgs; return vm.$mount().$el; diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/vue3/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/vue3/loader.ts index 3ffc0df9714a..980b26e14c98 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/vue3/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/vue3/loader.ts @@ -1,8 +1,8 @@ import global from 'global'; import hasDependency from '../hasDependency'; import configure from '../configure'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function test(options: StoryshotsOptions): boolean { return options.framework === 'vue3' || (!options.framework && hasDependency('@storybook/vue3')); @@ -11,9 +11,18 @@ function test(options: StoryshotsOptions): boolean { function load(options: StoryshotsOptions) { global.STORYBOOK_ENV = 'vue3'; - const storybook = jest.requireActual('@storybook/vue3'); + const storybook = jest.requireActual('@storybook/vue'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'vue3' as const, @@ -21,7 +30,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for Vue 3'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/src/frameworks/web-components/loader.ts b/code/addons/storyshots/storyshots-core/src/frameworks/web-components/loader.ts index c98f34946461..35f8020718f3 100644 --- a/code/addons/storyshots/storyshots-core/src/frameworks/web-components/loader.ts +++ b/code/addons/storyshots/storyshots-core/src/frameworks/web-components/loader.ts @@ -1,7 +1,7 @@ import global from 'global'; import configure from '../configure'; -import { Loader } from '../Loader'; -import { StoryshotsOptions } from '../../api/StoryshotsOptions'; +import type { Loader } from '../Loader'; +import type { StoryshotsOptions } from '../../api/StoryshotsOptions'; function test(options: StoryshotsOptions): boolean { return options.framework === 'web-components'; @@ -10,9 +10,18 @@ function test(options: StoryshotsOptions): boolean { function load(options: StoryshotsOptions) { global.STORYBOOK_ENV = 'web-components'; - const storybook = jest.requireActual('@storybook/web-components'); + const storybook = jest.requireActual('@storybook/html'); + const clientAPI = jest.requireActual('@storybook/client-api'); - configure({ ...options, storybook }); + const api = { + ...clientAPI, + ...storybook, + }; + + configure({ + ...options, + storybook: api, + }); return { framework: 'web-components' as const, @@ -20,7 +29,7 @@ function load(options: StoryshotsOptions) { renderShallowTree: () => { throw new Error('Shallow renderer is not supported for web-components'); }, - storybook, + storybook: api, }; } diff --git a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap index b70c5d9a73f2..984165bef39c 100644 --- a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap +++ b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap @@ -1,133 +1,56 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Another Button with some emoji 1`] = ` - - + +
+ prefix + + + + + + suffix +
+ `; exports[`Storyshots Another Button with text 1`] = ` - - + +
+ prefix + + + + + + suffix +
+ `; -exports[`Storyshots Button With Text 1`] = ` - - -`; - -exports[`Storyshots Button with some emoji 1`] = ` - - -`; - -exports[`Storyshots Welcome MDX to Storybook 1`] = ` - - - -`; - -exports[`Storyshots Welcome to Storybook 1`] = ` - - - +exports[`Storyshots Text Simple 1`] = ` + +
+ prefix + + + contents + + + suffix +
+ `; diff --git a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.metadata.test.js.snap b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.metadata.test.js.snap index c9965e394a4c..42d99ae740ca 100644 --- a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.metadata.test.js.snap +++ b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.metadata.test.js.snap @@ -1,5 +1,38 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP +exports[`Storyshots Another Button with some emoji 1`] = ` +
+ prefix + + + + suffix +
+`; + +exports[`Storyshots Another Button with text 1`] = ` +
+ prefix + + + + suffix +
+`; + exports[`Storyshots Text Simple 1`] = `
prefix diff --git a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.shallow.test.js.snap b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.shallow.test.js.snap index bbeaddffb7ce..d7def107120a 100644 --- a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.shallow.test.js.snap +++ b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.shallow.test.js.snap @@ -1,109 +1,31 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Another Button with some emoji 1`] = ` - +
+ prefix + + + + suffix +
`; exports[`Storyshots Another Button with text 1`] = ` - +
+ prefix + + + + suffix +
`; -exports[`Storyshots Button With Text 1`] = ` - -`; - -exports[`Storyshots Button with some emoji 1`] = ` - -`; - -exports[`Storyshots Welcome MDX to Storybook 1`] = ` - -`; - -exports[`Storyshots Welcome to Storybook 1`] = ` - +exports[`Storyshots Text Simple 1`] = ` +
+ prefix + + + + suffix +
`; diff --git a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.shallowWithOptions.test.js.snap b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.shallowWithOptions.test.js.snap index bbeaddffb7ce..d7def107120a 100644 --- a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.shallowWithOptions.test.js.snap +++ b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.shallowWithOptions.test.js.snap @@ -1,109 +1,31 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Another Button with some emoji 1`] = ` - +
+ prefix + + + + suffix +
`; exports[`Storyshots Another Button with text 1`] = ` - +
+ prefix + + + + suffix +
`; -exports[`Storyshots Button With Text 1`] = ` - -`; - -exports[`Storyshots Button with some emoji 1`] = ` - -`; - -exports[`Storyshots Welcome MDX to Storybook 1`] = ` - -`; - -exports[`Storyshots Welcome to Storybook 1`] = ` - +exports[`Storyshots Text Simple 1`] = ` +
+ prefix + + + + suffix +
`; diff --git a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap index bbeaddffb7ce..42d99ae740ca 100644 --- a/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap +++ b/code/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap @@ -1,109 +1,44 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Another Button with some emoji 1`] = ` - + + 😀 😎 👍 💯 + + + + suffix +
`; exports[`Storyshots Another Button with text 1`] = ` - -`; - -exports[`Storyshots Button With Text 1`] = ` - -`; - -exports[`Storyshots Button with some emoji 1`] = ` - -`; - -exports[`Storyshots Welcome MDX to Storybook 1`] = ` - + Hello button + + + suffix + `; -exports[`Storyshots Welcome to Storybook 1`] = ` - +exports[`Storyshots Text Simple 1`] = ` +
+ prefix + + contents + + suffix +
`; diff --git a/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index.foo b/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index.foo deleted file mode 100644 index b193752e2724..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index.foo +++ /dev/null @@ -1,46 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Another Button with some emoji 1`] = ` - -`; - -exports[`Storyshots Another Button with text 1`] = ` - -`; diff --git a/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index.storyshot b/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index.storyshot deleted file mode 100644 index b193752e2724..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index.storyshot +++ /dev/null @@ -1,46 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Another Button with some emoji 1`] = ` - -`; - -exports[`Storyshots Another Button with text 1`] = ` - -`; diff --git a/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index@Another-_-Button@with-_-some-_-emoji.boo b/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index@Another-_-Button@with-_-some-_-emoji.boo deleted file mode 100644 index 6941fa6cb16b..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index@Another-_-Button@with-_-some-_-emoji.boo +++ /dev/null @@ -1,26 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Another Button with some emoji 1`] = ` - -`; diff --git a/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index@Another-_-Button@with-_-text.boo b/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index@Another-_-Button@with-_-text.boo deleted file mode 100644 index 9376d96fbeb4..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/directly_required/__snapshots__/index@Another-_-Button@with-_-text.boo +++ /dev/null @@ -1,21 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Another Button with text 1`] = ` - -`; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/Async.stories.js b/code/addons/storyshots/storyshots-core/stories/exported_metadata/Async.stories.jsx similarity index 94% rename from code/addons/storyshots/storyshots-core/stories/required_with_context/Async.stories.js rename to code/addons/storyshots/storyshots-core/stories/exported_metadata/Async.stories.jsx index 9fba2aba3688..f469d8b2a638 100644 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/Async.stories.js +++ b/code/addons/storyshots/storyshots-core/stories/exported_metadata/Async.stories.jsx @@ -27,7 +27,7 @@ class AsyncTestComponent extends React.Component { export default { title: 'Async', - includeStories: ['withTimeout'], + includeStories: ['WithTimeout'], }; export const WithTimeout = () => ; diff --git a/code/addons/storyshots/storyshots-core/stories/directly_required/index.js b/code/addons/storyshots/storyshots-core/stories/exported_metadata/Extra.stories.jsx similarity index 61% rename from code/addons/storyshots/storyshots-core/stories/directly_required/index.js rename to code/addons/storyshots/storyshots-core/stories/exported_metadata/Extra.stories.jsx index 0328340c87dc..4886a1c158f7 100644 --- a/code/addons/storyshots/storyshots-core/stories/directly_required/index.js +++ b/code/addons/storyshots/storyshots-core/stories/exported_metadata/Extra.stories.jsx @@ -1,15 +1,15 @@ +/* eslint-disable react/button-has-type */ import React from 'react'; import { storiesOf } from '@storybook/react'; import { action } from '@storybook/addon-actions'; -import { Button } from '../react-demo'; storiesOf('Another Button', module) - .add('with text', () => ) + .add('with text', () => ) .add('with some emoji', () => ( - + )); diff --git a/code/addons/storyshots/storyshots-core/stories/exported_metadata/Text.stories.js b/code/addons/storyshots/storyshots-core/stories/exported_metadata/Text.stories.jsx similarity index 100% rename from code/addons/storyshots/storyshots-core/stories/exported_metadata/Text.stories.js rename to code/addons/storyshots/storyshots-core/stories/exported_metadata/Text.stories.jsx diff --git a/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories.storyshot b/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories.storyshot new file mode 100644 index 000000000000..841630b0fc01 --- /dev/null +++ b/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories.storyshot @@ -0,0 +1,34 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Another Button with some emoji 1`] = ` +
+ prefix + + + + suffix +
+`; + +exports[`Storyshots Another Button with text 1`] = ` +
+ prefix + + + + suffix +
+`; diff --git a/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories@Another-_-Button@with-_-some-_-emoji.boo b/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories@Another-_-Button@with-_-some-_-emoji.boo new file mode 100644 index 000000000000..a1027859204f --- /dev/null +++ b/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories@Another-_-Button@with-_-some-_-emoji.boo @@ -0,0 +1,14 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Another Button with some emoji 1`] = ` + +`; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo b/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories@Another-_-Button@with-_-text.boo similarity index 54% rename from code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo rename to code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories@Another-_-Button@with-_-text.boo index 19d169019041..e344c7924619 100644 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo +++ b/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Extra.stories@Another-_-Button@with-_-text.boo @@ -1,10 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots Welcome to Storybook 1`] = ` +exports[`Storyshots Another Button with text 1`] = ` `; diff --git a/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Text.stories.storyshot b/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Text.stories.storyshot new file mode 100644 index 000000000000..c9965e394a4c --- /dev/null +++ b/code/addons/storyshots/storyshots-core/stories/exported_metadata/__snapshots__/Text.stories.storyshot @@ -0,0 +1,11 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Text Simple 1`] = ` +
+ prefix + + contents + + suffix +
+`; diff --git a/code/addons/storyshots/storyshots-core/stories/exported_metadata/main.js b/code/addons/storyshots/storyshots-core/stories/exported_metadata/main.js index f6e10c625694..fbb87ec1dfc5 100644 --- a/code/addons/storyshots/storyshots-core/stories/exported_metadata/main.js +++ b/code/addons/storyshots/storyshots-core/stories/exported_metadata/main.js @@ -1,3 +1,3 @@ module.exports = { - stories: ['./Text.stories.js'], + stories: ['./Text.stories.jsx', './Extra.stories.jsx'], }; diff --git a/code/addons/storyshots/storyshots-core/stories/exported_metadata/preview.js b/code/addons/storyshots/storyshots-core/stories/exported_metadata/preview.js index 724c84b9a432..54fec6401462 100644 --- a/code/addons/storyshots/storyshots-core/stories/exported_metadata/preview.js +++ b/code/addons/storyshots/storyshots-core/stories/exported_metadata/preview.js @@ -1,10 +1,13 @@ +/* eslint-disable react/prop-types */ import React from 'react'; +const Container = ({ children }) =>
{children}
; + export const decorators = [ (StoryFn, { parameters, globals }) => ( -
+ {parameters.prefix} {globals.suffix} -
+ ), ]; diff --git a/code/addons/storyshots/storyshots-core/stories/react-demo.js b/code/addons/storyshots/storyshots-core/stories/react-demo.js deleted file mode 100644 index 5e9f62860144..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/react-demo.js +++ /dev/null @@ -1,34 +0,0 @@ -import React from 'react'; - -const styles = { - border: '1px solid #eee', - borderRadius: 3, - backgroundColor: '#FFFFFF', - cursor: 'pointer', - fontSize: 15, - padding: '3px 10px', - margin: 10, -}; - -// eslint-disable-next-line react/prop-types -export const Button = ({ children, onClick }) => ( - -); - -Button.displayName = 'Button'; -Button.defaultProps = { - onClick: () => {}, -}; - -// eslint-disable-next-line react/prop-types -export const Welcome = ({ showApp }) => ( - -); -Welcome.displayName = 'Welcome'; -Welcome.defaultProps = { - showApp: () => {}, -}; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/Button.stories.js b/code/addons/storyshots/storyshots-core/stories/required_with_context/Button.stories.js deleted file mode 100644 index 5544d92516f8..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/Button.stories.js +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; - -import { Button } from '../react-demo'; - -export default { - title: 'Button', - - parameters: { - component: Button, - }, -}; - -export const WithText = () => ; - -export const WithSomeEmoji = () => ( - -); - -WithSomeEmoji.storyName = 'with some emoji'; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/Welcome.stories.js b/code/addons/storyshots/storyshots-core/stories/required_with_context/Welcome.stories.js deleted file mode 100644 index 2245f7116cdf..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/Welcome.stories.js +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; - -import { Welcome } from '../react-demo'; - -export default { - title: 'Welcome', - - parameters: { - component: Welcome, - }, -}; - -export const ToStorybook = () => {}} />; - -ToStorybook.storyName = 'to Storybook'; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/Welcome.stories.mdx b/code/addons/storyshots/storyshots-core/stories/required_with_context/Welcome.stories.mdx deleted file mode 100644 index 8b4c5d14e1ce..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/Welcome.stories.mdx +++ /dev/null @@ -1,13 +0,0 @@ -import { Welcome } from '../react-demo'; -import { Meta, Story } from '@storybook/addon-docs'; - - - - - {}} /> - diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.async.storyshot b/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.async.storyshot deleted file mode 100644 index 40cff33ed8c4..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.async.storyshot +++ /dev/null @@ -1,7 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Async with 5ms timeout simulating async operation 1`] = ` -

- THIS IS SO DONE -

-`; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.foo b/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.foo deleted file mode 100644 index d4459afef802..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.foo +++ /dev/null @@ -1,7 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Async with 5ms timeout simulating async operation 1`] = ` -

- -

-`; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.storyshot b/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.storyshot deleted file mode 100644 index d4459afef802..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Async.stories.storyshot +++ /dev/null @@ -1,7 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Async with 5ms timeout simulating async operation 1`] = ` -

- -

-`; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Button.stories.foo b/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Button.stories.foo deleted file mode 100644 index 47dabe9763f5..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Button.stories.foo +++ /dev/null @@ -1,46 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Button With Text 1`] = ` - -`; - -exports[`Storyshots Button with some emoji 1`] = ` - -`; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Button.stories.storyshot b/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Button.stories.storyshot deleted file mode 100644 index 47dabe9763f5..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Button.stories.storyshot +++ /dev/null @@ -1,46 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Button With Text 1`] = ` - -`; - -exports[`Storyshots Button with some emoji 1`] = ` - -`; diff --git a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot b/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot deleted file mode 100644 index 99d1218a28f7..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot +++ /dev/null @@ -1,19 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Welcome MDX to Storybook 1`] = ` - -`; - -exports[`Storyshots Welcome to Storybook 1`] = ` - -`; diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.async.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.async.test.js index 37c263da5d18..d1afd7ccc6c9 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.async.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.async.test.js @@ -1,13 +1,13 @@ import path from 'path'; import { render, screen, waitFor } from '@testing-library/react'; -import initStoryshots, { Stories2SnapsConverter } from '../dist/types'; -import { TIMEOUT, EXPECTED_VALUE } from './required_with_context/Async.stories'; +import initStoryshots, { Stories2SnapsConverter } from '../src'; +import { TIMEOUT, EXPECTED_VALUE } from './exported_metadata/Async.stories.jsx'; initStoryshots({ asyncJest: true, framework: 'react', integrityOptions: false, - configPath: path.join(__dirname, '..', '.storybook'), + configPath: path.join(__dirname, 'exported_metadata'), // When async is true we need to provide a test method that // calls done() when at the end of the test method diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.configFunc.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.configFunc.test.js index e6ae28548d3d..667bca85c3b8 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.configFunc.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.configFunc.test.js @@ -1,5 +1,5 @@ import path from 'path'; -import initStoryshots, { multiSnapshotWithOptions, Stories2SnapsConverter } from '../dist/types'; +import initStoryshots, { multiSnapshotWithOptions, Stories2SnapsConverter } from '../src'; class AnotherStories2SnapsConverter extends Stories2SnapsConverter { getSnapshotFileName(context) { @@ -38,7 +38,7 @@ initStoryshots({ config: ({ configure }) => configure(() => { // eslint-disable-next-line global-require - require('./directly_required'); + require('./exported_metadata/Extra.stories.jsx'); }, module), test: multiSnapshotWithOptions(), }); diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.enzyme.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.enzyme.test.js index cb73d48fe74c..bd0a3f53197d 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.enzyme.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.enzyme.test.js @@ -1,9 +1,9 @@ import path from 'path'; import { mount } from 'enzyme'; -import initStoryshots from '../dist/types'; +import initStoryshots from '../src'; initStoryshots({ framework: 'react', - configPath: path.join(__dirname, '..', '.storybook'), + configPath: path.join(__dirname, 'exported_metadata'), renderer: mount, }); diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.metadata.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.metadata.test.js index 95e549eaffc4..971390d2b513 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.metadata.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.metadata.test.js @@ -1,5 +1,5 @@ import path from 'path'; -import initStoryshots from '../dist/types'; +import initStoryshots from '../src'; // jest.mock('@storybook/node-logger'); diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.renderOnly.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.renderOnly.test.js index a55804ba9378..e620fd15ed47 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.renderOnly.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.renderOnly.test.js @@ -1,8 +1,8 @@ import path from 'path'; -import initStoryshots, { renderOnly } from '../dist/types'; +import initStoryshots, { renderOnly } from '../src'; initStoryshots({ framework: 'react', - configPath: path.join(__dirname, '..', '.storybook'), + configPath: path.join(__dirname, 'exported_metadata'), test: renderOnly, }); diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.renderWithOptions.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.renderWithOptions.test.js index 4aa910f79c91..4aac113cedd4 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.renderWithOptions.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.renderWithOptions.test.js @@ -1,8 +1,8 @@ import path from 'path'; -import initStoryshots, { renderWithOptions } from '../dist/types'; +import initStoryshots, { renderWithOptions } from '../src'; initStoryshots({ framework: 'react', - configPath: path.join(__dirname, '..', '.storybook'), + configPath: path.join(__dirname, 'exported_metadata'), test: renderWithOptions({}), }); diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.shallow.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.shallow.test.js index e29d054144b8..62cf107e089a 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.shallow.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.shallow.test.js @@ -1,8 +1,8 @@ import path from 'path'; -import initStoryshots, { shallowSnapshot } from '../dist/types'; +import initStoryshots, { shallowSnapshot } from '../src'; initStoryshots({ framework: 'react', - configPath: path.join(__dirname, '..', '.storybook'), + configPath: path.join(__dirname, 'exported_metadata'), test: shallowSnapshot, }); diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.shallowWithOptions.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.shallowWithOptions.test.js index d8325ff624bf..5a4c45b78257 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.shallowWithOptions.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.shallowWithOptions.test.js @@ -1,9 +1,9 @@ import path from 'path'; -import initStoryshots, { shallowSnapshot } from '../dist/types'; +import initStoryshots, { shallowSnapshot } from '../src'; initStoryshots({ framework: 'react', - configPath: path.join(__dirname, '..', '.storybook'), + configPath: path.join(__dirname, 'exported_metadata'), test: (data) => shallowSnapshot({ ...data, diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.snapshotWithOptionsFunction.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.snapshotWithOptionsFunction.test.js index 3ede8a15fce3..f6fc73770aa9 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.snapshotWithOptionsFunction.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.snapshotWithOptionsFunction.test.js @@ -1,8 +1,8 @@ import path from 'path'; -import initStoryshots, { snapshotWithOptions } from '../dist/types'; +import initStoryshots, { snapshotWithOptions } from '../src'; initStoryshots({ framework: 'react', - configPath: path.join(__dirname, '..', '.storybook'), + configPath: path.join(__dirname, 'exported_metadata'), test: snapshotWithOptions(() => ({})), }); diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.specificConfig.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.specificConfig.test.js deleted file mode 100644 index 8b571b4c22d8..000000000000 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.specificConfig.test.js +++ /dev/null @@ -1,10 +0,0 @@ -import path from 'path'; -import initStoryshots, { multiSnapshotWithOptions, Stories2SnapsConverter } from '../dist/types'; - -initStoryshots({ - framework: 'react', - integrityOptions: { cwd: __dirname }, - stories2snapsConverter: new Stories2SnapsConverter({ snapshotExtension: '.foo' }), - configPath: path.join(__dirname, '..', '.storybook', 'configTest.js'), - test: multiSnapshotWithOptions(), -}); diff --git a/code/addons/storyshots/storyshots-core/stories/storyshot.test.js b/code/addons/storyshots/storyshots-core/stories/storyshot.test.js index cd0ca897cd28..9a1dde49cb99 100644 --- a/code/addons/storyshots/storyshots-core/stories/storyshot.test.js +++ b/code/addons/storyshots/storyshots-core/stories/storyshot.test.js @@ -1,5 +1,5 @@ import path from 'path'; -import initStoryshots, { multiSnapshotWithOptions } from '../dist/types'; +import initStoryshots, { multiSnapshotWithOptions } from '../src'; jest.mock('@storybook/node-logger'); @@ -8,6 +8,6 @@ initStoryshots({ framework: 'react', // Ignore integrityOptions for async.storyshot because only run when asyncJest is true integrityOptions: { cwd: __dirname, ignore: ['**/**.async.storyshot'] }, - configPath: path.join(__dirname, '..', '.storybook'), + configPath: path.join(__dirname, 'exported_metadata'), test: multiSnapshotWithOptions(), }); diff --git a/code/addons/storyshots/storyshots-puppeteer/README.md b/code/addons/storyshots/storyshots-puppeteer/README.md index c3d9def10d9b..2175c1d436d4 100644 --- a/code/addons/storyshots/storyshots-puppeteer/README.md +++ b/code/addons/storyshots/storyshots-puppeteer/README.md @@ -199,7 +199,6 @@ Those can be customized with `setupTimeout` and `testTimeout` parameters. ### Integrate Puppeteer storyshots with regular app You may want to use another Jest project to run your Puppeteer storyshots as they require more resources: Chrome and Storybook built/served. -You can find a working example of this in the [official-storybook](https://github.com/storybookjs/storybook/tree/main/examples/official-storybook) example. ### Integrate Puppeteer storyshots with [Create React App](https://github.com/facebookincubator/create-react-app) diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json index 5ef4ab36795e..dbecfdf0d12e 100644 --- a/code/addons/storyshots/storyshots-puppeteer/package.json +++ b/code/addons/storyshots/storyshots-puppeteer/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storyshots-puppeteer", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Image snapshots addition to StoryShots based on puppeteer", "keywords": [ "addon", @@ -34,8 +34,8 @@ }, "dependencies": { "@axe-core/puppeteer": "^4.2.0", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/node-logger": "7.0.0-alpha.35", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/node-logger": "7.0.0-alpha.38", "@types/jest-image-snapshot": "^4.1.3", "jest-image-snapshot": "^4.3.0" }, @@ -44,7 +44,7 @@ "puppeteer": "^2.0.0 || ^3.0.0" }, "peerDependencies": { - "@storybook/addon-storyshots": "7.0.0-alpha.35", + "@storybook/addon-storyshots": "7.0.0-alpha.38", "puppeteer": ">=2.0.0" }, "peerDependenciesMeta": { @@ -55,5 +55,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json index 739393c05219..57cc758766d2 100644 --- a/code/addons/storysource/package.json +++ b/code/addons/storysource/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storysource", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "View a story’s source code to see how it works and paste into your app", "keywords": [ "addon", @@ -35,13 +35,13 @@ "prep": "node ../../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/router": "7.0.0-alpha.35", - "@storybook/source-loader": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/router": "7.0.0-alpha.38", + "@storybook/source-loader": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "estraverse": "^5.2.0", "prop-types": "^15.7.2", "react-syntax-highlighter": "^15.5.0" @@ -66,7 +66,7 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Storysource", "icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png", diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json index fcc857e301d3..d25742ed3741 100644 --- a/code/addons/toolbars/package.json +++ b/code/addons/toolbars/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-toolbars", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Create your own toolbar items that control story rendering", "keywords": [ "addon", @@ -57,11 +57,11 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35" + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38" }, "devDependencies": { "typescript": "~4.6.3" @@ -88,7 +88,7 @@ ], "platform": "browser" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Toolbars", "icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png", diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json index b03e7a8153e1..d7c99d327c0f 100644 --- a/code/addons/viewport/package.json +++ b/code/addons/viewport/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-viewport", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Build responsive components by adjusting Storybook’s viewport size and orientation", "keywords": [ "addon", @@ -59,12 +59,12 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "global": "^4.4.0", "memoizerific": "^1.11.3", "prop-types": "^15.7.2" @@ -95,7 +95,7 @@ "./src/preview.ts" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1", + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431", "storybook": { "displayName": "Viewport", "icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png", diff --git a/code/addons/viewport/template/stories/parameters.stories.ts b/code/addons/viewport/template/stories/parameters.stories.ts index 218395d09ff0..03b2b9e264c9 100644 --- a/code/addons/viewport/template/stories/parameters.stories.ts +++ b/code/addons/viewport/template/stories/parameters.stories.ts @@ -4,7 +4,7 @@ import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport'; export default { component: globalThis.Components.Button, args: { - children: 'Click Me!', + label: 'Click Me!', }, parameters: { viewport: { @@ -29,6 +29,7 @@ export const Selected = { export const Custom = { parameters: { viewport: { + defaultViewport: 'phone', viewports: { phone: { name: 'Phone Width', diff --git a/code/e2e-tests/addon-docs.spec.ts b/code/e2e-tests/addon-docs.spec.ts index 19277c7c69fd..f2e943abb04f 100644 --- a/code/e2e-tests/addon-docs.spec.ts +++ b/code/e2e-tests/addon-docs.spec.ts @@ -16,7 +16,7 @@ test.describe('addon-docs', () => { test('should provide source snippet', async ({ page }) => { // templateName is e.g. 'Vue-CLI (Default JS)' test.skip( - /^(vue3|vue-cli)/i.test(templateName), + /^(vue3|vue-cli|preact)/i.test(templateName), `Skipping ${templateName}, which does not support dynamic source snippets` ); diff --git a/code/examples/README.md b/code/examples/README.md index 09321964d372..08d771ce3db0 100644 --- a/code/examples/README.md +++ b/code/examples/README.md @@ -4,7 +4,6 @@ Live examples of these: ### Next release -- [React Official](https://next--storybookjs.netlify.com/official-storybook/) - [Vue](https://next--storybookjs.netlify.com/vue-kitchen-sink/) - [Angular](https://next--storybookjs.netlify.com/angular-cli/) - [HTML](https://next--storybookjs.netlify.com/html-kitchen-sink/) @@ -14,7 +13,6 @@ Live examples of these: ### Current release -- [React Official](https://storybookjs.netlify.com/official-storybook/) - [Vue](https://storybookjs.netlify.com/vue-kitchen-sink/) - [Angular](https://storybookjs.netlify.com/angular-cli/) - [HTML](https://storybookjs.netlify.com/html-kitchen-sink/) diff --git a/code/examples/angular-cli/.editorconfig b/code/examples/angular-cli/.editorconfig deleted file mode 100644 index 6e87a003da89..000000000000 --- a/code/examples/angular-cli/.editorconfig +++ /dev/null @@ -1,13 +0,0 @@ -# Editor configuration, see http://editorconfig.org -root = true - -[*] -charset = utf-8 -indent_style = space -indent_size = 2 -insert_final_newline = true -trim_trailing_whitespace = true - -[*.md] -max_line_length = off -trim_trailing_whitespace = false diff --git a/code/examples/angular-cli/.env b/code/examples/angular-cli/.env deleted file mode 100644 index d24e628d2810..000000000000 --- a/code/examples/angular-cli/.env +++ /dev/null @@ -1 +0,0 @@ -STORYBOOK_EXAMPLE_APP=true diff --git a/code/examples/angular-cli/.eslintignore b/code/examples/angular-cli/.eslintignore deleted file mode 100644 index 6c5a2da47b08..000000000000 --- a/code/examples/angular-cli/.eslintignore +++ /dev/null @@ -1 +0,0 @@ -addon-jest.testresults.json diff --git a/code/examples/angular-cli/.eslintrc.js b/code/examples/angular-cli/.eslintrc.js deleted file mode 100644 index 4de262aa2700..000000000000 --- a/code/examples/angular-cli/.eslintrc.js +++ /dev/null @@ -1,15 +0,0 @@ -const ignore = 0; - -module.exports = { - overrides: [ - { - files: ['./src/stories/addon-jest.stories.ts'], - rules: { - 'import/no-useless-path-segments': ignore, - }, - settings: { - 'import/core-modules': ['../../addon-jest.testresults.json'], - }, - }, - ], -}; diff --git a/code/examples/angular-cli/.gitignore b/code/examples/angular-cli/.gitignore deleted file mode 100644 index f0613141c711..000000000000 --- a/code/examples/angular-cli/.gitignore +++ /dev/null @@ -1,43 +0,0 @@ -# See http://help.github.com/ignore-files/ for more about ignoring files. - -# Compiled output -/dist -/tmp -/out-tsc -/bazel-out - -# Node -/node_modules -npm-debug.log -yarn-error.log - -# IDEs and editors -.idea/ -.project -.classpath -.c9/ -*.launch -.settings/ -*.sublime-workspace - -# Visual Studio Code -.vscode/* -!.vscode/settings.json -!.vscode/tasks.json -!.vscode/launch.json -!.vscode/extensions.json -.history/* - -# Miscellaneous -/.angular/cache -.sass-cache/ -/connect.lock -/coverage -/libpeerconnection.log -testem.log -/typings -documentation.json - -# System files -.DS_Store -Thumbs.db diff --git a/code/examples/angular-cli/.storybook/main.ts b/code/examples/angular-cli/.storybook/main.ts deleted file mode 100644 index 41e94c2c0013..000000000000 --- a/code/examples/angular-cli/.storybook/main.ts +++ /dev/null @@ -1,41 +0,0 @@ -const mainConfig: import('@storybook/angular').StorybookConfig = { - stories: ['../src/stories/**/*.stories.@(ts|tsx|js|jsx|mdx)'], - logLevel: 'debug', - addons: [ - '@storybook/addon-docs', - '@storybook/addon-controls', - '@storybook/addon-storysource', - '@storybook/addon-actions', - '@storybook/addon-viewport', - '@storybook/addon-interactions', - '@storybook/addon-links', - '@storybook/addon-jest', - '@storybook/addon-backgrounds', - '@storybook/addon-a11y', - '@storybook/addon-toolbars', - '@storybook/addon-highlight', - ], - core: { - channelOptions: { allowFunction: false, maxDepth: 10 }, - disableTelemetry: true, - }, - staticDirs: [ - '../src/assets', - // reproduction of https://github.com/storybookjs/storybook/issues/16732 - { from: '../src/assets/a', to: 'assets' }, - { from: '../src/assets/b', to: 'assets/b' }, - ], - features: { - buildStoriesJson: false, - breakingChangesV7: false, - storyStoreV7: false, - }, - framework: { - name: '@storybook/angular', - options: { - enableIvy: true, - enableNgcc: true, - }, - }, -}; -module.exports = mainConfig; diff --git a/code/examples/angular-cli/.storybook/preview.ts b/code/examples/angular-cli/.storybook/preview.ts deleted file mode 100644 index 670c15d3a06b..000000000000 --- a/code/examples/angular-cli/.storybook/preview.ts +++ /dev/null @@ -1,55 +0,0 @@ -/* eslint-disable import/extensions, import/no-unresolved */ -import { setCompodocJson } from '@storybook/addon-docs/angular'; -import addCssWarning from '../src/cssWarning'; - -import docJson from '../documentation.json'; -// remove ButtonComponent to test #12009 -const filtered = !docJson?.components - ? docJson - : { - ...docJson, - components: docJson.components.filter((c) => c.name !== 'ButtonComponent'), - }; -setCompodocJson(filtered); - -addCssWarning(); - -export const parameters = { - docs: { - inlineStories: true, - }, - options: { - storySort: { - order: ['Welcome', 'Core ', 'Addons ', 'Basics '], - }, - }, -}; - -export const globalTypes = { - theme: { - name: 'Theme', - description: 'Global theme for components', - defaultValue: 'light', - toolbar: { - icon: 'paintbrush', - items: [ - { value: 'light', title: 'Light theme' }, - { value: 'dark', title: 'Dark theme' }, - ], - }, - }, - locale: { - name: 'Locale', - description: 'Internationalization locale', - defaultValue: 'en', - toolbar: { - icon: 'globe', - items: [ - { value: 'en', right: '🇺🇸', title: 'English' }, - { value: 'es', right: '🇪🇸', title: 'Español' }, - { value: 'zh', right: '🇨🇳', title: '中文' }, - { value: 'kr', right: '🇰🇷', title: '한국어' }, - ], - }, - }, -}; diff --git a/code/examples/angular-cli/.storybook/tsconfig.json b/code/examples/angular-cli/.storybook/tsconfig.json deleted file mode 100644 index b204c9f780fb..000000000000 --- a/code/examples/angular-cli/.storybook/tsconfig.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "extends": "../tsconfig.app.json", - "exclude": ["../src/karma.ts", "../src/**/*.spec.ts"], - "include": ["../src/**/*", "preview.ts"], - "compilerOptions": { - "types": ["@testing-library/jest-dom"] - } -} diff --git a/code/examples/angular-cli/README.md b/code/examples/angular-cli/README.md deleted file mode 100644 index abde1422bbbf..000000000000 --- a/code/examples/angular-cli/README.md +++ /dev/null @@ -1,27 +0,0 @@ -# AngularCli - -This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.0. - -## Development server - -Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. - -## Code scaffolding - -Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`. - -## Build - -Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build. - -## Running unit tests - -Run `ng test` to execute the unit tests via [Jest](https://facebook.github.io/jest/). - -## Running end-to-end tests - -Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). - -## Further help - -To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). diff --git a/code/examples/angular-cli/angular.json b/code/examples/angular-cli/angular.json deleted file mode 100644 index a54f3edead0c..000000000000 --- a/code/examples/angular-cli/angular.json +++ /dev/null @@ -1,134 +0,0 @@ -{ - /* angular.json can have comments */ - // angular.json can have comments - "$schema": "../../node_modules/@angular/cli/lib/config/schema.json", - "version": 1, - "newProjectRoot": "projects", - "projects": { - "angular-cli": { - "root": "", - "sourceRoot": "src", - "projectType": "application", - "prefix": "app", - "schematics": {}, - "architect": { - "build": { - "builder": "@angular-devkit/build-angular:browser", - "options": { - "outputPath": "dist/angular-cli", - "index": "src/index.html", - "main": "src/main.ts", - "polyfills": "src/polyfills.ts", - "tsConfig": "tsconfig.app.json", - "assets": ["src/favicon.ico", "src/assets"], - "styles": ["src/styles.css", "src/styles.scss"], - "stylePreprocessorOptions": { - "includePaths": ["src/commons"] - }, - "scripts": [], - "aot": false, - "vendorChunk": true, - "extractLicenses": false, - "buildOptimizer": false, - "sourceMap": true, - "optimization": false, - "namedChunks": true - }, - "configurations": { - "production": { - "fileReplacements": [ - { - "replace": "src/environments/environment.ts", - "with": "src/environments/environment.prod.ts" - } - ], - "optimization": true, - "outputHashing": "all", - "sourceMap": false, - "namedChunks": false, - "aot": true, - "extractLicenses": true, - "vendorChunk": false, - "buildOptimizer": true - } - }, - "defaultConfiguration": "" - }, - "serve": { - "builder": "@angular-devkit/build-angular:dev-server", - "options": { - "browserTarget": "angular-cli:build" - }, - "configurations": { - "production": { - "browserTarget": "angular-cli:build:production" - } - } - }, - "extract-i18n": { - "builder": "@angular-devkit/build-angular:extract-i18n", - "options": { - "browserTarget": "angular-cli:build" - } - }, - "test": { - "builder": "@angular-devkit/build-angular:karma", - "options": { - "main": "src/karma.ts", - "polyfills": "src/polyfills.ts", - "tsConfig": "src/tsconfig.spec.json", - "karmaConfig": "src/karma.conf.js", - "styles": ["styles.css"], - "scripts": [], - "assets": ["src/favicon.ico", "src/assets"] - } - }, - "storybook": { - "builder": "@storybook/angular:start-storybook", - "options": { - "browserTarget": "angular-cli:build", - "port": 4400 - } - }, - "build-storybook": { - "builder": "@storybook/angular:build-storybook", - "options": { - "browserTarget": "angular-cli:build" - } - } - } - }, - "angular-cli-e2e": { - "root": "e2e/", - "projectType": "application", - "architect": { - "e2e": { - "builder": "@angular-devkit/build-angular:protractor", - "options": { - "protractorConfig": "e2e/protractor.conf.js", - "devServerTarget": "angular-cli:serve" - } - } - } - }, - "without-browser-target": { - "root": "", - "projectType": "library", - "architect": { - "storybook": { - "builder": "@storybook/angular:start-storybook", - "options": { - "tsConfig": "tsconfig.app.json" - } - }, - "build-storybook": { - "builder": "@storybook/angular:build-storybook", - "options": { - "tsConfig": "tsconfig.app.json" - } - } - } - } - }, - "defaultProject": "angular-cli" -} diff --git a/code/examples/angular-cli/angularshots.test.js b/code/examples/angular-cli/angularshots.test.js deleted file mode 100644 index a7532588da4f..000000000000 --- a/code/examples/angular-cli/angularshots.test.js +++ /dev/null @@ -1,13 +0,0 @@ -import path from 'path'; -import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots'; - -jest.mock('./addon-jest.testresults.json', () => ({}), { virtual: true }); -jest.mock('./documentation.json', () => ({}), { virtual: true }); -jest.mock('./environments/environment', () => ({}), { virtual: true }); - -initStoryshots({ - framework: 'angular', - integrityOptions: { cwd: path.join(__dirname, 'src', 'stories') }, - configPath: path.join(__dirname, '.storybook'), - test: multiSnapshotWithOptions(), -}); diff --git a/code/examples/angular-cli/e2e/app.e2e-spec.ts b/code/examples/angular-cli/e2e/app.e2e-spec.ts deleted file mode 100644 index 33a23c8b6cff..000000000000 --- a/code/examples/angular-cli/e2e/app.e2e-spec.ts +++ /dev/null @@ -1,16 +0,0 @@ -/* eslint-disable import/no-extraneous-dependencies */ -import { AppPage } from './app.po'; -import 'jasmine'; - -describe('ng5test App', () => { - let page: AppPage; - - beforeEach(() => { - page = new AppPage(); - }); - - it('should display welcome message', () => { - page.navigateTo(); - expect(page.getParagraphText() as any).toEqual('Welcome to app!'); - }); -}); diff --git a/code/examples/angular-cli/e2e/app.po.ts b/code/examples/angular-cli/e2e/app.po.ts deleted file mode 100644 index eb663398fd58..000000000000 --- a/code/examples/angular-cli/e2e/app.po.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { browser, by, element } from 'protractor'; - -export class AppPage { - navigateTo() { - return browser.get('/'); - } - - getParagraphText() { - return element(by.css('storybook-app-root h1')).getText(); - } -} diff --git a/code/examples/angular-cli/e2e/tsconfig.e2e.json b/code/examples/angular-cli/e2e/tsconfig.e2e.json deleted file mode 100644 index f60fd80412d3..000000000000 --- a/code/examples/angular-cli/e2e/tsconfig.e2e.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "extends": "../tsconfig.json", - "compilerOptions": { - "outDir": "../out-tsc/e2e", - "baseUrl": "./", - "module": "commonjs", - "target": "es5", - "types": ["jasmine", "jasminewd2", "node"] - } -} diff --git a/code/examples/angular-cli/jest-config/globalMocks.ts b/code/examples/angular-cli/jest-config/globalMocks.ts deleted file mode 100644 index ea4ad1e138d4..000000000000 --- a/code/examples/angular-cli/jest-config/globalMocks.ts +++ /dev/null @@ -1,19 +0,0 @@ -/* eslint-disable no-return-assign */ -const mock = () => { - let storage = {}; - return { - getItem: (key) => (key in storage ? storage[key] : null), - setItem: (key, value) => (storage[key] = value || ''), - removeItem: (key) => delete storage[key], - clear: () => (storage = {}), - }; -}; -Object.defineProperty(window, 'localStorage', { - value: mock(), -}); -Object.defineProperty(window, 'sessionStorage', { - value: mock(), -}); -Object.defineProperty(window, 'getComputedStyle', { - value: () => ['-webkit-appearance'], -}); diff --git a/code/examples/angular-cli/jest-config/setup.ts b/code/examples/angular-cli/jest-config/setup.ts deleted file mode 100644 index 276aba67d769..000000000000 --- a/code/examples/angular-cli/jest-config/setup.ts +++ /dev/null @@ -1,4 +0,0 @@ -import 'jest-preset-angular/setup-jest'; -import './globalMocks'; - -require('@storybook/babel-plugin-require-context-hook/register')(); diff --git a/code/examples/angular-cli/jest.addon-config.js b/code/examples/angular-cli/jest.addon-config.js deleted file mode 100644 index 04efa309f44d..000000000000 --- a/code/examples/angular-cli/jest.addon-config.js +++ /dev/null @@ -1,7 +0,0 @@ -/* eslint-disable import/extensions */ -const base = require('./jest.config.js'); - -module.exports = { - ...base, - testPathIgnorePatterns: ['/node_modules/', '/storybook-static/', 'angularshots.test.js', 'dist'], -}; diff --git a/code/examples/angular-cli/jest.config.js b/code/examples/angular-cli/jest.config.js deleted file mode 100644 index d30bd54e04dd..000000000000 --- a/code/examples/angular-cli/jest.config.js +++ /dev/null @@ -1,35 +0,0 @@ -const path = require('path'); -const config = require('../../jest.config'); - -const projectDir = path.join(__dirname, '../../'); - -module.exports = { - preset: 'jest-preset-angular', - globals: { - 'ts-jest': { - tsconfig: path.join(__dirname, 'src/tsconfig.spec.json'), - stringifyContentPathRegex: '\\.html$', - astTransformers: { - before: [ - 'jest-preset-angular/build/InlineFilesTransformer', - 'jest-preset-angular/build/StripStylesTransformer', - ], - }, - }, - }, - roots: [__dirname], - transform: { - '^.+\\.stories\\.[jt]sx?$': '@storybook/addon-storyshots/injectFileName', - '^.+\\.(ts|html)$': 'ts-jest', - '^.+\\.jsx?$': path.join(projectDir, '../scripts/utils/jest-transform-js.js'), - '^.+\\.mdx$': '@storybook/addon-docs/jest-transform-mdx', - }, - moduleFileExtensions: [...config.moduleFileExtensions, 'html'], - snapshotSerializers: [ - 'jest-preset-angular/build/serializers/html-comment', - 'jest-preset-angular/build/serializers/ng-snapshot', - 'jest-preset-angular/build/serializers/no-ng-attributes', - ], - setupFilesAfterEnv: ['./jest-config/setup.ts'], - testPathIgnorePatterns: ['app.component.spec.ts'], -}; diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json deleted file mode 100644 index 7ad07149ae93..000000000000 --- a/code/examples/angular-cli/package.json +++ /dev/null @@ -1,84 +0,0 @@ -{ - "name": "angular-cli", - "version": "7.0.0-alpha.35", - "private": true, - "license": "MIT", - "workspaces": { - "nohoist": [ - "**" - ] - }, - "scripts": { - "build": "ng build", - "build-storybook": "yarn storybook-prebuild && ng run angular-cli:build-storybook", - "docs:json": "compodoc -p ./tsconfig.json -e json -d .", - "e2e": "ng e2e", - "postinstall": "ngcc --source ../../node_modules", - "ng": "ng", - "start": "ng serve", - "storybook": "yarn storybook-prebuild && ng run angular-cli:storybook", - "storybook-prebuild": "yarn test:generate-output", - "test": "jest", - "test:coverage": "jest --coverage", - "test:generate-output": "jest --json --config=jest.addon-config.js --outputFile=addon-jest.testresults.json || true", - "test:watch": "jest --watch" - }, - "dependencies": { - "@angular/common": "^13.3.6", - "@angular/compiler": "^13.3.6", - "@angular/core": "^13.3.6", - "@angular/forms": "^13.3.6", - "@angular/platform-browser": "^13.3.6", - "@angular/platform-browser-dynamic": "^13.3.6", - "@ngrx/store": "^13.2.0", - "rxjs": "^6.6.7", - "sass": "^1.43.4", - "telejson": "^6.0.8", - "zone.js": "~0.11.4" - }, - "devDependencies": { - "@angular-devkit/build-angular": "^13.3.5", - "@angular-devkit/core": "^13.3.5", - "@angular/cli": "^13.3.5", - "@angular/compiler-cli": "^13.3.6", - "@angular/elements": "^13.3.6", - "@compodoc/compodoc": "^1.1.18", - "@storybook/addon-a11y": "7.0.0-alpha.35", - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-interactions": "7.0.0-alpha.35", - "@storybook/addon-jest": "7.0.0-alpha.35", - "@storybook/addon-links": "7.0.0-alpha.35", - "@storybook/addon-storyshots": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/angular": "7.0.0-alpha.35", - "@storybook/babel-plugin-require-context-hook": "1.0.1", - "@storybook/jest": "^0.0.10", - "@storybook/source-loader": "7.0.0-alpha.35", - "@storybook/testing-library": "0.0.14-next.0", - "@types/jest": "^26.0.16", - "@types/node": "^14.14.20 || ^16.0.0", - "@types/sass": "^1", - "@webcomponents/custom-elements": "^1.4.3", - "global": "^4.4.0", - "jasmine-core": "~3.6.0", - "jasmine-spec-reporter": "~5.0.2", - "jest": "^26.6.3", - "jest-preset-angular": "^8.3.2", - "protractor": "~7.0.0", - "storybook": "7.0.0-alpha.35", - "storybook-addon-angular-ivy": "^0.0.1", - "ts-jest": "^26.4.4", - "ts-node": "^10.4.0", - "typescript": "~4.6.3" - }, - "storybook": { - "chromatic": { - "projectToken": "tl92yzsj6w" - } - } -} diff --git a/code/examples/angular-cli/protractor.conf.js b/code/examples/angular-cli/protractor.conf.js deleted file mode 100644 index 7699c9c53812..000000000000 --- a/code/examples/angular-cli/protractor.conf.js +++ /dev/null @@ -1,27 +0,0 @@ -/*eslint-disable*/ -// Protractor configuration file, see link for more information -// https://github.com/angular/protractor/blob/master/lib/config.ts - -const { SpecReporter } = require('jasmine-spec-reporter'); - -exports.config = { - allScriptsTimeout: 11000, - specs: ['./e2e/**/*.e2e-spec.ts'], - capabilities: { - browserName: 'chrome', - }, - directConnect: true, - baseUrl: 'http://localhost:4200/', - framework: 'jasmine', - jasmineNodeOpts: { - showColors: true, - defaultTimeoutInterval: 30000, - print() {}, - }, - onPrepare() { - require('ts-node').register({ - project: 'e2e/tsconfig.e2e.json', - }); - jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } })); - }, -}; diff --git a/code/examples/angular-cli/src/app/app.component.html b/code/examples/angular-cli/src/app/app.component.html deleted file mode 100644 index 3715229078a1..000000000000 --- a/code/examples/angular-cli/src/app/app.component.html +++ /dev/null @@ -1,25 +0,0 @@ - -
- This should be hidden, if not - scss is not loaded as needed. -
-
-

Welcome to {{ title }}!

- -
-

Here are some links to help you start:

- diff --git a/code/examples/angular-cli/src/app/app.component.scss b/code/examples/angular-cli/src/app/app.component.scss deleted file mode 100644 index 8b20dbe44d7a..000000000000 --- a/code/examples/angular-cli/src/app/app.component.scss +++ /dev/null @@ -1,5 +0,0 @@ -$display: none; - -.hide { - display: $display; -} diff --git a/code/examples/angular-cli/src/app/app.component.spec.ts b/code/examples/angular-cli/src/app/app.component.spec.ts deleted file mode 100644 index fc39d934a589..000000000000 --- a/code/examples/angular-cli/src/app/app.component.spec.ts +++ /dev/null @@ -1,32 +0,0 @@ -import { TestBed, waitForAsync } from '@angular/core/testing'; -import { BrowserTestingModule } from '@angular/platform-browser/testing'; - -import { AppComponent } from './app.component'; - -describe('AppComponent', () => { - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [BrowserTestingModule], - declarations: [AppComponent], - }).compileComponents(); - })); - - it('should create the app', waitForAsync(() => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; - expect(app).toBeTruthy(); - })); - - it(`should have as title 'app'`, waitForAsync(() => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; - expect(app.title).toEqual('app'); - })); - - it('should render title in a h1 tag', waitForAsync(() => { - const fixture = TestBed.createComponent(AppComponent); - fixture.detectChanges(); - const compiled = fixture.debugElement.nativeElement; - expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!'); - })); -}); diff --git a/code/examples/angular-cli/src/app/app.component.ts b/code/examples/angular-cli/src/app/app.component.ts deleted file mode 100644 index cd7b01613d85..000000000000 --- a/code/examples/angular-cli/src/app/app.component.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'storybook-app-root', - templateUrl: './app.component.html', - styleUrls: ['./app.component.scss'], -}) -export class AppComponent { - /** - * The name of your app - */ - title = 'app'; -} diff --git a/code/examples/angular-cli/src/app/app.module.ts b/code/examples/angular-cli/src/app/app.module.ts deleted file mode 100644 index 5ce7811a4c03..000000000000 --- a/code/examples/angular-cli/src/app/app.module.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { BrowserModule } from '@angular/platform-browser'; -import { NgModule } from '@angular/core'; - -import { AppComponent } from './app.component'; - -@NgModule({ - declarations: [AppComponent], - imports: [BrowserModule], - providers: [], - bootstrap: [AppComponent], -}) -export class AppModule {} diff --git a/code/examples/angular-cli/src/assets/.gitkeep b/code/examples/angular-cli/src/assets/.gitkeep deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/code/examples/angular-cli/src/assets/a/a.json b/code/examples/angular-cli/src/assets/a/a.json deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/code/examples/angular-cli/src/assets/b/b.json b/code/examples/angular-cli/src/assets/b/b.json deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/code/examples/angular-cli/src/assets/favicon.ico b/code/examples/angular-cli/src/assets/favicon.ico deleted file mode 100644 index 8081c7ceaf2b..000000000000 Binary files a/code/examples/angular-cli/src/assets/favicon.ico and /dev/null differ diff --git a/code/examples/angular-cli/src/commons/_colors.scss b/code/examples/angular-cli/src/commons/_colors.scss deleted file mode 100644 index 1822b861e8be..000000000000 --- a/code/examples/angular-cli/src/commons/_colors.scss +++ /dev/null @@ -1 +0,0 @@ -$color: green; diff --git a/code/examples/angular-cli/src/cssWarning.ts b/code/examples/angular-cli/src/cssWarning.ts deleted file mode 100644 index 8a96343424b7..000000000000 --- a/code/examples/angular-cli/src/cssWarning.ts +++ /dev/null @@ -1,12 +0,0 @@ -import global from 'global'; - -const { document } = global; - -export default function addCssWarning() { - const warning = document.createElement('h1'); - warning.textContent = 'CSS rules are not configured as needed'; - warning.className = 'css-rules-warning'; - warning.style.color = 'red'; - - document.body.insertBefore(warning, document.body.firstChild); -} diff --git a/code/examples/angular-cli/src/environments/environment.prod.ts b/code/examples/angular-cli/src/environments/environment.prod.ts deleted file mode 100644 index c9669790be17..000000000000 --- a/code/examples/angular-cli/src/environments/environment.prod.ts +++ /dev/null @@ -1,3 +0,0 @@ -export const environment = { - production: true, -}; diff --git a/code/examples/angular-cli/src/environments/environment.ts b/code/examples/angular-cli/src/environments/environment.ts deleted file mode 100644 index cf6bba0df389..000000000000 --- a/code/examples/angular-cli/src/environments/environment.ts +++ /dev/null @@ -1,8 +0,0 @@ -// The file contents for the current environment will overwrite these during build. -// The build system defaults to the dev environment which uses `environment.ts`, but if you do -// `ng build --env=prod` then `environment.prod.ts` will be used instead. -// The list of which env maps to which file can be found in `.angular-cli.json`. - -export const environment = { - production: false, -}; diff --git a/code/examples/angular-cli/src/index.html b/code/examples/angular-cli/src/index.html deleted file mode 100644 index 35b19bd8e2c0..000000000000 --- a/code/examples/angular-cli/src/index.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - Ng5test - - - - - - - - - diff --git a/code/examples/angular-cli/src/karma.ts b/code/examples/angular-cli/src/karma.ts deleted file mode 100644 index 6d9bcf8f0f42..000000000000 --- a/code/examples/angular-cli/src/karma.ts +++ /dev/null @@ -1,31 +0,0 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files - -import 'zone.js/dist/long-stack-trace-zone'; -// eslint-disable-next-line import/extensions -import 'zone.js/dist/proxy.js'; -import 'zone.js/dist/sync-test'; -import 'zone.js/dist/jasmine-patch'; -import 'zone.js/dist/async-test'; -import 'zone.js/dist/fake-async-test'; -import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting, -} from '@angular/platform-browser-dynamic/testing'; - -// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. -// eslint-disable-next-line no-underscore-dangle -declare const __karma__: any; -declare const require: any; - -// Prevent Karma from running prematurely. -__karma__.loaded = () => {}; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting()); -// Then we find all the tests. -const context = require.context('./', true, /\.spec\.ts$/); -// And load the modules. -context.keys().map(context); -// Finally, start Karma to run the tests. -__karma__.start(); diff --git a/code/examples/angular-cli/src/main.ts b/code/examples/angular-cli/src/main.ts deleted file mode 100644 index dbd339586678..000000000000 --- a/code/examples/angular-cli/src/main.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { enableProdMode } from '@angular/core'; -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; - -import { AppModule } from './app/app.module'; -import { environment } from './environments/environment'; - -if (environment.production) { - enableProdMode(); -} - -platformBrowserDynamic() - .bootstrapModule(AppModule) - // eslint-disable-next-line - .catch((err) => console.error(err)); diff --git a/code/examples/angular-cli/src/polyfills.ts b/code/examples/angular-cli/src/polyfills.ts deleted file mode 100644 index 4dc52c21f276..000000000000 --- a/code/examples/angular-cli/src/polyfills.ts +++ /dev/null @@ -1,52 +0,0 @@ -/** - * This file includes polyfills needed by Angular and is loaded before the app. - * You can add your own extra polyfills to this file. - * - * This file is divided into 2 sections: - * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. - * 2. Application imports. Files imported after ZoneJS that should be loaded before your main - * file. - * - * The current setup is for so-called "evergreen" browsers; the last versions of browsers that - * automatically update themselves. This includes recent versions of Safari, Chrome (including - * Opera), Edge on the desktop, and iOS and Chrome on mobile. - * - * Learn more in https://angular.io/guide/browser-support - */ - -/** ************************************************************************************************* - * BROWSER POLYFILLS - */ - -/** - * By default, zone.js will patch all possible macroTask and DomEvents - * user can disable parts of macroTask/DomEvents patch by setting following flags - * because those flags need to be set before `zone.js` being loaded, and webpack - * will put import in the top of bundle, so user need to create a separate file - * in this directory (for example: zone-flags.ts), and put the following flags - * into that file, and then add the following code before importing zone.js. - * import './zone-flags'; - * - * The flags allowed in zone-flags.ts are listed here. - * - * The following flags will work for all browsers. - * - * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame - * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick - * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames - * - * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js - * with the following flag, it will bypass `zone.js` patch for IE/Edge - * - * (window as any).__Zone_enable_cross_context_check = true; - * - */ - -/** ************************************************************************************************* - * Zone JS is required by default for Angular itself. - */ -import 'zone.js'; // Included with Angular CLI. - -/** ************************************************************************************************* - * APPLICATION IMPORTS - */ diff --git a/code/examples/angular-cli/src/stories/__snapshots__/welcome-angular.stories.storyshot b/code/examples/angular-cli/src/stories/__snapshots__/welcome-angular.stories.storyshot deleted file mode 100644 index 3c6dbf4540b1..000000000000 --- a/code/examples/angular-cli/src/stories/__snapshots__/welcome-angular.stories.storyshot +++ /dev/null @@ -1,61 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Welcome/ To Angular To Angular 1`] = ` - - -
- This should be hidden, if not - scss is not loaded as needed. - -
-
-

- Welcome to app! -

- -
-

- Here are some links to help you start: -

- - - -`; diff --git a/code/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot b/code/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot deleted file mode 100644 index 3b19bc7405fe..000000000000 --- a/code/examples/angular-cli/src/stories/__snapshots__/welcome-storybook.stories.storyshot +++ /dev/null @@ -1,92 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = ` - - -
-

- Welcome to storybook -

-

- This is a UI component dev environment for your app. -

-

- We've added some basic stories inside the - - src/stories - - directory. -
- A story is a single state of one or more UI components. You can have as many stories as you want. -
- (Basically a story is like a visual test case.) -

-

- See these sample - - stories - - for a component called - - Button - - . -

-

- Just like that, you can add your own components as stories. -
- You can also edit those components and see changes right away. -
- (Try editing the - - Button - - stories located at - - src/stories/index.js - - .) -

-

- Usually we create stories with smaller UI components in the app. -
- Have a look at the - - Writing Stories - - section in our documentation. -

-

- - NOTE: - -
- Have a look at the - - .storybook/webpack.config.js - - to add webpack loaders and plugins you are using in this project. -

-
- - -`; diff --git a/code/examples/angular-cli/src/stories/addons/README.stories.mdx b/code/examples/angular-cli/src/stories/addons/README.stories.mdx deleted file mode 100644 index a9a1efaa54ff..000000000000 --- a/code/examples/angular-cli/src/stories/addons/README.stories.mdx +++ /dev/null @@ -1,7 +0,0 @@ -import { Meta } from '@storybook/addon-docs'; - - - -# Examples for Storybook addons - -These examples can be used to check the correct operation of addons requiring a particular configuration for angular diff --git a/code/examples/angular-cli/src/stories/addons/interactions/__snapshots__/addon-interactions.stories.storyshot b/code/examples/angular-cli/src/stories/addons/interactions/__snapshots__/addon-interactions.stories.storyshot deleted file mode 100644 index c81acafb0a8d..000000000000 --- a/code/examples/angular-cli/src/stories/addons/interactions/__snapshots__/addon-interactions.stories.storyshot +++ /dev/null @@ -1,896 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Interactions Filled 1`] = ` - - -
-
-

- Hero Form -

-
-
- - - -
-
- - -
-
- - - -
- -
-
- -
- - -`; - -exports[`Storyshots Addons/Interactions Invalid Fields 1`] = ` - - -
-
-

- Hero Form -

-
-
- - - -
-
- - -
-
- - - -
- -
-
- -
- - -`; - -exports[`Storyshots Addons/Interactions Standard 1`] = ` - - -
-
-

- Hero Form -

-
-
- - - -
-
- - -
-
- - - -
- -
-
- -
- - -`; - -exports[`Storyshots Addons/Interactions Submitted 1`] = ` - - -
-
-

- Hero Form -

-
-
- - - -
-
- - -
-
- - - -
- -
-
- -
- - -`; - -exports[`Storyshots Addons/Interactions Submitted And Edited After 1`] = ` - - -
-
-

- Hero Form -

-
-
- - - -
-
- - -
-
- - - -
- -
-
- -
- - -`; diff --git a/code/examples/angular-cli/src/stories/addons/interactions/addon-interactions.stories.ts b/code/examples/angular-cli/src/stories/addons/interactions/addon-interactions.stories.ts deleted file mode 100644 index 79f27fc7fdd7..000000000000 --- a/code/examples/angular-cli/src/stories/addons/interactions/addon-interactions.stories.ts +++ /dev/null @@ -1,112 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; -import { StoryFn, Meta, moduleMetadata } from '@storybook/angular'; -import { expect } from '@storybook/jest'; -import { within, userEvent, waitFor } from '@storybook/testing-library'; - -import { HeroForm } from './hero-form/hero-form.component'; - -export default { - title: 'Addons/Interactions', - component: HeroForm, - decorators: [ - moduleMetadata({ - imports: [CommonModule, FormsModule], - }), - ], -} as Meta; - -const Template: StoryFn = (args) => ({ - props: args, -}); - -export const Standard: StoryFn = Template.bind({}); - -export const Filled: StoryFn = Template.bind({}); -Filled.play = async ({ canvasElement }) => { - const canvas = within(canvasElement); - const heroName = canvas.getByRole('textbox', { - name: /name/i, - }); - await userEvent.type(heroName, 'Storm'); - - const alterEgo = canvas.getByRole('textbox', { - name: /alter ego/i, - }); - await userEvent.type(alterEgo, 'Ororo Munroe'); - - const heroPower = canvas.getByRole('combobox', { name: /hero power/i }); - await userEvent.selectOptions(heroPower, 'Weather Changer'); -}; - -export const InvalidFields: StoryFn = Template.bind({}); -InvalidFields.play = async (context) => { - await Filled.play(context); - - const canvas = within(context.canvasElement); - await userEvent.clear( - canvas.getByRole('textbox', { - name: /name/i, - }) - ); - await userEvent.clear( - canvas.getByRole('textbox', { - name: /alter ego/i, - }) - ); - - const heroPower = canvas.getByRole('combobox', { name: /hero power/i }); - await userEvent.selectOptions(heroPower, ''); -}; - -export const Submitted: StoryFn = Template.bind({}); -Submitted.play = async (context) => { - await Filled.play(context); - - const canvas = within(context.canvasElement); - await userEvent.click(canvas.getByText('Submit')); - - await waitFor( - async () => { - await expect( - canvas.getByRole('heading', { - name: /you submitted the following:/i, - }) - ).toBeInTheDocument(); - await expect(canvas.getByTestId('hero-name').textContent).toEqual('Storm'); - await expect(canvas.getByTestId('hero-alterego').textContent).toEqual('Ororo Munroe'); - await expect(canvas.getByTestId('hero-power').textContent).toEqual('Weather Changer'); - }, - { timeout: 2000 } - ); -}; - -export const SubmittedAndEditedAfter: StoryFn = Template.bind({}); -SubmittedAndEditedAfter.play = async (context) => { - await Submitted.play(context); - - const canvas = within(context.canvasElement); - await userEvent.click(canvas.getByText('Edit')); - - const heroName = canvas.getByRole('textbox', { - name: /name/i, - }); - await userEvent.clear(heroName); - await userEvent.type(heroName, 'Wakanda Queen'); - - await userEvent.click(canvas.getByText('Submit')); - - await waitFor(async () => { - await expect( - canvas.getByRole('heading', { - name: /you submitted the following:/i, - }) - ).toBeInTheDocument(); - // new value - await expect(canvas.getByTestId('hero-name').textContent).toEqual('Wakanda Queen'); - - // previous values - await expect(canvas.getByTestId('hero-alterego').textContent).toEqual('Ororo Munroe'); - await expect(canvas.getByTestId('hero-power').textContent).toEqual('Weather Changer'); - }); -}; diff --git a/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.css b/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.css deleted file mode 100644 index bb3b7b432db6..000000000000 --- a/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.css +++ /dev/null @@ -1,270 +0,0 @@ -.ng-valid[required], -.ng-valid.required { - border-left: 5px solid #42a948; -} - -.ng-invalid:not(form) { - border-left: 5px solid #a94442; -} - -* { - font-family: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif; - box-sizing: border-box; -} -h1, -h2 { - margin-top: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; -} -h1 { - font-size: 2.5rem; -} -h2 { - font-size: 2rem; -} -@media (min-width: 576px) { - .container, - .container-sm { - max-width: 540px; - } -} -@media (min-width: 768px) { - .container, - .container-md, - .container-sm { - max-width: 720px; - } -} -@media (min-width: 992px) { - .container, - .container-lg, - .container-md, - .container-sm { - max-width: 960px; - } -} -@media (min-width: 1200px) { - .container, - .container-lg, - .container-md, - .container-sm { - max-width: 1140px; - } -} -.container { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} - -.form-control { - display: block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #ced4da; - border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} -.form-control:focus { - color: #495057; - background-color: #fff; - border-color: #80bdff; - outline: 0; - box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); -} -.form-group { - margin-bottom: 1rem; -} -label { - display: inline-block; - margin-bottom: 0.5rem; - line-height: 1.5; -} -.alert { - position: relative; - padding: 0.75rem 1.25rem; - margin-bottom: 1rem; - border: 1px solid transparent; - border-radius: 0.25rem; -} - -.alert-danger { - color: #721c24; - background-color: #f8d7da; - border-color: #f5c6cb; -} -.btn { - display: inline-block; - font-weight: 400; - color: #212529; - text-align: center; - vertical-align: middle; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-color: transparent; - border: 1px solid transparent; - padding: 0.375rem 0.75rem; - font-size: 1rem; - line-height: 1.5; - border-radius: 0.25rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.btn.disabled, -.btn:disabled { - opacity: 0.65; -} - -.btn-success { - color: #fff; - background-color: #28a745; - border-color: #28a745; -} - -.btn-success.disabled, -.btn-success:disabled { - color: #fff; - background-color: #28a745; - border-color: #28a745; -} -.btn-primary { - margin-top: 0.37rem; - color: #fff; - background-color: #007bff; - border-color: #007bff; -} -.spinner-border { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - border: 0.25em solid currentColor; - border-right-color: transparent; - border-radius: 50%; - -webkit-animation: spinner-border 0.75s linear infinite; - animation: spinner-border 0.75s linear infinite; -} -.spinner-border-sm { - margin-left: 0.5rem !important; - width: 1rem; - height: 1rem; - border-width: 0.2em; -} -@keyframes spinner-border { - to { - transform: rotate(360deg); - } -} -.font-weight-bold { - font-weight: 700 !important; -} -.row { - display: flex; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; -} -.col, -.col-1, -.col-10, -.col-11, -.col-12, -.col-2, -.col-3, -.col-4, -.col-5, -.col-6, -.col-7, -.col-8, -.col-9, -.col-auto, -.col-lg, -.col-lg-1, -.col-lg-10, -.col-lg-11, -.col-lg-12, -.col-lg-2, -.col-lg-3, -.col-lg-4, -.col-lg-5, -.col-lg-6, -.col-lg-7, -.col-lg-8, -.col-lg-9, -.col-lg-auto, -.col-md, -.col-md-1, -.col-md-10, -.col-md-11, -.col-md-12, -.col-md-2, -.col-md-3, -.col-md-4, -.col-md-5, -.col-md-6, -.col-md-7, -.col-md-8, -.col-md-9, -.col-md-auto, -.col-sm, -.col-sm-1, -.col-sm-10, -.col-sm-11, -.col-sm-12, -.col-sm-2, -.col-sm-3, -.col-sm-4, -.col-sm-5, -.col-sm-6, -.col-sm-7, -.col-sm-8, -.col-sm-9, -.col-sm-auto, -.col-xl, -.col-xl-1, -.col-xl-10, -.col-xl-11, -.col-xl-12, -.col-xl-2, -.col-xl-3, -.col-xl-4, -.col-xl-5, -.col-xl-6, -.col-xl-7, -.col-xl-8, -.col-xl-9, -.col-xl-auto { - position: relative; - width: 100%; - padding-right: 15px; - padding-left: 15px; - line-height: 24px; -} - -@media (min-width: 576px) { - .col-sm-3 { - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - .col-sm-9 { - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } -} diff --git a/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.html b/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.html deleted file mode 100644 index f6a1943738a6..000000000000 --- a/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.html +++ /dev/null @@ -1,79 +0,0 @@ -
-
-

Hero Form

-
-
- - -
- Name is required -
-
- -
- - -
-
- - - -
- Power is required -
-
- - -
-
- -
-

You submitted the following:

-
-
Name
-
{{ model.name }}
-
-
-
Alter Ego
-
{{ model.alterEgo }}
-
-
-
Power
-
{{ model.power }}
-
-
- -
-
diff --git a/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.ts b/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.ts deleted file mode 100644 index 6470db34d173..000000000000 --- a/code/examples/angular-cli/src/stories/addons/interactions/hero-form/hero-form.component.ts +++ /dev/null @@ -1,51 +0,0 @@ -import { Component, NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { CommonModule } from '@angular/common'; - -class Hero { - // eslint-disable-next-line no-useless-constructor - constructor( - public id: number, - public name: string, - public power: string, - public alterEgo?: string - ) {} -} - -@Component({ - selector: 'hero-form', - templateUrl: './hero-form.component.html', - styleUrls: ['./hero-form.component.css'], -}) -export class HeroForm { - /** - * This does not work on addon-controls as it is turned into a string - * @ignore - */ - model = new Hero(0, '', '', ''); - - /** - * This does not work on addon-controls as it is turned into a string - * @ignore - */ - powers = ['Really Smart', 'Super Flexible', 'Super Hot', 'Weather Changer']; - - submitting = false; - - submitted = false; - - onSubmit() { - this.submitting = true; - setTimeout(() => { - this.submitted = true; - this.submitting = false; - }, 1000); - } -} - -@NgModule({ - declarations: [HeroForm], - exports: [HeroForm], - imports: [CommonModule, FormsModule], -}) -export class HeroFormModule {} diff --git a/code/examples/angular-cli/src/stories/addons/jest/__snapshots__/addon-jest.stories.storyshot b/code/examples/angular-cli/src/stories/addons/jest/__snapshots__/addon-jest.stories.storyshot deleted file mode 100644 index cbe47f78285c..000000000000 --- a/code/examples/angular-cli/src/stories/addons/jest/__snapshots__/addon-jest.stories.storyshot +++ /dev/null @@ -1,61 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Jest app.component with jest tests 1`] = ` - - -
- This should be hidden, if not - scss is not loaded as needed. - -
-
-

- Welcome to app! -

- -
-

- Here are some links to help you start: -

- - - -`; diff --git a/code/examples/angular-cli/src/stories/addons/jest/addon-jest.stories.ts b/code/examples/angular-cli/src/stories/addons/jest/addon-jest.stories.ts deleted file mode 100644 index 8d1ef787c2de..000000000000 --- a/code/examples/angular-cli/src/stories/addons/jest/addon-jest.stories.ts +++ /dev/null @@ -1,26 +0,0 @@ -/* eslint-disable import/extensions, import/no-unresolved */ -import { withTests } from '@storybook/addon-jest'; - -import { AppComponent } from '../../../app/app.component'; -import * as results from '../../../../addon-jest.testresults.json'; - -export default { - title: 'Addons/Jest', - component: AppComponent, - decorators: [ - withTests({ - results, - filesExt: '((\\.specs?)|(\\.tests?))?(\\.ts)?$', - }), - ], -}; - -export const AppComponentWithJestTests = () => ({ - props: {}, -}); - -AppComponentWithJestTests.storyName = 'app.component with jest tests'; - -AppComponentWithJestTests.parameters = { - jest: 'app.component', -}; diff --git a/code/examples/angular-cli/src/stories/addons/links/__snapshots__/addon-links.stories.storyshot b/code/examples/angular-cli/src/stories/addons/links/__snapshots__/addon-links.stories.storyshot deleted file mode 100644 index 988f64ab24eb..000000000000 --- a/code/examples/angular-cli/src/stories/addons/links/__snapshots__/addon-links.stories.storyshot +++ /dev/null @@ -1,13 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Links button with link to another story 1`] = ` - - - - - -`; diff --git a/code/examples/angular-cli/src/stories/addons/links/addon-links.stories.ts b/code/examples/angular-cli/src/stories/addons/links/addon-links.stories.ts deleted file mode 100644 index cb84b90ac77a..000000000000 --- a/code/examples/angular-cli/src/stories/addons/links/addon-links.stories.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Button } from '../../angular-demo'; - -export default { - component: Button, - title: 'Addons/Links', -}; - -export const ButtonWithLinkToAnotherStory = () => ({ - props: { - text: 'Go to Welcome Story', - onClick: () => {}, - }, -}); - -ButtonWithLinkToAnotherStory.storyName = 'button with link to another story'; diff --git a/code/examples/angular-cli/src/stories/angular-demo/index.ts b/code/examples/angular-cli/src/stories/angular-demo/index.ts deleted file mode 100644 index 738b3ea0e179..000000000000 --- a/code/examples/angular-cli/src/stories/angular-demo/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -import Welcome from './welcome.component'; -import Button from './button.component'; - -export { Welcome, Button }; diff --git a/code/examples/angular-cli/src/stories/angular-demo/welcome.component.ts b/code/examples/angular-cli/src/stories/angular-demo/welcome.component.ts deleted file mode 100644 index ab8309c1a581..000000000000 --- a/code/examples/angular-cli/src/stories/angular-demo/welcome.component.ts +++ /dev/null @@ -1,81 +0,0 @@ -import { Component, Output, EventEmitter } from '@angular/core'; - -@Component({ - selector: 'storybook-welcome-component', - template: ` -
-

Welcome to storybook

-

This is a UI component dev environment for your app.

-

- We've added some basic stories inside the - src/stories directory.
- A story is a single state of one or more UI components. You can have as many stories as you - want.
- (Basically a story is like a visual test case.) -

-

- See these sample - stories for a component - called Button . -

-

- Just like that, you can add your own components as stories.
- You can also edit those components and see changes right away.
- (Try editing the Button stories located at - src/stories/index.js.) -

-

- Usually we create stories with smaller UI components in the app.
- Have a look at the - - Writing Stories - - section in our documentation. -

-

- NOTE:
- Have a look at the .storybook/webpack.config.js to add - webpack loaders and plugins you are using in this project. -

-
- `, - styles: [ - ` - main { - padding: 15px; - line-height: 1.4; - font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; - background-color: #ffffff; - } - - .note { - opacity: 0.5; - } - - .inline-code { - font-size: 15px; - font-weight: 600; - padding: 2px 5px; - border: 1px solid #eae9e9; - border-radius: 4px; - background-color: #f3f2f2; - color: #3a3a3a; - } - - a { - color: #1474f3; - text-decoration: none; - border-bottom: 1px solid #1474f3; - padding-bottom: 2px; - } - `, - ], -}) -export default class WelcomeComponent { - @Output() - showApp = new EventEmitter(); -} diff --git a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot b/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot deleted file mode 100644 index 5f4b1dfb13a1..000000000000 --- a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot +++ /dev/null @@ -1,15 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Angular forms / ControlValueAccessor Simple input 1`] = ` - - -
- -
- - - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/__snapshots__/multiple-selector.component.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/__snapshots__/multiple-selector.component.stories.storyshot deleted file mode 100644 index 460e52d629cb..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/__snapshots__/multiple-selector.component.stories.storyshot +++ /dev/null @@ -1,57 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With Complex Selectors attribute selectors 1`] = ` - - -

- Attribute selector -

- Selector: storybook-attribute-selector[foo="bar"] -
- Generated template: <storybook-attribute-selector foo="bar"></storybook-attribute-selector> - - -`; - -exports[`Storyshots Basics / Component / With Complex Selectors class selectors 1`] = ` - - -

- Class selector -

- Selector: storybook-class-selector.foo,storybook-class-selector.bar -
- Generated template: <storybook-class-selector class="foo"></storybook-class-selector> - - -`; - -exports[`Storyshots Basics / Component / With Complex Selectors multiple class selectors 1`] = ` - - -

- Multiple selector -

- Selector: storybook-button,button[foo],[foo].button,button[baz] -
- Generated template: <storybook-button></storybook-button> - - -`; - -exports[`Storyshots Basics / Component / With Complex Selectors multiple selectors 1`] = ` - - -

- Multiple selector -

- Selector: storybook-button,button[foo],[foo].button,button[baz] -
- Generated template: <storybook-multiple-selector></storybook-multiple-selector> - - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts b/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts deleted file mode 100644 index c898a0511409..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts +++ /dev/null @@ -1,30 +0,0 @@ -import { - MultipleClassSelectorComponent, - MultipleSelectorComponent, -} from './multiple-selector.component'; -import { AttributeSelectorComponent } from './attribute-selector.component'; -import { ClassSelectorComponent } from './class-selector.component'; - -export default { - title: 'Basics / Component / With Complex Selectors', -}; - -export const MultipleSelectors = () => ({ - component: MultipleSelectorComponent, -}); -MultipleSelectors.storyName = 'multiple selectors'; - -export const AttributeSelectors = () => ({ - component: AttributeSelectorComponent, -}); -AttributeSelectors.storyName = 'attribute selectors'; - -export const ClassSelectors = () => ({ - component: ClassSelectorComponent, -}); -ClassSelectors.storyName = 'class selectors'; - -export const MultipleClassSelectors = () => ({ - component: MultipleClassSelectorComponent, -}); -MultipleClassSelectors.storyName = 'multiple class selectors'; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-enums/__snapshots__/enums.component.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-enums/__snapshots__/enums.component.stories.storyshot deleted file mode 100644 index aaf435fc730a..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-enums/__snapshots__/enums.component.stories.storyshot +++ /dev/null @@ -1,35 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With Enum Types Basic 1`] = ` - - -
-
- unionType: union a -
-
- aliasedUnionType: Type Alias 1 -
-
- enumNumeric: 0 -
-
- enumNumericInitial: 1 -
-
- enumStrings: PRIMARY -
-
- enumAlias: 0 -
-
- - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/__snapshots__/inheritance.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-inheritance/__snapshots__/inheritance.stories.storyshot deleted file mode 100644 index 599db9b491d9..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/__snapshots__/inheritance.stories.storyshot +++ /dev/null @@ -1,26 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With Inheritance base button 1`] = ` - - - - - -`; - -exports[`Storyshots Basics / Component / With Inheritance icon button 1`] = ` - - - - - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/inheritance.stories.ts b/code/examples/angular-cli/src/stories/basics/component-with-inheritance/inheritance.stories.ts deleted file mode 100644 index bf1e6a05082e..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/inheritance.stories.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { IconButtonComponent } from './icon-button.component'; -import { BaseButtonComponent } from './base-button.component'; - -export default { - title: 'Basics / Component / With Inheritance', -}; - -export const IconButton = () => ({ - component: IconButtonComponent, - props: { - icon: 'this is icon', - label: 'this is label', - }, -}); - -IconButton.storyName = 'icon button'; - -export const BaseButton = () => ({ - component: BaseButtonComponent, - props: { - label: 'this is label', - }, -}); - -BaseButton.storyName = 'base button'; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-about-parent.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-about-parent.stories.storyshot deleted file mode 100644 index a8422882a1a4..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-about-parent.stories.storyshot +++ /dev/null @@ -1,74 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With ng-content / Button with different contents Always Define Template Or Component 1`] = ` - - - - - -`; - -exports[`Storyshots Basics / Component / With ng-content / Button with different contents Empty Button 1`] = ` - - - - - -`; - -exports[`Storyshots Basics / Component / With ng-content / Button with different contents With Component 1`] = ` - - - - - -`; - -exports[`Storyshots Basics / Component / With ng-content / Button with different contents With Component And Args 1`] = ` - - - - - -`; - -exports[`Storyshots Basics / Component / With ng-content / Button with different contents With Dynamic Content And Args 1`] = ` - - - - - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-simple.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-simple.stories.storyshot deleted file mode 100644 index 9ff0be60731d..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/__snapshots__/ng-content-simple.stories.storyshot +++ /dev/null @@ -1,42 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With ng-content / Simple Default 1`] = ` - - - Content value: -
-

- This is rendered in ng-content -

-
- - -`; - -exports[`Storyshots Basics / Component / With ng-content / Simple Only Component 1`] = ` - - - Content value: -
- - -`; - -exports[`Storyshots Basics / Component / With ng-content / Simple With Dynamic Content And Args 1`] = ` - - - Content value: -
-

- Default content -

-
- - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-on-push/__snapshots__/on-push.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-on-push/__snapshots__/on-push.stories.storyshot deleted file mode 100644 index f33448f92bba..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-on-push/__snapshots__/on-push.stories.storyshot +++ /dev/null @@ -1,13 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With OnPush strategy Class-specified component with OnPush and Args 1`] = ` - - - Word of the day: The text - - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-pipe/__snapshots__/custom-pipes.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-pipe/__snapshots__/custom-pipes.stories.storyshot deleted file mode 100644 index 086157037ecb..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-pipe/__snapshots__/custom-pipes.stories.storyshot +++ /dev/null @@ -1,25 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With Pipes Simple 1`] = ` - - -

- CustomPipe: foobar -

- - -`; - -exports[`Storyshots Basics / Component / With Pipes With args 1`] = ` - - -

- CustomPipe: Foo Bar -

- - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-provider/__snapshots__/di.component.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-provider/__snapshots__/di.component.stories.storyshot deleted file mode 100644 index d9fb54b3c1b2..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-provider/__snapshots__/di.component.stories.storyshot +++ /dev/null @@ -1,59 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With Provider inputs and inject dependencies 1`] = ` - - -
-
- All dependencies are defined: true -
-
- Title: Component dependencies -
-
- Injector: function NodeInjector(_tNode, _lView) { - this._tNode = _tNode; - this._lView = _lView; - } -
-
- ElementRef: {"nativeElement":{"__ngContext__":"[Array(33)]","_constructor-name_":"HTMLElement"}} -
-
- TestToken: 123 -
-
- - -`; - -exports[`Storyshots Basics / Component / With Provider inputs and inject dependencies with args 1`] = ` - - -
-
- All dependencies are defined: true -
-
- Title: Component dependencies -
-
- Injector: function NodeInjector(_tNode, _lView) { - this._tNode = _tNode; - this._lView = _lView; - } -
-
- ElementRef: {"nativeElement":{"__ngContext__":"[Array(33)]","_constructor-name_":"HTMLElement"}} -
-
- TestToken: 123 -
-
- - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/__snapshots__/styled.component.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-with-style/__snapshots__/styled.component.stories.storyshot deleted file mode 100644 index 67afa3fec1e5..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-with-style/__snapshots__/styled.component.stories.storyshot +++ /dev/null @@ -1,25 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / With StyleUrls Component with styles 1`] = ` - - -
-

- Styled with scoped CSS -

-

- Styled with scoped SCSS -

-

- Styled with global CSS -

-
- - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-component-outlet.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-component-outlet.stories.storyshot deleted file mode 100644 index 0d6bcc532750..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-component-outlet.stories.storyshot +++ /dev/null @@ -1,23 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / without selector / Custom wrapper *NgComponentOutlet Custom wrapper *NgComponentOutlet 1`] = ` - - - - My name in color : -
- Dixie Normous -
- Ng-content : Inspired by - https://angular.io/api/common/NgComponentOutlet - - - - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-factory-resolver.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-factory-resolver.stories.storyshot deleted file mode 100644 index 9bd911768d2c..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector-ng-factory-resolver.stories.storyshot +++ /dev/null @@ -1,17 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / without selector / Custom wrapper ComponentFactoryResolver Custom wrapper ComponentFactoryResolver 1`] = ` - - - My name in color : -
- Dixie Normous -
- - -`; diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector.stories.storyshot b/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector.stories.storyshot deleted file mode 100644 index cc9d114e8379..000000000000 --- a/code/examples/angular-cli/src/stories/basics/component-without-selector/__snapshots__/without-selector.stories.storyshot +++ /dev/null @@ -1,27 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / Component / without selector Simple Component 1`] = ` - - - My name in color : -
- Joe Bar -
- - -`; - -exports[`Storyshots Basics / Component / without selector With Injection Token And Args 1`] = ` - - - My name in color : -
- Dixie Normous -
- - -`; diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module-for-root.stories.storyshot b/code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module-for-root.stories.storyshot deleted file mode 100644 index f5c1fe6d1c73..000000000000 --- a/code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module-for-root.stories.storyshot +++ /dev/null @@ -1,113 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / NgModule / forRoot() pattern Chips group 1`] = ` - - - - - Chíp 1 - -
- - ✕ - -
- - - - Chíp 2 - -
- - ✕ - -
- - -
- Remove All -
- - - -`; - -exports[`Storyshots Basics / NgModule / forRoot() pattern Chips group with overridden provider 1`] = ` - - - - - Chíp 1 - -
- - ✕ - -
- - - - Chíp 2 - -
- - ✕ - -
- - -
- Remove All -
- - - -`; diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module.stories.storyshot b/code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module.stories.storyshot deleted file mode 100644 index b6daa0d1f2e1..000000000000 --- a/code/examples/angular-cli/src/stories/basics/ng-module/__snapshots__/import-module.stories.storyshot +++ /dev/null @@ -1,81 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Basics / NgModule / Module with multiple component Chip 1`] = ` - - - - Chíp - -
- - ✕ - -
- - -`; - -exports[`Storyshots Basics / NgModule / Module with multiple component Chips Group 1`] = ` - - - - - Chíp 1 - -
- - ✕ - -
- - - - Chíp 2 - -
- - ✕ - -
- - -
- Remove All -
- - - -`; diff --git a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/__snapshots__/decorators.stories.storyshot b/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/__snapshots__/decorators.stories.storyshot deleted file mode 100644 index bdee6db3222c..000000000000 --- a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/__snapshots__/decorators.stories.storyshot +++ /dev/null @@ -1,213 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / Decorators / ComponentWrapperDecorator Angular Legacy Rendering 1`] = ` - - Grandparent
- Custom Decorator -
- Child Template -
-
- -`; - -exports[`Storyshots Core / Decorators / ComponentWrapperDecorator With Component 1`] = ` - - Grandparent
- - Child -
- Input text: Child text -
- Output : - -
- Private text: Child private text -
- - -
- -`; - -exports[`Storyshots Core / Decorators / ComponentWrapperDecorator With Component Wrapper Decorator 1`] = ` - - Grandparent
- - Parent -
- Input text: -
- Output : - -
-
- - Child -
- Input text: Child text -
- Output : - -
- Private text: Child private text -
- - -
- -
- -`; - -exports[`Storyshots Core / Decorators / ComponentWrapperDecorator With Component Wrapper Decorator And Args 1`] = ` - - Grandparent
- - Parent -
- Input text: -
- Output : - -
-
- - Child -
- Input text: Child text -
- Output : - -
- Private text: Child private text -
- - -
- -
- -`; - -exports[`Storyshots Core / Decorators / ComponentWrapperDecorator With Component Wrapper Decorator And Props 1`] = ` - - Grandparent
- - Parent -
- Input text: Parent text -
- Output : - -
-
- - Child -
- Input text: Child text -
- Output : - -
- Private text: Child private text -
- - -
- -
- -`; - -exports[`Storyshots Core / Decorators / ComponentWrapperDecorator With Custom Decorator 1`] = ` - - Grandparent
- Custom Decorator -
- Child Template -
-
- -`; - -exports[`Storyshots Core / Decorators / ComponentWrapperDecorator With Legacy Component 1`] = ` - - Grandparent
- - Child -
- Input text: Child text -
- Output : - -
- Private text: Child private text -
- - -
- -`; - -exports[`Storyshots Core / Decorators / ComponentWrapperDecorator With Template 1`] = ` - - Grandparent
- Child Template -
- -`; diff --git a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts b/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts deleted file mode 100644 index 1f4b61b9bec9..000000000000 --- a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts +++ /dev/null @@ -1,117 +0,0 @@ -// your-component.stories.ts - -import { componentWrapperDecorator, Meta, moduleMetadata } from '@storybook/angular'; -import ChildComponent from './child.component'; -import ParentComponent from './parent.component'; - -export default { - title: 'Core / Decorators / ComponentWrapperDecorator', - component: ChildComponent, - decorators: [ - componentWrapperDecorator( - (story) => `Grandparent
${story}
` - ), - ], - args: { childText: 'Child text', childPrivateText: 'Child private text' }, - argTypes: { onClickChild: { action: 'onClickChild' } }, -} as Meta; - -export const WithTemplate = (args) => ({ - template: `Child Template`, - props: { - ...args, - }, -}); - -export const WithComponent = (args) => ({ - props: { - ...args, - }, -}); - -export const WithLegacyComponent = (args) => ({ - component: ChildComponent, - props: { - ...args, - }, -}); - -export const WithComponentWrapperDecorator = (args) => ({ - component: ChildComponent, - props: { - ...args, - }, -}); -WithComponentWrapperDecorator.decorators = [ - moduleMetadata({ declarations: [ParentComponent] }), - componentWrapperDecorator(ParentComponent), -]; - -export const WithComponentWrapperDecoratorAndProps = (args) => ({ - component: ChildComponent, - props: { - ...args, - }, -}); -WithComponentWrapperDecoratorAndProps.decorators = [ - moduleMetadata({ declarations: [ParentComponent] }), - componentWrapperDecorator(ParentComponent, { - parentText: 'Parent text', - onClickParent: () => { - console.log('onClickParent'); - }, - }), -]; - -export const WithComponentWrapperDecoratorAndArgs = (args) => ({ - component: ChildComponent, - props: { - ...args, - }, -}); -WithComponentWrapperDecoratorAndArgs.argTypes = { - parentText: { control: { type: 'text' } }, - onClickParent: { action: 'onClickParent' }, -}; -WithComponentWrapperDecoratorAndArgs.decorators = [ - moduleMetadata({ declarations: [ParentComponent] }), - componentWrapperDecorator(ParentComponent, ({ args }) => ({ - parentText: args.parentText, - onClickParent: args.onClickParent, - })), -]; - -export const WithCustomDecorator = (args) => ({ - template: `Child Template`, - props: { - ...args, - }, -}); -WithCustomDecorator.decorators = [ - (storyFunc) => { - const story = storyFunc(); - - return { - ...story, - template: `Custom Decorator
${story.template}
`, - }; - }, -]; - -export const AngularLegacyRendering = (args) => ({ - template: `Child Template`, - props: { - ...args, - }, -}); -AngularLegacyRendering.parameters = { angularLegacyRendering: true }; -AngularLegacyRendering.decorators = [ - (storyFunc) => { - const story = storyFunc(); - - return { - ...story, - template: `Custom Decorator
${story.template}
`, - }; - }, -]; diff --git a/code/examples/angular-cli/src/stories/core/decorators/theme-decorator/__snapshots__/decorators.stories.storyshot b/code/examples/angular-cli/src/stories/core/decorators/theme-decorator/__snapshots__/decorators.stories.storyshot deleted file mode 100644 index 26b6592642cc..000000000000 --- a/code/examples/angular-cli/src/stories/core/decorators/theme-decorator/__snapshots__/decorators.stories.storyshot +++ /dev/null @@ -1,11 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / Decorators / Theme Decorators Base 1`] = ` - -
- Change theme with the brush in toolbar -
- -`; diff --git a/code/examples/angular-cli/src/stories/core/decorators/theme-decorator/decorators.stories.ts b/code/examples/angular-cli/src/stories/core/decorators/theme-decorator/decorators.stories.ts deleted file mode 100644 index c3890ea87095..000000000000 --- a/code/examples/angular-cli/src/stories/core/decorators/theme-decorator/decorators.stories.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { componentWrapperDecorator, Meta } from '@storybook/angular'; - -export default { - title: 'Core / Decorators / Theme Decorators', - decorators: [ - componentWrapperDecorator( - (story) => `
${story}
`, - ({ globals }) => ({ myTheme: `${globals.theme}-theme` }) - ), - ], -} as Meta; - -export const Base = (args) => ({ - template: 'Change theme with the brush in toolbar', - props: { - ...args, - }, -}); diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-export-default.stories.storyshot b/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-export-default.stories.storyshot deleted file mode 100644 index bbc4164fcb97..000000000000 --- a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-export-default.stories.storyshot +++ /dev/null @@ -1,47 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / ModuleMetadata / In export default with decorator Story 1 1`] = ` - - -

- Prop Name -

-

- Items: -

-
    -
  • - Joe -
    • -
  • - Jane -
    • - -
- - -`; - -exports[`Storyshots Core / ModuleMetadata / In export default with decorator Story 2 1`] = ` - - -

- Provider Name -

-

- Items: -

-
    -
  • - Joe -
    • -
  • - Jane -
    • - -
- - -`; diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-stories.stories.storyshot b/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-stories.stories.storyshot deleted file mode 100644 index dd3a8cbb8707..000000000000 --- a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/in-stories.stories.storyshot +++ /dev/null @@ -1,47 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / ModuleMetadata / In stories Individual 1 1`] = ` - - -

- Prop Name -

-

- Items: -

-
    -
  • - Joe -
    • -
  • - Jane -
    • - -
- - -`; - -exports[`Storyshots Core / ModuleMetadata / In stories Individual 2 1`] = ` - - -

- Provider Name -

-

- Items: -

-
    -
  • - Jim -
    • -
  • - Jill -
    • - -
- - -`; diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/merge-default-and-story.stories.storyshot b/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/merge-default-and-story.stories.storyshot deleted file mode 100644 index 7c2c8fb716c5..000000000000 --- a/code/examples/angular-cli/src/stories/core/moduleMetadata/__snapshots__/merge-default-and-story.stories.storyshot +++ /dev/null @@ -1,25 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / ModuleMetadata / Merge default and story Merge with default ModuleMetadata 1`] = ` - - -

- CustomPipe: Prop Name -

-

- Items: -

-
    -
  • - Joe -
    • -
  • - Jane -
    • - -
- - -`; diff --git a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot b/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot deleted file mode 100644 index 9798cec48521..000000000000 --- a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/all-parameters.stories.storyshot +++ /dev/null @@ -1,34 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / Parameters / All parameters All parameters passed to story 1`] = ` - - - - - -`; diff --git a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/bootstrap-options.stories.storyshot b/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/bootstrap-options.stories.storyshot deleted file mode 100644 index 0930ead62cd4..000000000000 --- a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/bootstrap-options.stories.storyshot +++ /dev/null @@ -1,13 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / Parameters / With Bootstrap Options With Preserve Whitespaces 1`] = ` - - -
-

- Some content -

-
- - -`; diff --git a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot b/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot deleted file mode 100644 index dff97a49d792..000000000000 --- a/code/examples/angular-cli/src/stories/core/parameters/__snapshots__/layout.parameters.stories.storyshot +++ /dev/null @@ -1,67 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / Parameters / Layout Centered 1`] = ` - - - - - -`; - -exports[`Storyshots Core / Parameters / Layout Default 1`] = ` - - - - - -`; - -exports[`Storyshots Core / Parameters / Layout Fullscreen 1`] = ` - -
- - - - -
- -`; - -exports[`Storyshots Core / Parameters / Layout None 1`] = ` - - - - - -`; - -exports[`Storyshots Core / Parameters / Layout Padded 1`] = ` - - - - - -`; diff --git a/code/examples/angular-cli/src/stories/core/parameters/layout.parameters.stories.ts b/code/examples/angular-cli/src/stories/core/parameters/layout.parameters.stories.ts deleted file mode 100644 index 4bdc282a8167..000000000000 --- a/code/examples/angular-cli/src/stories/core/parameters/layout.parameters.stories.ts +++ /dev/null @@ -1,31 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/angular'; -import { Button } from '../../angular-demo'; - -export default { - title: 'Core / Parameters / Layout', - component: Button, -} as Meta; - -export const Default: StoryFn = () => ({ - props: { text: 'Button' }, -}); - -export const Fullscreen: StoryFn = () => ({ - template: `
`, -}); -Fullscreen.parameters = { layout: 'fullscreen' }; - -export const Centered: StoryFn = () => ({ - props: { text: 'Button' }, -}); -Centered.parameters = { layout: 'centered' }; - -export const Padded: StoryFn = () => ({ - props: { text: 'Button' }, -}); -Padded.parameters = { layout: 'padded' }; - -export const None: StoryFn = () => ({ - props: { text: 'Button' }, -}); -None.parameters = { layout: 'none' }; diff --git a/code/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot b/code/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot deleted file mode 100644 index ca04c343df5d..000000000000 --- a/code/examples/angular-cli/src/stories/core/styles/__snapshots__/story-styles.stories.storyshot +++ /dev/null @@ -1,27 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core / Story host styles With Args 1`] = ` - - - - - -`; - -exports[`Storyshots Core / Story host styles With story template 1`] = ` - - - - - -`; diff --git a/code/examples/angular-cli/src/stories/from-cli/Button.stories.ts b/code/examples/angular-cli/src/stories/from-cli/Button.stories.ts deleted file mode 100644 index 1a4d6894f9a7..000000000000 --- a/code/examples/angular-cli/src/stories/from-cli/Button.stories.ts +++ /dev/null @@ -1,43 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/angular'; -import Button from './button.component'; - -// More on default export: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export -export default { - title: 'Example/Button', - component: Button, - // More on argTypes: https://storybook.js.org/docs/angular/api/argtypes - argTypes: { - backgroundColor: { control: 'color' }, - }, -} as Meta; - -// More on component templates: https://storybook.js.org/docs/angular/writing-stories/introduction#using-args -const Template: StoryFn`, - styleUrls: ['./button.css'], -}) -export default class MyButtonComponent { - /** - * Is this the principal call to action on the page? - */ - @Input() - primary = false; - - /** - * What background color to use - */ - @Input() - backgroundColor?: string; - - /** - * How large should the button be? - */ - @Input() - size?: 'small' | 'medium' | 'large'; - - /** - * Button contents - * - * @required - */ - @Input() - label = 'Button'; - - /** - * Optional click handler - */ - @Output() - onClick = new EventEmitter(); - - public get classes(): string[] { - const mode = this.primary ? 'storybook-button--primary' : 'storybook-button--secondary'; - - return ['storybook-button', `storybook-button--${this.size || 'medium'}`, mode]; - } -} diff --git a/code/examples/angular-cli/src/stories/from-cli/button.css b/code/examples/angular-cli/src/stories/from-cli/button.css deleted file mode 100644 index dc91dc76370b..000000000000 --- a/code/examples/angular-cli/src/stories/from-cli/button.css +++ /dev/null @@ -1,30 +0,0 @@ -.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/examples/angular-cli/src/stories/legacy/README.stories.mdx b/code/examples/angular-cli/src/stories/legacy/README.stories.mdx deleted file mode 100644 index f1a838261aef..000000000000 --- a/code/examples/angular-cli/src/stories/legacy/README.stories.mdx +++ /dev/null @@ -1,7 +0,0 @@ -import { Meta } from '@storybook/addon-docs'; - - - -# Legacy examples - -Example of story still supported by storybook but no longer recommended or deprecated diff --git a/code/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot b/code/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot deleted file mode 100644 index e04f37811e12..000000000000 --- a/code/examples/angular-cli/src/stories/legacy/__snapshots__/component-in-story.stories.storyshot +++ /dev/null @@ -1,13 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Legacy / Component in Story Basic 1`] = ` - - - - - -`; diff --git a/code/examples/angular-cli/src/stories/legacy/component-in-story.stories.ts b/code/examples/angular-cli/src/stories/legacy/component-in-story.stories.ts deleted file mode 100644 index f42d2fb016c8..000000000000 --- a/code/examples/angular-cli/src/stories/legacy/component-in-story.stories.ts +++ /dev/null @@ -1,14 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/angular'; -import { Button } from '../angular-demo'; - -export default { - title: 'Legacy / Component in Story', -} as Meta; - -export const Basic: StoryFn = (args) => ({ - component: Button, - props: args, -}); -Basic.args = { - text: 'Hello Button', -}; diff --git a/code/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot b/code/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot deleted file mode 100644 index 71e6830d78c9..000000000000 --- a/code/examples/angular-cli/src/stories/others/issues/__snapshots__/12009-unknown-component.stories.storyshot +++ /dev/null @@ -1,13 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Others / Issues / 12009 unknown component Basic 1`] = ` - - - - - -`; diff --git a/code/examples/angular-cli/src/stories/others/ngrx/__snapshots__/ngrx-store.stories.storyshot b/code/examples/angular-cli/src/stories/others/ngrx/__snapshots__/ngrx-store.stories.storyshot deleted file mode 100644 index 2d1d3d8fbcac..000000000000 --- a/code/examples/angular-cli/src/stories/others/ngrx/__snapshots__/ngrx-store.stories.storyshot +++ /dev/null @@ -1,21 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Others / NgRx / Store With Component 1`] = ` - - -
- Store is injected -
- - -`; - -exports[`Storyshots Others / NgRx / Store With Template 1`] = ` - - -
- Store is injected -
- - -`; diff --git a/code/examples/angular-cli/src/stories/others/ngrx/ngrx-store.stories.ts b/code/examples/angular-cli/src/stories/others/ngrx/ngrx-store.stories.ts deleted file mode 100644 index ba24cf01b114..000000000000 --- a/code/examples/angular-cli/src/stories/others/ngrx/ngrx-store.stories.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { Store, StoreModule } from '@ngrx/store'; -import { Component } from '@angular/core'; - -import { Meta, moduleMetadata, StoryFn } from '@storybook/angular'; - -@Component({ - selector: 'storybook-comp-with-store', - template: '
{{this.getStoreState()}}
', -}) -class WithStoreComponent { - private store: Store; - - constructor(store: Store) { - this.store = store; - } - - getStoreState() { - return this.store === undefined ? 'Store is NOT injected' : 'Store is injected'; - } -} - -export default { - title: 'Others / NgRx / Store', - decorators: [ - moduleMetadata({ - imports: [ - StoreModule.forRoot( - {}, - { - runtimeChecks: { - strictStateImmutability: true, - strictActionImmutability: true, - strictStateSerializability: true, - strictActionSerializability: true, - }, - } - ), - ], - declarations: [WithStoreComponent], - }), - ], -} as Meta; - -export const WithComponent: StoryFn = () => ({ - component: WithStoreComponent, -}); - -export const WithTemplate: StoryFn = () => ({ - template: ``, -}); diff --git a/code/examples/angular-cli/src/stories/preview/csf3/input-with-play.stories.ts b/code/examples/angular-cli/src/stories/preview/csf3/input-with-play.stories.ts deleted file mode 100644 index 924953246535..000000000000 --- a/code/examples/angular-cli/src/stories/preview/csf3/input-with-play.stories.ts +++ /dev/null @@ -1,35 +0,0 @@ -/* eslint-disable storybook/await-interactions */ -/* eslint-disable storybook/use-storybook-testing-library */ -// @TODO: use addon-interactions and remove the rule disable above -import { screen } from '@testing-library/react'; -import userEvent from '@testing-library/user-event'; -import { InputComponent } from './sb-input.component'; - -export default { - title: 'Preview/CSF3/WithPlayFunction', - component: InputComponent, - parameters: { - // disabled : Not compatible yet with csf3 - storyshots: { disable: true }, - }, -}; - -export const Default = { - title: 'Default', - play: async () => { - const input = await screen.getByAltText('sb-input'); - await userEvent.type(input, `Typing from CSF3`); - }, -}; - -export const WithTemplate = { - title: 'Template', - render: (props) => ({ - props, - template: '

Heading

', - }), - play: async () => { - const input = screen.getByAltText('sb-input'); - userEvent.type(input, `Typing from CSF3`); - }, -}; diff --git a/code/examples/angular-cli/src/stories/preview/csf3/sb-input.component.ts b/code/examples/angular-cli/src/stories/preview/csf3/sb-input.component.ts deleted file mode 100644 index 403e240e9c9b..000000000000 --- a/code/examples/angular-cli/src/stories/preview/csf3/sb-input.component.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'sb-input', - template: ``, -}) -export class InputComponent {} diff --git a/code/examples/angular-cli/src/stories/welcome-angular.stories.ts b/code/examples/angular-cli/src/stories/welcome-angular.stories.ts deleted file mode 100644 index 48c0f874577a..000000000000 --- a/code/examples/angular-cli/src/stories/welcome-angular.stories.ts +++ /dev/null @@ -1,13 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/angular'; -import { AppComponent } from '../app/app.component'; - -export default { - title: 'Welcome/ To Angular', -} as Meta; - -export const ToAngular: StoryFn = () => ({ - component: AppComponent, - props: { - showApp: () => {}, - }, -}); diff --git a/code/examples/angular-cli/src/stories/welcome-storybook.stories.ts b/code/examples/angular-cli/src/stories/welcome-storybook.stories.ts deleted file mode 100644 index 698119ce641d..000000000000 --- a/code/examples/angular-cli/src/stories/welcome-storybook.stories.ts +++ /dev/null @@ -1,13 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/angular'; -import { Welcome } from './angular-demo'; - -export default { - title: 'Welcome/ To Storybook', -} as Meta; - -export const ToStorybook: StoryFn = () => ({ - component: Welcome, - props: { - showApp: () => {}, - }, -}); diff --git a/code/examples/angular-cli/src/styles.css b/code/examples/angular-cli/src/styles.css deleted file mode 100644 index dd56b348e94b..000000000000 --- a/code/examples/angular-cli/src/styles.css +++ /dev/null @@ -1,5 +0,0 @@ -/* You can add global styles to this file, and also import other style files */ - -.css-rules-warning { - display: none; -} diff --git a/code/examples/angular-cli/src/styles.scss b/code/examples/angular-cli/src/styles.scss deleted file mode 100644 index 2bcb866267c9..000000000000 --- a/code/examples/angular-cli/src/styles.scss +++ /dev/null @@ -1,17 +0,0 @@ -/* You can add global styles to this file, and also import other style files */ - -// should work because of the stylePreprocessorOptions in angular.json -@import '_colors'; - -.green-color { - color: $color; -} - -.light-theme { - background-color: white; -} - -.dark-theme { - background-color: rgb(75, 75, 75); - color: white; -} diff --git a/code/examples/angular-cli/src/tsconfig.spec.json b/code/examples/angular-cli/src/tsconfig.spec.json deleted file mode 100644 index 0f6fdc58d87b..000000000000 --- a/code/examples/angular-cli/src/tsconfig.spec.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "extends": "../tsconfig.json", - "compilerOptions": { - "outDir": "../out-tsc/spec", - "baseUrl": "./", - "module": "commonjs", - "target": "es5", - "types": ["jest", "node"] - }, - "files": ["karma.ts"], - "include": ["**/*.spec.ts", "**/*.d.ts"] -} diff --git a/code/examples/angular-cli/src/typings.d.ts b/code/examples/angular-cli/src/typings.d.ts deleted file mode 100644 index b58fa33df4f6..000000000000 --- a/code/examples/angular-cli/src/typings.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/* SystemJS module definition */ -declare var module: NodeModule; -interface NodeModule { - id: string; -} - -declare module '*.json' { - const value: any; - export default value; -} diff --git a/code/examples/angular-cli/tsconfig.app.json b/code/examples/angular-cli/tsconfig.app.json deleted file mode 100644 index 2722dbe8c96c..000000000000 --- a/code/examples/angular-cli/tsconfig.app.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "extends": "./tsconfig.json", - "compilerOptions": { - "outDir": "./out-tsc/app", - "types": [] - }, - "files": ["src/main.ts", "src/polyfills.ts"], - "include": ["src/**/*.d.ts"], - "exclude": ["**/*.stories.*"] -} diff --git a/code/examples/angular-cli/tsconfig.json b/code/examples/angular-cli/tsconfig.json deleted file mode 100644 index e8b97eb7bb68..000000000000 --- a/code/examples/angular-cli/tsconfig.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - /* tsconfig.json can have comments */ - // tsconfig.json can have comments - "lerna": { - "disabled": true - }, - "compileOnSave": false, - "compilerOptions": { - "allowSyntheticDefaultImports": true, - "baseUrl": "./", - "declaration": false, - "downlevelIteration": true, - "emitDecoratorMetadata": true, - "esModuleInterop": true, - "experimentalDecorators": true, - "forceConsistentCasingInFileNames": true, - "importHelpers": true, - "lib": ["es2020", "dom"], - "module": "es2020", - "moduleResolution": "node", - "noFallthroughCasesInSwitch": true, - "noImplicitOverride": true, - "noImplicitReturns": false, - "noPropertyAccessFromIndexSignature": false, - "outDir": "./dist/out-tsc", - "skipLibCheck": true, - "sourceMap": true, - "strict": false, - "target": "es2017", - "typeRoots": ["../../node_modules/@types", "node_modules/@types"] - }, - "angularCompilerOptions": { - "enableI18nLegacyMessageIdFormat": false, - "strictInjectionParameters": true, - "strictInputAccessModifiers": true, - "strictTemplates": true - } -} diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json index 182bd90e3986..85c40fcc5295 100644 --- a/code/examples/doc-blocks/package.json +++ b/code/examples/doc-blocks/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/example-doc-blocks", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "private": true, "scripts": { "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build", @@ -15,20 +15,20 @@ "@babel/preset-env": "^7.12.11", "@babel/preset-react": "^7.12.10", "@babel/preset-typescript": "^7.12.7", - "@storybook/addon-essentials": "7.0.0-alpha.35", - "@storybook/addon-storyshots": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/cli": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/react-webpack5": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addon-essentials": "7.0.0-alpha.38", + "@storybook/addon-storyshots": "7.0.0-alpha.38", + "@storybook/addon-storysource": "7.0.0-alpha.38", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/cli": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/react-webpack5": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "@types/babel__preset-env": "^7", "@types/react": "^16.14.23", "@types/react-dom": "^16.9.14", "cross-env": "^7.0.3", "lodash": "^4.17.21", - "sb": "7.0.0-alpha.35", + "sb": "7.0.0-alpha.38", "typescript": "~4.6.3", "webpack": "5" }, diff --git a/code/examples/ember-cli/package.json b/code/examples/ember-cli/package.json index 091f31ee6ad3..23d2262ed6cf 100644 --- a/code/examples/ember-cli/package.json +++ b/code/examples/ember-cli/package.json @@ -1,6 +1,6 @@ { "name": "ember-example", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "private": true, "scripts": { "--build-storybook": "yarn storybook-prebuild && storybook build", @@ -17,19 +17,19 @@ "devDependencies": { "@babel/core": "^7.12.10", "@ember/optional-features": "^2.0.0", - "@storybook/addon-a11y": "7.0.0-alpha.35", - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-links": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addon-viewport": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/ember": "7.0.0-alpha.35", + "@storybook/addon-a11y": "7.0.0-alpha.38", + "@storybook/addon-actions": "7.0.0-alpha.38", + "@storybook/addon-backgrounds": "7.0.0-alpha.38", + "@storybook/addon-controls": "7.0.0-alpha.38", + "@storybook/addon-docs": "7.0.0-alpha.38", + "@storybook/addon-highlight": "7.0.0-alpha.38", + "@storybook/addon-links": "7.0.0-alpha.38", + "@storybook/addon-storysource": "7.0.0-alpha.38", + "@storybook/addon-viewport": "7.0.0-alpha.38", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/ember": "7.0.0-alpha.38", "@storybook/ember-cli-storybook": "^0.2.1", - "@storybook/source-loader": "7.0.0-alpha.35", + "@storybook/source-loader": "7.0.0-alpha.38", "babel-loader": "^8.2.5", "broccoli-asset-rev": "^3.0.0", "browserify-zlib": "^0.2.0", @@ -49,7 +49,7 @@ "loader.js": "^4.7.0", "os-browserify": "^0.3.0", "shx": "^0.3.2", - "storybook": "7.0.0-alpha.35", + "storybook": "7.0.0-alpha.38", "stream-browserify": "^3.0.0", "vm-browserify": "^1.1.2", "webpack": "5", diff --git a/code/examples/external-docs/components/AccountForm.stories.tsx b/code/examples/external-docs/components/AccountForm.stories.tsx index 46fe06ff649c..ea8e89c33e0e 100644 --- a/code/examples/external-docs/components/AccountForm.stories.tsx +++ b/code/examples/external-docs/components/AccountForm.stories.tsx @@ -1,4 +1,3 @@ -/* eslint-disable storybook/await-interactions */ /* eslint-disable storybook/use-storybook-testing-library */ // @TODO: use addon-interactions and remove the rule disable above import { ComponentStoryObj, ComponentMeta } from '@storybook/react'; @@ -15,21 +14,18 @@ export default { }, } as ComponentMeta; -// export const Standard = (args: any) => ; -// Standard.args = { passwordVerification: false }; -// Standard.play = () => userEvent.type(screen.getByTestId('email'), 'michael@chromatic.com'); +type Story = ComponentStoryObj; -export const Standard: ComponentStoryObj = { - // render: (args: AccountFormProps) => , +export const Standard: Story = { args: { passwordVerification: false }, }; -export const StandardEmailFilled = { +export const StandardEmailFilled: Story = { ...Standard, play: () => userEvent.type(screen.getByTestId('email'), 'michael@chromatic.com'), }; -export const StandardEmailFailed = { +export const StandardEmailFailed: Story = { ...Standard, play: async () => { await userEvent.type(screen.getByTestId('email'), 'michael@chromatic.com.com@com'); @@ -38,10 +34,10 @@ export const StandardEmailFailed = { }, }; -export const StandardPasswordFailed = { +export const StandardPasswordFailed: Story = { ...Standard, - play: async () => { - await StandardEmailFilled.play(); + play: async (context) => { + await StandardEmailFilled.play(context); await userEvent.type(screen.getByTestId('password1'), 'asdf'); await userEvent.click(screen.getByTestId('submit')); }, @@ -49,10 +45,10 @@ export const StandardPasswordFailed = { const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms)); -export const StandardFailHover = { +export const StandardFailHover: Story = { ...StandardPasswordFailed, - play: async () => { - await StandardPasswordFailed.play(); + play: async (context) => { + await StandardPasswordFailed.play(context); await sleep(100); await userEvent.hover(screen.getByTestId('password-error-info')); }, @@ -62,29 +58,29 @@ export const Verification: ComponentStoryObj = { args: { passwordVerification: true }, }; -export const VerificationPasssword1 = { +export const VerificationPasssword1: Story = { ...Verification, - play: async () => { - await StandardEmailFilled.play(); + play: async (context) => { + await StandardEmailFilled.play(context); await userEvent.type(screen.getByTestId('password1'), 'asdfasdf'); await userEvent.click(screen.getByTestId('submit')); }, }; -export const VerificationPasswordMismatch = { +export const VerificationPasswordMismatch: Story = { ...Verification, - play: async () => { - await StandardEmailFilled.play(); + play: async (context) => { + await StandardEmailFilled.play(context); await userEvent.type(screen.getByTestId('password1'), 'asdfasdf'); await userEvent.type(screen.getByTestId('password2'), 'asdf1234'); await userEvent.click(screen.getByTestId('submit')); }, }; -export const VerificationSuccess = { +export const VerificationSuccess: Story = { ...Verification, - play: async () => { - await StandardEmailFilled.play(); + play: async (context) => { + await StandardEmailFilled.play(context); await sleep(1000); await userEvent.type(screen.getByTestId('password1'), 'asdfasdf', { delay: 50 }); await sleep(1000); diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json index 50aabf10b188..d1bf1e57dd12 100644 --- a/code/examples/external-docs/package.json +++ b/code/examples/external-docs/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/external-docs", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "private": true, "scripts": { "build": "next build", @@ -11,15 +11,15 @@ "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook" }, "dependencies": { - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/addon-essentials": "7.0.0-alpha.35", - "@storybook/blocks": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/react": "7.0.0-alpha.35", - "@storybook/react-webpack5": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/addon-docs": "7.0.0-alpha.38", + "@storybook/addon-essentials": "7.0.0-alpha.38", + "@storybook/blocks": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/react": "7.0.0-alpha.38", + "@storybook/react-webpack5": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "formik": "^2.2.9", "next": "^12.1.0", "nextra": "^1.1.0", @@ -38,7 +38,7 @@ "cross-env": "^7.0.3", "eslint": "8.7.0", "eslint-config-next": "12.0.8", - "storybook": "7.0.0-alpha.35", + "storybook": "7.0.0-alpha.38", "typescript": "~4.6.3", "webpack": "5" } diff --git a/code/examples/html-kitchen-sink/.storybook/main.ts b/code/examples/html-kitchen-sink/.storybook/main.ts deleted file mode 100644 index f0a928ed525f..000000000000 --- a/code/examples/html-kitchen-sink/.storybook/main.ts +++ /dev/null @@ -1,48 +0,0 @@ -import type { StorybookConfig } from '@storybook/html-webpack5'; - -const mainConfig: StorybookConfig = { - // this dirname is because we run tests from project root - stories: ['../stories/**/*.stories.@(ts|tsx|js|jsx|mdx)'], - logLevel: 'debug', - addons: [ - '@storybook/addon-docs', - '@storybook/addon-a11y', - '@storybook/addon-actions', - '@storybook/addon-backgrounds', - '@storybook/addon-controls', - '@storybook/addon-jest', - '@storybook/addon-links', - { - name: '@storybook/addon-postcss', - options: { - postcssLoaderOptions: { - implementation: require('postcss'), // eslint-disable-line global-require - }, - }, - }, - '@storybook/addon-storysource', - '@storybook/addon-viewport', - '@storybook/addon-highlight', - ], - core: { - channelOptions: { allowFunction: false, maxDepth: 10 }, - disableTelemetry: true, - }, - features: { - buildStoriesJson: true, - breakingChangesV7: true, - }, // Test code for built-in stories.json extraction - // - // refs: { - // 'react-ts': { - // title: 'React TS', - // // development - // url: 'http://localhost:9011', - // // production - // // url: 'http://localhost:8080', - // }, - // }, - framework: '@storybook/html-webpack5', -}; - -module.exports = mainConfig; diff --git a/code/examples/html-kitchen-sink/.storybook/preview.js b/code/examples/html-kitchen-sink/.storybook/preview.js deleted file mode 100644 index 9952d3d77794..000000000000 --- a/code/examples/html-kitchen-sink/.storybook/preview.js +++ /dev/null @@ -1,5 +0,0 @@ -export const parameters = { - docs: { - iframeHeight: '200px', - }, -}; diff --git a/code/examples/html-kitchen-sink/babel.config.json b/code/examples/html-kitchen-sink/babel.config.json deleted file mode 100644 index e15ac017a2e2..000000000000 --- a/code/examples/html-kitchen-sink/babel.config.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "presets": ["@babel/preset-typescript"] -} diff --git a/code/examples/html-kitchen-sink/jest.config.js b/code/examples/html-kitchen-sink/jest.config.js deleted file mode 100644 index 96bbe6655e13..000000000000 --- a/code/examples/html-kitchen-sink/jest.config.js +++ /dev/null @@ -1,11 +0,0 @@ -const config = require('../../jest.config'); - -module.exports = { - ...config, - roots: [__dirname], - transform: { - ...config.transform, - '.*\\.(html)$': '/node_modules/jest-raw-loader', - }, - moduleFileExtensions: [...config.moduleFileExtensions, 'html'], -}; diff --git a/code/examples/html-kitchen-sink/package.json b/code/examples/html-kitchen-sink/package.json deleted file mode 100644 index f3c90dcdd4df..000000000000 --- a/code/examples/html-kitchen-sink/package.json +++ /dev/null @@ -1,47 +0,0 @@ -{ - "name": "html-kitchen-sink", - "version": "7.0.0-alpha.35", - "private": true, - "description": "", - "keywords": [], - "license": "MIT", - "author": "", - "main": "index.js", - "scripts": { - "build-storybook": "storybook build", - "generate-addon-jest-testresults": "jest --config=tests/addon-jest.config.json --json --outputFile=stories/addon-jest.testresults.json", - "storybook": "storybook dev -p 9006 --no-manager-cache" - }, - "devDependencies": { - "@storybook/addon-a11y": "7.0.0-alpha.35", - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-jest": "7.0.0-alpha.35", - "@storybook/addon-links": "7.0.0-alpha.35", - "@storybook/addon-postcss": "^2.0.0", - "@storybook/addon-storyshots": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addon-viewport": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/html": "7.0.0-alpha.35", - "@storybook/html-webpack5": "7.0.0-alpha.35", - "@storybook/source-loader": "7.0.0-alpha.35", - "autoprefixer": "^10.0.1", - "eventemitter3": "^4.0.7", - "format-json": "^1.0.3", - "global": "^4.4.0", - "postcss": "^8.2.4", - "postcss-color-rebeccapurple": "^6.0.0", - "storybook": "7.0.0-alpha.35" - }, - "storybook": { - "chromatic": { - "projectToken": "e8zolxoyg8o" - } - } -} diff --git a/code/examples/html-kitchen-sink/postcss.config.js b/code/examples/html-kitchen-sink/postcss.config.js deleted file mode 100644 index 253ca7d45395..000000000000 --- a/code/examples/html-kitchen-sink/postcss.config.js +++ /dev/null @@ -1,8 +0,0 @@ -module.exports = { - plugins: [ - // eslint-disable-next-line global-require - require('autoprefixer'), - // eslint-disable-next-line global-require - require('postcss-color-rebeccapurple'), - ], -}; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-actions.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/addon-actions.stories.storyshot deleted file mode 100644 index 803a63aafdce..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-actions.stories.storyshot +++ /dev/null @@ -1,78 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Actions Deprecated decorators - Multiple actions + config 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Deprecated decorators - Multiple actions 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Deprecated decorators - Multiple actions, object 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Deprecated decorators - Single action 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Hello World 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Multiple actions + config 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Multiple actions 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Multiple actions, object + config 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Multiple actions, object 1`] = ` - -`; - -exports[`Storyshots Addons/Actions Multiple actions, selector 1`] = ` - - -`; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-backgrounds.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/addon-backgrounds.stories.storyshot deleted file mode 100644 index 7a5e0008d7b6..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-backgrounds.stories.storyshot +++ /dev/null @@ -1,17 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Backgrounds story 1 1`] = ` - - You should be able to switch backgrounds for this story - -`; - -exports[`Storyshots Addons/Backgrounds story 2 1`] = ` - - This one too! - -`; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-controls.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/addon-controls.stories.storyshot deleted file mode 100644 index 67525782be1d..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-controls.stories.storyshot +++ /dev/null @@ -1,13 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Controls Bonjour 1`] = ` -
- Bonjour! -
-`; - -exports[`Storyshots Addons/Controls Hello 1`] = ` -
- Hello! -
-`; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-docs.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/addon-docs.stories.storyshot deleted file mode 100644 index e4acdbf09b6b..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-docs.stories.storyshot +++ /dev/null @@ -1,31 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Docs custom source 1`] = ` -

- Custom source -

-`; - -exports[`Storyshots Addons/Docs function 1`] = ` - -`; - -exports[`Storyshots Addons/Docs heading 1`] = ` -

- Hello World -

-`; - -exports[`Storyshots Addons/Docs standard source 1`] = ` -

- Standard source -

-`; - -exports[`Storyshots Addons/Docs transformed source 1`] = ` -

- Some source -

-`; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-jest.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/addon-jest.stories.storyshot deleted file mode 100644 index 437fd6b56c74..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/addon-jest.stories.storyshot +++ /dev/null @@ -1,3 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Jest With Tests 1`] = `This story shows test results`; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/button.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/button.stories.storyshot deleted file mode 100644 index 8402ab0e2536..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/button.stories.storyshot +++ /dev/null @@ -1,49 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Demo Button 1`] = ` - -`; - -exports[`Storyshots Demo Effect 1`] = ` - -`; - -exports[`Storyshots Demo Heading 1`] = ` -

- Hello World -

-`; - -exports[`Storyshots Demo Headings 1`] = ` -
-

- Hello World -

-

- Hello World -

-

- Hello World -

-

- Hello World -

-
-`; - -exports[`Storyshots Demo Script 1`] = ` -
-
- JS alert -
- -
-`; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/loaders.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/loaders.stories.storyshot deleted file mode 100644 index 91af9532caf8..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/loaders.stories.storyshot +++ /dev/null @@ -1,7 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core/Loaders Story 1`] = ` -
- Loaded Value is undefined -
-`; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/source-loader.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/source-loader.stories.storyshot deleted file mode 100644 index 8ba05f3c3c96..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/source-loader.stories.storyshot +++ /dev/null @@ -1,21 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Source loader Button 1`] = ` - -`; - -exports[`Storyshots Addons/Source loader Very simple story 1`] = ` -

- - - - - This is a fragment of HTML - - - - -

-`; diff --git a/code/examples/html-kitchen-sink/stories/__snapshots__/welcome.stories.storyshot b/code/examples/html-kitchen-sink/stories/__snapshots__/welcome.stories.storyshot deleted file mode 100644 index 8b68425a1eaf..000000000000 --- a/code/examples/html-kitchen-sink/stories/__snapshots__/welcome.stories.storyshot +++ /dev/null @@ -1,101 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Welcome Welcome 1`] = ` -
- - -

- Welcome to Storybook for HTML -

- - -

- This is a UI component dev environment for your plain HTML snippets. -

- - -

- - We've added some basic stories inside the - - stories - - directory. - -
- - A story is a single state of one or more UI components. You can have as many stories as you want. - -
- - (Basically a story is like a visual test case.) - -

- - -

- - See these sample - - stories - - - -

- - -

- -

- - -

- - Just like that, you can add your own snippets as stories. - -
- - You can also edit those snippets and see changes right away. - -
- - -

- - -

- - Usually we create stories with smaller UI components in the app. -
- - Have a look at the - - - - Writing Stories - - - - section in our documentation. - -

- - -
-`; diff --git a/code/examples/html-kitchen-sink/stories/addon-jest.stories.js b/code/examples/html-kitchen-sink/stories/addon-jest.stories.js deleted file mode 100644 index eb80009be86b..000000000000 --- a/code/examples/html-kitchen-sink/stories/addon-jest.stories.js +++ /dev/null @@ -1,10 +0,0 @@ -import { withTests as wt } from '@storybook/addon-jest'; -import results from './addon-jest.testresults.json'; - -export default { - title: 'Addons/Jest', - decorators: [wt({ results })], -}; - -export const WithTests = () => 'This story shows test results'; -WithTests.parameters = { jest: 'addon-jest' }; diff --git a/code/examples/html-kitchen-sink/stories/addon-jest.testresults.json b/code/examples/html-kitchen-sink/stories/addon-jest.testresults.json deleted file mode 100644 index 2d270c0f4f92..000000000000 --- a/code/examples/html-kitchen-sink/stories/addon-jest.testresults.json +++ /dev/null @@ -1,105 +0,0 @@ -{ - "numFailedTestSuites": 1, - "numFailedTests": 4, - "numPassedTestSuites": 0, - "numPassedTests": 3, - "numPendingTestSuites": 0, - "numPendingTests": 0, - "numRuntimeErrorTestSuites": 0, - "numTotalTestSuites": 1, - "numTotalTests": 7, - "snapshot": { - "added": 0, - "didUpdate": false, - "failure": false, - "filesAdded": 0, - "filesRemoved": 0, - "filesUnmatched": 0, - "filesUpdated": 0, - "matched": 0, - "total": 0, - "unchecked": 0, - "uncheckedKeys": [], - "unmatched": 0, - "updated": 0 - }, - "startTime": 1525471117521, - "success": false, - "testResults": [ - { - "assertionResults": [ - { - "ancestorTitles": [], - "failureMessages": [], - "fullName": "true should be true", - "location": null, - "status": "passed", - "title": "true should be true" - }, - { - "ancestorTitles": ["In a describe: "], - "failureMessages": [], - "fullName": "In a describe: true should still be true", - "location": null, - "status": "passed", - "title": "true should still be true" - }, - { - "ancestorTitles": ["In a describe: "], - "failureMessages": [], - "fullName": "In a describe: a list should contain 3 items", - "location": null, - "status": "passed", - "title": "a list should contain 3 items" - }, - { - "ancestorTitles": ["In a describe: "], - "failureMessages": [ - "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).toEqual(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n\nExpected value to equal:\n \u001b[32m\"everything is awesome\"\u001b[39m\nReceived:\n \u001b[31m\"everything is all right\"\u001b[39m\n at Object. (/Users/jetbrains/IdeaProjects/storybook/examples/official-storybook/tests/addon-jest.test.js:16:39)\n at Object.asyncFn (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/jasmine_async.js:82:37)\n at resolve (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:52:12)\n at new Promise ()\n at mapper (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:39:19)\n at promise.then (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:73:82)\n at \n at process._tickCallback (internal/process/next_tick.js:188:7)" - ], - "fullName": "In a describe: everything is awesome", - "location": null, - "status": "failed", - "title": "everything is awesome" - }, - { - "ancestorTitles": ["A bunch of failing tests: "], - "failureMessages": [ - "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).toBe(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // Object.is equality\u001b[22m\n\nExpected value to be:\n \u001b[32mfalse\u001b[39m\nReceived:\n \u001b[31mtrue\u001b[39m\n at Object. (/Users/jetbrains/IdeaProjects/storybook/examples/official-storybook/tests/addon-jest.test.js:22:18)\n at Object.asyncFn (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/jasmine_async.js:82:37)\n at resolve (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:52:12)\n at new Promise ()\n at mapper (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:39:19)\n at promise.then (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:73:82)\n at \n at process._tickCallback (internal/process/next_tick.js:188:7)" - ], - "fullName": "A bunch of failing tests: true should still be true", - "location": null, - "status": "failed", - "title": "true should still be true" - }, - { - "ancestorTitles": ["A bunch of failing tests: "], - "failureMessages": [ - "Error: \u001b[2mexpect(\u001b[22m\u001b[31marray\u001b[39m\u001b[2m).toContain(\u001b[22m\u001b[32mvalue\u001b[39m\u001b[2m)\u001b[22m\n\nExpected array:\n \u001b[31m[\"a\", \"b\", \"3\"]\u001b[39m\nTo contain value:\n \u001b[32m301\u001b[39m\n at Object. (/Users/jetbrains/IdeaProjects/storybook/examples/official-storybook/tests/addon-jest.test.js:26:29)\n at Object.asyncFn (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/jasmine_async.js:82:37)\n at resolve (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:52:12)\n at new Promise ()\n at mapper (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:39:19)\n at promise.then (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:73:82)\n at \n at process._tickCallback (internal/process/next_tick.js:188:7)" - ], - "fullName": "A bunch of failing tests: a list should contain 3 items", - "location": null, - "status": "failed", - "title": "a list should contain 3 items" - }, - { - "ancestorTitles": ["A bunch of failing tests: "], - "failureMessages": [ - "Error: \u001b[2mexpect(\u001b[22m\u001b[31mfunction\u001b[39m\u001b[2m).toThrow(\u001b[22m\u001b[32mundefined\u001b[39m\u001b[2m)\u001b[22m\n\nExpected the function to throw an error.\nBut it didn't throw anything.\n at Object. (/Users/jetbrains/IdeaProjects/storybook/examples/official-storybook/tests/addon-jest.test.js:30:28)\n at Object.asyncFn (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/jasmine_async.js:82:37)\n at resolve (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:52:12)\n at new Promise ()\n at mapper (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:39:19)\n at promise.then (/Users/jetbrains/IdeaProjects/storybook/node_modules/jest-jasmine2/build/queue_runner.js:73:82)\n at \n at process._tickCallback (internal/process/next_tick.js:188:7)" - ], - "fullName": "A bunch of failing tests: should work", - "location": null, - "status": "failed", - "title": "should work" - } - ], - "endTime": 1525471122009, - "message": "\u001b[1m\u001b[31m \u001b[1m● \u001b[1mIn a describe: › everything is awesome\u001b[39m\u001b[22m\n\n \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).toEqual(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m)\u001b[22m\n \n Expected value to equal:\n \u001b[32m\"everything is awesome\"\u001b[39m\n Received:\n \u001b[31m\"everything is all right\"\u001b[39m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 14 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 15 | \u001b[39m test(\u001b[32m'everything is awesome'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m\u001b[31m\u001b[1m>\u001b[2m\u001b[39m\u001b[90m 16 | \u001b[39m expect(\u001b[32m'everything is all right'\u001b[39m)\u001b[33m.\u001b[39mtoEqual(\u001b[32m'everything is awesome'\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 17 | \u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 18 | \u001b[39m})\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 19 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[22m\n\u001b[2m \u001b[2mat Object. (\u001b[2m\u001b[0m\u001b[36mexamples/official-storybook/tests/addon-jest.test.js\u001b[39m\u001b[0m\u001b[2m:16:39)\u001b[2m\u001b[22m\n\n\u001b[1m\u001b[31m \u001b[1m● \u001b[1mA bunch of failing tests: › true should still be true\u001b[39m\u001b[22m\n\n \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).toBe(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // Object.is equality\u001b[22m\n \n Expected value to be:\n \u001b[32mfalse\u001b[39m\n Received:\n \u001b[31mtrue\u001b[39m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 20 | \u001b[39mdescribe(\u001b[32m'A bunch of failing tests: '\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 21 | \u001b[39m test(\u001b[32m'true should still be true'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m\u001b[31m\u001b[1m>\u001b[2m\u001b[39m\u001b[90m 22 | \u001b[39m expect(\u001b[36mtrue\u001b[39m)\u001b[33m.\u001b[39mtoBe(\u001b[36mfalse\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 23 | \u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 24 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 25 | \u001b[39m test(\u001b[32m'a list should contain 3 items'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[22m\n\u001b[2m \u001b[2mat Object. (\u001b[2m\u001b[0m\u001b[36mexamples/official-storybook/tests/addon-jest.test.js\u001b[39m\u001b[0m\u001b[2m:22:18)\u001b[2m\u001b[22m\n\n\u001b[1m\u001b[31m \u001b[1m● \u001b[1mA bunch of failing tests: › a list should contain 3 items\u001b[39m\u001b[22m\n\n \u001b[2mexpect(\u001b[22m\u001b[31marray\u001b[39m\u001b[2m).toContain(\u001b[22m\u001b[32mvalue\u001b[39m\u001b[2m)\u001b[22m\n \n Expected array:\n \u001b[31m[\"a\", \"b\", \"3\"]\u001b[39m\n To contain value:\n \u001b[32m301\u001b[39m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 24 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 25 | \u001b[39m test(\u001b[32m'a list should contain 3 items'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m\u001b[31m\u001b[1m>\u001b[2m\u001b[39m\u001b[90m 26 | \u001b[39m expect([\u001b[32m'a'\u001b[39m\u001b[33m,\u001b[39m \u001b[32m'b'\u001b[39m\u001b[33m,\u001b[39m \u001b[32m'3'\u001b[39m])\u001b[33m.\u001b[39mtoContain(\u001b[35m301\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 27 | \u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 28 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 29 | \u001b[39m test(\u001b[32m'should work'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[22m\n\u001b[2m \u001b[2mat Object. (\u001b[2m\u001b[0m\u001b[36mexamples/official-storybook/tests/addon-jest.test.js\u001b[39m\u001b[0m\u001b[2m:26:29)\u001b[2m\u001b[22m\n\n\u001b[1m\u001b[31m \u001b[1m● \u001b[1mA bunch of failing tests: › should work\u001b[39m\u001b[22m\n\n \u001b[2mexpect(\u001b[22m\u001b[31mfunction\u001b[39m\u001b[2m).toThrow(\u001b[22m\u001b[32mundefined\u001b[39m\u001b[2m)\u001b[22m\n \n Expected the function to throw an error.\n But it didn't throw anything.\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 28 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 29 | \u001b[39m test(\u001b[32m'should work'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m\u001b[31m\u001b[1m>\u001b[2m\u001b[39m\u001b[90m 30 | \u001b[39m expect(() \u001b[33m=>\u001b[39m {})\u001b[33m.\u001b[39mtoThrow()\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 31 | \u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 32 | \u001b[39m})\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 33 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[22m\n\u001b[2m \u001b[2mat Object. (\u001b[2m\u001b[0m\u001b[36mexamples/official-storybook/tests/addon-jest.test.js\u001b[39m\u001b[0m\u001b[2m:30:28)\u001b[2m\u001b[22m\n", - "name": "/Users/jetbrains/IdeaProjects/storybook/examples/official-storybook/tests/addon-jest.test.js", - "startTime": 1525471118647, - "status": "failed", - "summary": "" - } - ], - "wasInterrupted": false -} diff --git a/code/examples/html-kitchen-sink/stories/button.html b/code/examples/html-kitchen-sink/stories/button.html deleted file mode 100644 index 715a59df0454..000000000000 --- a/code/examples/html-kitchen-sink/stories/button.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/code/examples/html-kitchen-sink/stories/button.stories.js b/code/examples/html-kitchen-sink/stories/button.stories.js deleted file mode 100644 index a8f079cafe0f..000000000000 --- a/code/examples/html-kitchen-sink/stories/button.stories.js +++ /dev/null @@ -1,28 +0,0 @@ -import global from 'global'; -import { useEffect } from '@storybook/client-api'; - -const { document } = global; - -export default { - title: 'Demo', -}; - -export const Heading = () => '

Hello World

'; -export const Headings = () => - '

Hello World

Hello World

Hello World

Hello World

'; - -export const Button = () => { - const btn = document.createElement('button'); - btn.innerHTML = 'Hello Button'; - return btn; -}; - -export const Effect = () => { - useEffect(() => { - document.getElementById('button').style.backgroundColor = 'yellow'; - }); - - return ''; -}; - -export const Script = () => '
JS alert
'; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/Button.stories.ts b/code/examples/html-kitchen-sink/stories/from-essentials/Button.stories.ts deleted file mode 100644 index 5a0f7590faeb..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/Button.stories.ts +++ /dev/null @@ -1,44 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/html'; -import { createButton, ButtonProps } from './Button'; - -export default { - title: 'Example/Button', - argTypes: { - label: { control: 'text' }, - primary: { control: 'boolean' }, - backgroundColor: { control: 'color' }, - size: { - control: { type: 'select', options: ['small', 'medium', 'large'] }, - }, - onClick: { action: 'onClick' }, - }, -} as Meta; - -const Template: StoryFn = (args) => { - // You can either use a function to create DOM elements or use a plain html string! - // return `
${label}
`; - return createButton(args); -}; - -export const Primary = Template.bind({}); -Primary.args = { - primary: true, - label: 'Button', -}; - -export const Secondary = Template.bind({}); -Secondary.args = { - label: 'Button', -}; - -export const Large = Template.bind({}); -Large.args = { - size: 'large', - label: 'Button', -}; - -export const Small = Template.bind({}); -Small.args = { - size: 'small', - label: 'Button', -}; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/Button.ts b/code/examples/html-kitchen-sink/stories/from-essentials/Button.ts deleted file mode 100644 index c277d626de61..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/Button.ts +++ /dev/null @@ -1,51 +0,0 @@ -import global from 'global'; - -import './button.css'; - -const { document } = global; - -export interface ButtonProps { - /** - * Is this the principal call to action on the page? - */ - primary?: boolean; - /** - * What background color to use - */ - backgroundColor?: string; - /** - * How large should the button be? - */ - size?: 'small' | 'medium' | 'large'; - /** - * Button contents - */ - label: string; - /** - * Optional click handler - */ - onClick?: () => void; -} - -/** - * Primary UI component for user interaction - */ -export const createButton = ({ - primary = false, - size = 'medium', - backgroundColor, - label, - onClick, -}: ButtonProps) => { - const btn = document.createElement('button'); - btn.type = 'button'; - btn.innerText = label; - btn.addEventListener('click', onClick); - - const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary'; - btn.className = ['storybook-button', `storybook-button--${size}`, mode].join(' '); - - btn.style.backgroundColor = backgroundColor; - - return btn; -}; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/Header.stories.ts b/code/examples/html-kitchen-sink/stories/from-essentials/Header.stories.ts deleted file mode 100644 index b1bb5e9f2f9b..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/Header.stories.ts +++ /dev/null @@ -1,21 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/html'; -import { createHeader, HeaderProps } from './Header'; - -export default { - title: 'Example/Header', - argTypes: { - onLogin: { action: 'onLogin' }, - onLogout: { action: 'onLogout' }, - onCreateAccount: { action: 'onCreateAccount' }, - }, -} as Meta; - -const Template: StoryFn = (args) => createHeader(args); - -export const LoggedIn = Template.bind({}); -LoggedIn.args = { - user: {}, -}; - -export const LoggedOut = Template.bind({}); -LoggedOut.args = {}; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/Header.ts b/code/examples/html-kitchen-sink/stories/from-essentials/Header.ts deleted file mode 100644 index 8903b9c6441c..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/Header.ts +++ /dev/null @@ -1,56 +0,0 @@ -import global from 'global'; - -import './header.css'; -import { createButton } from './Button'; - -const { document } = global; - -export interface HeaderProps { - user?: {}; - onLogin: () => void; - onLogout: () => void; - onCreateAccount: () => void; -} - -export const createHeader = ({ user, onLogout, onLogin, onCreateAccount }: HeaderProps) => { - const header = document.createElement('header'); - - const wrapper = document.createElement('div'); - wrapper.className = 'wrapper'; - - const logo = `
- - - - - - - -

Acme

-
`; - - wrapper.insertAdjacentHTML('afterbegin', logo); - - const account = document.createElement('div'); - if (user) { - account.appendChild(createButton({ size: 'small', label: 'Log out', onClick: onLogout })); - } else { - account.appendChild(createButton({ size: 'small', label: 'Log in', onClick: onLogin })); - account.appendChild( - createButton({ - size: 'small', - label: 'Sign up', - onClick: onCreateAccount, - primary: true, - }) - ); - } - wrapper.appendChild(account); - header.appendChild(wrapper); - - return header; -}; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/Page.stories.ts b/code/examples/html-kitchen-sink/stories/from-essentials/Page.stories.ts deleted file mode 100644 index a02738368cdb..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/Page.stories.ts +++ /dev/null @@ -1,25 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/html'; -import { createPage } from './Page'; -import * as HeaderStories from './Header.stories'; -import { HeaderProps } from './Header'; - -export default { - title: 'Example/Page', - argTypes: { - onLogin: { action: 'onLogin' }, - onLogout: { action: 'onLogout' }, - onCreateAccount: { action: 'onCreateAccount' }, - }, -} as Meta; - -const Template: StoryFn = (args) => createPage(args); - -export const LoggedIn = Template.bind({}); -LoggedIn.args = { - ...HeaderStories.LoggedIn.args, -}; - -export const LoggedOut = Template.bind({}); -LoggedOut.args = { - ...HeaderStories.LoggedOut.args, -}; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/Page.ts b/code/examples/html-kitchen-sink/stories/from-essentials/Page.ts deleted file mode 100644 index accf23d14c00..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/Page.ts +++ /dev/null @@ -1,78 +0,0 @@ -import global from 'global'; - -import './page.css'; -import { createHeader } from './Header'; - -const { document } = global; - -export interface PageProps { - user?: {}; - onLogin: () => void; - onLogout: () => void; - onCreateAccount: () => void; -} - -export const createPage = ({ user, onLogout, onLogin, onCreateAccount }: PageProps) => { - const article = document.createElement('article'); - - const header = createHeader({ onLogin, onLogout, onCreateAccount, user }); - article.appendChild(header); - const section = ` -
-

Pages in Storybook

-

- We recommend building UIs with a - - component-driven - - process starting with atomic components and ending with pages. -

-

- Render pages with mock data. This makes it easy to build and review page states without - needing to navigate to them in your app. Here are some handy patterns for managing page data - in Storybook: -

-
    -
  • - Use a higher-level connected component. Storybook helps you compose such data from the - "args" of child component stories -
    • -
  • - Assemble data in the page component from your services. You can mock these services out - using Storybook. -
    • -
-

- Get a guided tutorial on component-driven development at - - Storybook tutorials - - . Read more in the - docs - . -

-
- Tip - Adjust the width of the canvas with the - - - - - - Viewports addon in the toolbar -
-
-`; - - article.insertAdjacentHTML('beforeend', section); - - return article; -}; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/__snapshots__/Button.stories.storyshot b/code/examples/html-kitchen-sink/stories/from-essentials/__snapshots__/Button.stories.storyshot deleted file mode 100644 index 91d7916acb88..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/__snapshots__/Button.stories.storyshot +++ /dev/null @@ -1,29 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Example/Button Large 1`] = ` -
- - -`; - -exports[`Storyshots Example/Header Logged Out 1`] = ` -
-
-
- - - - - - - - - - - - - - - - - - - - - - - -

- Acme -

- - -
-
-
-
-
-`; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/__snapshots__/Page.stories.storyshot b/code/examples/html-kitchen-sink/stories/from-essentials/__snapshots__/Page.stories.storyshot deleted file mode 100644 index 6a9ca27deff4..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/__snapshots__/Page.stories.storyshot +++ /dev/null @@ -1,417 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Example/Page Logged In 1`] = ` -
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - -

- Acme -

- - -
-
-
-
-
- - -
- - -

- Pages in Storybook -

- - -

- - We recommend building UIs with a - - - - - - component-driven - - - - - - process starting with atomic components and ending with pages. - -

- - -

- - Render pages with mock data. This makes it easy to build and review page states without - needing to navigate to them in your app. Here are some handy patterns for managing page data - in Storybook: - -

- - -
    - - -
  • - - Use a higher-level connected component. Storybook helps you compose such data from the - "args" of child component stories - -
    • - - -
  • - - Assemble data in the page component from your services. You can mock these services out - using Storybook. - -
    • - - -
- - -

- - Get a guided tutorial on component-driven development at - - - - Storybook tutorials - - - - . Read more in the - - - docs - - - . - -

- - -
- - - - Tip - - - Adjust the width of the canvas with the - - - - - - - - - - - - - - - - Viewports addon in the toolbar - -
- - -
- - -
-`; - -exports[`Storyshots Example/Page Logged Out 1`] = ` -
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - -

- Acme -

- - -
-
-
-
-
- - -
- - -

- Pages in Storybook -

- - -

- - We recommend building UIs with a - - - - - - component-driven - - - - - - process starting with atomic components and ending with pages. - -

- - -

- - Render pages with mock data. This makes it easy to build and review page states without - needing to navigate to them in your app. Here are some handy patterns for managing page data - in Storybook: - -

- - -
    - - -
  • - - Use a higher-level connected component. Storybook helps you compose such data from the - "args" of child component stories - -
    • - - -
  • - - Assemble data in the page component from your services. You can mock these services out - using Storybook. - -
    • - - -
- - -

- - Get a guided tutorial on component-driven development at - - - - Storybook tutorials - - - - . Read more in the - - - docs - - - . - -

- - -
- - - - Tip - - - Adjust the width of the canvas with the - - - - - - - - - - - - - - - - Viewports addon in the toolbar - -
- - -
- - -
-`; diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/assets/code-brackets.svg b/code/examples/html-kitchen-sink/stories/from-essentials/assets/code-brackets.svg deleted file mode 100644 index 73de94776001..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/assets/code-brackets.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/code-brackets \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/assets/colors.svg b/code/examples/html-kitchen-sink/stories/from-essentials/assets/colors.svg deleted file mode 100644 index 17d58d516e14..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/assets/colors.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/colors \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/assets/comments.svg b/code/examples/html-kitchen-sink/stories/from-essentials/assets/comments.svg deleted file mode 100644 index 6493a139f523..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/assets/comments.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/comments \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/assets/direction.svg b/code/examples/html-kitchen-sink/stories/from-essentials/assets/direction.svg deleted file mode 100644 index 65676ac27229..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/assets/direction.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/direction \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/assets/flow.svg b/code/examples/html-kitchen-sink/stories/from-essentials/assets/flow.svg deleted file mode 100644 index 8ac27db403c2..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/assets/flow.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/flow \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/assets/plugin.svg b/code/examples/html-kitchen-sink/stories/from-essentials/assets/plugin.svg deleted file mode 100644 index 29e5c690c0a2..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/assets/plugin.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/plugin \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/assets/repo.svg b/code/examples/html-kitchen-sink/stories/from-essentials/assets/repo.svg deleted file mode 100644 index f386ee902c1f..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/assets/repo.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/repo \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/assets/stackalt.svg b/code/examples/html-kitchen-sink/stories/from-essentials/assets/stackalt.svg deleted file mode 100644 index 9b7ad2743506..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/assets/stackalt.svg +++ /dev/null @@ -1 +0,0 @@ -illustration/stackalt \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/button.css b/code/examples/html-kitchen-sink/stories/from-essentials/button.css deleted file mode 100644 index dc91dc76370b..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/button.css +++ /dev/null @@ -1,30 +0,0 @@ -.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/examples/html-kitchen-sink/stories/from-essentials/header.css b/code/examples/html-kitchen-sink/stories/from-essentials/header.css deleted file mode 100644 index acadc9ec8c7f..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/header.css +++ /dev/null @@ -1,26 +0,0 @@ -.wrapper { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - padding: 15px 20px; - display: flex; - align-items: center; - justify-content: space-between; -} - -svg { - display: inline-block; - vertical-align: top; -} - -h1 { - font-weight: 900; - font-size: 20px; - line-height: 1; - margin: 6px 0 6px 10px; - display: inline-block; - vertical-align: top; -} - -button + button { - margin-left: 10px; -} diff --git a/code/examples/html-kitchen-sink/stories/from-essentials/page.css b/code/examples/html-kitchen-sink/stories/from-essentials/page.css deleted file mode 100644 index 51c9d099a139..000000000000 --- a/code/examples/html-kitchen-sink/stories/from-essentials/page.css +++ /dev/null @@ -1,69 +0,0 @@ -section { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 24px; - padding: 48px 20px; - margin: 0 auto; - max-width: 600px; - color: #333; -} - -h2 { - font-weight: 900; - font-size: 32px; - line-height: 1; - margin: 0 0 4px; - display: inline-block; - vertical-align: top; -} - -p { - margin: 1em 0; -} - -a { - text-decoration: none; - color: #1ea7fd; -} - -ul { - padding-left: 30px; - margin: 1em 0; -} - -li { - margin-bottom: 8px; -} - -.tip { - display: inline-block; - border-radius: 1em; - font-size: 11px; - line-height: 12px; - font-weight: 700; - background: #e7fdd8; - color: #66bf3c; - padding: 4px 12px; - margin-right: 10px; - vertical-align: top; -} - -.tip-wrapper { - font-size: 13px; - line-height: 20px; - margin-top: 40px; - margin-bottom: 40px; -} - -.tip-wrapper svg { - display: inline-block; - height: 12px; - width: 12px; - margin-right: 4px; - vertical-align: top; - margin-top: 3px; -} - -.tip-wrapper svg path { - fill: #1ea7fd; -} diff --git a/code/examples/html-kitchen-sink/stories/logo.svg b/code/examples/html-kitchen-sink/stories/logo.svg deleted file mode 100644 index 4afc49cee5ed..000000000000 --- a/code/examples/html-kitchen-sink/stories/logo.svg +++ /dev/null @@ -1 +0,0 @@ -HTML5 Logo \ No newline at end of file diff --git a/code/examples/html-kitchen-sink/stories/source-loader.stories.js b/code/examples/html-kitchen-sink/stories/source-loader.stories.js deleted file mode 100644 index f1170d8293b8..000000000000 --- a/code/examples/html-kitchen-sink/stories/source-loader.stories.js +++ /dev/null @@ -1,26 +0,0 @@ -import button from './button.html'; - -const packageName = './button.html'; -const componentSubtitle = `import button from '${packageName}/lib/elements/buttons';`; - -export default { - title: 'Addons/Source loader', - parameters: { - componentSubtitle, - }, -}; - -export const Button = () => button; -Button.parameters = { - storySource: { - source: `source: ${button}`, - }, -}; - -export const SimpleStory = () => - `

- - This is a fragment of HTML - -

`; -SimpleStory.storyName = 'Very simple story'; diff --git a/code/examples/html-kitchen-sink/stories/welcome.css b/code/examples/html-kitchen-sink/stories/welcome.css deleted file mode 100644 index 5d00f7721563..000000000000 --- a/code/examples/html-kitchen-sink/stories/welcome.css +++ /dev/null @@ -1,25 +0,0 @@ -.main { - padding: 15px; - line-height: 1.4; - font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; - background-color: #ffffff; -} - -h1 { - color: rebeccapurple; -} - -.logo { - width: 256px; - margin: 15px; -} - -.code { - font-size: 15px; - font-weight: 600; - padding: 2px 5px; - border: 1px solid #eae9e9; - border-radius: 4px; - background-color: #f3f2f2; - color: #3a3a3a; -} diff --git a/code/examples/html-kitchen-sink/stories/welcome.html b/code/examples/html-kitchen-sink/stories/welcome.html deleted file mode 100644 index a2245dc73979..000000000000 --- a/code/examples/html-kitchen-sink/stories/welcome.html +++ /dev/null @@ -1,30 +0,0 @@ -
-

Welcome to Storybook for HTML

-

This is a UI component dev environment for your plain HTML snippets.

-

- We've added some basic stories inside the stories directory. -
- A story is a single state of one or more UI components. You can have as many stories as you - want. -
- (Basically a story is like a visual test case.) -

-

- See these sample stories -

-

-

- Just like that, you can add your own snippets as stories. -
- You can also edit those snippets and see changes right away. -
-

-

- Usually we create stories with smaller UI components in the app.
- Have a look at the - - Writing Stories - - section in our documentation. -

-
diff --git a/code/examples/html-kitchen-sink/stories/welcome.stories.js b/code/examples/html-kitchen-sink/stories/welcome.stories.js deleted file mode 100644 index 2c14bbdf9477..000000000000 --- a/code/examples/html-kitchen-sink/stories/welcome.stories.js +++ /dev/null @@ -1,8 +0,0 @@ -import './welcome.css'; -import welcome from './welcome.html'; - -export default { - title: 'Welcome', -}; - -export const Welcome = () => welcome; diff --git a/code/examples/html-kitchen-sink/tests/addon-jest.config.json b/code/examples/html-kitchen-sink/tests/addon-jest.config.json deleted file mode 100644 index b550c2b11067..000000000000 --- a/code/examples/html-kitchen-sink/tests/addon-jest.config.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "rootDir": "../../..", - "verbose": true, - "notify": true, - "transform": { - ".*": "babel-jest" - }, - "setupFilesAfterEnv": ["/../scripts/jest.init.js"], - "testMatch": ["/examples/official-storybook/tests/addon-jest.test.js"] -} diff --git a/code/examples/html-kitchen-sink/tests/addon-jest.test.js b/code/examples/html-kitchen-sink/tests/addon-jest.test.js deleted file mode 100644 index 0b4fa6ee89f8..000000000000 --- a/code/examples/html-kitchen-sink/tests/addon-jest.test.js +++ /dev/null @@ -1,32 +0,0 @@ -// This file is excluded from the `/scripts/test.js` script. (see root `jest.config.js` file) -test('true should be true', () => { - expect(true).toBe(true); -}); - -describe('In a describe:', () => { - test('true should still be true', () => { - expect(true).toBe(true); - }); - - test('a list should contain 3 items', () => { - expect(['a', 'b', '3']).toHaveLength(3); - }); - - test('everything is awesome', () => { - expect('everything is all right').toEqual('everything is awesome'); - }); -}); - -describe('A bunch of failing tests:', () => { - test('true should still be true', () => { - expect(true).toBe(false); - }); - - test('a list should contain 3 items', () => { - expect(['a', 'b', '3']).toContain(301); - }); - - test('should work', () => { - expect(() => {}).toThrow(); - }); -}); diff --git a/code/examples/html-kitchen-sink/tests/htmlshots.test.js b/code/examples/html-kitchen-sink/tests/htmlshots.test.js deleted file mode 100644 index f7d22dfc52ab..000000000000 --- a/code/examples/html-kitchen-sink/tests/htmlshots.test.js +++ /dev/null @@ -1,9 +0,0 @@ -import path from 'path'; -import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots'; - -initStoryshots({ - framework: 'html', - integrityOptions: { cwd: path.resolve(__dirname, '../stories') }, - configPath: path.resolve(__dirname, '../.storybook'), - test: multiSnapshotWithOptions(), -}); diff --git a/code/examples/html-kitchen-sink/typings.d.ts b/code/examples/html-kitchen-sink/typings.d.ts deleted file mode 100644 index 6048f42af982..000000000000 --- a/code/examples/html-kitchen-sink/typings.d.ts +++ /dev/null @@ -1,6 +0,0 @@ -declare module 'global'; -declare module 'format-json'; -declare module '*.json' { - const value: any; - export default value; -} diff --git a/code/examples/official-storybook/.env b/code/examples/official-storybook/.env deleted file mode 100644 index 23af4d561fae..000000000000 --- a/code/examples/official-storybook/.env +++ /dev/null @@ -1 +0,0 @@ -DOTENV_DISPLAY_WARNING=none diff --git a/code/examples/official-storybook/.env.development b/code/examples/official-storybook/.env.development deleted file mode 100644 index 3746c482ab58..000000000000 --- a/code/examples/official-storybook/.env.development +++ /dev/null @@ -1 +0,0 @@ -DOTENV_DEVELOPMENT_DISPLAY_WARNING=true diff --git a/code/examples/official-storybook/README.md b/code/examples/official-storybook/README.md deleted file mode 100644 index 2ada0aa35033..000000000000 --- a/code/examples/official-storybook/README.md +++ /dev/null @@ -1,14 +0,0 @@ -# Official storybook - -This storybook includes stories for: - -- `@storybook/components` - reusable UI components for addon authors -- `@storybook/ui` - the UI of storybook itself -- `@storybook/addon-*` - various addons. -- `@storybook/other-*` - various examples. - -## How to make new `build-storybook`s: - -```sh -sudo ln -s ../../{new-example}/storybook-static /Users/{user}/{location-of-storybook-repo}/core/examples/official-storybook/built-storybookjs/{new-example} -``` diff --git a/code/examples/official-storybook/babel.config.js b/code/examples/official-storybook/babel.config.js deleted file mode 100644 index d8878bebe583..000000000000 --- a/code/examples/official-storybook/babel.config.js +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - presets: ['@babel/preset-react', '@babel/preset-typescript'], -}; diff --git a/code/examples/official-storybook/components/BaseButton.js b/code/examples/official-storybook/components/BaseButton.js deleted file mode 100644 index 17b2ce719fda..000000000000 --- a/code/examples/official-storybook/components/BaseButton.js +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -/** BaseButton component description imported from comments inside the component file */ -const BaseButton = ({ disabled, label, onClick, style }) => ( - -); - -BaseButton.defaultProps = { - disabled: false, - onClick: () => {}, - style: {}, -}; - -BaseButton.propTypes = { - /** Boolean indicating whether the button should render as disabled */ - disabled: PropTypes.bool, - /** button label. */ - label: PropTypes.string.isRequired, - /** onClick handler */ - onClick: PropTypes.func, - /** Custom styles */ - style: PropTypes.shape({}), -}; - -export default BaseButton; diff --git a/code/examples/official-storybook/components/ButtonGroup.js b/code/examples/official-storybook/components/ButtonGroup.js deleted file mode 100644 index 6b8187dac6bb..000000000000 --- a/code/examples/official-storybook/components/ButtonGroup.js +++ /dev/null @@ -1,36 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -/** ButtonGroup component description from docgen */ -export const ButtonGroup = ({ background, children }) => ( -
{children}
-); - -ButtonGroup.defaultProps = { - background: '#ff0', - children: null, -}; - -ButtonGroup.propTypes = { - /** - * Background color for the group - */ - background: PropTypes.string, - children: PropTypes.arrayOf(PropTypes.element), -}; - -/** SubGroup component description from docgen */ -export const SubGroup = ({ background, children }) =>
{children}
; - -SubGroup.defaultProps = { - background: '#0f0', - children: null, -}; - -SubGroup.propTypes = { - /** - * Background color for the sub-group - */ - background: PropTypes.string, - children: PropTypes.arrayOf(PropTypes.element), -}; diff --git a/code/examples/official-storybook/components/DelayedRender.js b/code/examples/official-storybook/components/DelayedRender.js deleted file mode 100644 index 85ec79e1a6af..000000000000 --- a/code/examples/official-storybook/components/DelayedRender.js +++ /dev/null @@ -1,30 +0,0 @@ -import React, { Component } from 'react'; -import PropTypes from 'prop-types'; - -export default class DelayedRender extends Component { - static propTypes = { - children: PropTypes.node.isRequired, - }; - - state = { - show: false, - }; - - componentDidMount() { - this.showTO = setTimeout(() => { - this.setState({ - show: true, - }); - }, 1000); - } - - componentWillUnmount() { - clearTimeout(this.showTO); - } - - render() { - const { show } = this.state; - const { children } = this.props; - return show ? children :
; - } -} diff --git a/code/examples/official-storybook/components/DocgenButton.js b/code/examples/official-storybook/components/DocgenButton.js deleted file mode 100644 index 801605b18845..000000000000 --- a/code/examples/official-storybook/components/DocgenButton.js +++ /dev/null @@ -1,176 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -/** - * DocgenButton component description imported from comments inside the component file, - * - * *Important Note*: Unlike with normal `` elements, setting this will - * not validate the input contents. This is because in this project we use - * Formik and Yup to validate fields at the form-level, not at the individual - * input level. It is still very important to set this value properly for - * accessibility and user experience. - * - * Here's a list to test out formatting. - * - * * `"number"` Any number not represented by a more specific type. - * * `"password"` A password. - * * `"email"` An email address. - * * `"tel"` A phone or fax number. Shows the phone number keypad on - * mobile keyboards. - * - * Here is a test for code blocks - * - * ```jsx - * const Foo = () => ( - *
foo
- * ); - * ``` - */ -export const DocgenButton = ({ disabled, label, onClick }) => ( - -); - -DocgenButton.defaultProps = { - disabled: false, - onClick: () => {}, - optionalString: 'Default String', - one: { key: 1 }, - two: { - thing: { - id: 2, - func: () => {}, - arr: [], - }, - }, - obj: { - key: 'value', - }, - shape: { - id: 3, - func: () => {}, - arr: [], - shape: { - shape: { - foo: 'bar', - }, - }, - }, - arrayOf: [1, 2, 3], - msg: new Set(), - enm: 'News', - enmEval: 'Photos', - union: 'hello', -}; - -/* eslint-disable react/no-unused-prop-types */ - -DocgenButton.propTypes = { - /** Boolean indicating whether the button should render as disabled */ - disabled: PropTypes.bool, - /** button label. */ - label: PropTypes.string.isRequired, - /** onClick handler */ - onClick: PropTypes.func, - /** - * A simple `objectOf` propType. - */ - one: PropTypes.objectOf(PropTypes.number), - /** - * A very complex `objectOf` propType. - */ - two: PropTypes.objectOf( - PropTypes.shape({ - /** - * Just an internal propType for a shape. - * It's also required, and as you can see it supports multi-line comments! - */ - id: PropTypes.number.isRequired, - /** - * A simple non-required function - */ - func: PropTypes.func, - /** - * An `arrayOf` shape - */ - arr: PropTypes.arrayOf( - PropTypes.shape({ - /** - * 5-level deep propType definition and still works. - */ - index: PropTypes.number.isRequired, - }) - ), - }) - ), - - /** - * Plain object propType (use shape!!) - */ - obj: PropTypes.object, // eslint-disable-line react/forbid-prop-types - - /** - * propType for shape with nested arrayOf - * - * Also, multi-line description - */ - shape: PropTypes.shape({ - /** - * Just an internal propType for a shape. - * It's also required, and as you can see it supports multi-line comments! - */ - id: PropTypes.number.isRequired, - /** - * A simple non-required function - */ - func: PropTypes.func, - /** - * An `arrayOf` shape - */ - arr: PropTypes.arrayOf( - PropTypes.shape({ - /** - * 5-level deep propType definition and still works. - */ - index: PropTypes.number.isRequired, - }) - ), - - shape: PropTypes.shape({ - shape: PropTypes.shape({ - foo: PropTypes.string, - }), - }), - }), - - /** - * array of a certain type - */ - arrayOf: PropTypes.arrayOf(PropTypes.number), - - /** - * `instanceOf` is also supported and the custom type will be shown instead of `instanceOf` - */ - msg: PropTypes.instanceOf(Set), - /** - * `oneOf` is basically an Enum which is also supported but can be pretty big. - * - * Testing a list: - * - * - `News` first - * - `Photos` second - */ - enm: PropTypes.oneOf(['News', 'Photos']), - enmEval: PropTypes.oneOf((() => ['News', 'Photos'])()), - /** - * A multi-type prop is also valid and is displayed as `Union` - */ - union: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Set)]), - /** - * test string with a comment that has - * two identical lines - * two identical lines - */ - optionalString: PropTypes.string, -}; diff --git a/code/examples/official-storybook/components/ForwardRefButton.js b/code/examples/official-storybook/components/ForwardRefButton.js deleted file mode 100644 index 67e704dd8c26..000000000000 --- a/code/examples/official-storybook/components/ForwardRefButton.js +++ /dev/null @@ -1,47 +0,0 @@ -import React, { forwardRef } from 'react'; -import PropTypes from 'prop-types'; -import BaseButton from './BaseButton'; - -const ForwardRefButtonRender = ({ label, ...props }, ref) => ( - -); - -ForwardRefButtonRender.propTypes = { - /** Boolean indicating whether the button should render as disabled */ - disabled: PropTypes.bool, - /** button label. */ - label: PropTypes.string.isRequired, - /** onClick handler */ - onClick: PropTypes.func, - /** Custom styles */ - style: PropTypes.shape({}), -}; - -ForwardRefButtonRender.defaultProps = { - disabled: false, - onClick: () => {}, - style: {}, -}; - -export const ForwardRefButtonInnerPropTypes = forwardRef(ForwardRefButtonRender); - -export const ForwardRefButtonOuterPropTypes = forwardRef(({ label, ...props }, ref) => ( - -)); - -ForwardRefButtonOuterPropTypes.defaultProps = { - disabled: false, - onClick: () => {}, - style: {}, -}; - -ForwardRefButtonOuterPropTypes.propTypes = { - /** Boolean indicating whether the button should render as disabled */ - disabled: PropTypes.bool, - /** button label. */ - label: PropTypes.string.isRequired, - /** onClick handler */ - onClick: PropTypes.func, - /** Custom styles */ - style: PropTypes.shape({}), -}; diff --git a/code/examples/official-storybook/components/ImportedPropsButton.js b/code/examples/official-storybook/components/ImportedPropsButton.js deleted file mode 100644 index b8a1e7e88cd6..000000000000 --- a/code/examples/official-storybook/components/ImportedPropsButton.js +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import { DocgenButton } from './DocgenButton'; - -/** Button component description */ -const ImportedPropsButton = ({ disabled, label, onClick }) => ( - -); - -ImportedPropsButton.defaultProps = DocgenButton.defaultProps; - -ImportedPropsButton.propTypes = DocgenButton.propTypes; - -export default ImportedPropsButton; diff --git a/code/examples/official-storybook/components/MemoButton.js b/code/examples/official-storybook/components/MemoButton.js deleted file mode 100644 index 8e8dc72a7d33..000000000000 --- a/code/examples/official-storybook/components/MemoButton.js +++ /dev/null @@ -1,5 +0,0 @@ -import React from 'react'; - -import BaseButton from './BaseButton'; - -export const MemoButton = React.memo(BaseButton); diff --git a/code/examples/official-storybook/components/NamedExportButton.js b/code/examples/official-storybook/components/NamedExportButton.js deleted file mode 100644 index 8a0491c24b77..000000000000 --- a/code/examples/official-storybook/components/NamedExportButton.js +++ /dev/null @@ -1,24 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import BaseButton from './BaseButton'; - -const NamedExportButton = (props) => ; - -NamedExportButton.defaultProps = { - disabled: false, - onClick: () => {}, - style: {}, -}; - -NamedExportButton.propTypes = { - /** Boolean indicating whether the button should render as disabled */ - disabled: PropTypes.bool, - /** button label. */ - label: PropTypes.string.isRequired, - /** onClick handler */ - onClick: PropTypes.func, - /** Custom styles */ - style: PropTypes.shape({}), -}; - -export { NamedExportButton }; diff --git a/code/examples/official-storybook/components/OptionalButton.tsx b/code/examples/official-storybook/components/OptionalButton.tsx deleted file mode 100644 index dc10a20c4937..000000000000 --- a/code/examples/official-storybook/components/OptionalButton.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; - -// Repro #11019 -interface Props { - kind?: 'a' | 'b'; - disabled?: boolean; -} - -export const OptionalButton = ({ disabled = false, kind = 'a' }: Props) => ( - // eslint-disable-next-line react/button-has-type - -); - -export default OptionalButton; diff --git a/code/examples/official-storybook/components/TableComponent.js b/code/examples/official-storybook/components/TableComponent.js deleted file mode 100644 index 0a738c793be3..000000000000 --- a/code/examples/official-storybook/components/TableComponent.js +++ /dev/null @@ -1,52 +0,0 @@ -/* eslint-disable react/forbid-prop-types */ -import React from 'react'; -import PropTypes from 'prop-types'; - -const Red = (props) => ; -const TableComponent = ({ propDefinitions }) => { - const props = propDefinitions.map( - ({ property, propType, required, description, defaultValue }) => ( - - - {property} - {required ? * : null} - - {propType.name} - {JSON.stringify(defaultValue)} - {description} - - ) - ); - - return ( - - - - - - - - - - {props} -
nametypedefaultdescription
- ); -}; - -TableComponent.defaultProps = { - propDefinitions: [], -}; - -TableComponent.propTypes = { - propDefinitions: PropTypes.arrayOf( - PropTypes.shape({ - property: PropTypes.string.isRequired, - propType: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired, - required: PropTypes.bool.isRequired, - description: PropTypes.string, - defaultValue: PropTypes.any, - }) - ), -}; - -export default TableComponent; diff --git a/code/examples/official-storybook/components/TsButton.tsx b/code/examples/official-storybook/components/TsButton.tsx deleted file mode 100644 index d9ca92f59252..000000000000 --- a/code/examples/official-storybook/components/TsButton.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React, { FC } from 'react'; - -export type Type = 'default' | 'action'; - -interface Props { - /** - * Click event handler - * @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/official-storybook/components/addon-a11y/Button.js b/code/examples/official-storybook/components/addon-a11y/Button.js deleted file mode 100644 index 293f6ca97303..000000000000 --- a/code/examples/official-storybook/components/addon-a11y/Button.js +++ /dev/null @@ -1,48 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -const styles = { - button: { - padding: '12px 6px', - fontSize: '12px', - lineHeight: '16px', - borderRadius: '5px', - }, - ok: { - backgroundColor: '#028402', - color: '#ffffff', - }, - wrong: { - color: '#ffffff', - backgroundColor: '#4caf50', - }, -}; - -function Button({ content, disabled, contrast }) { - return ( - - ); -} - -Button.propTypes = { - content: PropTypes.string, - disabled: PropTypes.bool, - contrast: PropTypes.oneOf(['ok', 'wrong']), -}; - -Button.defaultProps = { - content: 'null', - disabled: false, - contrast: 'ok', -}; - -export default Button; diff --git a/code/examples/official-storybook/components/addon-a11y/Form/Input.js b/code/examples/official-storybook/components/addon-a11y/Form/Input.js deleted file mode 100644 index f5fca29664d8..000000000000 --- a/code/examples/official-storybook/components/addon-a11y/Form/Input.js +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -function Input({ id, value, type, placeholder }) { - return ; -} - -Input.propTypes = { - type: PropTypes.oneOf(['text', 'password']), - id: PropTypes.string, - value: PropTypes.string, - placeholder: PropTypes.string, -}; - -Input.defaultProps = { - type: null, - id: null, - value: null, - placeholder: null, -}; - -export default Input; diff --git a/code/examples/official-storybook/components/addon-a11y/Form/Label.js b/code/examples/official-storybook/components/addon-a11y/Form/Label.js deleted file mode 100644 index 5f3799a6ac6c..000000000000 --- a/code/examples/official-storybook/components/addon-a11y/Form/Label.js +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -const styles = { - label: { - padding: '0 6px', - }, -}; - -function Label({ id, content }) { - return ( - - ); -} - -Label.propTypes = { - content: PropTypes.string.isRequired, - id: PropTypes.string.isRequired, -}; - -export default Label; diff --git a/code/examples/official-storybook/components/addon-a11y/Form/Row.js b/code/examples/official-storybook/components/addon-a11y/Form/Row.js deleted file mode 100644 index 51f87b040529..000000000000 --- a/code/examples/official-storybook/components/addon-a11y/Form/Row.js +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -import Label from './Label'; -import Input from './Input'; - -function Row({ label, input }) { - return ( -
- {label} - {input} -
- ); -} - -Row.propTypes = { - label: PropTypes.shape({ type: PropTypes.oneOf([Label]) }), - input: PropTypes.shape({ type: PropTypes.oneOf([Input]) }).isRequired, -}; - -Row.defaultProps = { - label: null, -}; - -export default Row; diff --git a/code/examples/official-storybook/components/addon-a11y/Form/index.js b/code/examples/official-storybook/components/addon-a11y/Form/index.js deleted file mode 100644 index c893c0a55dd6..000000000000 --- a/code/examples/official-storybook/components/addon-a11y/Form/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Input from './Input'; -import Label from './Label'; -import Row from './Row'; - -export { Input, Label, Row }; diff --git a/code/examples/official-storybook/components/addon-measure/ShadowRoot.js b/code/examples/official-storybook/components/addon-measure/ShadowRoot.js deleted file mode 100644 index 161e357992c8..000000000000 --- a/code/examples/official-storybook/components/addon-measure/ShadowRoot.js +++ /dev/null @@ -1,63 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import { drawSelectedElement } from '../../../../addons/measure/src/box-model/visualizer'; -import { init, destroy } from '../../../../addons/measure/src/box-model/canvas'; - -export const ShadowRoot = ({ label = 'Hello from shadow DOM', drawMode = 'ROOT' }) => { - const ref = React.useRef(); - - React.useEffect(() => { - if (!ref.current.attachShadow) return; - - ref.current.attachShadow({ mode: 'open' }); - - ref.current.shadowRoot.innerHTML = ` - - - `; - - init(); - drawSelectedElement(drawMode === 'ROOT' ? ref.current : ref.current.shadowRoot.children[1]); - - // eslint-disable-next-line consistent-return - return () => { - destroy(); - }; - }, []); - - return
; -}; - -ShadowRoot.propTypes = { - label: PropTypes.string, - drawMode: PropTypes.oneOf(['ROOT', 'NESTED']), -}; - -ShadowRoot.defaultProps = { - label: 'Hello from shadow DOM', - drawMode: 'ROOT', -}; diff --git a/code/examples/official-storybook/components/addon-measure/Visualization.js b/code/examples/official-storybook/components/addon-measure/Visualization.js deleted file mode 100644 index 6862e2073e19..000000000000 --- a/code/examples/official-storybook/components/addon-measure/Visualization.js +++ /dev/null @@ -1,34 +0,0 @@ -import React, { useEffect, useRef } from 'react'; -import PropTypes from 'prop-types'; -import { drawSelectedElement } from '../../../../addons/measure/src/box-model/visualizer'; -import { init, destroy } from '../../../../addons/measure/src/box-model/canvas'; - -export const Visualization = ({ render }) => { - const element = useRef(null); - - useEffect(() => { - if (element.current) { - init(); - drawSelectedElement(element.current); - } - - return () => { - destroy(); - }; - }, [element]); - - return ( -
- {render(element)} -
- ); -}; - -Visualization.propTypes = { - render: PropTypes.func.isRequired, -}; diff --git a/code/examples/official-storybook/components/page/Button.js b/code/examples/official-storybook/components/page/Button.js deleted file mode 100644 index cb9aad8c06cf..000000000000 --- a/code/examples/official-storybook/components/page/Button.js +++ /dev/null @@ -1,32 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import './button.css'; - -/** - * Primary UI component for user interaction - */ -export const Button = ({ primary, size, label, ...props }) => { - const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary'; - return ( - - ); -}; - -Button.propTypes = { - primary: PropTypes.bool, - size: PropTypes.oneOf(['small', 'medium', 'large']), - label: PropTypes.string.isRequired, - onClick: PropTypes.func, -}; - -Button.defaultProps = { - primary: false, - size: 'medium', - onClick: undefined, -}; diff --git a/code/examples/official-storybook/components/page/Header.js b/code/examples/official-storybook/components/page/Header.js deleted file mode 100644 index e6eea8f07ee6..000000000000 --- a/code/examples/official-storybook/components/page/Header.js +++ /dev/null @@ -1,52 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -import { Button } from './Button'; -import './header.css'; - -export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => ( -
-
-
- - - - - - - -

Acme

-
-
- {user ? ( -
-
-
-); - -Header.propTypes = { - user: PropTypes.shape({}), - onLogin: PropTypes.func.isRequired, - onLogout: PropTypes.func.isRequired, - onCreateAccount: PropTypes.func.isRequired, -}; - -Header.defaultProps = { - user: null, -}; diff --git a/code/examples/official-storybook/components/page/Page.js b/code/examples/official-storybook/components/page/Page.js deleted file mode 100644 index b8abe417aac8..000000000000 --- a/code/examples/official-storybook/components/page/Page.js +++ /dev/null @@ -1,74 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -import { Header } from './Header'; -import './page.css'; - -export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => ( -
-
- -
-

Pages in Storybook

-

- We recommend building UIs with a{' '} - - component-driven - {' '} - process starting with atomic components and ending with pages. -

-

- Render pages with mock data. This makes it easy to build and review page states without - needing to navigate to them in your app. Here are some handy patterns for managing page data - in Storybook: -

-
    -
  • - Use a higher-level connected component. Storybook helps you compose such data from the - "args" of child component stories -
    • -
  • - Assemble data in the page component from your services. You can mock these services out - using Storybook. -
    • -
-

- Get a guided tutorial on component-driven development at{' '} - - Storybook tutorials - - . Read more in the{' '} - - docs - - . -

-
- Tip Adjust the width of the canvas with the{' '} - - - - - - Viewports addon in the toolbar -
-
-
-); -Page.propTypes = { - user: PropTypes.shape({}), - onLogin: PropTypes.func, - onLogout: PropTypes.func, - onCreateAccount: PropTypes.func, -}; - -Page.defaultProps = { - user: null, - onLogin: () => {}, - onLogout: () => {}, - onCreateAccount: () => {}, -}; diff --git a/code/examples/official-storybook/components/page/button.css b/code/examples/official-storybook/components/page/button.css deleted file mode 100644 index dc91dc76370b..000000000000 --- a/code/examples/official-storybook/components/page/button.css +++ /dev/null @@ -1,30 +0,0 @@ -.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/examples/official-storybook/components/page/header.css b/code/examples/official-storybook/components/page/header.css deleted file mode 100644 index c1a97056ed44..000000000000 --- a/code/examples/official-storybook/components/page/header.css +++ /dev/null @@ -1,26 +0,0 @@ -.wrapper { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - padding: 15px 20px; - display: flex; - align-items: center; - justify-content: space-between; -} - -svg { - display: inline-block; - vertical-align: top; -} - -.title { - font-weight: 900; - font-size: 20px; - line-height: 1; - margin: 6px 0 6px 10px; - display: inline-block; - vertical-align: top; -} - -button + button { - margin-left: 10px; -} diff --git a/code/examples/official-storybook/components/page/page.css b/code/examples/official-storybook/components/page/page.css deleted file mode 100644 index b67e9d4d1ed5..000000000000 --- a/code/examples/official-storybook/components/page/page.css +++ /dev/null @@ -1,73 +0,0 @@ -article { - background-color: #fff; -} - -section { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 24px; - padding: 48px 20px; - margin: 0 auto; - max-width: 600px; - color: #333; -} - -.page-title { - font-weight: 900; - font-size: 32px; - line-height: 1; - margin: 0 0 4px; - display: inline-block; - vertical-align: top; -} - -p { - margin: 1em 0; -} - -a { - text-decoration: none; - color: #1ea7fd; -} - -ul { - padding-left: 30px; - margin: 1em 0; -} - -li { - margin-bottom: 8px; -} - -.tip { - display: inline-block; - border-radius: 1em; - font-size: 11px; - line-height: 12px; - font-weight: 700; - background: #e7fdd8; - color: #66bf3c; - padding: 4px 12px; - margin-right: 10px; - vertical-align: top; -} - -.tip-wrapper { - font-size: 13px; - line-height: 20px; - margin-top: 40px; - margin-bottom: 40px; -} - -.tip-wrapper svg { - display: inline-block; - height: 12px; - width: 12px; - margin-right: 4px; - vertical-align: top; - margin-top: 3px; -} - -.tip-wrapper svg path { - fill: #1ea7fd; -} diff --git a/code/examples/official-storybook/components/react-demo.tsx b/code/examples/official-storybook/components/react-demo.tsx deleted file mode 100644 index d9761532fd34..000000000000 --- a/code/examples/official-storybook/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/official-storybook/head-warning.js b/code/examples/official-storybook/head-warning.js deleted file mode 100644 index 3020333992e0..000000000000 --- a/code/examples/official-storybook/head-warning.js +++ /dev/null @@ -1,16 +0,0 @@ -import global from 'global'; - -const { document } = global; - -// HMR will cause this code to be invoked multiple times, so each warning should have a unique ID -export default function addHeadWarning(id, text) { - if (!document.getElementById(id)) { - const warning = document.createElement('h1'); - warning.textContent = text; - warning.id = id; - warning.style.backgroundColor = 'tomato'; - warning.style.padding = '10px'; - - document.body.insertBefore(warning, document.body.firstChild); - } -} diff --git a/code/examples/official-storybook/intro.stories.mdx b/code/examples/official-storybook/intro.stories.mdx deleted file mode 100644 index b192db9fded5..000000000000 --- a/code/examples/official-storybook/intro.stories.mdx +++ /dev/null @@ -1,5 +0,0 @@ - - -# Official-storybook - -Welcome to `official-storybook`, a collection of test cases and demos for `@storybook/react` and all its addons. diff --git a/code/examples/official-storybook/manager-head.html b/code/examples/official-storybook/manager-head.html deleted file mode 100644 index 7d058f58633b..000000000000 --- a/code/examples/official-storybook/manager-head.html +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/code/examples/official-storybook/manager.js b/code/examples/official-storybook/manager.js deleted file mode 100644 index 77104c4f6326..000000000000 --- a/code/examples/official-storybook/manager.js +++ /dev/null @@ -1,69 +0,0 @@ -import React from 'react'; -import { addons } from '@storybook/addons'; -import { themes, styled } from '@storybook/theming'; -import { Icons } from '@storybook/components'; - -import addHeadWarning from './head-warning'; - -addHeadWarning('manager-head-not-loaded', 'Manager head not loaded'); - -const PrefixIcon = styled(Icons)(({ theme }) => ({ - marginRight: 5, - fontSize: 'inherit', - height: 12, - width: 12, - paddingTop: 1, - display: 'inline', - alignSelf: 'center', -})); - -addons.setConfig({ - theme: themes.light, // { base: 'dark', brandTitle: 'Storybook!' }, - previewTabs: { - canvas: null, - 'storybook/docs/panel': null, - 'storybookjs/notes/panel': { title: 'Annotations', hidden: true }, - graphiql: { - hidden: true, - }, - toolbar: { - title: { hidden: false }, - zoom: { hidden: false }, - eject: { hidden: false }, - copy: { hidden: false }, - fullscreen: { hidden: false }, - }, - }, - sidebar: { - collapsedRoots: ['other'], - renderLabel: ({ id, name }) => { - const map = { - addons: ( - <> - - {name} - - ), - 'addons-a11y': ( - <> - - {name} - - ), - 'addons-a11y-basebutton': ( - <> - - {name} - - ), - 'addons-a11y-basebutton--default': ( - <> - - {name} - - ), - }; - return map[id]; - }, - }, -}); diff --git a/code/examples/official-storybook/package.json b/code/examples/official-storybook/package.json deleted file mode 100644 index 1f95747ba222..000000000000 --- a/code/examples/official-storybook/package.json +++ /dev/null @@ -1,74 +0,0 @@ -{ - "name": "official-storybook", - "version": "7.0.0-alpha.35", - "private": true, - "scripts": { - "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./", - "debug": "cross-env NODE_OPTIONS=--inspect-brk STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 -c ./", - "do-storyshots-puppeteer": "../../node_modules/.bin/jest --projects=./storyshots-puppeteer", - "generate-addon-jest-testresults": "jest --config=tests/addon-jest.config.json --json --outputFile=stories/addon-jest.testresults.json", - "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 -c ./ --no-manager-cache", - "storyshots-puppeteer": "storybook build && yarn run do-storyshots-puppeteer" - }, - "dependencies": { - "formik": "^2.2.9" - }, - "devDependencies": { - "@emotion/jest": "^11.10.0", - "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5", - "@storybook/addon-a11y": "7.0.0-alpha.35", - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-interactions": "7.0.0-alpha.35", - "@storybook/addon-jest": "7.0.0-alpha.35", - "@storybook/addon-links": "7.0.0-alpha.35", - "@storybook/addon-storyshots": "7.0.0-alpha.35", - "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addon-toolbars": "7.0.0-alpha.35", - "@storybook/addon-viewport": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/cli": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/design-system": "^5.4.7", - "@storybook/jest": "^0.0.10", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/react": "7.0.0-alpha.35", - "@storybook/react-webpack5": "7.0.0-alpha.35", - "@storybook/router": "7.0.0-alpha.35", - "@storybook/source-loader": "7.0.0-alpha.35", - "@storybook/testing-library": "0.0.14-next.0", - "@storybook/theming": "7.0.0-alpha.35", - "@testing-library/dom": "^7.31.2", - "@testing-library/user-event": "^13.1.9", - "chromatic": "^6.0.2", - "cors": "^2.8.5", - "cross-env": "^7.0.3", - "enzyme-to-json": "^3.6.1", - "eventemitter3": "^4.0.7", - "express": "^4.17.1", - "format-json": "^1.0.3", - "global": "^4.4.0", - "lodash": "^4.17.21", - "paths.macro": "^3.0.1", - "prop-types": "^15.7.2", - "react": "16.14.0", - "react-dom": "16.14.0", - "storybook": "7.0.0-alpha.35", - "terser-webpack-plugin": "^5.3.1", - "uuid-browser": "^3.1.0", - "webpack": "5" - }, - "peerDependencies": { - "puppeteer": "^2.0.0 || ^3.0.0" - }, - "storybook": { - "chromatic": { - "projectToken": "ab7m45tp9p" - } - } -} diff --git a/code/examples/official-storybook/preview-head.html b/code/examples/official-storybook/preview-head.html deleted file mode 100644 index 832d1d793982..000000000000 --- a/code/examples/official-storybook/preview-head.html +++ /dev/null @@ -1,12 +0,0 @@ - diff --git a/code/examples/official-storybook/statics/examples/example1/example1.txt b/code/examples/official-storybook/statics/examples/example1/example1.txt deleted file mode 100644 index b01a2ca4d50e..000000000000 --- a/code/examples/official-storybook/statics/examples/example1/example1.txt +++ /dev/null @@ -1 +0,0 @@ -example1! \ No newline at end of file diff --git a/code/examples/official-storybook/statics/examples/example2/example2.txt b/code/examples/official-storybook/statics/examples/example2/example2.txt deleted file mode 100644 index 760014c6d2fb..000000000000 --- a/code/examples/official-storybook/statics/examples/example2/example2.txt +++ /dev/null @@ -1 +0,0 @@ -example2! \ No newline at end of file diff --git a/code/examples/official-storybook/statics/public/public.txt b/code/examples/official-storybook/statics/public/public.txt deleted file mode 100644 index e043990393f4..000000000000 --- a/code/examples/official-storybook/statics/public/public.txt +++ /dev/null @@ -1 +0,0 @@ -public! \ No newline at end of file diff --git a/code/examples/official-storybook/stories/addon-docs/container-override.stories.mdx b/code/examples/official-storybook/stories/addon-docs/container-override.stories.mdx deleted file mode 100644 index cefd2c593f8e..000000000000 --- a/code/examples/official-storybook/stories/addon-docs/container-override.stories.mdx +++ /dev/null @@ -1,38 +0,0 @@ -import { useRef } from 'react'; -import { Meta, DocsContainer, Story, ArgsTable } from '@storybook/addon-docs'; - - { - const countRef = useRef(); - countRef.current = (countRef.current || 0) + 1; - return ( - -
{children}
-

Container rendered {countRef.current} times

-

Try changing:

-
    -
  • the arg - story should rerender but container should not
    • -
  • a global (eg theme) - both should rerender
    • -
- - ); - }, - }, - }} -/> - -export const Component = () => { - const countRef = useRef(); - countRef.current = (countRef.current || 0) + 1; - return
Story rendered {countRef.current} times
; -}; - - - - - - diff --git a/code/examples/official-storybook/stories/addon-docs/forward-ref-inner-proptypes.stories.js b/code/examples/official-storybook/stories/addon-docs/forward-ref-inner-proptypes.stories.js deleted file mode 100644 index fc6789af1dbb..000000000000 --- a/code/examples/official-storybook/stories/addon-docs/forward-ref-inner-proptypes.stories.js +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import { ForwardRefButtonInnerPropTypes } from '../../components/ForwardRefButton'; - -export default { - title: 'Addons/Docs/ForwardRefInnerPropTypes', - component: ForwardRefButtonInnerPropTypes, - parameters: { - chromatic: { disable: true }, - docs: { source: { type: 'dynamic' } }, - }, -}; - -export const DisplaysCorrectly = () => ; -DisplaysCorrectly.storyName = - 'Displays forward ref component w/ inner propTypes correctly w/o args'; diff --git a/code/examples/official-storybook/stories/addon-docs/forward-ref-outer-proptypes.stories.js b/code/examples/official-storybook/stories/addon-docs/forward-ref-outer-proptypes.stories.js deleted file mode 100644 index 7feb23f4050d..000000000000 --- a/code/examples/official-storybook/stories/addon-docs/forward-ref-outer-proptypes.stories.js +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import { ForwardRefButtonOuterPropTypes } from '../../components/ForwardRefButton'; - -export default { - title: 'Addons/Docs/ForwardRefOuterPropTypes', - component: ForwardRefButtonOuterPropTypes, - parameters: { - chromatic: { disable: true }, - docs: { source: { type: 'dynamic' } }, - }, -}; - -export const DisplaysCorrectly = () => ; -DisplaysCorrectly.storyName = 'Displays forward ref component w/ outer propTypes correctly'; diff --git a/code/examples/official-storybook/stories/addon-docs/imported.stories.tsx b/code/examples/official-storybook/stories/addon-docs/imported.stories.tsx deleted file mode 100644 index ce1e9937ef16..000000000000 --- a/code/examples/official-storybook/stories/addon-docs/imported.stories.tsx +++ /dev/null @@ -1,6 +0,0 @@ -import React from 'react'; -import { Button } from '../../components/react-demo'; - -export default { title: 'Addons/Docs/Imported', component: Button }; -export const Basic = (args: any) => - - ); - }} - diff --git a/code/examples/official-storybook/stories/addon-docs/stories.mdx b/code/examples/official-storybook/stories/addon-docs/stories.mdx deleted file mode 100644 index b14b7e13abc9..000000000000 --- a/code/examples/official-storybook/stories/addon-docs/stories.mdx +++ /dev/null @@ -1,7 +0,0 @@ -import { Meta } from '@storybook/addon-docs'; - - - -# Stories - -Addon-docs supports `story.mdx` and `stories.mdx` for people who group their components by folder, e.g. `Button/{index.tsx,stories.mdx}`. diff --git a/code/examples/official-storybook/stories/addon-docs/title-generators.ts b/code/examples/official-storybook/stories/addon-docs/title-generators.ts deleted file mode 100644 index f5b0f0abce45..000000000000 --- a/code/examples/official-storybook/stories/addon-docs/title-generators.ts +++ /dev/null @@ -1 +0,0 @@ -export const titleFunction = (title: string) => `Addons/Docs/${title}`; diff --git a/code/examples/official-storybook/stories/addon-highlight.stories.js b/code/examples/official-storybook/stories/addon-highlight.stories.js deleted file mode 100644 index 8f6dc6bfcb9e..000000000000 --- a/code/examples/official-storybook/stories/addon-highlight.stories.js +++ /dev/null @@ -1,104 +0,0 @@ -import React from 'react'; -import { useChannel } from '@storybook/addons'; -import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight'; -import { Page } from '../components/page/Page'; - -export default { - title: 'Addons/Highlight', - component: Page, -}; - -const Template = () => ; - -export const OneSelector = Template.bind({}); -OneSelector.decorators = [ - (storyFn) => { - const emit = useChannel({}); - - emit(HIGHLIGHT, { - elements: ['.page-title'], - }); - - return storyFn(); - }, -]; - -export const MultipleSelectors = Template.bind({}); -MultipleSelectors.decorators = [ - (storyFn) => { - const emit = useChannel({}); - - emit(HIGHLIGHT, { - elements: ['a', 'button'], - }); - - return storyFn(); - }, -]; - -export const CustomColor = Template.bind({}); -CustomColor.decorators = [ - (storyFn) => { - const emit = useChannel({}); - - emit(HIGHLIGHT, { - elements: ['.tip-wrapper'], - color: '#6c1d5c', - style: 'solid', - }); - - return storyFn(); - }, -]; - -export const OutlineStyle = Template.bind({}); -OutlineStyle.decorators = [ - (storyFn) => { - const emit = useChannel({}); - - emit(HIGHLIGHT, { - elements: ['.page-title'], - color: '#6c1d5c', - style: 'double', - }); - - return storyFn(); - }, -]; - -export const MultipleEvents = Template.bind({}); -MultipleEvents.decorators = [ - (storyFn) => { - const emit = useChannel({}); - - emit(HIGHLIGHT, { - elements: ['.tip-wrapper'], - color: '#6c1d5c', - style: 'solid', - }); - - emit(HIGHLIGHT, { - elements: ['ul'], - color: '#6c1d5c', - style: 'dotted', - }); - return storyFn(); - }, -]; - -export const Reset = Template.bind({}); -Reset.decorators = [ - (storyFn) => { - const emit = useChannel({}); - - emit(HIGHLIGHT, { - elements: ['ul'], - color: '#6c1d5c', - style: 'dotted', - }); - - emit(RESET_HIGHLIGHT); - - return storyFn(); - }, -]; diff --git a/code/examples/official-storybook/stories/addon-interactions/AccountForm.stories.tsx b/code/examples/official-storybook/stories/addon-interactions/AccountForm.stories.tsx deleted file mode 100644 index 04a715a86206..000000000000 --- a/code/examples/official-storybook/stories/addon-interactions/AccountForm.stories.tsx +++ /dev/null @@ -1,119 +0,0 @@ -/* eslint-disable @typescript-eslint/no-non-null-assertion */ -import React from 'react'; -import type { ComponentMeta, ComponentStoryObj } from '@storybook/react'; -import { userEvent, within } from '@storybook/testing-library'; - -import { AccountForm, AccountFormProps } from './AccountForm'; - -export default { - title: 'Addons/Interactions/AccountForm', - component: AccountForm, - parameters: { - layout: 'centered', - }, -} as ComponentMeta; - -type Story = ComponentStoryObj; - -const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms)); - -export const Standard: Story = { - args: { passwordVerification: false }, -}; - -export const StandardEmailFilled: Story = { - ...Standard, - play: async ({ canvasElement }) => { - const canvas = within(canvasElement); - await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com'); - }, -}; - -export const StandardEmailFailed: Story = { - ...Standard, - play: async ({ canvasElement }) => { - const canvas = within(canvasElement); - await userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com.com@com'); - await userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail'); - await userEvent.click(canvas.getByTestId('submit')); - }, -}; - -export const StandardPasswordFailed: Story = { - ...Standard, - play: async (context) => { - const canvas = within(context.canvasElement); - await StandardEmailFilled.play!(context); - await userEvent.type(canvas.getByTestId('password1'), 'asdf'); - await userEvent.click(canvas.getByTestId('submit')); - }, -}; - -export const StandardFailHover: Story = { - ...StandardPasswordFailed, - play: async (context) => { - const canvas = within(context.canvasElement); - await StandardPasswordFailed.play!(context); - await sleep(100); - await userEvent.hover(canvas.getByTestId('password-error-info')); - }, -}; -StandardFailHover.parameters = { - // IE fails with userEvent.hover - chromatic: { disableSnapshot: true }, -}; - -export const Verification: Story = { - args: { passwordVerification: true }, -}; - -export const VerificationPasssword1: Story = { - ...Verification, - play: async (context) => { - const canvas = within(context.canvasElement); - await StandardEmailFilled.play!(context); - await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf'); - await userEvent.click(canvas.getByTestId('submit')); - }, -}; - -export const VerificationPasswordMismatch: Story = { - ...Verification, - play: async (context) => { - const canvas = within(context.canvasElement); - await StandardEmailFilled.play!(context); - await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf'); - await userEvent.type(canvas.getByTestId('password2'), 'asdf1234'); - await userEvent.click(canvas.getByTestId('submit')); - }, -}; - -export const VerificationSuccess: Story = { - ...Verification, - play: async (context) => { - const canvas = within(context.canvasElement); - await StandardEmailFilled.play!(context); - await sleep(1000); - await userEvent.type(canvas.getByTestId('password1'), 'asdfasdf', { delay: 50 }); - await sleep(1000); - await userEvent.type(canvas.getByTestId('password2'), 'asdfasdf', { delay: 50 }); - await sleep(1000); - await userEvent.click(canvas.getByTestId('submit')); - }, -}; -// IE fails with this interaction -VerificationSuccess.parameters = { - chromatic: { - disableSnapshot: true, - }, -}; - -export const StandardWithRenderFunction: Story = { - ...Standard, - render: (args: AccountFormProps) => ( -
-

This uses a custom render

- -
- ), -}; diff --git a/code/examples/official-storybook/stories/addon-interactions/AccountForm.tsx b/code/examples/official-storybook/stories/addon-interactions/AccountForm.tsx deleted file mode 100644 index 8a599f7fc09f..000000000000 --- a/code/examples/official-storybook/stories/addon-interactions/AccountForm.tsx +++ /dev/null @@ -1,553 +0,0 @@ -import React, { FC, HTMLAttributes, useCallback, useState } from 'react'; -import { keyframes, styled } from '@storybook/theming'; -import { - ErrorMessage, - Field as FormikInput, - Form as FormikForm, - Formik, - FormikProps, -} from 'formik'; -import { Icons, WithTooltip } from '@storybook/components'; - -const errorMap = { - email: { - required: { - normal: 'Please enter your email address', - tooltip: - 'We do require an email address and a password as a minimum in order to be able to create an account for you to log in with', - }, - format: { - normal: 'Please enter a correctly formatted email address', - tooltip: - 'Your email address is formatted incorrectly and is not correct - please double check for misspelling', - }, - }, - password: { - required: { - normal: 'Please enter a password', - tooltip: 'A password is required to create an account', - }, - length: { - normal: 'Please enter a password of minimum 6 characters', - tooltip: - 'For security reasons we enforce a password length of minimum 6 characters - but have no other requirements', - }, - }, - verifiedPassword: { - required: { - normal: 'Please verify your password', - tooltip: - 'Verification of your password is required to ensure no errors in the spelling of the password', - }, - match: { - normal: 'Your passwords do not match', - tooltip: - 'Your verification password has to match your password to make sure you have not misspelled', - }, - }, -}; - -// https://emailregex.com/ -const email99RegExp = new RegExp( - // eslint-disable-next-line no-useless-escape - /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ -); - -export interface AccountFormResponse { - success: boolean; -} - -export interface AccountFormValues { - email: string; - password: string; -} - -interface FormValues extends AccountFormValues { - verifiedPassword: string; -} - -interface FormErrors { - email?: string; - emailTooltip?: string; - password?: string; - passwordTooltip?: string; - verifiedPassword?: string; - verifiedPasswordTooltip?: string; -} - -export type AccountFormProps = { - passwordVerification?: boolean; - onSubmit?: (values: AccountFormValues) => void; - onTransactionStart?: (values: AccountFormValues) => void; - onTransactionEnd?: (values: AccountFormResponse) => void; -}; - -export const AccountForm: FC = ({ - passwordVerification, - onSubmit, - onTransactionStart, - onTransactionEnd, -}) => { - const [state, setState] = useState({ - transacting: false, - transactionSuccess: false, - transactionFailure: false, - }); - - const handleFormSubmit = useCallback( - async ({ email, password }: FormValues, { setSubmitting, resetForm }) => { - if (onSubmit) { - onSubmit({ email, password }); - } - - if (onTransactionStart) { - onTransactionStart({ email, password }); - } - - setSubmitting(true); - - setState({ - ...state, - transacting: true, - }); - - await new Promise((r) => setTimeout(r, 2100)); - - const success = Math.random() < 1; - - if (onTransactionEnd) { - onTransactionEnd({ success }); - } - - setSubmitting(false); - resetForm({ values: { email: '', password: '', verifiedPassword: '' } }); - - setState({ - ...state, - transacting: false, - transactionSuccess: success === true, - transactionFailure: success === false, - }); - }, - [setState, onTransactionEnd, onTransactionStart] - ); - - return ( - - - - Storybook icon - - - - - - - - <title>Storybook - - - - - - {!state.transactionSuccess && !state.transactionFailure && ( - Create an account to join the Storybook community - )} - - {state.transactionSuccess && !state.transactionFailure && ( - -

- Everything is perfect. Your account is ready and we should probably get you started! -

-

So why don't you get started then?

- { - setState({ - transacting: false, - transactionSuccess: false, - transactionFailure: false, - }); - }} - > - Go back - - - )} - {state.transactionFailure && !state.transactionSuccess && ( - -

What a mess, this API is not working

-

- Someone should probably have a stern talking to about this, but it won't be me - coz - I'm gonna head out into the nice weather -

- { - setState({ - transacting: false, - transactionSuccess: false, - transactionFailure: false, - }); - }} - > - Go back - - - )} - {!state.transactionSuccess && !state.transactionFailure && ( - { - const errors: FormErrors = {}; - - if (!email) { - errors.email = errorMap.email.required.normal; - errors.emailTooltip = errorMap.email.required.tooltip; - } else { - const validEmail = email.match(email99RegExp); - - if (validEmail === null) { - errors.email = errorMap.email.format.normal; - errors.emailTooltip = errorMap.email.format.tooltip; - } - } - - if (!password) { - errors.password = errorMap.password.required.normal; - errors.passwordTooltip = errorMap.password.required.tooltip; - } else if (password.length < 6) { - errors.password = errorMap.password.length.normal; - errors.passwordTooltip = errorMap.password.length.tooltip; - } - - if (passwordVerification && !verifiedPassword) { - errors.verifiedPassword = errorMap.verifiedPassword.required.normal; - errors.verifiedPasswordTooltip = errorMap.verifiedPassword.required.tooltip; - } else if (passwordVerification && password !== verifiedPassword) { - errors.verifiedPassword = errorMap.verifiedPassword.match.normal; - errors.verifiedPasswordTooltip = errorMap.verifiedPassword.match.tooltip; - } - - return errors; - }} - > - {({ errors: _errors, isSubmitting, dirty }: FormikProps) => { - const errors = _errors as FormErrors; - - return ( -
- - - - {({ field }: { field: HTMLAttributes }) => ( - <> - - {errors.email && ( - {errors.emailTooltip}} - > - - - - - - )} - - )} - - - - - - {({ field }: { field: HTMLAttributes }) => ( - - )} - - {errors.password && ( - {errors.passwordTooltip}}> - - - - - - )} - - {passwordVerification && ( - - - - {({ field }: { field: HTMLAttributes }) => ( - - )} - - {errors.verifiedPassword && ( - {errors.verifiedPasswordTooltip}} - > - - - - - - )} - - )} - - - Create Account - - - Reset - - -
- ); - }} - - )} - - - ); -}; - -const Wrapper = styled.section(({ theme }) => ({ - fontFamily: theme.typography.fonts.base, - display: 'flex', - flexDirection: 'column', - alignItems: 'center', - width: 450, - padding: 32, - color: theme.color.defaultText, - backgroundColor: theme.background.content, - borderRadius: 7, -})); - -const Brand = styled.div({ - display: 'flex', - alignItems: 'center', - justifyContent: 'center', -}); - -const Title = styled.svg({ - height: 40, - zIndex: 1, - left: -32, - position: 'relative', -}); - -const logoAnimation = keyframes({ - '0': { - transform: 'rotateY(0deg)', - transformOrigin: '50% 5% 0', - }, - '100%': { - transform: 'rotateY(360deg)', - transformOrigin: '50% 5% 0', - }, -}); - -interface LogoProps { - transacting: boolean; -} - -const Logo = styled.svg( - ({ transacting }) => - transacting && { - animation: `${logoAnimation} 1250ms both infinite`, - }, - { height: 40, zIndex: 10, marginLeft: 32 } -); - -const Introduction = styled.p({ - marginTop: 20, - textAlign: 'center', -}); - -const Content = styled.div({ - display: 'flex', - alignItems: 'flex-start', - justifyContent: 'center', - width: 350, - minHeight: 189, - marginTop: 8, -}); - -const Presentation = styled.div({ - textAlign: 'center', -}); - -const Form = styled(FormikForm)({ - width: '100%', - alignSelf: 'flex-start', - '&[aria-disabled="true"]': { - opacity: 0.6, - }, -}); - -const FieldWrapper = styled.div({ - display: 'flex', - flexDirection: 'column', - justifyContent: 'stretch', - marginBottom: 10, -}); - -const Label = styled.label({ - fontSize: 13, - fontWeight: 500, - marginBottom: 6, -}); - -const Input = styled.input(({ theme }) => ({ - fontSize: 14, - color: theme.color.defaultText, - padding: '10px 15px', - borderRadius: 4, - appearance: 'none', - outline: 'none', - border: '0 none', - boxShadow: 'rgb(0 0 0 / 10%) 0px 0px 0px 1px inset', - '&:focus': { - boxShadow: 'rgb(30 167 253) 0px 0px 0px 1px inset', - }, - '&:active': { - boxShadow: 'rgb(30 167 253) 0px 0px 0px 1px inset', - }, - '&[aria-invalid="true"]': { - boxShadow: 'rgb(255 68 0) 0px 0px 0px 1px inset', - }, -})); - -const ErrorWrapper = styled.div({ - display: 'flex', - alignItems: 'flex-start', - fontSize: 11, - marginTop: 6, - cursor: 'help', -}); - -const ErrorIcon = styled(Icons)(({ theme }) => ({ - fill: theme.color.defaultText, - opacity: 0.8, - marginRight: 6, - marginLeft: 2, - marginTop: 1, -})); - -const ErrorTooltip = styled.div(({ theme }) => ({ - fontFamily: theme.typography.fonts.base, - fontSize: 13, - padding: 8, - maxWidth: 350, -})); - -const Actions = styled.div({ - alignSelf: 'stretch', - display: 'flex', - justifyContent: 'space-between', - marginTop: 24, -}); - -const Error = styled(ErrorMessage)({}); - -interface ButtonProps { - dirty?: boolean; -} - -const Button = styled.button({ - backgroundColor: 'transparent', - border: '0 none', - outline: 'none', - appearance: 'none', - fontWeight: 500, - fontSize: 12, - flexBasis: '50%', - cursor: 'pointer', - padding: '11px 16px', - borderRadius: 4, - textTransform: 'uppercase', - '&:focus': { - textDecoration: 'underline', - fontWeight: 700, - }, - '&:active': { - textDecoration: 'underline', - fontWeight: 700, - }, - '&[aria-disabled="true"]': { - cursor: 'default', - }, -}); - -const Submit = styled(Button)(({ theme, dirty }) => ({ - marginRight: 8, - backgroundColor: theme.color.secondary, - color: theme.color.lightest, - opacity: dirty ? 1 : 0.6, - boxShadow: 'rgb(30 167 253 / 10%) 0 0 0 1px inset', -})); - -const Reset = styled(Button)(({ theme }) => ({ - marginLeft: 8, - boxShadow: 'rgb(30 167 253) 0 0 0 1px inset', - color: theme.color.secondary, -})); diff --git a/code/examples/official-storybook/stories/addon-jest.stories.js b/code/examples/official-storybook/stories/addon-jest.stories.js deleted file mode 100644 index abb0aad1ae6d..000000000000 --- a/code/examples/official-storybook/stories/addon-jest.stories.js +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import { withTests as withTestsHOC } from '@storybook/addon-jest'; - -import results from './addon-jest.testresults.json'; - -export default { - title: 'Addons/Jest', - decorators: [withTestsHOC({ results })], -}; - -export const WithTests = () =>

Hello

; -WithTests.parameters = { jest: 'addon-jest' }; - -export const WithInferredTests = () =>

Inferred Tests

; - -export const DisabledTests = () =>

Disabled Tests

; -DisabledTests.parameters = { jest: { disabled: true } }; diff --git a/code/examples/official-storybook/stories/addon-jest.testresults.json b/code/examples/official-storybook/stories/addon-jest.testresults.json deleted file mode 100644 index f8cd25c7110d..000000000000 --- a/code/examples/official-storybook/stories/addon-jest.testresults.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "numFailedTestSuites": 1, - "numFailedTests": 4, - "numPassedTestSuites": 0, - "numPassedTests": 3, - "numPendingTestSuites": 0, - "numPendingTests": 2, - "numRuntimeErrorTestSuites": 0, - "numTodoTests": 2, - "numTotalTestSuites": 1, - "numTotalTests": 11, - "openHandles": [], - "snapshot": { - "added": 0, - "didUpdate": false, - "failure": true, - "filesAdded": 0, - "filesRemoved": 1, - "filesUnmatched": 0, - "filesUpdated": 0, - "matched": 0, - "total": 0, - "unchecked": 0, - "uncheckedKeysByFile": [], - "unmatched": 0, - "updated": 0 - }, - "startTime": 1564439110263, - "success": false, - "testResults": [ - { - "assertionResults": [ - { - "ancestorTitles": [], - "failureMessages": [], - "fullName": "true should be true", - "location": null, - "status": "passed", - "title": "true should be true" - }, - { - "ancestorTitles": ["In a describe: "], - "failureMessages": [], - "fullName": "In a describe: true should still be true", - "location": null, - "status": "passed", - "title": "true should still be true" - }, - { - "ancestorTitles": ["In a describe: "], - "failureMessages": [], - "fullName": "In a describe: a list should contain 3 items", - "location": null, - "status": "passed", - "title": "a list should contain 3 items" - }, - { - "ancestorTitles": ["In a describe: "], - "failureMessages": [ - "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // deep equality\u001b[22m\n\nExpected: \u001b[32m\"everything is awesome\"\u001b[39m\nReceived: \u001b[31m\"everything is all right\"\u001b[39m\n at Object.toEqual (/Users/fabianrademacher/React/storybook/examples/official-storybook/tests/addon-jest.test.js:16:39)\n at Object.asyncJestTest (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:102:37)\n at resolve (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:43:12)\n at new Promise ()\n at mapper (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:26:19)\n at promise.then (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:73:41)\n at process._tickCallback (internal/process/next_tick.js:68:7)" - ], - "fullName": "In a describe: everything is awesome", - "location": null, - "status": "failed", - "title": "everything is awesome" - }, - { - "ancestorTitles": ["A bunch of failing tests: "], - "failureMessages": [ - "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBe\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // Object.is equality\u001b[22m\n\nExpected: \u001b[32mfalse\u001b[39m\nReceived: \u001b[31mtrue\u001b[39m\n at Object.toBe (/Users/fabianrademacher/React/storybook/examples/official-storybook/tests/addon-jest.test.js:22:18)\n at Object.asyncJestTest (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:102:37)\n at resolve (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:43:12)\n at new Promise ()\n at mapper (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:26:19)\n at promise.then (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:73:41)\n at process._tickCallback (internal/process/next_tick.js:68:7)" - ], - "fullName": "A bunch of failing tests: true should still be true", - "location": null, - "status": "failed", - "title": "true should still be true" - }, - { - "ancestorTitles": ["A bunch of failing tests: "], - "failureMessages": [ - "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\nExpected value: \u001b[32m301\u001b[39m\nReceived array: \u001b[31m[\"a\", \"b\", \"3\"]\u001b[39m\n at Object.toContain (/Users/fabianrademacher/React/storybook/examples/official-storybook/tests/addon-jest.test.js:26:29)\n at Object.asyncJestTest (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:102:37)\n at resolve (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:43:12)\n at new Promise ()\n at mapper (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:26:19)\n at promise.then (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:73:41)\n at process._tickCallback (internal/process/next_tick.js:68:7)" - ], - "fullName": "A bunch of failing tests: a list should contain 3 items", - "location": null, - "status": "failed", - "title": "a list should contain 3 items" - }, - { - "ancestorTitles": ["A bunch of failing tests: "], - "failureMessages": [ - "Error: \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoThrow\u001b[2m()\u001b[22m\n\nReceived function did not throw\n at Object.toThrow (/Users/fabianrademacher/React/storybook/examples/official-storybook/tests/addon-jest.test.js:30:22)\n at Object.asyncJestTest (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:102:37)\n at resolve (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:43:12)\n at new Promise ()\n at mapper (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:26:19)\n at promise.then (/Users/fabianrademacher/React/storybook/node_modules/jest-jasmine2/build/queueRunner.js:73:41)\n at process._tickCallback (internal/process/next_tick.js:68:7)" - ], - "fullName": "A bunch of failing tests: should work", - "location": null, - "status": "failed", - "title": "should work" - }, - { - "ancestorTitles": ["A bunch of failing tests: "], - "failureMessages": [], - "fullName": "A bunch of failing tests: Test this Todo later", - "location": null, - "status": "todo", - "title": "Test this Todo later" - }, - { - "ancestorTitles": ["Skipped tests:"], - "failureMessages": [], - "fullName": "Skipped tests: Would be true if not skipped", - "location": null, - "status": "pending", - "title": "Would be true if not skipped" - }, - { - "ancestorTitles": ["Skipped tests:"], - "failureMessages": [], - "fullName": "Skipped tests: Could fail, if not skipped", - "location": null, - "status": "pending", - "title": "Could fail, if not skipped" - }, - { - "ancestorTitles": ["Skipped tests:"], - "failureMessages": [], - "fullName": "Skipped tests: Test Todo is not skipped", - "location": null, - "status": "todo", - "title": "Test Todo is not skipped" - } - ], - "endTime": 1564439111804, - "message": "\u001b[1m\u001b[31m \u001b[1m● \u001b[1mIn a describe: › everything is awesome\u001b[39m\u001b[22m\n\n \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoEqual\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // deep equality\u001b[22m\n\n Expected: \u001b[32m\"everything is awesome\"\u001b[39m\n Received: \u001b[31m\"everything is all right\"\u001b[39m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 14 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 15 | \u001b[39m test(\u001b[32m'everything is awesome'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m\u001b[31m\u001b[1m>\u001b[2m\u001b[39m\u001b[90m 16 | \u001b[39m expect(\u001b[32m'everything is all right'\u001b[39m)\u001b[33m.\u001b[39mtoEqual(\u001b[32m'everything is awesome'\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m | \u001b[39m \u001b[31m\u001b[1m^\u001b[2m\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 17 | \u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 18 | \u001b[39m})\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 19 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[2mat Object.toEqual (\u001b[2m\u001b[0m\u001b[36mexamples/official-storybook/tests/addon-jest.test.js\u001b[39m\u001b[0m\u001b[2m:16:39)\u001b[2m\u001b[22m\n\n\u001b[1m\u001b[31m \u001b[1m● \u001b[1mA bunch of failing tests: › true should still be true\u001b[39m\u001b[22m\n\n \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoBe\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // Object.is equality\u001b[22m\n\n Expected: \u001b[32mfalse\u001b[39m\n Received: \u001b[31mtrue\u001b[39m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 20 | \u001b[39mdescribe(\u001b[32m'A bunch of failing tests: '\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 21 | \u001b[39m test(\u001b[32m'true should still be true'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m\u001b[31m\u001b[1m>\u001b[2m\u001b[39m\u001b[90m 22 | \u001b[39m expect(\u001b[36mtrue\u001b[39m)\u001b[33m.\u001b[39mtoBe(\u001b[36mfalse\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m | \u001b[39m \u001b[31m\u001b[1m^\u001b[2m\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 23 | \u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 24 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 25 | \u001b[39m test(\u001b[32m'a list should contain 3 items'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[2mat Object.toBe (\u001b[2m\u001b[0m\u001b[36mexamples/official-storybook/tests/addon-jest.test.js\u001b[39m\u001b[0m\u001b[2m:22:18)\u001b[2m\u001b[22m\n\n\u001b[1m\u001b[31m \u001b[1m● \u001b[1mA bunch of failing tests: › a list should contain 3 items\u001b[39m\u001b[22m\n\n \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoContain\u001b[2m(\u001b[22m\u001b[32mexpected\u001b[39m\u001b[2m) // indexOf\u001b[22m\n\n Expected value: \u001b[32m301\u001b[39m\n Received array: \u001b[31m[\"a\", \"b\", \"3\"]\u001b[39m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 24 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 25 | \u001b[39m test(\u001b[32m'a list should contain 3 items'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m\u001b[31m\u001b[1m>\u001b[2m\u001b[39m\u001b[90m 26 | \u001b[39m expect([\u001b[32m'a'\u001b[39m\u001b[33m,\u001b[39m \u001b[32m'b'\u001b[39m\u001b[33m,\u001b[39m \u001b[32m'3'\u001b[39m])\u001b[33m.\u001b[39mtoContain(\u001b[35m301\u001b[39m)\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m | \u001b[39m \u001b[31m\u001b[1m^\u001b[2m\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 27 | \u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 28 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 29 | \u001b[39m test(\u001b[32m'should work'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[2mat Object.toContain (\u001b[2m\u001b[0m\u001b[36mexamples/official-storybook/tests/addon-jest.test.js\u001b[39m\u001b[0m\u001b[2m:26:29)\u001b[2m\u001b[22m\n\n\u001b[1m\u001b[31m \u001b[1m● \u001b[1mA bunch of failing tests: › should work\u001b[39m\u001b[22m\n\n \u001b[2mexpect(\u001b[22m\u001b[31mreceived\u001b[39m\u001b[2m).\u001b[22mtoThrow\u001b[2m()\u001b[22m\n\n Received function did not throw\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 28 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 29 | \u001b[39m test(\u001b[32m'should work'\u001b[39m\u001b[33m,\u001b[39m () \u001b[33m=>\u001b[39m {\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m\u001b[31m\u001b[1m>\u001b[2m\u001b[39m\u001b[90m 30 | \u001b[39m expect(() \u001b[33m=>\u001b[39m {})\u001b[33m.\u001b[39mtoThrow()\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m | \u001b[39m \u001b[31m\u001b[1m^\u001b[2m\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 31 | \u001b[39m })\u001b[33m;\u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 32 | \u001b[39m\u001b[0m\u001b[22m\n\u001b[2m \u001b[0m \u001b[90m 33 | \u001b[39m test\u001b[33m.\u001b[39mtodo(\u001b[32m'Test this Todo later'\u001b[39m)\u001b[0m\u001b[22m\n\u001b[2m\u001b[22m\n\u001b[2m \u001b[2mat Object.toThrow (\u001b[2m\u001b[0m\u001b[36mexamples/official-storybook/tests/addon-jest.test.js\u001b[39m\u001b[0m\u001b[2m:30:22)\u001b[2m\u001b[22m\n", - "name": "/Users/fabianrademacher/React/storybook/examples/official-storybook/tests/addon-jest.test.js", - "startTime": 1564439111282, - "status": "failed", - "summary": "" - } - ], - "wasInterrupted": false, - "coverageMap": {} -} diff --git a/code/examples/official-storybook/stories/addon-measure/BoxModel.stories.js b/code/examples/official-storybook/stories/addon-measure/BoxModel.stories.js deleted file mode 100644 index 17876cde74b4..000000000000 --- a/code/examples/official-storybook/stories/addon-measure/BoxModel.stories.js +++ /dev/null @@ -1,118 +0,0 @@ -import React from 'react'; -import { Visualization } from '../../components/addon-measure/Visualization'; - -export default { - title: 'Addons/Measure/BoxModel', - parameters: { - layout: 'fullscreen', - }, -}; - -const Template = (args) => ; - -export const MarginUniform = Template.bind({}); -MarginUniform.args = { - render: (ref) => ( -
- ), -}; - -export const MarginAsymmetric = Template.bind({}); -MarginAsymmetric.args = { - render: (ref) => ( -
- ), -}; - -export const PaddingUniform = Template.bind({}); -PaddingUniform.args = { - render: (ref) => ( -
- ), -}; - -export const PaddingAsymmetric = Template.bind({}); -PaddingAsymmetric.args = { - render: (ref) => ( -
- ), -}; - -export const BorderUniform = Template.bind({}); -BorderUniform.args = { - render: (ref) => ( -
- ), -}; - -export const BorderAsymmetric = Template.bind({}); -BorderAsymmetric.args = { - render: (ref) => ( -
- ), -}; - -export const DecimalSizing = Template.bind({}); -DecimalSizing.args = { - render: (ref) => ( -
- ), -}; diff --git a/code/examples/official-storybook/stories/addon-measure/Grid.stories.js b/code/examples/official-storybook/stories/addon-measure/Grid.stories.js deleted file mode 100644 index f9849389bf6d..000000000000 --- a/code/examples/official-storybook/stories/addon-measure/Grid.stories.js +++ /dev/null @@ -1,46 +0,0 @@ -import React from 'react'; - -export default { - title: 'Addons/Measure/Grid', -}; - -const MeasureButton = () => ( - - - -); - -export const Basic = () => ( -
-
- {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((id) => ( -
- {id} -
- ))} -
-

- Click the measure button in the toolbar to enable the addon -

-
-); diff --git a/code/examples/official-storybook/stories/addon-measure/ShadowRoot.stories.js b/code/examples/official-storybook/stories/addon-measure/ShadowRoot.stories.js deleted file mode 100644 index eec397d9d8d7..000000000000 --- a/code/examples/official-storybook/stories/addon-measure/ShadowRoot.stories.js +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react'; - -import { ShadowRoot } from '../../components/addon-measure/ShadowRoot'; - -export default { - title: 'Addons/Measure/ShadowRoot', - component: ShadowRoot, -}; - -const Template = (args) => ( -
- -
-); - -export const Root = Template.bind({}); - -export const Nested = Template.bind({}); -Nested.args = { - drawMode: 'NESTED', -}; diff --git a/code/examples/official-storybook/stories/addon-measure/SmallNode.stories.js b/code/examples/official-storybook/stories/addon-measure/SmallNode.stories.js deleted file mode 100644 index 6a38904f5d21..000000000000 --- a/code/examples/official-storybook/stories/addon-measure/SmallNode.stories.js +++ /dev/null @@ -1,73 +0,0 @@ -import React from 'react'; -import { Visualization } from '../../components/addon-measure/Visualization'; - -export default { - title: 'Addons/Measure/SmallNode', - parameters: { - layout: 'fullscreen', - }, -}; - -const Template = (args) => ; - -export const Everything30px = Template.bind({}); -Everything30px.args = { - render: (ref) => ( -
- ), -}; - -export const Short = Template.bind({}); -Short.args = { - render: (ref) => ( -
- ), -}; - -export const Narrow = Template.bind({}); -Narrow.args = { - render: (ref) => ( -
- ), -}; - -export const Tiny = Template.bind({}); -Tiny.args = { - render: (ref) => ( -
- ), -}; diff --git a/code/examples/official-storybook/stories/addon-measure/StackingLabels.stories.js b/code/examples/official-storybook/stories/addon-measure/StackingLabels.stories.js deleted file mode 100644 index cd8197237dec..000000000000 --- a/code/examples/official-storybook/stories/addon-measure/StackingLabels.stories.js +++ /dev/null @@ -1,67 +0,0 @@ -import React from 'react'; -import { Visualization } from '../../components/addon-measure/Visualization'; - -export default { - title: 'Addons/Measure/StackingLabels', - parameters: { - layout: 'fullscreen', - }, -}; - -const Template = (args) => ; - -export const EverythingUniform = Template.bind({}); -EverythingUniform.args = { - render: (ref) => ( -
- ), -}; - -export const Asymmetric = Template.bind({}); -Asymmetric.args = { - render: (ref) => ( -
- ), -}; - -export const MoreAsymmetric = Template.bind({}); -MoreAsymmetric.args = { - render: (ref) => ( -
- ), -}; diff --git a/code/examples/official-storybook/stories/addon-outline.stories.js b/code/examples/official-storybook/stories/addon-outline.stories.js deleted file mode 100644 index 714616c6ea3e..000000000000 --- a/code/examples/official-storybook/stories/addon-outline.stories.js +++ /dev/null @@ -1,46 +0,0 @@ -import React from 'react'; - -export default { - title: 'Addons/Outline', -}; - -const OutlineButton = () => ( - - - -); - -export const Basic = () => ( -
-
- {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((id) => ( -
- {id} -
- ))} -
-

- Click the outline button in the toolbar to toggle outlines -

-
-); diff --git a/code/examples/official-storybook/stories/addon-storyshots.stories.js b/code/examples/official-storybook/stories/addon-storyshots.stories.js deleted file mode 100644 index 057b87c42b40..000000000000 --- a/code/examples/official-storybook/stories/addon-storyshots.stories.js +++ /dev/null @@ -1,41 +0,0 @@ -/* eslint-disable storybook/use-storybook-expect */ -/* eslint-disable storybook/await-interactions */ -import React, { useState } from 'react'; -import { styled } from '@storybook/theming'; - -const BlockDiv = styled.div({ - display: 'inline-block', - height: 400, - width: 400, - background: 'hotpink', -}); - -export default { - title: 'Addons/Storyshots', -}; - -export const Block = () => { - const [hover, setHover] = useState(false); - - return ( - setHover(true)} - onMouseLeave={() => setHover(false)} - > - {hover && 'I am hovered'} - - ); -}; -Block.storyName = 'Block story'; - -Block.parameters = { - async puppeteerTest(page) { - const element = await page.$('[data-test-block]'); - await element.hover(); - const textContent = await element.getProperty('textContent'); - const text = await textContent.jsonValue(); - // eslint-disable-next-line jest/no-standalone-expect - expect(text).toBe('I am hovered'); - }, -}; diff --git a/code/examples/official-storybook/stories/demo/button.stories.js b/code/examples/official-storybook/stories/demo/button.stories.js deleted file mode 100644 index 1eb7cd97d65a..000000000000 --- a/code/examples/official-storybook/stories/demo/button.stories.js +++ /dev/null @@ -1,44 +0,0 @@ -import React, { useState } from 'react'; -import { Button } from '../../components/react-demo'; - -export default { - title: 'Other/Demo/Button', - component: Button, - id: 'demo-button-id', - parameters: { - docs: { - inlineStories: false, - description: { - component: 'Component description **markdown** override', - }, - }, - }, -}; - -export const WithText = () => ; -WithText.storyName = 'with text'; - -export const WithSomeEmoji = () => ( - -); -WithSomeEmoji.storyName = 'with some emoji'; - -export const WithCounter = () => { - const [counter, setCounter] = useState(0); - const label = `Testing: ${counter}`; - return ; -}; - -WithCounter.storyName = 'with counter'; - -WithCounter.parameters = { - docs: { - description: { - story: 'This demonstrates react hooks working inside stories. **Go team!** 🚀', - }, - }, -}; diff --git a/code/examples/official-storybook/stories/demo/button.stories.mdx b/code/examples/official-storybook/stories/demo/button.stories.mdx deleted file mode 100644 index 2e58b5902939..000000000000 --- a/code/examples/official-storybook/stories/demo/button.stories.mdx +++ /dev/null @@ -1,37 +0,0 @@ -import { useState } from 'react'; -import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'; -import { Button } from '../../components/react-demo'; - - - -# Simple Button - - - -## Hello - - - - - -## Emoji - - - - - -## Counter w/ Code - - - - {() => { - const [counter, setCounter] = useState(0); - const label = `Testing: ${counter}`; - return ; - }} - - diff --git a/code/examples/official-storybook/stories/demo/csf-embedding.test.js b/code/examples/official-storybook/stories/demo/csf-embedding.test.js deleted file mode 100644 index a0fcc5b96301..000000000000 --- a/code/examples/official-storybook/stories/demo/csf-embedding.test.js +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { render, fireEvent } from '@testing-library/react'; -import { WithCounter } from './button.stories'; - -describe('module story embedding', () => { - it('should test story state', () => { - const comp = render(); - fireEvent.click(comp.getByText('Testing: 0')); - expect(comp.getByText('Testing: 1')).toBeTruthy(); - }); -}); diff --git a/code/examples/official-storybook/stories/demo/setup.stories.tsx b/code/examples/official-storybook/stories/demo/setup.stories.tsx deleted file mode 100644 index 3c83fbbf341f..000000000000 --- a/code/examples/official-storybook/stories/demo/setup.stories.tsx +++ /dev/null @@ -1,22 +0,0 @@ -/* eslint-disable storybook/use-storybook-testing-library */ -// @TODO: use addon-interactions and remove the rule disable above -import React from 'react'; -import { screen } from '@testing-library/dom'; -import userEvent from '@testing-library/user-event'; - -const Input = () => ; - -export default { - title: 'Other/Demo/Setup', - component: Input, -}; - -export const WithPlay = { - play: async () => { - const inputs = screen.getAllByTestId('test-input'); - for (let i = 0; i < inputs.length; i += 1) { - // eslint-disable-next-line no-await-in-loop - await userEvent.type(inputs[i], 'asdfasdf', { delay: 10 }); - } - }, -}; diff --git a/code/examples/official-storybook/stories/demo/typed-button.stories.tsx b/code/examples/official-storybook/stories/demo/typed-button.stories.tsx deleted file mode 100644 index 2d8b11414e34..000000000000 --- a/code/examples/official-storybook/stories/demo/typed-button.stories.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React from 'react'; -import type { ComponentMeta, StoryFn, ComponentStoryFn } from '@storybook/react'; -import TsButton from '../../components/TsButton'; - -export default { - title: 'Other/Demo/TsButton', - component: TsButton, - decorators: [ - (StoryFn) => ( - <> - - - ), - ], -} as ComponentMeta; - -const Template: StoryFn = (args) => ; - -export const Basic = Template.bind({}); -Basic.args = { - type: 'default', - children: 'basic', -}; - -const TypedTemplate: ComponentStoryFn = (args) => ; - -export const Typed = TypedTemplate.bind({}); -Typed.args = { - type: 'action', - children: 'typed', - foo: 'bar', // should be a type error? -}; diff --git a/code/examples/official-storybook/stories/demo/welcome.stories.js b/code/examples/official-storybook/stories/demo/welcome.stories.js deleted file mode 100644 index 491b1b57e0c2..000000000000 --- a/code/examples/official-storybook/stories/demo/welcome.stories.js +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; -import { Welcome } from '../../components/react-demo'; - -export default { - title: 'Other/Demo/Welcome', - component: Welcome, -}; - -// Some other valid values: -// - 'other-demo-buttonmdx--with-text' -// - 'Other/Demo/ButtonMdx' -export const ToStorybook = () => {}} />; -ToStorybook.storyName = 'to Storybook'; diff --git a/code/examples/official-storybook/stories/notes/notes.md b/code/examples/official-storybook/stories/notes/notes.md deleted file mode 100644 index 13744bcc6e1d..000000000000 --- a/code/examples/official-storybook/stories/notes/notes.md +++ /dev/null @@ -1,11 +0,0 @@ -# This is a Markdown File - -#### It is imported and compiled using a webpack markdown loader - ---- - -Supports code snippets too: - -```jsx -
Foo
-``` diff --git a/code/examples/official-storybook/stories/notes/notes.mdx b/code/examples/official-storybook/stories/notes/notes.mdx deleted file mode 100644 index 90213a7cc411..000000000000 --- a/code/examples/official-storybook/stories/notes/notes.mdx +++ /dev/null @@ -1,12 +0,0 @@ -import { ArgsTable, Story } from '@storybook/addon-docs'; -import Button from '../../components/TsButton'; - -# Welcome! - -Let's write markdown without stories - -But we can still use doc blocks in our stories - - - - diff --git a/code/examples/official-storybook/storyshots-puppeteer/__image_snapshots__/storyshots-image-runner-js-image-snapshots-addons-storyshots-block-story-1-snap.png b/code/examples/official-storybook/storyshots-puppeteer/__image_snapshots__/storyshots-image-runner-js-image-snapshots-addons-storyshots-block-story-1-snap.png deleted file mode 100644 index 0d37ca666cef..000000000000 Binary files a/code/examples/official-storybook/storyshots-puppeteer/__image_snapshots__/storyshots-image-runner-js-image-snapshots-addons-storyshots-block-story-1-snap.png and /dev/null differ diff --git a/code/examples/official-storybook/storyshots-puppeteer/axe-tests.runner.js b/code/examples/official-storybook/storyshots-puppeteer/axe-tests.runner.js deleted file mode 100644 index 05dde656719d..000000000000 --- a/code/examples/official-storybook/storyshots-puppeteer/axe-tests.runner.js +++ /dev/null @@ -1,19 +0,0 @@ -/* This file is not suffixed by ".test.js" to not being run with all other test files. - * This test needs the static build of the storybook to run. - * `yarn run storyshots-puppeteer` generates the static build & uses storyshots-puppeteer. - * */ -import path from 'path'; -import initStoryshots from '@storybook/addon-storyshots'; -import { axeTest } from '@storybook/addon-storyshots-puppeteer'; -import getStorybookUrl from './getStorybookUrl'; - -const storybookUrl = getStorybookUrl(); -if (storybookUrl != null) { - initStoryshots({ - suite: 'Puppeteer tests', - storyKindRegex: /^Basics|UI/, - framework: 'react', - configPath: path.join(__dirname, '..'), - test: axeTest({ storybookUrl }), - }); -} diff --git a/code/examples/official-storybook/storyshots-puppeteer/getStorybookUrl.js b/code/examples/official-storybook/storyshots-puppeteer/getStorybookUrl.js deleted file mode 100644 index 913acc6c592c..000000000000 --- a/code/examples/official-storybook/storyshots-puppeteer/getStorybookUrl.js +++ /dev/null @@ -1,18 +0,0 @@ -import path from 'path'; -import fs from 'fs'; -import { logger } from '@storybook/node-logger'; - -export default function getStorybookUrl() { - if (process.env.USE_DEV_SERVER) { - return 'http://localhost:9011'; - } - - const pathToStorybookStatic = path.join(__dirname, '../', 'storybook-static'); - if (!fs.existsSync(pathToStorybookStatic)) { - logger.error( - 'You are running puppeteer tests without having the static build of storybook. Please run "yarn run build-storybook" before running tests.' - ); - return null; - } - return `file://${pathToStorybookStatic}`; -} diff --git a/code/examples/official-storybook/storyshots-puppeteer/jest.config.js b/code/examples/official-storybook/storyshots-puppeteer/jest.config.js deleted file mode 100644 index 427991f8b937..000000000000 --- a/code/examples/official-storybook/storyshots-puppeteer/jest.config.js +++ /dev/null @@ -1,11 +0,0 @@ -const path = require('path'); -const globalJestConfig = require('../../../jest.config'); - -const finalJestConfig = { ...globalJestConfig }; - -finalJestConfig.rootDir = path.join(__dirname, '../../..'); -finalJestConfig.testMatch = [ - '/examples/official-storybook/storyshots-puppeteer/*.runner.js', -]; - -module.exports = finalJestConfig; diff --git a/code/examples/official-storybook/storyshots-puppeteer/puppeteer-tests.runner.js b/code/examples/official-storybook/storyshots-puppeteer/puppeteer-tests.runner.js deleted file mode 100644 index df5db691816a..000000000000 --- a/code/examples/official-storybook/storyshots-puppeteer/puppeteer-tests.runner.js +++ /dev/null @@ -1,19 +0,0 @@ -/* This file is not suffixed by ".test.js" to not being run with all other test files. - * This test needs the static build of the storybook to run. - * `yarn run storyshots-puppeteer` generates the static build & uses storyshots-puppeteer. - * */ -import path from 'path'; -import initStoryshots from '@storybook/addon-storyshots'; -import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer'; -import getStorybookUrl from './getStorybookUrl'; - -const storybookUrl = getStorybookUrl(); -if (storybookUrl != null) { - initStoryshots({ - suite: 'Puppeteer tests', - storyKindRegex: /^Addons\/Storyshots/, - framework: 'react', - configPath: path.join(__dirname, '..'), - test: puppeteerTest({ storybookUrl }), - }); -} diff --git a/code/examples/official-storybook/storyshots-puppeteer/storyshots-image.runner.js b/code/examples/official-storybook/storyshots-puppeteer/storyshots-image.runner.js deleted file mode 100644 index 8f69249353de..000000000000 --- a/code/examples/official-storybook/storyshots-puppeteer/storyshots-image.runner.js +++ /dev/null @@ -1,25 +0,0 @@ -/* This file is not suffixed by ".test.js" to not being run with all other test files. - * This test needs the static build of the storybook to run. - * `yarn run storyshots-puppeteer` generates the static build & uses storyshots-puppeteer. - * */ -import path from 'path'; -import initStoryshots from '@storybook/addon-storyshots'; -import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer'; -import getStorybookUrl from './getStorybookUrl'; - -const storybookUrl = getStorybookUrl(); -if (storybookUrl != null) { - initStoryshots({ - suite: 'Image snapshots', - storyKindRegex: /^Addons\/Storyshots/, - framework: 'react', - configPath: path.join(__dirname, '..'), - test: imageSnapshot({ - storybookUrl, - getMatchOptions: () => ({ - failureThreshold: 0.02, // 2% threshold, - failureThresholdType: 'percent', - }), - }), - }); -} diff --git a/code/examples/official-storybook/tests/addon-jest.config.json b/code/examples/official-storybook/tests/addon-jest.config.json deleted file mode 100644 index c4d98bd88eaf..000000000000 --- a/code/examples/official-storybook/tests/addon-jest.config.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "rootDir": "../../..", - "verbose": true, - "coverageDirectory": "coverage/", - "notify": true, - "collectCoverage": true, - "collectCoverageFrom": [ - "../stories/**/*.js", - "../stories/*.js", - "!.*", - "!../stories/__test__/*", - "!../stories/**/__test__/*" - ], - "testMatch": ["/examples/official-storybook/tests/addon-jest.test.js"] -} diff --git a/code/examples/official-storybook/tests/addon-jest.test.js b/code/examples/official-storybook/tests/addon-jest.test.js deleted file mode 100644 index b33b6c4fbc93..000000000000 --- a/code/examples/official-storybook/tests/addon-jest.test.js +++ /dev/null @@ -1,46 +0,0 @@ -// This file is excluded from the `/scripts/test.js` script. (see root `jest.config.js` file) -test('true should be true', () => { - expect(true).toBe(true); -}); - -describe('In a describe: ', () => { - test('true should still be true', () => { - expect(true).toBe(true); - }); - - test('a list should contain 3 items', () => { - expect(['a', 'b', '3']).toHaveLength(3); - }); - - test('everything is awesome', () => { - expect('everything is all right').toEqual('everything is awesome'); - }); -}); - -describe('A bunch of failing tests: ', () => { - test('true should still be true', () => { - expect(true).toBe(false); - }); - - test('a list should contain 3 items', () => { - expect(['a', 'b', '3']).toContain(301); - }); - - test('should work', () => { - expect(() => {}).toThrow(); - }); - - test.todo('Test this Todo later'); -}); - -describe('Skipped tests:', () => { - test('Would be true if not skipped', () => { - expect(true).toBe(true); - }); - - test('Could fail, if not skipped', () => { - expect(() => {}).toThrow(); - }); - - test.todo('Test Todo is not skipped'); -}); diff --git a/code/examples/preact-kitchen-sink/.eslintrc.js b/code/examples/preact-kitchen-sink/.eslintrc.js deleted file mode 100644 index b1a66a613a18..000000000000 --- a/code/examples/preact-kitchen-sink/.eslintrc.js +++ /dev/null @@ -1,12 +0,0 @@ -module.exports = { - settings: { - react: { - pragma: 'h', - pragmaFrag: 'Fragment', - }, - }, - rules: { - 'react/react-in-jsx-scope': 'off', - 'react/prop-types': 'off', - }, -}; diff --git a/code/examples/preact-kitchen-sink/.gitignore b/code/examples/preact-kitchen-sink/.gitignore deleted file mode 100644 index 6c96c5cff124..000000000000 --- a/code/examples/preact-kitchen-sink/.gitignore +++ /dev/null @@ -1,15 +0,0 @@ -# See http://help.github.com/ignore-files/ for more about ignoring files. - -# dependencies -node_modules - -# testing -coverage - -# production -build - -# misc -.DS_Store -.env -npm-debug.log diff --git a/code/examples/preact-kitchen-sink/.storybook/main.ts b/code/examples/preact-kitchen-sink/.storybook/main.ts deleted file mode 100644 index 7c6fc81a44b8..000000000000 --- a/code/examples/preact-kitchen-sink/.storybook/main.ts +++ /dev/null @@ -1,45 +0,0 @@ -import type { StorybookConfig } from '@storybook/preact-webpack5'; - -const path = require('path'); - -const mainConfig: StorybookConfig = { - stories: ['../src/stories/**/*.stories.@(ts|tsx|js|jsx|mdx)'], - logLevel: 'debug', - addons: [ - '@storybook/addon-storysource', - '@storybook/addon-actions', - '@storybook/addon-docs', - '@storybook/addon-links', - '@storybook/addon-viewport', - '@storybook/addon-backgrounds', - '@storybook/addon-a11y', - '@storybook/addon-highlight', - ], - webpackFinal: (config) => { - const rules = config.module?.rules || []; - rules.push({ - test: [/\.stories\.(js|ts|jsx|tsx)$/], - use: [require.resolve('@storybook/source-loader')], - include: [path.resolve(__dirname, '../src')], - enforce: 'pre', - }); - - // eslint-disable-next-line no-param-reassign - config.module = config.module || {}; - // eslint-disable-next-line no-param-reassign - config.module.rules = rules; - return config; - }, - core: { - channelOptions: { allowFunction: false, maxDepth: 10 }, - disableTelemetry: true, - }, - staticDirs: ['../public'], - features: { - buildStoriesJson: true, - breakingChangesV7: true, - }, - framework: '@storybook/preact-webpack5', -}; - -module.exports = mainConfig; diff --git a/code/examples/preact-kitchen-sink/README.md b/code/examples/preact-kitchen-sink/README.md deleted file mode 100644 index f2c53ad4493f..000000000000 --- a/code/examples/preact-kitchen-sink/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Storybook Demo - -This is a demo app to test `preact` integration with Storybook. Run `yarn install` to sync Storybook module with the source code and run `yarn storybook` to start the Storybook. diff --git a/code/examples/preact-kitchen-sink/babel.config.json b/code/examples/preact-kitchen-sink/babel.config.json deleted file mode 100644 index fe34d5aaf2f7..000000000000 --- a/code/examples/preact-kitchen-sink/babel.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "plugins": [ - [ - "@babel/plugin-transform-react-jsx", - { - "pragma": "h", - "pragmaFrag": "Fragment" - } - ] - ] -} diff --git a/code/examples/preact-kitchen-sink/jest.config.js b/code/examples/preact-kitchen-sink/jest.config.js deleted file mode 100644 index bc70974353ed..000000000000 --- a/code/examples/preact-kitchen-sink/jest.config.js +++ /dev/null @@ -1,12 +0,0 @@ -const config = require('../../jest.config'); - -module.exports = { - ...config, - roots: [__dirname], - moduleNameMapper: { - '^react$': 'preact/compat', - '^react-dom/test-utils$': 'preact/test-utils', - '^react-dom$': 'preact/compat', - '^enzyme-adapter-react-16$': '/examples/preact-kitchen-sink/preact-enzyme-mapping.js', - }, -}; diff --git a/code/examples/preact-kitchen-sink/package.json b/code/examples/preact-kitchen-sink/package.json deleted file mode 100644 index 73efa3f83968..000000000000 --- a/code/examples/preact-kitchen-sink/package.json +++ /dev/null @@ -1,51 +0,0 @@ -{ - "name": "preact-example", - "version": "7.0.0-alpha.35", - "private": true, - "scripts": { - "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", - "build-storybook": "storybook build", - "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", - "storybook": "storybook dev -p 9009 --no-manager-cache" - }, - "dependencies": { - "global": "^4.4.0", - "preact": "^10.5.13" - }, - "devDependencies": { - "@babel/core": "^7.12.10", - "@storybook/addon-a11y": "7.0.0-alpha.35", - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-links": "7.0.0-alpha.35", - "@storybook/addon-storyshots": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addon-viewport": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/preact": "7.0.0-alpha.35", - "@storybook/preact-webpack5": "7.0.0-alpha.35", - "@storybook/source-loader": "7.0.0-alpha.35", - "@types/prop-types": "^15.7.3", - "@types/react": "^17", - "@types/react-dom": "^17", - "babel-loader": "^8.2.5", - "cross-env": "^7.0.3", - "enzyme-adapter-preact": "^0.2.0", - "file-loader": "^6.2.0", - "preact-render-to-string": "^5.1.19", - "prop-types": "^15.7.2", - "raw-loader": "^4.0.2", - "react": "^17.0.2", - "react-dom": "^17.0.2", - "storybook": "7.0.0-alpha.35", - "svg-url-loader": "^7.1.1", - "webpack": "5", - "webpack-dev-server": "^4.8.1" - }, - "storybook": { - "chromatic": { - "projectToken": "ls0ikhnwqt" - } - } -} diff --git a/code/examples/preact-kitchen-sink/preact-enzyme-mapping.js b/code/examples/preact-kitchen-sink/preact-enzyme-mapping.js deleted file mode 100644 index 7cefe9bd0e12..000000000000 --- a/code/examples/preact-kitchen-sink/preact-enzyme-mapping.js +++ /dev/null @@ -1,3 +0,0 @@ -import { Adapter } from 'enzyme-adapter-preact'; - -export default Adapter; diff --git a/code/examples/preact-kitchen-sink/preactshots.test.js b/code/examples/preact-kitchen-sink/preactshots.test.js deleted file mode 100644 index d44a573ddaf6..000000000000 --- a/code/examples/preact-kitchen-sink/preactshots.test.js +++ /dev/null @@ -1,9 +0,0 @@ -import path from 'path'; -import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots'; - -initStoryshots({ - framework: 'preact', - configPath: path.join(__dirname, '.storybook'), - integrityOptions: { cwd: path.join(__dirname, 'src', 'stories') }, - test: multiSnapshotWithOptions(), -}); diff --git a/code/examples/preact-kitchen-sink/public/favicon.ico b/code/examples/preact-kitchen-sink/public/favicon.ico deleted file mode 100644 index f6da4336801b..000000000000 Binary files a/code/examples/preact-kitchen-sink/public/favicon.ico and /dev/null differ diff --git a/code/examples/preact-kitchen-sink/public/logo.png b/code/examples/preact-kitchen-sink/public/logo.png deleted file mode 100644 index 52d1623ea105..000000000000 Binary files a/code/examples/preact-kitchen-sink/public/logo.png and /dev/null differ diff --git a/code/examples/preact-kitchen-sink/src/Button.js b/code/examples/preact-kitchen-sink/src/Button.js deleted file mode 100644 index 793ffe0f4102..000000000000 --- a/code/examples/preact-kitchen-sink/src/Button.js +++ /dev/null @@ -1,19 +0,0 @@ -/** - * The button component will render a clickable button - */ - -const Button = ({ children, href, ...props }) => { - const TagName = href ? 'a' : 'button'; - - return ( - - {children} - - ); -}; - -Button.defaultProps = { - href: undefined, -}; - -export default Button; diff --git a/code/examples/preact-kitchen-sink/src/Welcome.js b/code/examples/preact-kitchen-sink/src/Welcome.js deleted file mode 100644 index 3c496a371f3f..000000000000 --- a/code/examples/preact-kitchen-sink/src/Welcome.js +++ /dev/null @@ -1,132 +0,0 @@ -const Main = (props) => ( -
-); - -const Title = ({ children, ...props }) =>

{children}

; - -const Note = (props) => ( -

-); - -const InlineCode = (props) => ( - -); - -const Link = ({ children, href, ...props }) => ( - - {children} - -); - -const NavButton = ({ children, ...props }) => ( - -); - -const Welcome = ({ showApp }) => ( -

- Welcome to storybook for Preact - Preact logo -

This is a UI component dev environment for your Preact app.

-

- We've added some basic stories inside the src/stories directory. -
A story is a single state of one or more UI components. You can have as many stories as - you want. -
- (Basically a story is like a visual test case.) -

-

- See these sample stories for a component called  - Button. -

-

- Just like that, you can add your own components as stories. -
- You can also edit those components and see changes right away. -
- (Try editing the Button stories located at  - src/stories/1-Button.stories.js - .) -

-

- Usually we create stories with smaller UI components in the app. -
- Have a look at the  - - Writing Stories - -  section in our documentation. -

- - NOTE: -
- Have a look at the .storybook/webpack.config.js to add webpack - loaders and plugins you are using in this project. - -
-); - -export { Welcome as default }; diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot deleted file mode 100644 index e34bf6d9f176..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot +++ /dev/null @@ -1,39 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Actions Action and method 1`] = ` -"" -`; - -exports[`Storyshots Addons/Actions Action only 1`] = ` -"" -`; - -exports[`Storyshots Addons/Actions Multiple actions 1`] = ` -"" -`; - -exports[`Storyshots Addons/Actions Multiple actions, object 1`] = ` -"" -`; diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot deleted file mode 100644 index 1772b691a29d..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot +++ /dev/null @@ -1,9 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Backgrounds Example 1 1`] = ` -"" -`; - -exports[`Storyshots Addons/Backgrounds Example 2 1`] = `""`; diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot deleted file mode 100644 index a57fa1a3a993..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot +++ /dev/null @@ -1,10 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Links Go to welcome 1`] = ` -"" -`; diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot deleted file mode 100644 index c9a2c36d7580..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot +++ /dev/null @@ -1,24 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Button with some emoji 1`] = ` -"" -`; - -exports[`Storyshots Button with text 1`] = ` -"" -`; diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/react-compat.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/react-compat.stories.storyshot deleted file mode 100644 index fd3cd9ea3c97..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/react-compat.stories.storyshot +++ /dev/null @@ -1,32 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots React Compatibility React Component Demo 1`] = ` -"
-

React component demo

-
-
- This is a React functional component rendered by Preact -
-
Clicked 0 times.
-
-
-
-
- This is a React class component rendered by Preact -
-
Clicked 0 times.
-
-
" -`; diff --git a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot deleted file mode 100644 index 80e80479664b..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/__snapshots__/welcome.stories.storyshot +++ /dev/null @@ -1,69 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Welcome to Storybook 1`] = ` -"
-

Welcome to storybook for Preact

- \\"Preact -

- This is a UI component dev environment for your Preact app. -

-

- We've added some basic stories inside the - src/stories - directory. -
- A story is a single state of one or more UI components. You can have as many stories as you want. -
- (Basically a story is like a visual test case.) -

-

- See these sample - - for a component called  - Button - . -

-

- Just like that, you can add your own components as stories. -
- You can also edit those components and see changes right away. -
- (Try editing the - Button - stories located at  - src/stories/1-Button.stories.js - .) -

-

- Usually we create stories with smaller UI components in the app. -
- Have a look at the  - - Writing Stories - -  section in our documentation. -

-

- NOTE: -
- Have a look at the - .storybook/webpack.config.js - to add webpack loaders and plugins you are using in this project. -

-
" -`; diff --git a/code/examples/preact-kitchen-sink/src/stories/button.stories.js b/code/examples/preact-kitchen-sink/src/stories/button.stories.js deleted file mode 100644 index 12d6b51b4136..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/button.stories.js +++ /dev/null @@ -1,20 +0,0 @@ -import Button from '../Button'; - -export default { - title: 'Button', - component: Button, -}; - -export const WithText = () => ; - -WithText.storyName = 'with text'; - -export const WithSomeEmoji = () => ( - -); - -WithSomeEmoji.storyName = 'with some emoji'; diff --git a/code/examples/preact-kitchen-sink/src/stories/test-cases/__snapshots__/test-component.stories.storyshot b/code/examples/preact-kitchen-sink/src/stories/test-cases/__snapshots__/test-component.stories.storyshot deleted file mode 100644 index becb2ae0400c..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/test-cases/__snapshots__/test-component.stories.storyshot +++ /dev/null @@ -1,3 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Pragma test Default 1`] = `"
This component should render OK.
"`; diff --git a/code/examples/preact-kitchen-sink/src/stories/test-cases/no-pragma.tsx b/code/examples/preact-kitchen-sink/src/stories/test-cases/no-pragma.tsx deleted file mode 100644 index 0f944ae9beb1..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/test-cases/no-pragma.tsx +++ /dev/null @@ -1,3 +0,0 @@ -const TestComponent = () =>
This component should render OK.
; - -export default TestComponent; diff --git a/code/examples/preact-kitchen-sink/src/stories/test-cases/test-component.stories.tsx b/code/examples/preact-kitchen-sink/src/stories/test-cases/test-component.stories.tsx deleted file mode 100644 index 0f7971b5d376..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/test-cases/test-component.stories.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import TestComponent from './no-pragma'; - -export default { - title: 'Pragma test', -}; - -export const Default = () => ; diff --git a/code/examples/preact-kitchen-sink/src/stories/welcome.stories.js b/code/examples/preact-kitchen-sink/src/stories/welcome.stories.js deleted file mode 100644 index bf681a0c28d9..000000000000 --- a/code/examples/preact-kitchen-sink/src/stories/welcome.stories.js +++ /dev/null @@ -1,12 +0,0 @@ -import Welcome from '../Welcome'; - -export default { - title: 'Welcome', - parameters: { - component: Welcome, - }, -}; - -export const ToStorybook = () => {}} />; - -ToStorybook.storyName = 'to Storybook'; diff --git a/code/examples/preact-kitchen-sink/tsconfig.json b/code/examples/preact-kitchen-sink/tsconfig.json deleted file mode 100644 index 221db17dabab..000000000000 --- a/code/examples/preact-kitchen-sink/tsconfig.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "compilerOptions": { - "jsx": "react-jsx", - "jsxFactory": "h", - "jsxFragmentFactory": "Fragment", - "jsxImportSource": "preact" - } -} diff --git a/code/examples/react-ts/.babelrc b/code/examples/react-ts/.babelrc deleted file mode 100644 index 7a23dd2f0016..000000000000 --- a/code/examples/react-ts/.babelrc +++ /dev/null @@ -1,7 +0,0 @@ -{ - "presets": [ - ["@babel/preset-env", { "targets": { "chrome": "100" } }], - "@babel/preset-react", - "@babel/preset-typescript" - ] -} diff --git a/code/examples/react-ts/.env b/code/examples/react-ts/.env deleted file mode 100644 index 1566bb1d76a7..000000000000 --- a/code/examples/react-ts/.env +++ /dev/null @@ -1 +0,0 @@ -FOO=bar \ No newline at end of file diff --git a/code/examples/react-ts/.storybook/main.ts b/code/examples/react-ts/.storybook/main.ts deleted file mode 100644 index 3329e0868074..000000000000 --- a/code/examples/react-ts/.storybook/main.ts +++ /dev/null @@ -1,49 +0,0 @@ -import type { StorybookConfig } from '@storybook/react-webpack5'; - -const config: StorybookConfig = { - stories: [ - { - directory: '../src/title', - titlePrefix: 'Custom Prefix', - }, - { - directory: '../src', - titlePrefix: 'Demo', - files: '*.stories.(js|ts|tsx)', - }, - ], - logLevel: 'debug', - addons: [ - '@storybook/addon-essentials', - '@storybook/addon-storysource', - '@storybook/addon-storyshots', - '@storybook/addon-a11y', - ], - docs: { - // enabled: false, - defaultName: 'Info', - // docsPage: false, - }, - typescript: { - check: true, - checkOptions: {}, - reactDocgenTypescriptOptions: { - propFilter: (prop) => ['label', 'disabled'].includes(prop.name), - }, - }, - core: { - channelOptions: { allowFunction: false, maxDepth: 10 }, - disableTelemetry: true, - }, - features: { - postcss: false, - storyStoreV7: !global.navigator?.userAgent?.match?.('jsdom'), - buildStoriesJson: true, - babelModeV7: true, - warnOnLegacyHierarchySeparator: false, - previewMdx2: true, - breakingChangesV7: true, - }, - framework: '@storybook/react-webpack5', -}; -module.exports = config; diff --git a/code/examples/react-ts/.storybook/manager.js b/code/examples/react-ts/.storybook/manager.js deleted file mode 100644 index ece01ccdfaee..000000000000 --- a/code/examples/react-ts/.storybook/manager.js +++ /dev/null @@ -1,8 +0,0 @@ -import { addons } from '@storybook/addons'; -import startCase from 'lodash/startCase'; - -addons.setConfig({ - sidebar: { - renderLabel: ({ name, type }) => (type === 'story' ? name : startCase(name)), - }, -}); diff --git a/code/examples/react-ts/.storybook/preview.tsx b/code/examples/react-ts/.storybook/preview.tsx deleted file mode 100644 index 47aa5c189bfe..000000000000 --- a/code/examples/react-ts/.storybook/preview.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react'; -import { ThemeProvider, convert, themes } from '@storybook/theming'; - -export const parameters = { - options: { - // storySortV6: (a, b) => ( - // a[1].kind === b[1].kind - // ? 0 - // : a[1].id.localeCompare(b[1].id, undefined, { numeric: true }); - // ), - // storySortV7: (a, b) => ( - // a.title === b.title - // ? 0 - // : a.id.localeCompare(b.id, undefined, { numeric: true }); - // ), - storySort: { - order: ['Examples', 'Docs', 'Demo'], - }, - }, -}; - -export const decorators = [ - (StoryFn) => ( - - - - ), -]; diff --git a/code/examples/react-ts/README.md b/code/examples/react-ts/README.md deleted file mode 100644 index 70d4f2ccb02b..000000000000 --- a/code/examples/react-ts/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Storybook TS example - -This Storybook demonstrates support for TypeScript in Storybook without additional configuration. diff --git a/code/examples/react-ts/package.json b/code/examples/react-ts/package.json deleted file mode 100644 index 53f6320a55b9..000000000000 --- a/code/examples/react-ts/package.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "name": "@storybook/example-react-ts", - "version": "7.0.0-alpha.35", - "private": true, - "scripts": { - "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build", - "debug": "cross-env NODE_OPTIONS=--inspect-brk STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011", - "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev --port=3044" - }, - "dependencies": { - "formik": "^2.2.9", - "prop-types": "15.7.2", - "react": "16.14.0", - "react-dom": "16.14.0" - }, - "devDependencies": { - "@babel/preset-env": "^7.12.11", - "@babel/preset-react": "^7.12.10", - "@babel/preset-typescript": "^7.12.7", - "@storybook/addon-essentials": "7.0.0-alpha.35", - "@storybook/addon-storyshots": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/cli": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/react": "7.0.0-alpha.35", - "@storybook/react-webpack5": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", - "@testing-library/dom": "^7.31.2", - "@testing-library/react": "12.1.2", - "@testing-library/user-event": "^13.1.9", - "@types/babel__preset-env": "^7", - "@types/react": "^16.14.23", - "@types/react-dom": "^16.9.14", - "cross-env": "^7.0.3", - "lodash": "^4.17.21", - "storybook": "7.0.0-alpha.35", - "typescript": "~4.6.3", - "webpack": "5" - } -} diff --git a/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap b/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap deleted file mode 100644 index 056db72986e9..000000000000 --- a/code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap +++ /dev/null @@ -1,292 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = ` -.emotion-0 { - border: 0; - border-radius: 3em; - cursor: pointer; - display: inline-block; - overflow: hidden; - padding: 8px 16px; - position: relative; - text-align: center; - -webkit-text-decoration: none; - text-decoration: none; - -webkit-transition: all 150ms ease-out; - transition: all 150ms ease-out; - -webkit-transform: translate3d(0,0,0); - -moz-transform: translate3d(0,0,0); - -ms-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - vertical-align: top; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - opacity: 1; - margin: 0; - background: transparent; - font-size: 12px; - font-weight: 700; - line-height: 1; - background: #F5FBFF; - color: #2E3438; - box-shadow: #D9E8F2 0 0 0 1px inset; - border-radius: 4px; - padding: 10px 16px; - display: inline; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - overflow: visible; - z-index: 2; -} - -.emotion-0 svg { - display: inline-block; - height: 12px; - width: 12px; - vertical-align: top; - margin-right: 4px; - margin-top: 0; - margin-bottom: 0; - pointer-events: none; -} - -.emotion-0 svg path { - fill: currentColor; -} - -.emotion-0:hover { - background: #ebf7ff; -} - -.emotion-0:active { - background: #F5FBFF; -} - -.emotion-0:focus { - box-shadow: rgba(2,156,253,1) 0 0 0 1px inset; - outline: none; -} - -.emotion-0:hover { - -webkit-transform: none; - -moz-transform: none; - -ms-transform: none; - transform: none; -} - - -`; - -exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = ` -.emotion-0 { - border: 0; - border-radius: 3em; - cursor: pointer; - display: inline-block; - overflow: hidden; - padding: 8px 16px; - position: relative; - text-align: center; - -webkit-text-decoration: none; - text-decoration: none; - -webkit-transition: all 150ms ease-out; - transition: all 150ms ease-out; - -webkit-transform: translate3d(0,0,0); - -moz-transform: translate3d(0,0,0); - -ms-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - vertical-align: top; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - opacity: 1; - margin: 0; - background: transparent; - font-size: 12px; - font-weight: 700; - line-height: 1; - background: #F5FBFF; - color: #2E3438; - box-shadow: #D9E8F2 0 0 0 1px inset; - border-radius: 4px; - padding: 10px 16px; - display: inline; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - overflow: visible; - z-index: 2; -} - -.emotion-0 svg { - display: inline-block; - height: 12px; - width: 12px; - vertical-align: top; - margin-right: 4px; - margin-top: 0; - margin-bottom: 0; - pointer-events: none; -} - -.emotion-0 svg path { - fill: currentColor; -} - -.emotion-0:hover { - background: #ebf7ff; -} - -.emotion-0:active { - background: #F5FBFF; -} - -.emotion-0:focus { - box-shadow: rgba(2,156,253,1) 0 0 0 1px inset; - outline: none; -} - -.emotion-0:hover { - -webkit-transform: none; - -moz-transform: none; - -ms-transform: none; - transform: none; -} - - -`; - -exports[`Storyshots Demo/Examples / Button Basic 1`] = ` - -`; - -exports[`Storyshots Demo/Examples / Button CSF 2 Story With Play 1`] = ` - -`; - -exports[`Storyshots Demo/Examples / Button Process Env 1`] = ` - -`; - -exports[`Storyshots Demo/Examples / Button Story No Render 1`] = ` - -`; - -exports[`Storyshots Demo/Examples / Button Story Object 1`] = `"hahaha"`; - -exports[`Storyshots Demo/Examples / Button Story With Play 1`] = ` - -`; - -exports[`Storyshots Demo/Examples / Button With Args 1`] = ` - -`; - -exports[`Storyshots Demo/Examples / Emoji Button Basic 1`] = ` - -`; - -exports[`Storyshots Demo/Examples / Emoji Button With Args 1`] = ` - -`; - -exports[`Storyshots Demo/button2 One 1`] = ` - -`; - -exports[`Storyshots Demo/button2 Three 1`] = ` - -`; - -exports[`Storyshots Demo/button2 Two 1`] = ` - -`; - -exports[`Storyshots Demo/button3 Five 1`] = ` - -`; - -exports[`Storyshots Demo/button3 Four 1`] = ` - -`; diff --git a/code/examples/react-ts/src/button.stories.tsx b/code/examples/react-ts/src/button.stories.tsx deleted file mode 100644 index 9586792e875d..000000000000 --- a/code/examples/react-ts/src/button.stories.tsx +++ /dev/null @@ -1,62 +0,0 @@ -/* eslint-disable storybook/await-interactions */ -/* eslint-disable storybook/use-storybook-testing-library */ -// @TODO: use addon-interactions and remove the rule disable above -import React from 'react'; -import type { Meta, ComponentStoryFn } from '@storybook/react'; -import { screen } from '@testing-library/dom'; -import userEvent from '@testing-library/user-event'; -import { Button } from './button'; - -const icons = { - foo: () => <>Foo, - bar: () => <>Bar, -}; - -export default { - component: Button, - title: 'Examples / Button', - argTypes: { - onClick: { action: 'click ' }, - icon: { - description: 'An icon, displayed to the left of the title.', - control: { type: 'select' }, - options: Object.keys(icons), - mapping: icons, - }, - }, - // render: () => <>hohoho, -} as Meta; - -export const WithArgs: ComponentStoryFn = (args) => - ); -}; diff --git a/code/examples/react-ts/src/button2.stories.tsx b/code/examples/react-ts/src/button2.stories.tsx deleted file mode 100644 index cfaa6df924d4..000000000000 --- a/code/examples/react-ts/src/button2.stories.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import { Button } from './button'; - -export default { - component: Button, - title: 'button2', -}; - -export const one = { args: { label: 'one' } }; -export const two = { args: { label: 'two' } }; -export const three = { args: { label: 'three' } }; diff --git a/code/examples/react-ts/src/button3.stories.tsx b/code/examples/react-ts/src/button3.stories.tsx deleted file mode 100644 index 941d8f436f3b..000000000000 --- a/code/examples/react-ts/src/button3.stories.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { Button } from './button'; - -export default { - component: Button, - title: 'button3', -}; - -export const four = { args: { label: 'four' } }; -export const five = { args: { label: 'five' } }; diff --git a/code/examples/react-ts/src/emoji-button.js b/code/examples/react-ts/src/emoji-button.js deleted file mode 100644 index 716afa1238c0..000000000000 --- a/code/examples/react-ts/src/emoji-button.js +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; - -export const EmojiButton = ({ label, ...props }) => ( - -); - -EmojiButton.propTypes = { - /** - * A label to show on the button - */ - label: PropTypes.string, -}; - -EmojiButton.defaultProps = { - label: 'Hello', -}; diff --git a/code/examples/react-ts/src/emoji-button.stories.js b/code/examples/react-ts/src/emoji-button.stories.js deleted file mode 100644 index 1e0fd8061134..000000000000 --- a/code/examples/react-ts/src/emoji-button.stories.js +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import { EmojiButton } from './emoji-button'; - -export default { component: EmojiButton, title: 'Examples / Emoji Button' }; - -export const WithArgs = (args) => ; -WithArgs.args = { label: 'With args' }; -export const Basic = () => ; diff --git a/code/examples/react-ts/src/storyshots.test.ts b/code/examples/react-ts/src/storyshots.test.ts deleted file mode 100644 index ac3f54f235b5..000000000000 --- a/code/examples/react-ts/src/storyshots.test.ts +++ /dev/null @@ -1,7 +0,0 @@ -import path from 'path'; -import initStoryshots from '@storybook/addon-storyshots'; - -initStoryshots({ - framework: 'react', - configPath: path.join(__dirname, '..', '.storybook'), -}); diff --git a/code/examples/react-ts/src/title/AutoTitle.stories.js b/code/examples/react-ts/src/title/AutoTitle.stories.js deleted file mode 100644 index a7fcbf4a4e82..000000000000 --- a/code/examples/react-ts/src/title/AutoTitle.stories.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; -import { Form } from '@storybook/components'; - -const { Button } = Form; - -export default { - // Title not needed due to CSF3 auto-title - // title: 'AutoTitle', - component: Button, -}; - -export const Basic = () => ; diff --git a/code/examples/react-ts/src/title/CustomTitle.stories.js b/code/examples/react-ts/src/title/CustomTitle.stories.js deleted file mode 100644 index 12182a5d961e..000000000000 --- a/code/examples/react-ts/src/title/CustomTitle.stories.js +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { Form } from '@storybook/components'; - -const { Button } = Form; - -export default { - title: 'CustomTitle', - component: Button, -}; - -export const Basic = () => ; diff --git a/code/examples/react-ts/tsconfig.json b/code/examples/react-ts/tsconfig.json deleted file mode 100644 index 2fcaac37a471..000000000000 --- a/code/examples/react-ts/tsconfig.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": ".", - "target": "ES2020", - "module": "CommonJS", - "esModuleInterop": true, - "jsx": "preserve", - "skipLibCheck": true, - "strict": true - }, - "include": ["src/*", ".storybook/main.ts"] -} diff --git a/code/examples/server-kitchen-sink/package.json b/code/examples/server-kitchen-sink/package.json index 976e0cd4a4ae..7599407550b4 100644 --- a/code/examples/server-kitchen-sink/package.json +++ b/code/examples/server-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "server-kitchen-sink", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "private": true, "description": "", "keywords": [], @@ -14,15 +14,15 @@ "storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet" }, "devDependencies": { - "@storybook/addon-a11y": "7.0.0-alpha.35", - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-links": "7.0.0-alpha.35", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/server": "7.0.0-alpha.35", - "@storybook/server-webpack5": "7.0.0-alpha.35", + "@storybook/addon-a11y": "7.0.0-alpha.38", + "@storybook/addon-actions": "7.0.0-alpha.38", + "@storybook/addon-backgrounds": "7.0.0-alpha.38", + "@storybook/addon-controls": "7.0.0-alpha.38", + "@storybook/addon-highlight": "7.0.0-alpha.38", + "@storybook/addon-links": "7.0.0-alpha.38", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/server": "7.0.0-alpha.38", + "@storybook/server-webpack5": "7.0.0-alpha.38", "concurrently": "^5.3.0", "cors": "^2.8.5", "express": "~4.17.1", @@ -30,6 +30,6 @@ "nodemon": "^2.0.7", "pug": "^3.0.0", "safe-identifier": "^0.4.1", - "storybook": "7.0.0-alpha.35" + "storybook": "7.0.0-alpha.38" } } diff --git a/code/examples/standalone-preview/package.json b/code/examples/standalone-preview/package.json index c343bf4b3a36..f00203da603e 100644 --- a/code/examples/standalone-preview/package.json +++ b/code/examples/standalone-preview/package.json @@ -1,20 +1,20 @@ { "name": "standalone-preview", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "private": true, "scripts": { "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 -c ../official-storybook --no-manager-cache --preview-url=http://localhost:1337/external-iframe.html", "storybook-preview": "cross-env PREVIEW_URL=external-iframe.html parcel ./storybook.html --port 1337" }, "devDependencies": { - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/cli": "7.0.0-alpha.35", - "@storybook/react": "7.0.0-alpha.35", - "@storybook/react-webpack5": "7.0.0-alpha.35", + "@storybook/addon-docs": "7.0.0-alpha.38", + "@storybook/cli": "7.0.0-alpha.38", + "@storybook/react": "7.0.0-alpha.38", + "@storybook/react-webpack5": "7.0.0-alpha.38", "cross-env": "^7.0.3", "parcel": "2.0.1", "react": "16.14.0", "react-dom": "16.14.0", - "storybook": "7.0.0-alpha.35" + "storybook": "7.0.0-alpha.38" } } diff --git a/code/examples/standalone-preview/storybook.ts b/code/examples/standalone-preview/storybook.ts index a588cf96ca02..c6d8c8cca9eb 100644 --- a/code/examples/standalone-preview/storybook.ts +++ b/code/examples/standalone-preview/storybook.ts @@ -1,15 +1,7 @@ import './addPreview'; -import { configure, addParameters } from '@storybook/react'; -import { DocsPage, DocsContainer } from '@storybook/addon-docs'; +import { configure } from '@storybook/react'; import * as Comp1 from './stories/Component1.stories'; import * as Comp2 from './stories/Component2.stories'; -addParameters({ - docs: { - page: DocsPage, - container: DocsContainer, - }, -}); - configure(() => [Comp1, Comp2], module); diff --git a/code/examples/svelte-kitchen-sink/package.json b/code/examples/svelte-kitchen-sink/package.json index 150c65f0c72b..d4fe51ee2fb1 100644 --- a/code/examples/svelte-kitchen-sink/package.json +++ b/code/examples/svelte-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "svelte-example", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "private": true, "scripts": { "build-storybook": "storybook build", @@ -10,24 +10,25 @@ "global": "^4.4.0" }, "devDependencies": { - "@storybook/addon-a11y": "7.0.0-alpha.35", - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-interactions": "7.0.0-alpha.35", - "@storybook/addon-links": "7.0.0-alpha.35", - "@storybook/addon-storyshots": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addon-viewport": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", + "@storybook/addon-a11y": "7.0.0-alpha.38", + "@storybook/addon-actions": "7.0.0-alpha.38", + "@storybook/addon-backgrounds": "7.0.0-alpha.38", + "@storybook/addon-controls": "7.0.0-alpha.38", + "@storybook/addon-docs": "7.0.0-alpha.38", + "@storybook/addon-highlight": "7.0.0-alpha.38", + "@storybook/addon-interactions": "7.0.0-alpha.38", + "@storybook/addon-links": "7.0.0-alpha.38", + "@storybook/addon-storyshots": "7.0.0-alpha.38", + "@storybook/addon-storysource": "7.0.0-alpha.38", + "@storybook/addon-viewport": "7.0.0-alpha.38", + "@storybook/addons": "7.0.0-alpha.38", "@storybook/jest": "^0.0.10", - "@storybook/source-loader": "7.0.0-alpha.35", - "@storybook/svelte": "7.0.0-alpha.35", - "@storybook/svelte-webpack5": "7.0.0-alpha.35", + "@storybook/source-loader": "7.0.0-alpha.38", + "@storybook/svelte": "7.0.0-alpha.38", + "@storybook/svelte-webpack5": "7.0.0-alpha.38", "@storybook/testing-library": "0.0.14-next.0", - "storybook": "7.0.0-alpha.35", + "raw-loader": "^4.0.2", + "storybook": "7.0.0-alpha.38", "svelte-jester": "^2.3.2", "svelte-preprocess": "^4.10.6" }, diff --git a/code/examples/svelte-kitchen-sink/src/components/Button.svelte b/code/examples/svelte-kitchen-sink/src/components/Button.svelte index c444ce741385..37b084117fb2 100644 --- a/code/examples/svelte-kitchen-sink/src/components/Button.svelte +++ b/code/examples/svelte-kitchen-sink/src/components/Button.svelte @@ -35,7 +35,7 @@ } -
diff --git a/code/examples/svelte-kitchen-sink/src/components/Counter.svelte b/code/examples/svelte-kitchen-sink/src/components/Counter.svelte index 62e8bef5f3d0..a4a8f89c31e2 100644 --- a/code/examples/svelte-kitchen-sink/src/components/Counter.svelte +++ b/code/examples/svelte-kitchen-sink/src/components/Counter.svelte @@ -13,6 +13,8 @@

Svelte - Counter

You clicked {count} times

+ +
diff --git a/code/examples/svelte-kitchen-sink/src/stories/views/ActionLinkView.svelte b/code/examples/svelte-kitchen-sink/src/stories/views/ActionLinkView.svelte index 2d780e88e990..84752d893d56 100644 --- a/code/examples/svelte-kitchen-sink/src/stories/views/ActionLinkView.svelte +++ b/code/examples/svelte-kitchen-sink/src/stories/views/ActionLinkView.svelte @@ -10,6 +10,7 @@

Link Action

+ diff --git a/code/examples/svelte-kitchen-sink/src/stories/views/ArgsTableView.svelte b/code/examples/svelte-kitchen-sink/src/stories/views/ArgsTableView.svelte index c81fb0578f9f..2739ab2f0a86 100644 --- a/code/examples/svelte-kitchen-sink/src/stories/views/ArgsTableView.svelte +++ b/code/examples/svelte-kitchen-sink/src/stories/views/ArgsTableView.svelte @@ -51,17 +51,20 @@ + 
{JSON.stringify(preview, null, '  ')}
+
+
/** Close description */ dispatch('close')}/> - \ No newline at end of file + diff --git a/code/examples/vue-cli/.storybook/main.ts b/code/examples/vue-cli/.storybook/main.ts deleted file mode 100644 index 269706434644..000000000000 --- a/code/examples/vue-cli/.storybook/main.ts +++ /dev/null @@ -1,24 +0,0 @@ -import type { StorybookConfig } from '@storybook/vue-webpack5'; - -const mainConfig: StorybookConfig = { - stories: ['../src/**/*.stories.@(ts|tsx|js|jsx|mdx)'], - logLevel: 'debug', - addons: [ - '@storybook/addon-docs', - '@storybook/addon-controls', - '@storybook/addon-storysource', - '@storybook/preset-scss', - ], - core: { - channelOptions: { allowFunction: false, maxDepth: 10 }, - disableTelemetry: true, - }, - features: { - storyStoreV7: true, - buildStoriesJson: true, - breakingChangesV7: true, - }, - framework: '@storybook/vue-webpack5', -}; - -module.exports = mainConfig; diff --git a/code/examples/vue-cli/.storybook/preview.js b/code/examples/vue-cli/.storybook/preview.js deleted file mode 100644 index 909f159e8721..000000000000 --- a/code/examples/vue-cli/.storybook/preview.js +++ /dev/null @@ -1,5 +0,0 @@ -export const parameters = { - docs: { - iframeHeight: '60px', - }, -}; diff --git a/code/examples/vue-cli/README.md b/code/examples/vue-cli/README.md deleted file mode 100644 index 07e0689d2ddf..000000000000 --- a/code/examples/vue-cli/README.md +++ /dev/null @@ -1,8 +0,0 @@ -# Storybook Demo - -This is a demo app to test Vue-CLI integration with Storybook. -Please check vue-kitchen-sink for more examples of different ways to integrate with Storybook. - -Run `yarn install` to sync Storybook module with the source code and run `yarn storybook` to start the Storybook. - -You can also try `yarn serve` to see that vue-cli service also works. diff --git a/code/examples/vue-cli/babel.config.js b/code/examples/vue-cli/babel.config.js deleted file mode 100644 index 078c0056ff32..000000000000 --- a/code/examples/vue-cli/babel.config.js +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - presets: ['@vue/cli-plugin-babel/preset'], -}; diff --git a/code/examples/vue-cli/package.json b/code/examples/vue-cli/package.json deleted file mode 100644 index 79054e9bd564..000000000000 --- a/code/examples/vue-cli/package.json +++ /dev/null @@ -1,30 +0,0 @@ -{ - "name": "vue-cli-example", - "version": "7.0.0-alpha.35", - "private": true, - "scripts": { - "build": "vue-cli-service build", - "build-storybook": "storybook build", - "serve": "vue-cli-service serve", - "storybook": "storybook dev -p 9009 --no-manager-cache" - }, - "dependencies": { - "vue": "^2.6.12", - "vue-class-component": "^7.2.6", - "vue-property-decorator": "^9.1.2" - }, - "devDependencies": { - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-essentials": "7.0.0-alpha.35", - "@storybook/preset-scss": "^1.0.3", - "@storybook/source-loader": "7.0.0-alpha.35", - "@storybook/vue": "7.0.0-alpha.35", - "@storybook/vue-webpack5": "7.0.0-alpha.35", - "@vue/cli-plugin-babel": "^5.0.4", - "@vue/cli-plugin-typescript": "^5.0.4", - "@vue/cli-service": "^5.0.4", - "storybook": "7.0.0-alpha.35", - "typescript": "~4.6.3", - "vue-template-compiler": "^2.6.14" - } -} diff --git a/code/examples/vue-cli/src/App.vue b/code/examples/vue-cli/src/App.vue deleted file mode 100644 index d45bdace644f..000000000000 --- a/code/examples/vue-cli/src/App.vue +++ /dev/null @@ -1,26 +0,0 @@ - - - - - diff --git a/code/examples/vue-cli/src/button/Button.stories.ts b/code/examples/vue-cli/src/button/Button.stories.ts deleted file mode 100644 index cd6ba3f8f562..000000000000 --- a/code/examples/vue-cli/src/button/Button.stories.ts +++ /dev/null @@ -1,28 +0,0 @@ -import type { Meta, StoryFn } from '@storybook/vue'; -import Button from './Button.vue'; - -export default { - title: 'Button', - component: Button, - parameters: { - controls: { - expanded: true, - }, - }, -} as Meta; - -export const ButtonWithProps: StoryFn = (args, { argTypes }) => ({ - components: { Button }, - template: '', - props: Object.keys(argTypes), -}); -ButtonWithProps.args = { - size: 'big', -}; - -export const WithDefaultRender = { - args: { - size: 'small', - label: 'Button with default render', - }, -}; diff --git a/code/examples/vue-cli/src/button/Button.vue b/code/examples/vue-cli/src/button/Button.vue deleted file mode 100644 index 9a8839f88ff4..000000000000 --- a/code/examples/vue-cli/src/button/Button.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - - - diff --git a/code/examples/vue-cli/src/button/types.ts b/code/examples/vue-cli/src/button/types.ts deleted file mode 100644 index 5f6f11053c11..000000000000 --- a/code/examples/vue-cli/src/button/types.ts +++ /dev/null @@ -1,2 +0,0 @@ -export const ButtonSizes = ['default', 'small', 'big'] as const; -export type ButtonSize = typeof ButtonSizes[number]; diff --git a/code/examples/vue-cli/src/main.ts b/code/examples/vue-cli/src/main.ts deleted file mode 100644 index 4e015510bd8f..000000000000 --- a/code/examples/vue-cli/src/main.ts +++ /dev/null @@ -1,6 +0,0 @@ -import Vue from 'vue'; -import App from './App.vue'; - -new Vue({ - render: (h) => h(App), -}).$mount('#app'); diff --git a/code/examples/vue-cli/src/shims-vue.d.ts b/code/examples/vue-cli/src/shims-vue.d.ts deleted file mode 100644 index d9f24faa42e7..000000000000 --- a/code/examples/vue-cli/src/shims-vue.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -declare module '*.vue' { - import Vue from 'vue' - export default Vue -} diff --git a/code/examples/vue-cli/tsconfig.json b/code/examples/vue-cli/tsconfig.json deleted file mode 100644 index a1e7ee2b07c3..000000000000 --- a/code/examples/vue-cli/tsconfig.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "compilerOptions": { - "target": "ES2020", - "module": "CommonJS", - "strict": true, - "jsx": "preserve", - "importHelpers": true, - "moduleResolution": "node", - "esModuleInterop": true, - "allowSyntheticDefaultImports": true, - "sourceMap": true, - "skipLibCheck": true, - "lib": ["esnext", "dom", "dom.iterable", "scripthost"] - }, - "include": ["src/**/*"], - "exclude": ["**/node_modules"] -} diff --git a/code/examples/vue-kitchen-sink/.babelrc b/code/examples/vue-kitchen-sink/.babelrc deleted file mode 100644 index 9c25278cd9b1..000000000000 --- a/code/examples/vue-kitchen-sink/.babelrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "presets": ["@vue/babel-preset-jsx"] -} \ No newline at end of file diff --git a/code/examples/vue-kitchen-sink/.gitignore b/code/examples/vue-kitchen-sink/.gitignore deleted file mode 100644 index 6c96c5cff124..000000000000 --- a/code/examples/vue-kitchen-sink/.gitignore +++ /dev/null @@ -1,15 +0,0 @@ -# See http://help.github.com/ignore-files/ for more about ignoring files. - -# dependencies -node_modules - -# testing -coverage - -# production -build - -# misc -.DS_Store -.env -npm-debug.log diff --git a/code/examples/vue-kitchen-sink/.storybook/main.ts b/code/examples/vue-kitchen-sink/.storybook/main.ts deleted file mode 100644 index 556fbafb4515..000000000000 --- a/code/examples/vue-kitchen-sink/.storybook/main.ts +++ /dev/null @@ -1,26 +0,0 @@ -import type { StorybookConfig } from '@storybook/vue-webpack5'; - -const mainConfig: StorybookConfig = { - stories: ['../src/stories/**/*.stories.@(ts|tsx|js|jsx|mdx)'], - logLevel: 'debug', - addons: [ - '@storybook/addon-docs', - '@storybook/addon-controls', - '@storybook/addon-storysource', - '@storybook/addon-actions', - '@storybook/addon-interactions', - '@storybook/addon-links', - '@storybook/addon-viewport', - '@storybook/addon-backgrounds', - '@storybook/addon-a11y', - '@storybook/addon-highlight', - ], - core: { - channelOptions: { allowFunction: false, maxDepth: 10 }, - disableTelemetry: true, - }, - staticDirs: ['../public'], - framework: '@storybook/vue-webpack5', -}; - -module.exports = mainConfig; diff --git a/code/examples/vue-kitchen-sink/.storybook/preview.js b/code/examples/vue-kitchen-sink/.storybook/preview.js deleted file mode 100644 index 9f879a2bad57..000000000000 --- a/code/examples/vue-kitchen-sink/.storybook/preview.js +++ /dev/null @@ -1,14 +0,0 @@ -import Vue from 'vue'; -import Vuex from 'vuex'; - -import MyButton from '../src/stories/Button.vue'; - -Vue.component('my-button', MyButton); -Vue.use(Vuex); - -export const parameters = { - docs: { - iframeHeight: '60px', - }, - globalParameter: 'globalParameter', -}; diff --git a/code/examples/vue-kitchen-sink/README.md b/code/examples/vue-kitchen-sink/README.md deleted file mode 100644 index bf042ddc891c..000000000000 --- a/code/examples/vue-kitchen-sink/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Storybook Demo - -This is a demo app to test VueJs integration with Storybook. Run `yarn install` to sync Storybook module with the source code and run `yarn storybook` to start the Storybook. diff --git a/code/examples/vue-kitchen-sink/index.html b/code/examples/vue-kitchen-sink/index.html deleted file mode 100644 index 22f4885ba9df..000000000000 --- a/code/examples/vue-kitchen-sink/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - demo2 - - -
- - - diff --git a/code/examples/vue-kitchen-sink/jest.config.js b/code/examples/vue-kitchen-sink/jest.config.js deleted file mode 100644 index 5440e27d8c1f..000000000000 --- a/code/examples/vue-kitchen-sink/jest.config.js +++ /dev/null @@ -1,16 +0,0 @@ -const config = require('../../jest.config'); - -module.exports = { - ...config, - roots: [__dirname], - transform: { - ...config.transform, - '.*\\.(vue)$': '/node_modules/jest-vue-preprocessor', - }, - moduleFileExtensions: [...config.moduleFileExtensions, 'vue'], - moduleNameMapper: { - ...config.moduleNameMapper, - // TMP: disable MDX until we upgrade vue-kitchen-sink to latest - '\\.mdx': '/__mocks__/fileMock.js', - }, -}; diff --git a/code/examples/vue-kitchen-sink/package.json b/code/examples/vue-kitchen-sink/package.json deleted file mode 100644 index bd7f4a4efc01..000000000000 --- a/code/examples/vue-kitchen-sink/package.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "name": "vue-example", - "version": "7.0.0-alpha.35", - "private": true, - "scripts": { - "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", - "build-storybook": "storybook build", - "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", - "storybook": "storybook dev -p 9009 --no-manager-cache" - }, - "dependencies": { - "vue": "^2.6.12", - "vuex": "^3.6.0" - }, - "devDependencies": { - "@babel/core": "^7.12.10", - "@storybook/addon-a11y": "7.0.0-alpha.35", - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addon-backgrounds": "7.0.0-alpha.35", - "@storybook/addon-controls": "7.0.0-alpha.35", - "@storybook/addon-docs": "7.0.0-alpha.35", - "@storybook/addon-highlight": "7.0.0-alpha.35", - "@storybook/addon-interactions": "7.0.0-alpha.35", - "@storybook/addon-links": "7.0.0-alpha.35", - "@storybook/addon-storyshots": "7.0.0-alpha.35", - "@storybook/addon-storysource": "7.0.0-alpha.35", - "@storybook/addon-viewport": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/jest": "^0.0.10", - "@storybook/source-loader": "7.0.0-alpha.35", - "@storybook/testing-library": "0.0.14-next.0", - "@storybook/vue": "7.0.0-alpha.35", - "@storybook/vue-webpack5": "7.0.0-alpha.35", - "@vue/babel-preset-jsx": "^1.2.4", - "babel-loader": "^8.2.5", - "cross-env": "^7.0.3", - "file-loader": "^6.2.0", - "prop-types": "^15.7.2", - "storybook": "7.0.0-alpha.35", - "svg-url-loader": "^7.1.1", - "vue-loader": "^15.9.6", - "vue-style-loader": "^4.1.3", - "vue-template-compiler": "^2.6.12", - "webpack": "5", - "webpack-dev-server": "^4.8.1" - }, - "storybook": { - "chromatic": { - "projectToken": "cyxj0e38bqj" - } - } -} diff --git a/code/examples/vue-kitchen-sink/public/favicon.ico b/code/examples/vue-kitchen-sink/public/favicon.ico deleted file mode 100644 index 74dd2624cbe4..000000000000 Binary files a/code/examples/vue-kitchen-sink/public/favicon.ico and /dev/null differ diff --git a/code/examples/vue-kitchen-sink/src/App.vue b/code/examples/vue-kitchen-sink/src/App.vue deleted file mode 100644 index 7695b522c011..000000000000 --- a/code/examples/vue-kitchen-sink/src/App.vue +++ /dev/null @@ -1,60 +0,0 @@ - - - - - diff --git a/code/examples/vue-kitchen-sink/src/index.js b/code/examples/vue-kitchen-sink/src/index.js deleted file mode 100644 index f4e9498b4599..000000000000 --- a/code/examples/vue-kitchen-sink/src/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import Vue from 'vue'; -import App from './App.vue'; - -// eslint-disable-next-line -new Vue({ - el: '#app', - render: (h) => h(App), -}); diff --git a/code/examples/vue-kitchen-sink/src/logo.png b/code/examples/vue-kitchen-sink/src/logo.png deleted file mode 100644 index dd7358989977..000000000000 Binary files a/code/examples/vue-kitchen-sink/src/logo.png and /dev/null differ diff --git a/code/examples/vue-kitchen-sink/src/stories/Button.vue b/code/examples/vue-kitchen-sink/src/stories/Button.vue deleted file mode 100644 index 9f09d21e4a74..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/Button.vue +++ /dev/null @@ -1,66 +0,0 @@ - - - - - \ No newline at end of file diff --git a/code/examples/vue-kitchen-sink/src/stories/Counter.vue b/code/examples/vue-kitchen-sink/src/stories/Counter.vue deleted file mode 100644 index 6211c68dac83..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/Counter.vue +++ /dev/null @@ -1,25 +0,0 @@ - - - diff --git a/code/examples/vue-kitchen-sink/src/stories/Welcome.vue b/code/examples/vue-kitchen-sink/src/stories/Welcome.vue deleted file mode 100644 index b4da73acd014..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/Welcome.vue +++ /dev/null @@ -1,112 +0,0 @@ - - - - - diff --git a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot deleted file mode 100644 index b13aebbc5830..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot +++ /dev/null @@ -1,13 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addon/Backgrounds story 1 1`] = ` - -`; - -exports[`Storyshots Addon/Backgrounds story 2 1`] = ` - -`; diff --git a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot deleted file mode 100644 index 12182d4dc46e..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot +++ /dev/null @@ -1,10 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addon/Links Go to welcome 1`] = ` - -`; diff --git a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core-errors.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core-errors.stories.storyshot deleted file mode 100644 index 7c1f2d2bb0b6..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core-errors.stories.storyshot +++ /dev/null @@ -1,3 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core/Errors Null Error 1`] = ``; diff --git a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot deleted file mode 100644 index dbc7a33e429c..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot +++ /dev/null @@ -1,10 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core/Template string only 1`] = ` - -`; diff --git a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot deleted file mode 100644 index 79adbe9aa5b8..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot +++ /dev/null @@ -1,22 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Core/Parameters passed to story 1`] = ` -
- Parameters are - 
-    {
-  "docs": {
-    "iframeHeight": "60px"
-  },
-  "globalParameter": "globalParameter",
-  "framework": "vue",
-  "componentParameter": "componentParameter",
-  "storyParameter": "storyParameter",
-  "__isArgsStory": true,
-  "__id": "core-parameters--passed-to-story",
-  "args": {},
-  "argTypes": {}
-}
-
-
-`; diff --git a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot deleted file mode 100644 index 0be37ed065fa..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot +++ /dev/null @@ -1,73 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Custom/Decorator for Vue Render 1`] = ` -
-
- -
-
-`; - -exports[`Storyshots Custom/Decorator for Vue Template 1`] = ` -
-
- -
-
-`; - -exports[`Storyshots Custom/Decorator for Vue With Data 1`] = ` -
-
- 
-      {
-  "componentId": "custom-decorator-for-vue",
-  "title": "Custom/Decorator for Vue",
-  "kind": "Custom/Decorator for Vue",
-  "id": "custom-decorator-for-vue--with-data",
-  "name": "With Data",
-  "story": "With Data",
-  "parameters": {
-    "docs": {
-      "iframeHeight": "60px"
-    },
-    "globalParameter": "globalParameter",
-    "framework": "vue",
-    "__isArgsStory": true,
-    "__id": "custom-decorator-for-vue--with-data",
-    "args": {},
-    "argTypes": {}
-  },
-  "initialArgs": {},
-  "argTypes": {},
-  "args": {},
-  "globals": {},
-  "viewMode": "story",
-  "customContext": 52
-}
-
-
-
-`; diff --git a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot deleted file mode 100644 index 8bc34ce45ca9..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot +++ /dev/null @@ -1,96 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Custom/Method for rendering Vue JSX 1`] = ` - -`; - -exports[`Storyshots Custom/Method for rendering Vue Render 1`] = ` -
- renders a div with some text in it.. -
-`; - -exports[`Storyshots Custom/Method for rendering Vue Template 1`] = ` -
-

- A template -

- -

- rendered in vue in storybook -

-
-`; - -exports[`Storyshots Custom/Method for rendering Vue pre-registered component 1`] = ` -

- - This component was pre-registered in .storybook/preview.js - -
- - -

-`; - -exports[`Storyshots Custom/Method for rendering Vue render + component 1`] = ` - -`; - -exports[`Storyshots Custom/Method for rendering Vue template + component 1`] = ` - -`; - -exports[`Storyshots Custom/Method for rendering Vue template + methods 1`] = ` -

- - Clicking the button will navigate to another story using the 'addon-links' - -
- - -

-`; - -exports[`Storyshots Custom/Method for rendering Vue vuex + actions 1`] = ` - -`; - -exports[`Storyshots Custom/Method for rendering Vue whatever you want 1`] = ` - -`; diff --git a/code/examples/vue-kitchen-sink/src/stories/components/ButtonTs.vue b/code/examples/vue-kitchen-sink/src/stories/components/ButtonTs.vue deleted file mode 100644 index d316faf20c8f..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/ButtonTs.vue +++ /dev/null @@ -1,39 +0,0 @@ - - - diff --git a/code/examples/vue-kitchen-sink/src/stories/components/InfoButton.vue b/code/examples/vue-kitchen-sink/src/stories/components/InfoButton.vue deleted file mode 100644 index 595bf4017589..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/InfoButton.vue +++ /dev/null @@ -1,70 +0,0 @@ - - - - - diff --git a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/app.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/app.stories.storyshot deleted file mode 100644 index 2b30c7b21146..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/app.stories.storyshot +++ /dev/null @@ -1,97 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots App App 1`] = ` -
- - -

- -

- Essential Links -

- - - -

- Ecosystem -

- - -
-`; diff --git a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button-ts.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button-ts.stories.storyshot deleted file mode 100644 index 7c84cb5492f3..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button-ts.stories.storyshot +++ /dev/null @@ -1,9 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Button (Typescript) Button Ts Story 1`] = ` - -`; diff --git a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button.stories.storyshot deleted file mode 100644 index d4a278b9df2f..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button.stories.storyshot +++ /dev/null @@ -1,30 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Button Rounded 1`] = ` - -`; - -exports[`Storyshots Button Square 1`] = ` - -`; - -exports[`Storyshots Button With Default Render 1`] = ` - -`; diff --git a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/info-button.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/info-button.stories.storyshot deleted file mode 100644 index cb3a3a3b8f0c..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/info-button.stories.storyshot +++ /dev/null @@ -1,15 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots InfoButton Simple 1`] = ` - -`; diff --git a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/welcome.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/welcome.stories.storyshot deleted file mode 100644 index 0122e0d93143..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/__snapshots__/welcome.stories.storyshot +++ /dev/null @@ -1,140 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Welcome Welcome 1`] = ` -
-

- Welcome to Storybook for Vue -

- -

- - This is a UI component dev environment for your vue app. - -

- -

- - We've added some basic stories inside the - - - src/stories - - - directory. - -
- - A story is a single state of one or more UI components. - You can have as many stories as you want. - -
- - (Basically a story is like a visual test case.) - -

- -

- - See these sample - - - stories - - - for a component called - - - Button - - - . - -

- -

- -

- -

- - Just like that, you can add your own components as stories. - -
- - You can also edit those components and see changes right away. - -
- - (Try editing the - - Button - - component - located at - - src/stories/Button.js - - .) - -

- -

- - Usually we create stories with smaller UI components in the app. -
- - Have a look at the - - - - Writing Stories - - - - section in our documentation. - -

- -

- - NOTE: - - -
- - Have a look at the - - - .storybook/webpack.config.js - - - to add webpack - loaders and plugins you are using in this project. - -

-
-`; diff --git a/code/examples/vue-kitchen-sink/src/stories/components/app.stories.js b/code/examples/vue-kitchen-sink/src/stories/components/app.stories.js deleted file mode 100644 index 8f957aa35913..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/app.stories.js +++ /dev/null @@ -1,14 +0,0 @@ -import App from '../../App.vue'; - -export default { - title: 'App', - component: App, - parameters: { - layout: 'fullscreen', - }, -}; - -export const Default = () => ({ - render: (h) => h(App), -}); -Default.storyName = 'App'; diff --git a/code/examples/vue-kitchen-sink/src/stories/components/button-ts.stories.js b/code/examples/vue-kitchen-sink/src/stories/components/button-ts.stories.js deleted file mode 100644 index caab5dd3642b..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/button-ts.stories.js +++ /dev/null @@ -1,11 +0,0 @@ -import ButtonTs from './ButtonTs.vue'; - -export default { - title: 'Button (Typescript)', - component: ButtonTs, -}; - -export const ButtonTsStory = () => ({ - components: { ButtonTs }, - template: 'Storybook has builtin Typescript support for Vue components', -}); 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 deleted file mode 100644 index e7553331a36b..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/button.stories.js +++ /dev/null @@ -1,51 +0,0 @@ -import { within, userEvent } from '@storybook/testing-library'; -import MyButton from '../Button.vue'; - -export default { - title: 'Button', - component: MyButton, - argTypes: { - color: { control: 'color' }, - }, -}; - -const Template = (args, { argTypes }) => ({ - props: Object.keys(argTypes), - components: { MyButton }, - template: ` - {{label}}`, -}); - -export const Rounded = Template.bind({}); -Rounded.args = { - rounded: true, - 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 = { - rounded: false, - color: '#00f', - label: 'A Button with square edges', -}; - -export const WithDefaultRender = { - args: { - rounded: true, - color: '#fba', - label: 'Button with default render', - }, -}; diff --git a/code/examples/vue-kitchen-sink/src/stories/components/info-button.stories.js b/code/examples/vue-kitchen-sink/src/stories/components/info-button.stories.js deleted file mode 100644 index fba6f26201ec..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/info-button.stories.js +++ /dev/null @@ -1,11 +0,0 @@ -import InfoButton from './InfoButton.vue'; - -export default { - title: 'InfoButton', - component: InfoButton, -}; - -export const Simple = () => ({ - components: { InfoButton }, - template: '', -}); diff --git a/code/examples/vue-kitchen-sink/src/stories/components/welcome.stories.js b/code/examples/vue-kitchen-sink/src/stories/components/welcome.stories.js deleted file mode 100644 index fcb2c800bb1a..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/components/welcome.stories.js +++ /dev/null @@ -1,13 +0,0 @@ -import Welcome from '../Welcome.vue'; - -export default { - title: 'Welcome', - component: Welcome, -}; - -export const WelcomeStory = () => { - return { - render: (h) => h(Welcome, { listeners: { buttonRequested: () => {} } }), - }; -}; -WelcomeStory.storyName = 'Welcome'; diff --git a/code/examples/vue-kitchen-sink/src/stories/core-errors.stories.js b/code/examples/vue-kitchen-sink/src/stories/core-errors.stories.js deleted file mode 100644 index 1081882d161b..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/core-errors.stories.js +++ /dev/null @@ -1,11 +0,0 @@ -export default { - title: 'Core/Errors', - parameters: { chromatic: { disable: true } }, -}; - -export const ThrowsError = () => { - throw new Error('foo'); -}; -ThrowsError.parameters = { storyshots: { disable: true } }; - -export const NullError = () => null; diff --git a/code/examples/vue-kitchen-sink/src/stories/core-template.stories.js b/code/examples/vue-kitchen-sink/src/stories/core-template.stories.js deleted file mode 100644 index 2cbb8972babf..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/core-template.stories.js +++ /dev/null @@ -1,8 +0,0 @@ -export default { - title: 'Core/Template', -}; - -export const StringOnly = () => - 'A Button with square edges'; - -StringOnly.storyName = 'string only'; diff --git a/code/examples/vue-kitchen-sink/src/stories/core.stories.js b/code/examples/vue-kitchen-sink/src/stories/core.stories.js deleted file mode 100644 index ab20c8286818..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/core.stories.js +++ /dev/null @@ -1,19 +0,0 @@ -const componentParameter = 'componentParameter'; -const storyParameter = 'storyParameter'; - -export default { - title: 'Core/Parameters', - parameters: { - componentParameter, - }, -}; - -export const PassedToStory = (_args, { parameters: { fileName, ...parameters } }) => ({ - template: `
Parameters are 
${JSON.stringify(parameters, null, 2)}
`, -}); - -PassedToStory.storyName = 'passed to story'; - -PassedToStory.parameters = { - storyParameter, -}; diff --git a/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/__snapshots__/index.stories.storyshot b/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/__snapshots__/index.stories.storyshot deleted file mode 100644 index dfc34df7a84f..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/__snapshots__/index.stories.storyshot +++ /dev/null @@ -1,7 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Issues/11839 undefined boolean Primary 1`] = ` -
- Disabled: false -
-`; diff --git a/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/component.vue b/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/component.vue deleted file mode 100644 index 6ca3dd05d936..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/component.vue +++ /dev/null @@ -1,14 +0,0 @@ - - - \ No newline at end of file diff --git a/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/index.stories.js b/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/index.stories.js deleted file mode 100644 index c63b77fe2d22..000000000000 --- a/code/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/index.stories.js +++ /dev/null @@ -1,15 +0,0 @@ -import Comp from './component.vue'; - -export default { - title: 'Issues/11839 undefined boolean', - component: Comp, -}; - -export const Primary = (args, { argTypes }) => { - return { - props: Object.keys(argTypes), - components: { Comp }, - // template: '', // this will log out `false` - template: '', // this will log out `undefined` - }; -}; diff --git a/code/examples/vue-kitchen-sink/vueshots.test.js b/code/examples/vue-kitchen-sink/vueshots.test.js deleted file mode 100644 index 9b5965bc0eaa..000000000000 --- a/code/examples/vue-kitchen-sink/vueshots.test.js +++ /dev/null @@ -1,9 +0,0 @@ -import path from 'path'; -import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots'; - -initStoryshots({ - framework: 'vue', - configPath: path.join(__dirname, '.storybook'), - integrityOptions: { cwd: path.join(__dirname, 'src', 'stories') }, - test: multiSnapshotWithOptions(), -}); diff --git a/code/examples/vue-kitchen-sink/webpack.config.js b/code/examples/vue-kitchen-sink/webpack.config.js deleted file mode 100644 index a41c653eeae1..000000000000 --- a/code/examples/vue-kitchen-sink/webpack.config.js +++ /dev/null @@ -1,100 +0,0 @@ -const path = require('path'); -const webpack = require('webpack'); -const VueLoaderPlugin = require('vue-loader/lib/plugin'); - -module.exports = { - entry: './src/index.js', - output: { - path: path.resolve(__dirname, './dist'), - publicPath: '/dist/', - filename: 'build.js', - }, - plugins: [new VueLoaderPlugin()], - module: { - rules: [ - { - test: /\.vue$/, - loader: 'vue-loader', - options: { - loaders: {}, - // other vue-loader options go here - }, - }, - { - test: /\.js$/, - loader: 'babel-loader', - exclude: /node_modules/, - }, - { - test: /\.(png|jpg|gif)$/, - use: [ - { - loader: 'url-loader', - options: { - esModule: false, - fallback: 'file-loader', - }, - }, - ], - }, - { - test: /\.svg$/, - loader: 'svg-url-loader', - options: { - noquotes: true, - }, - }, - { - test: /\.stories\.jsx?$/, - loader: require.resolve('@storybook/source-loader'), - include: [path.resolve(__dirname, '../stories')], - enforce: 'pre', - }, - { - test: /\.css$/, - use: [ - 'vue-style-loader', - { - loader: 'css-loader', - options: { - // enable CSS Modules - modules: true, - }, - }, - ], - }, - ], - }, - resolve: { - alias: { - vue$: 'vue/dist/vue.esm.js', - }, - }, - devServer: { - historyApiFallback: true, - noInfo: true, - }, - performance: { - hints: false, - }, - devtool: 'eval-source-map', -}; - -if (process.env.NODE_ENV === 'production') { - module.exports.devtool = 'source-map'; - // http://vue-loader.vuejs.org/en/workflow/production.html - module.exports.plugins = (module.exports.plugins || []).concat([ - new webpack.DefinePlugin({ - 'process.env.NODE_ENV': '"production"', - }), - new webpack.optimize.UglifyJsPlugin({ - sourceMap: true, - compress: { - warnings: false, - }, - }), - new webpack.LoaderOptionsPlugin({ - minimize: true, - }), - ]); -} diff --git a/code/examples/web-components-kitchen-sink/.babelrc b/code/examples/web-components-kitchen-sink/.babelrc deleted file mode 100644 index 4dbac62777cc..000000000000 --- a/code/examples/web-components-kitchen-sink/.babelrc +++ /dev/null @@ -1,13 +0,0 @@ -{ - "presets": [ - ["@babel/preset-env", { "targets": { "chrome": "100" } }], - "@babel/preset-typescript" - ], - "plugins": [ - ["@babel/plugin-proposal-decorators", { "legacy": true }], - "@babel/plugin-proposal-class-properties", - ], - "assumptions": { - "setPublicClassFields": true - } -} diff --git a/code/examples/web-components-kitchen-sink/.eslintrc.js b/code/examples/web-components-kitchen-sink/.eslintrc.js deleted file mode 100644 index 3bc2dc7be76e..000000000000 --- a/code/examples/web-components-kitchen-sink/.eslintrc.js +++ /dev/null @@ -1,10 +0,0 @@ -module.exports = { - extends: ['../../.eslintrc.js'], - env: { - browser: true, - }, - rules: { - 'import/extensions': [0], - 'import/no-unresolved': [0], - }, -}; diff --git a/code/examples/web-components-kitchen-sink/.storybook/main.js b/code/examples/web-components-kitchen-sink/.storybook/main.js deleted file mode 100644 index 0ab6d938c31e..000000000000 --- a/code/examples/web-components-kitchen-sink/.storybook/main.js +++ /dev/null @@ -1,27 +0,0 @@ -module.exports = { - logLevel: 'debug', - stories: ['../src/**/*.stories.@(ts|tsx|js|jsx|mdx)'], - addons: [ - '@storybook/addon-docs', - '@storybook/addon-controls', - '@storybook/addon-a11y', - '@storybook/addon-actions', - '@storybook/addon-backgrounds', - '@storybook/addon-interactions', - '@storybook/addon-links', - '@storybook/addon-storysource', - '@storybook/addon-viewport', - '@storybook/addon-toolbars', - '@storybook/addon-highlight', - ], - core: { - channelOptions: { allowFunction: false, maxDepth: 10 }, - disableTelemetry: true, - }, - features: { - interactionsDebugger: true, - buildStoriesJson: true, - breakingChangesV7: true, - }, - framework: '@storybook/web-components-webpack5', -}; diff --git a/code/examples/web-components-kitchen-sink/.storybook/preview.js b/code/examples/web-components-kitchen-sink/.storybook/preview.js deleted file mode 100644 index 5dfa2b0c87bc..000000000000 --- a/code/examples/web-components-kitchen-sink/.storybook/preview.js +++ /dev/null @@ -1,34 +0,0 @@ -import { setCustomElementsManifest } from '@storybook/web-components'; - -import customElementsManifest from '../custom-elements.json'; - -setCustomElementsManifest(customElementsManifest); - -// TODO: Remove support of 0.x CustomElementManifest format in 7.0 -// import customElements from '../custom-elements-experimental.json'; -// setCustomElements(customElements); - -export const parameters = { - docs: { - iframeHeight: '200px', - }, - chromatic: { delay: 3000 }, -}; - -export const globalTypes = { - locale: { - name: 'Locale', - description: 'Internationalization locale', - defaultValue: 'en', - toolbar: { - icon: 'globe', - items: [ - { value: 'en', right: '🇺🇸', title: 'English' }, - { value: 'es', right: '🇪🇸', title: 'Español' }, - { value: 'fr', right: '🇫🇷', title: 'Français' }, - { value: 'zh', right: '🇨🇳', title: '中文' }, - { value: 'kr', right: '🇰🇷', title: '한국어' }, - ], - }, - }, -}; diff --git a/code/examples/web-components-kitchen-sink/.yarnrc.yml b/code/examples/web-components-kitchen-sink/.yarnrc.yml deleted file mode 100644 index 08a8d064ffd4..000000000000 --- a/code/examples/web-components-kitchen-sink/.yarnrc.yml +++ /dev/null @@ -1,2 +0,0 @@ -# FIXME: Hack to make the CI happy; to remove as soon as we are using `workspace:*` in our deps instead of pin versions -enableImmutableInstalls: false diff --git a/code/examples/web-components-kitchen-sink/README.md b/code/examples/web-components-kitchen-sink/README.md deleted file mode 100644 index 4d0e38bd9b58..000000000000 --- a/code/examples/web-components-kitchen-sink/README.md +++ /dev/null @@ -1,7 +0,0 @@ -# Storybook Web Components Demo - -This example directory represents the application you wish to integrate storybook into. - -Run `yarn install` to sync Storybook module with the source code and run `yarn storybook` to start the Storybook. - -When developing things in `@storybook/web-components` you can run `yarn build web-components --watch` in the root folder of the monorepo and both changes in the example code or in `@storybook/web-components` will be reflected in the UI. diff --git a/code/examples/web-components-kitchen-sink/custom-elements.json b/code/examples/web-components-kitchen-sink/custom-elements.json deleted file mode 100644 index f776c812fe36..000000000000 --- a/code/examples/web-components-kitchen-sink/custom-elements.json +++ /dev/null @@ -1,523 +0,0 @@ -{ - "schemaVersion": "1.0.0", - "readme": "", - "modules": [ - { - "kind": "javascript-module", - "path": "demo-wc-card.js", - "declarations": [], - "exports": [ - { - "kind": "custom-element-definition", - "name": "demo-wc-card", - "declaration": { - "name": "DemoWcCard", - "module": "/src/stories/misc/to-update/DemoWcCard.js" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/typings.d.ts", - "declarations": [], - "exports": [] - }, - { - "kind": "javascript-module", - "path": "src/components/sb-button.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "SbButton", - "cssProperties": [ - { - "description": "Controls the color of bar", - "name": "--sb-primary-color", - "default": "#1ea7fd" - } - ], - "members": [ - { - "kind": "field", - "name": "primary", - "type": { - "text": "boolean" - }, - "description": "Set button in primary mode", - "privacy": "public", - "attribute": "primary" - }, - { - "kind": "field", - "name": "backgroundColor", - "type": { - "text": "string | undefined" - }, - "privacy": "public", - "attribute": "background-color" - }, - { - "kind": "field", - "name": "size", - "type": { - "text": "'small' | 'medium' | 'large'" - }, - "default": "'medium'", - "privacy": "public", - "attribute": "size" - }, - { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "privacy": "public", - "attribute": "label", - "reflects": true - }, - { - "kind": "method", - "name": "onClick", - "privacy": "private" - } - ], - "events": [ - { - "name": "sb-button:click", - "type": { - "text": "CustomEvent" - }, - "description": "Custom event send when the button is clicked" - } - ], - "attributes": [ - { - "type": { - "text": "string" - }, - "description": "Label of the button", - "name": "label", - "fieldName": "label" - }, - { - "type": { - "text": "string" - }, - "description": "Size of the button, can be \"small\", \"medium\" or \"large\"; default is \"medium\".", - "name": "size", - "fieldName": "size" - }, - { - "type": { - "text": "string" - }, - "description": "Color of the button's background", - "name": "backgroundColor" - }, - { - "name": "primary", - "fieldName": "primary" - }, - { - "name": "background-color", - "fieldName": "backgroundColor" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "sb-button", - "summary": "This is a simple Storybook Button", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "SbButton", - "declaration": { - "name": "SbButton", - "module": "src/components/sb-button.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "sb-button", - "declaration": { - "name": "SbButton", - "module": "src/components/sb-button.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/sb-header.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "SbHeader", - "members": [ - { - "kind": "field", - "name": "user", - "type": { - "text": "{} | undefined" - }, - "privacy": "public", - "attribute": "user", - "reflects": true - }, - { - "kind": "method", - "name": "dispatchCustomEvent", - "privacy": "private", - "parameters": [ - { - "name": "eventName", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "logInOutButton", - "privacy": "private" - } - ], - "events": [ - { - "type": { - "text": "CustomEvent" - } - }, - { - "type": { - "text": "CustomEvent" - }, - "description": "Event send when user clicks on create account button", - "name": "sb-header:createAccount" - }, - { - "type": { - "text": "CustomEvent" - }, - "description": "Event send when user clicks on login button", - "name": "sb-header:login" - }, - { - "type": { - "text": "CustomEvent" - }, - "description": "Event send when user clicks on logout button", - "name": "sb-header:logout" - } - ], - "attributes": [ - { - "type": { - "text": "Object" - }, - "description": "User of the app", - "name": "user", - "fieldName": "user" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "sb-header", - "summary": "This is a simple Storybook Header", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "SbHeader", - "declaration": { - "name": "SbHeader", - "module": "src/components/sb-header.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "sb-header", - "declaration": { - "name": "SbHeader", - "module": "src/components/sb-header.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/sb-page.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "SbPage", - "members": [ - { - "kind": "field", - "name": "user", - "type": { - "text": "{} | undefined" - }, - "privacy": "public", - "attribute": "user", - "reflects": true - } - ], - "attributes": [ - { - "type": { - "text": "Object" - }, - "description": "User of the app", - "name": "user", - "fieldName": "user" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "sb-page", - "summary": "This is a simple Storybook Page", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "SbPage", - "declaration": { - "name": "SbPage", - "module": "src/components/sb-page.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "sb-page", - "declaration": { - "name": "SbPage", - "module": "src/components/sb-page.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/stories/addons/interactions/counter.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "Counter", - "members": [ - { - "kind": "field", - "name": "count", - "type": { - "text": "number" - }, - "default": "0", - "privacy": "public", - "attribute": "count" - }, - { - "kind": "field", - "name": "decrement" - }, - { - "kind": "field", - "name": "increment" - } - ], - "attributes": [ - { - "name": "count", - "fieldName": "count" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "sb-counter", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Counter", - "declaration": { - "name": "Counter", - "module": "src/stories/addons/interactions/counter.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "sb-counter", - "declaration": { - "name": "Counter", - "module": "src/stories/addons/interactions/counter.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/stories/misc/to-update/DemoWcCard.js", - "declarations": [ - { - "kind": "class", - "description": "This is a container looking like a card with a back and front side you can switch", - "name": "DemoWcCard", - "cssProperties": [ - { - "description": "Header font size", - "name": "--demo-wc-card-header-font-size" - }, - { - "description": "Font color for front", - "name": "--demo-wc-card-front-color" - }, - { - "description": "Font color for back", - "name": "--demo-wc-card-back-color" - } - ], - "cssParts": [ - { - "description": "Front of the card", - "name": "front" - }, - { - "description": "Back of the card", - "name": "back" - } - ], - "slots": [ - { - "description": "This is an unnamed slot (the default slot)", - "name": "" - } - ], - "members": [ - { - "kind": "method", - "name": "toggle" - }, - { - "kind": "field", - "name": "backSide", - "type": { - "text": "boolean" - }, - "description": "Indicates that the back of the card is shown", - "default": "false", - "privacy": "public", - "attribute": "back-side", - "reflects": true - }, - { - "kind": "field", - "name": "header", - "type": { - "text": "string" - }, - "description": "Header message", - "default": "'Your Message'", - "privacy": "public", - "attribute": "header" - }, - { - "kind": "field", - "name": "rows", - "type": { - "text": "array" - }, - "description": "Data rows", - "default": "[]", - "privacy": "public", - "attribute": "rows" - } - ], - "events": [ - { - "name": "side-changed", - "type": { - "text": "CustomEvent" - }, - "description": "Fires whenever it switches between front/back" - } - ], - "attributes": [ - { - "name": "back-side", - "fieldName": "backSide" - }, - { - "name": "header", - "fieldName": "header" - }, - { - "name": "rows", - "fieldName": "rows" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "demo-wc-card", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "DemoWcCard", - "declaration": { - "name": "DemoWcCard", - "module": "src/stories/misc/to-update/DemoWcCard.js" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/stories/misc/to-update/demoWcCardStyle.css.js", - "declarations": [ - { - "kind": "variable", - "name": "demoWcCardStyle", - "default": "css`\n :host {\n display: block;\n position: relative;\n width: 250px;\n height: 200px;\n border-radius: 10px;\n transform-style: preserve-3d;\n transition: all 0.8s ease;\n }\n\n .header {\n font-weight: bold;\n font-size: var(--demo-wc-card-header-font-size, 16px);\n text-align: center;\n }\n\n .content {\n padding: 20px 10px 0 10px;\n flex-grow: 1;\n }\n\n .footer {\n display: flex;\n }\n\n dl {\n margin: 0;\n text-align: left;\n }\n\n dd {\n margin-left: 15px;\n }\n\n button {\n border-radius: 15px;\n width: 30px;\n height: 30px;\n background: #fff;\n border: 1px solid #ccc;\n color: #000;\n font-size: 21px;\n line-height: 27px;\n font-weight: bold;\n cursor: pointer;\n margin: 5px;\n }\n\n .note {\n flex-grow: 1;\n color: #666;\n font-size: 16px;\n font-weight: bold;\n text-align: left;\n padding-top: 15px;\n }\n\n :host([back-side]) {\n transform: rotateY(180deg);\n }\n\n #front,\n #back {\n position: absolute;\n width: 250px;\n box-sizing: border-box;\n box-shadow: #ccc 3px 3px 2px 1px;\n padding: 10px;\n display: flex;\n flex-flow: column;\n top: 0;\n left: 0;\n height: 100%;\n border-radius: 10px;\n backface-visibility: hidden;\n overflow: hidden;\n }\n\n #front {\n background: linear-gradient(141deg, #aaa 25%, #eee 40%, #ddd 55%);\n color: var(--demo-wc-card-front-color, #000);\n }\n\n #back {\n background: linear-gradient(141deg, #333 25%, #aaa 40%, #666 55%);\n color: var(--demo-wc-card-back-color, #fff);\n text-align: center;\n transform: rotateY(180deg) translate3d(0px, 0, 1px);\n }\n\n #back .note {\n color: #fff;\n }\n`" - } - ], - "exports": [ - { - "kind": "js", - "name": "demoWcCardStyle", - "declaration": { - "name": "demoWcCardStyle", - "module": "src/stories/misc/to-update/demoWcCardStyle.css.js" - } - } - ] - } - ] -} diff --git a/code/examples/web-components-kitchen-sink/demo-wc-card.js b/code/examples/web-components-kitchen-sink/demo-wc-card.js deleted file mode 100644 index 88050f778439..000000000000 --- a/code/examples/web-components-kitchen-sink/demo-wc-card.js +++ /dev/null @@ -1,3 +0,0 @@ -import { DemoWcCard } from './src/stories/misc/to-update/DemoWcCard.js'; - -customElements.define('demo-wc-card', DemoWcCard); diff --git a/code/examples/web-components-kitchen-sink/package.json b/code/examples/web-components-kitchen-sink/package.json deleted file mode 100644 index 5aa42818d4fe..000000000000 --- a/code/examples/web-components-kitchen-sink/package.json +++ /dev/null @@ -1,99 +0,0 @@ -{ - "name": "web-components-kitchen-sink", - "version": "7.0.0-alpha.35", - "private": true, - "description": "", - "keywords": [], - "license": "MIT", - "author": "", - "main": "index.js", - "scripts": { - "build-storybook": "storybook build", - "generate-custom-elements-manifest": "yarn custom-elements-manifest analyze --litelement --dev --exclude \"./**/*.stories.ts\" --exclude \"./storybook-static\"", - "storybook": "storybook dev -p 9006 --no-manager-cache" - }, - "resolutions": { - "@babel/plugin-proposal-decorators": "^7.17.9", - "@storybook/addon-a11y": "link:../../addons/a11y", - "@storybook/addon-actions": "link:../../addons/actions", - "@storybook/addon-backgrounds": "link:../../addons/backgrounds", - "@storybook/addon-controls": "link:../../addons/controls", - "@storybook/addon-docs": "link:../../addons/docs", - "@storybook/addon-highlight": "link:../../addons/highlight", - "@storybook/addon-interactions": "link:../../addons/interactions", - "@storybook/addon-links": "link:../../addons/links", - "@storybook/addon-storyshots": "link:../../addons/storyshots/storyshots-core", - "@storybook/addon-storysource": "link:../../addons/storysource", - "@storybook/addon-toolbars": "link:../../addons/toolbars", - "@storybook/addon-viewport": "link:../../addons/viewport", - "@storybook/addons": "link:../../lib/addons", - "@storybook/api": "link:../../lib/api", - "@storybook/builder-manager": "link:../../lib/builder-manager", - "@storybook/builder-webpack5": "link:../../lib/builder-webpack5", - "@storybook/channel-postmessage": "link:../../lib/channel-postmessage", - "@storybook/channel-websocket": "link:../../lib/channel-websocket", - "@storybook/channels": "link:../../lib/channels", - "@storybook/cli": "link:../../lib/cli", - "@storybook/client-api": "link:../../lib/client-api", - "@storybook/client-logger": "link:../../lib/client-logger", - "@storybook/codemod": "link:../../lib/codemod", - "@storybook/components": "link:../../lib/components", - "@storybook/core-client": "link:../../lib/core-client", - "@storybook/core-common": "link:../../lib/core-common", - "@storybook/core-events": "link:../../lib/core-events", - "@storybook/core-server": "link:../../lib/core-server", - "@storybook/core-webpack": "link:../../lib/core-webpack", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/csf-tools": "link:../../lib/csf-tools", - "@storybook/docs-tools": "link:../../lib/docs-tools", - "@storybook/jest": "^0.0.10", - "@storybook/mdx1-csf": "canary", - "@storybook/node-logger": "link:../../lib/node-logger", - "@storybook/postinstall": "link:../../lib/postinstall", - "@storybook/preset-web-components-webpack": "link:../../presets/web-components-webpack", - "@storybook/preview-web": "link:../../lib/preview-web", - "@storybook/router": "link:../../lib/router", - "@storybook/source-loader": "link:../../lib/source-loader", - "@storybook/store": "link:../../lib/store", - "@storybook/telemetry": "link:../../lib/telemetry", - "@storybook/testing-library": "0.0.14-next.0", - "@storybook/theming": "link:../../lib/theming", - "@storybook/ui": "link:../../lib/ui", - "@storybook/web-components": "link:../../renderers/web-components", - "@storybook/web-components-webpack5": "link:../../frameworks/web-components-webpack5", - "babel-plugin-macros": "3.1.0", - "fork-ts-checker-webpack-plugin": "^7.2.6", - "storybook": "portal:../../lib/cli-storybook", - "typescript": "~4.6.3" - }, - "dependencies": { - "lit": "^2.0.2", - "react": "^16.8.0" - }, - "devDependencies": { - "@babel/plugin-proposal-class-properties": "^7.12.1", - "@custom-elements-manifest/analyzer": "^0.5.7", - "@storybook/addon-a11y": "*", - "@storybook/addon-actions": "*", - "@storybook/addon-backgrounds": "*", - "@storybook/addon-controls": "*", - "@storybook/addon-docs": "*", - "@storybook/addon-jest": "*", - "@storybook/addon-links": "*", - "@storybook/addon-storyshots": "*", - "@storybook/addon-storysource": "*", - "@storybook/addon-viewport": "*", - "@storybook/web-components": "*", - "@storybook/web-components-webpack5": "*", - "global": "^4.4.0", - "jest": "^26.6.3", - "storybook": "*", - "typescript": "~4.6.3" - }, - "customElements": "custom-elements.json", - "storybook": { - "chromatic": { - "projectToken": "npm5gsofwkf" - } - } -} diff --git a/code/examples/web-components-kitchen-sink/src/components/sb-button.stories.ts b/code/examples/web-components-kitchen-sink/src/components/sb-button.stories.ts deleted file mode 100644 index 8022ff06f6a8..000000000000 --- a/code/examples/web-components-kitchen-sink/src/components/sb-button.stories.ts +++ /dev/null @@ -1,50 +0,0 @@ -import type { Meta, Story } from '@storybook/web-components'; -import { html } from 'lit'; -import { ifDefined } from 'lit/directives/if-defined.js'; - -import './sb-button'; -import type { SbButton } from './sb-button'; - -export default { - title: 'Example/Button', - // Need to set the tag to make addon-docs works properly with CustomElementsManifest - component: 'sb-button', - argTypes: { - onClick: { action: 'onClick' }, - }, - parameters: { - actions: { - handles: ['click', 'sb-button:click'], - }, - }, -} as Meta; -const Template: Story = ({ primary, backgroundColor, size, label }) => - html``; - -export const Primary: Story = Template.bind({}); -Primary.args = { - primary: true, - label: 'Button', -}; - -export const Secondary: Story = Template.bind({}); -Secondary.args = { - label: 'Button', -}; - -export const Large: Story = Template.bind({}); -Large.args = { - size: 'large', - label: 'Button', -}; - -export const Small: Story = Template.bind({}); -Small.args = { - size: 'small', - label: 'Button', -}; diff --git a/code/examples/web-components-kitchen-sink/src/components/sb-button.ts b/code/examples/web-components-kitchen-sink/src/components/sb-button.ts deleted file mode 100644 index 0c4dd313d22e..000000000000 --- a/code/examples/web-components-kitchen-sink/src/components/sb-button.ts +++ /dev/null @@ -1,107 +0,0 @@ -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; -import { styleMap } from 'lit/directives/style-map.js'; - -/** - * @attr {string} label - Label of the button - * @attr {string} size - Size of the button, can be "small", "medium" or "large"; default is "medium". - * @attr {string} backgroundColor - Color of the button's background - * - * @cssprop [--sb-primary-color=#1ea7fd] - Controls the color of bar - * - * @prop {boolean} primary - Set button in primary mode - * - * @event {CustomEvent} sb-button:click - Custom event send when the button is clicked - * - * @summary This is a simple Storybook Button - * - * @tag sb-button - */ -@customElement('sb-button') -export class SbButton extends LitElement { - static get styles() { - return css` - .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: var(--sb-primary-color, #1ea7fd); - } - .storybook-button--secondary { - color: #333; - background-color: transparent; - box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 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; - } - `; - } - - // Currently TS decorators are not reflected so we have to use static `properties` function - // https://github.com/Polymer/lit-html/issues/1476 - static get properties() { - return { - label: { type: String, reflect: true }, - primary: { type: Boolean }, - size: { type: String }, - backgroundColor: { type: String, attribute: 'background-color' }, - }; - } - - primary?: boolean; - - backgroundColor?: string; - - // FIXME: default value is overridden by `undefined` when the attribute isn't - // defined in Story's args - size: 'small' | 'medium' | 'large' = 'medium'; - - label = ''; - - private onClick() { - const options = { - bubbles: true, - composed: true, - }; - this.dispatchEvent(new CustomEvent('sb-button:click', options)); - } - - render() { - const mode = this.primary ? 'storybook-button--primary' : 'storybook-button--secondary'; - const style = styleMap({ backgroundColor: this.backgroundColor ?? null }); - - return html` - - `; - } -} - -declare global { - interface HTMLElementTagNameMap { - 'sb-button': SbButton; - } -} diff --git a/code/examples/web-components-kitchen-sink/src/components/sb-header.stories.ts b/code/examples/web-components-kitchen-sink/src/components/sb-header.stories.ts deleted file mode 100644 index 8e6985d81b80..000000000000 --- a/code/examples/web-components-kitchen-sink/src/components/sb-header.stories.ts +++ /dev/null @@ -1,38 +0,0 @@ -import type { Meta, Story } from '@storybook/web-components'; -import { html } from 'lit'; - -import './sb-header'; -import type { SbHeader } from './sb-header'; - -export default { - title: 'Example/Header', - component: 'sb-header', -} as Meta; - -interface SbHeaderProps extends SbHeader { - onSbHeaderCreateAccount: (event: Event) => void; - onSbHeaderLogin: (event: Event) => void; - onSbHeaderLogout: (event: Event) => void; -} - -const Template: Story = ({ - user, - onSbHeaderCreateAccount, - onSbHeaderLogin, - onSbHeaderLogout, -}) => { - return html``; -}; - -export const LoggedIn: Story = Template.bind({}); -LoggedIn.args = { - user: {}, -}; - -export const LoggedOut: Story = Template.bind({}); -LoggedOut.args = {}; diff --git a/code/examples/web-components-kitchen-sink/src/components/sb-header.ts b/code/examples/web-components-kitchen-sink/src/components/sb-header.ts deleted file mode 100644 index 3325d21d1e62..000000000000 --- a/code/examples/web-components-kitchen-sink/src/components/sb-header.ts +++ /dev/null @@ -1,124 +0,0 @@ -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; - -import './sb-button'; - -/** - * @attr {Object} user - User of the app - * - * @event {CustomEvent} sb-header:createAccount - Event send when user clicks on create account button - * @event {CustomEvent} sb-header:login - Event send when user clicks on login button - * @event {CustomEvent} sb-header:logout - Event send when user clicks on logout button - * - * @summary This is a simple Storybook Header - * - * @tag sb-header - */ -@customElement('sb-header') -export class SbHeader extends LitElement { - static get styles() { - return css` - .wrapper { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - padding: 15px 20px; - display: flex; - align-items: center; - justify-content: space-between; - } - - svg { - display: inline-block; - vertical-align: top; - } - - h1 { - font-weight: 900; - font-size: 20px; - line-height: 1; - margin: 6px 0 6px 10px; - display: inline-block; - vertical-align: top; - } - - button + button { - margin-left: 10px; - } - `; - } - - // Currently TS decorators are not reflected so we have to use static `properties` function - // https://github.com/Polymer/lit-html/issues/1476 - static get properties() { - return { - user: { type: Object, reflect: true }, - }; - } - - user?: {}; - - private dispatchCustomEvent(eventName: string) { - const options = { - bubbles: true, - composed: true, - }; - this.dispatchEvent(new CustomEvent(`sb-header:${eventName}`, options)); - } - - render() { - return html` -
-
-
- - - - - - - -

Acme

-
-
- ${this.logInOutButton()} - - -
-
-
- `; - } - - private logInOutButton() { - return this.user - ? html`` - : html``; - } -} - -declare global { - interface HTMLElementTagNameMap { - 'sb-header': SbHeader; - } -} diff --git a/code/examples/web-components-kitchen-sink/src/components/sb-page.stories.ts b/code/examples/web-components-kitchen-sink/src/components/sb-page.stories.ts deleted file mode 100644 index 9562fda0bba1..000000000000 --- a/code/examples/web-components-kitchen-sink/src/components/sb-page.stories.ts +++ /dev/null @@ -1,24 +0,0 @@ -import type { Meta, Story } from '@storybook/web-components'; -import { html } from 'lit'; - -import * as HeaderStories from './sb-header.stories'; - -import './sb-page'; -import type { SbPage } from './sb-page'; - -export default { - title: 'Example/Page', - component: 'sb-page', -} as Meta; - -const Template: Story = ({ user }) => html``; - -export const LoggedIn: Story = Template.bind({}); -LoggedIn.args = { - ...HeaderStories.LoggedIn.args, -}; - -export const LoggedOut: Story = Template.bind({}); -LoggedOut.args = { - ...HeaderStories.LoggedOut.args, -}; diff --git a/code/examples/web-components-kitchen-sink/src/components/sb-page.ts b/code/examples/web-components-kitchen-sink/src/components/sb-page.ts deleted file mode 100644 index 159e4a3b8105..000000000000 --- a/code/examples/web-components-kitchen-sink/src/components/sb-page.ts +++ /dev/null @@ -1,160 +0,0 @@ -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; - -import './sb-header'; - -/** - * @attr {Object} user - User of the app - * - * @summary This is a simple Storybook Page - * - * @tag sb-page - */ -@customElement('sb-page') -export class SbPage extends LitElement { - static get styles() { - return css` - section { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 24px; - padding: 48px 20px; - margin: 0 auto; - max-width: 600px; - color: #333; - } - - h2 { - font-weight: 900; - font-size: 32px; - line-height: 1; - margin: 0 0 4px; - display: inline-block; - vertical-align: top; - } - - p { - margin: 1em 0; - } - - a { - text-decoration: none; - color: #1ea7fd; - } - - ul { - padding-left: 30px; - margin: 1em 0; - } - - li { - margin-bottom: 8px; - } - - .tip { - display: inline-block; - border-radius: 1em; - font-size: 11px; - line-height: 12px; - font-weight: 700; - background: #e7fdd8; - color: #66bf3c; - padding: 4px 12px; - margin-right: 10px; - vertical-align: top; - } - - .tip-wrapper { - font-size: 13px; - line-height: 20px; - margin-top: 40px; - margin-bottom: 40px; - } - - .tip-wrapper svg { - display: inline-block; - height: 12px; - width: 12px; - margin-right: 4px; - vertical-align: top; - margin-top: 3px; - } - - .tip-wrapper svg path { - fill: #1ea7fd; - } - `; - } - - // Currently TS decorators are not reflected so we have to use static `properties` function - // https://github.com/Polymer/lit-html/issues/1476 - static get properties() { - return { - user: { type: Object, reflect: true }, - }; - } - - user?: {}; - - render() { - return html` -
- -
-

Pages in Storybook

-

- We recommend building UIs with a - - component-driven process starting with atomic components and ending with pages. -

-

- Render pages with mock data. This makes it easy to build and review page states without - needing to navigate to them in your app. Here are some handy patterns for managing page - data in Storybook: -

-
    -
  • - Use a higher-level connected component. Storybook helps you compose such data from the - "args" of child component stories -
    • -
  • - Assemble data in the page component from your services. You can mock these services - out using Storybook. -
    • -
-

- Get a guided tutorial on component-driven development at - - Storybook tutorials - - . Read more in the - - docs - - . -

-
- Tip Adjust the width of the canvas with the - - - - - - Viewports addon in the toolbar -
-
-
- `; - } -} - -declare global { - interface HTMLElementTagNameMap { - 'sb-page': SbPage; - } -} diff --git a/code/examples/web-components-kitchen-sink/src/stories/addons/actions/addon-actions.stories.ts b/code/examples/web-components-kitchen-sink/src/stories/addons/actions/addon-actions.stories.ts deleted file mode 100644 index c8824ed641b5..000000000000 --- a/code/examples/web-components-kitchen-sink/src/stories/addons/actions/addon-actions.stories.ts +++ /dev/null @@ -1,62 +0,0 @@ -import { html } from 'lit'; -import type { Meta, StoryFn } from '@storybook/web-components'; - -export default { - title: 'Addons / Actions', -} as Meta; - -const Template: StoryFn = () => html``; - -export const Story1 = Template.bind({}); -Story1.storyName = 'Simple `click` handler'; -Story1.parameters = { - actions: { - handles: ['click'], - }, -}; - -export const Story2 = Template.bind({}); -Story2.storyName = 'Multiple actions'; -Story2.parameters = { - actions: { - handles: ['click', 'contextmenu'], - }, -}; - -export const Story3 = Template.bind({}); -Story3.storyName = 'Multiple actions + config'; - -Story3.parameters = { - actions: { - handles: ['click', 'contextmenu', { clearOnStoryChange: false }], - }, -}; - -export const Story4 = Template.bind({}); -Story4.storyName = 'Multiple actions, object'; - -Story4.parameters = { - actions: { - handles: [{ click: 'clicked', contextmenu: 'right clicked' }], - }, -}; - -export const Story5 = () => html` -
Clicks on this button will be logged:
-`; -Story5.storyName = 'Multiple actions, selector'; - -Story5.parameters = { - actions: { - handles: [{ 'click .btn': 'clicked', contextmenu: 'right clicked' }], - }, -}; - -export const Story6 = Template.bind({}); -Story6.storyName = 'Multiple actions, object + config'; - -Story6.parameters = { - actions: { - handles: [{ click: 'clicked', contextmenu: 'right clicked' }, { clearOnStoryChange: false }], - }, -}; diff --git a/code/examples/web-components-kitchen-sink/src/stories/addons/interactions/addon-interactions.stories.ts b/code/examples/web-components-kitchen-sink/src/stories/addons/interactions/addon-interactions.stories.ts deleted file mode 100644 index 74bdf58d4b44..000000000000 --- a/code/examples/web-components-kitchen-sink/src/stories/addons/interactions/addon-interactions.stories.ts +++ /dev/null @@ -1,30 +0,0 @@ -import { html } from 'lit'; -import type { Meta, StoryFn } from '@storybook/web-components'; -import { expect } from '@storybook/jest'; -import { within, userEvent } from '@storybook/testing-library'; - -import './counter'; -import type { Counter } from './counter'; - -export default { - title: 'Addons/Interactions', - component: 'sb-counter', -} as Meta; - -const Template: StoryFn = () => html``; - -export const Default = Template.bind({}); - -Default.play = async ({ canvasElement }) => { - const canvas = within(canvasElement.querySelector('sb-counter').shadowRoot); - - await userEvent.click(canvas.getByTestId('increment')); - await userEvent.click(canvas.getByTestId('increment')); - await userEvent.click(canvas.getByTestId('increment')); - - await expect(canvas.getByTestId('count').textContent).toEqual('You clicked 3 times'); - - await userEvent.click(canvas.getByTestId('decrement')); - - await expect(canvas.getByTestId('count').textContent).toEqual('You clicked 2 times'); -}; diff --git a/code/examples/web-components-kitchen-sink/src/stories/addons/interactions/counter.ts b/code/examples/web-components-kitchen-sink/src/stories/addons/interactions/counter.ts deleted file mode 100644 index b348519f430e..000000000000 --- a/code/examples/web-components-kitchen-sink/src/stories/addons/interactions/counter.ts +++ /dev/null @@ -1,35 +0,0 @@ -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; - -@customElement('sb-counter') -export class Counter extends LitElement { - static get properties() { - return { - count: { type: Number }, - }; - } - - count = 0; - - decrement = () => { - this.count -= 1; - }; - - increment = () => { - this.count += 1; - }; - - render() { - const { count } = this; - return html` -

Lit Element - Counter

-

You clicked ${count} times

- - - `; - } -} diff --git a/code/examples/web-components-kitchen-sink/src/stories/misc/script/script.stories.ts b/code/examples/web-components-kitchen-sink/src/stories/misc/script/script.stories.ts deleted file mode 100644 index bbe219fa13a4..000000000000 --- a/code/examples/web-components-kitchen-sink/src/stories/misc/script/script.stories.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { html } from 'lit'; - -export default { - title: 'Misc. / Script Tag', -}; - -export const InTemplate = () => html` -
JS alert
- -`; - -export const InString = () => '
JS alert
'; - -export const TypeModule = () => - '
JS alert from module
'; diff --git a/code/examples/web-components-kitchen-sink/src/stories/misc/to-update/addon-docs.stories.mdx b/code/examples/web-components-kitchen-sink/src/stories/misc/to-update/addon-docs.stories.mdx deleted file mode 100644 index c0fedc09743a..000000000000 --- a/code/examples/web-components-kitchen-sink/src/stories/misc/to-update/addon-docs.stories.mdx +++ /dev/null @@ -1,88 +0,0 @@ -import { Story, Canvas, Meta, ArgsTable } from '@storybook/addon-docs'; -import { html } from 'lit'; -import '../../../../demo-wc-card.js'; - -# Storybook Docs for Web Components - - - -## Story definition - -A story can be a simple return of `html` - - - {html` Hello World `} - - -## API - -You can show the api table of a web component at any point in your documentation. - - - -## Function stories - -Or a function - - - {() => { - const rows = [ - { header: 'health', value: '200' }, - { header: 'mana', value: '100' }, - ]; - return html` - A card with data on the back - `; - }} - - -## Wrapper - -You can also wrap your live demos in a nice little wrapper. - - - - {html` Hello World `} - - - -## Story reference - -You can also reference an existing story from within your MDX file. - - - - - -## Stories not inline - -By default stories are rendered inline. -For web components that is usually fine as they are style encapsulated via shadow dom. -However when you have a style tag in you template it might be best to show them in an iframe. - -To always use iframes you can set - -```js -addParameters({ - docs: { - inlineStories: false, - }, -}); -``` - -or add it to individual stories. - -``` - -``` - - - - {html` - -

Makes all p tags red... so best to not render inline - `} - - diff --git a/code/examples/web-components-kitchen-sink/src/typings.d.ts b/code/examples/web-components-kitchen-sink/src/typings.d.ts deleted file mode 100644 index 3c8c1410264f..000000000000 --- a/code/examples/web-components-kitchen-sink/src/typings.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.mdx'; diff --git a/code/examples/web-components-kitchen-sink/tsconfig.json b/code/examples/web-components-kitchen-sink/tsconfig.json deleted file mode 100644 index c5232f81bcd6..000000000000 --- a/code/examples/web-components-kitchen-sink/tsconfig.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "compilerOptions": { - "target": "ES2020", - "module": "CommonJS", - "strict": true, - "moduleResolution": "node", - "strictBindCallApply": true, - "experimentalDecorators": true, - "resolveJsonModule": true - }, - "include": ["src/**/*"], - "exclude": ["src/**/*.stories.ts"] -} diff --git a/code/examples/web-components-kitchen-sink/web-components-storyshots.test.js b/code/examples/web-components-kitchen-sink/web-components-storyshots.test.js deleted file mode 100644 index 89acc476c2ea..000000000000 --- a/code/examples/web-components-kitchen-sink/web-components-storyshots.test.js +++ /dev/null @@ -1,9 +0,0 @@ -import path from 'path'; -import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots'; - -initStoryshots({ - framework: 'web-components', - integrityOptions: { cwd: path.join(__dirname, 'src', 'stories') }, - configPath: path.join(__dirname, '.storybook'), - test: multiSnapshotWithOptions(), -}); diff --git a/code/examples/web-components-kitchen-sink/yarn.lock b/code/examples/web-components-kitchen-sink/yarn.lock deleted file mode 100644 index 2629d81cca45..000000000000 --- a/code/examples/web-components-kitchen-sink/yarn.lock +++ /dev/null @@ -1,5784 +0,0 @@ -# This file is generated by running "yarn install" inside your project. -# Manual changes might be lost - proceed with caution! - -__metadata: - version: 6 - cacheKey: 8c0 - -"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/code-frame@npm:7.14.5" - dependencies: - "@babel/highlight": ^7.14.5 - checksum: 6dd398ce8d7981f78236c1d02878b32f9d4ab953bcc6bae3fa472370f61c4f45a2db188ea5560e3615d8bdd44c1c69bb3c21997a19d57607183f864e73539946 - languageName: node - linkType: hard - -"@babel/compat-data@npm:^7.14.5": - version: 7.14.7 - resolution: "@babel/compat-data@npm:7.14.7" - checksum: b947d4f3dabe7d2c0747de63a18c072e523a2bcfc334220903a770eb0d7d110f7a526cc4a30259522fd689acfd465655dba7fb1c03b9061044b642c830c5677f - languageName: node - linkType: hard - -"@babel/core@npm:^7.1.0, @babel/core@npm:^7.7.5": - version: 7.14.8 - resolution: "@babel/core@npm:7.14.8" - dependencies: - "@babel/code-frame": ^7.14.5 - "@babel/generator": ^7.14.8 - "@babel/helper-compilation-targets": ^7.14.5 - "@babel/helper-module-transforms": ^7.14.8 - "@babel/helpers": ^7.14.8 - "@babel/parser": ^7.14.8 - "@babel/template": ^7.14.5 - "@babel/traverse": ^7.14.8 - "@babel/types": ^7.14.8 - convert-source-map: ^1.7.0 - debug: ^4.1.0 - gensync: ^1.0.0-beta.2 - json5: ^2.1.2 - semver: ^6.3.0 - source-map: ^0.5.0 - checksum: da48e5ea7f00fb23add6fa0b0ad74e57e8f2dad4f81157eca82442f0dbf844b02322330ec6d92472dbf6f3122ca17ec0086765a80fb38389ce55007f1a732034 - languageName: node - linkType: hard - -"@babel/generator@npm:^7.14.8": - version: 7.14.8 - resolution: "@babel/generator@npm:7.14.8" - dependencies: - "@babel/types": ^7.14.8 - jsesc: ^2.5.1 - source-map: ^0.5.0 - checksum: 7f787b44228d80cc022f6aa66bbecb987a0d7156d563f6205c4aa3bd482da6bd8987d15836ccc15ed34210903a33ff5ca01ad23d552dccf525af1545ab668f93 - languageName: node - linkType: hard - -"@babel/helper-annotate-as-pure@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-annotate-as-pure@npm:7.14.5" - dependencies: - "@babel/types": ^7.14.5 - checksum: e3ade3ed47dd5e12f2616058fd062ed54a9cb70872d8a09155c6fefe230c8e964a31868c9bfa7dccb87345c55332aab34f40bf61e1eb5b419eb02d3b158373f2 - languageName: node - linkType: hard - -"@babel/helper-compilation-targets@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-compilation-targets@npm:7.14.5" - dependencies: - "@babel/compat-data": ^7.14.5 - "@babel/helper-validator-option": ^7.14.5 - browserslist: ^4.16.6 - semver: ^6.3.0 - peerDependencies: - "@babel/core": ^7.0.0 - checksum: 1be4366ecb95ed52049f23ccff8605f8658ace90ef74be6b1e2717f1b5003684a26951a5d50274aafbbf7127b8b89bcf0b98532333b722d77088aedc0856f844 - languageName: node - linkType: hard - -"@babel/helper-create-class-features-plugin@npm:^7.14.5": - version: 7.14.8 - resolution: "@babel/helper-create-class-features-plugin@npm:7.14.8" - dependencies: - "@babel/helper-annotate-as-pure": ^7.14.5 - "@babel/helper-function-name": ^7.14.5 - "@babel/helper-member-expression-to-functions": ^7.14.7 - "@babel/helper-optimise-call-expression": ^7.14.5 - "@babel/helper-replace-supers": ^7.14.5 - "@babel/helper-split-export-declaration": ^7.14.5 - peerDependencies: - "@babel/core": ^7.0.0 - checksum: 80122a1549397740cf2c1d4862a5e3b34e8d9fd340bed7ce34099b7224c68cf629bdd09a287b63bb3227efa9ec57c0c615a2305d85335b1f9605ef7ee497683d - languageName: node - linkType: hard - -"@babel/helper-function-name@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-function-name@npm:7.14.5" - dependencies: - "@babel/helper-get-function-arity": ^7.14.5 - "@babel/template": ^7.14.5 - "@babel/types": ^7.14.5 - checksum: a3b2c25a4ffda2e700939f43654988c42238e06945875895e8cd593bc4bd0c0267ca12bf6b62ef2053fae04234aa1f5e2bb3d70667dad64f1a26d3a3ef8210a0 - languageName: node - linkType: hard - -"@babel/helper-get-function-arity@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-get-function-arity@npm:7.14.5" - dependencies: - "@babel/types": ^7.14.5 - checksum: e9e9f0cf22c907430daa11b4dbe252b922e91e3183166c9de4d987a4382f87f28c97e2f7672ae88ab03b54b436afaa3470b00cb7c258cc9c28fe747b291145e5 - languageName: node - linkType: hard - -"@babel/helper-hoist-variables@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-hoist-variables@npm:7.14.5" - dependencies: - "@babel/types": ^7.14.5 - checksum: b952a198c602390161675dc826c47a18539ee36a3a675d8dcfde2d4866513fc9e2608f2133d4233ceb6443e06faa26ee8db9dc0070b26b32be6c9926607552a8 - languageName: node - linkType: hard - -"@babel/helper-member-expression-to-functions@npm:^7.14.5, @babel/helper-member-expression-to-functions@npm:^7.14.7": - version: 7.14.7 - resolution: "@babel/helper-member-expression-to-functions@npm:7.14.7" - dependencies: - "@babel/types": ^7.14.5 - checksum: 75918f58bc8e3e20eaef1937e347712f76128e1ba73edb8a4a2d8f8d5565ce74cc206254910dfa59a7269980e2caeadafa49611cd5d4fbd0605bf827ab315f3b - languageName: node - linkType: hard - -"@babel/helper-module-imports@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-module-imports@npm:7.14.5" - dependencies: - "@babel/types": ^7.14.5 - checksum: cbf5c0946c24ae9f4a21168a4d7b6de6b704ac32e266f58345a65d7d4f8a37e1e47d42788084b834585eb322cf9ae4286ddad2d2cddcf26eafef1dc82dde5a9d - languageName: node - linkType: hard - -"@babel/helper-module-transforms@npm:^7.14.8": - version: 7.14.8 - resolution: "@babel/helper-module-transforms@npm:7.14.8" - dependencies: - "@babel/helper-module-imports": ^7.14.5 - "@babel/helper-replace-supers": ^7.14.5 - "@babel/helper-simple-access": ^7.14.8 - "@babel/helper-split-export-declaration": ^7.14.5 - "@babel/helper-validator-identifier": ^7.14.8 - "@babel/template": ^7.14.5 - "@babel/traverse": ^7.14.8 - "@babel/types": ^7.14.8 - checksum: b080abd85457d3b51e486e8b3d873c6d8cd0a0de54deb8242c12182addda8f1024aa3ddf1604ccf345b50e07c49dc2fd4e386db9c2def812444dfebe0c54705f - languageName: node - linkType: hard - -"@babel/helper-optimise-call-expression@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-optimise-call-expression@npm:7.14.5" - dependencies: - "@babel/types": ^7.14.5 - checksum: af93220551824fcc05d3f18dceed10fd454e6bb77197833b195fa9cd7a77109f9dd91e195a021b7a8760aee2f8245f78460f92542ca00e3f8adddd5b627a2658 - languageName: node - linkType: hard - -"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.8.0": - version: 7.14.5 - resolution: "@babel/helper-plugin-utils@npm:7.14.5" - checksum: de33dc7c7b4b334f87a78c6ad2cbab3e25eaef07edcc7941bc03907eed12833fa222890bb3fe83968b108d90898946756caec42d8a51ac3783c77299736de977 - languageName: node - linkType: hard - -"@babel/helper-replace-supers@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-replace-supers@npm:7.14.5" - dependencies: - "@babel/helper-member-expression-to-functions": ^7.14.5 - "@babel/helper-optimise-call-expression": ^7.14.5 - "@babel/traverse": ^7.14.5 - "@babel/types": ^7.14.5 - checksum: d41892b8a4378ed2107be32c0ea800aab7182e3fcf7bccc31fae0e39481464ed660b9a4177c6002184896c828bcd8186b13adf2dad5273621a21ee60f61c3009 - languageName: node - linkType: hard - -"@babel/helper-simple-access@npm:^7.14.8": - version: 7.14.8 - resolution: "@babel/helper-simple-access@npm:7.14.8" - dependencies: - "@babel/types": ^7.14.8 - checksum: 7dcb1ac2fc67d21364bba8f974d8b4bf91589051ad5f7e864db80abb09a1ecdee59e62dabdadb2b84730cad58e694084665bd84d78bb6929be237b017a772ba5 - languageName: node - linkType: hard - -"@babel/helper-split-export-declaration@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-split-export-declaration@npm:7.14.5" - dependencies: - "@babel/types": ^7.14.5 - checksum: e58baf2a3a7999c741174f787ae4675baedeac6cc6c761240f0684b0efd9734474c17bbb884ac95bceebd4a1062ec6a3ae21e092d9a1c300d460548f8ba5684e - languageName: node - linkType: hard - -"@babel/helper-validator-identifier@npm:^7.14.5, @babel/helper-validator-identifier@npm:^7.14.8": - version: 7.14.8 - resolution: "@babel/helper-validator-identifier@npm:7.14.8" - checksum: f834a8eb625492e367efb731ea510f455a878ec56fcde181274cf86463c67490a7043e9f8243e01def09e5275099a3a09b620045e976179c10fb4659b35d657c - languageName: node - linkType: hard - -"@babel/helper-validator-option@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/helper-validator-option@npm:7.14.5" - checksum: 9cb2d6c72e73459abfccc7ed42bb1055ce4ca4aba9754edbad694f7f47d0dee940382f51b5f19bb16f1d69b6c32fc734bea9a5654a8f98da09d6be9641b02029 - languageName: node - linkType: hard - -"@babel/helpers@npm:^7.14.8": - version: 7.14.8 - resolution: "@babel/helpers@npm:7.14.8" - dependencies: - "@babel/template": ^7.14.5 - "@babel/traverse": ^7.14.8 - "@babel/types": ^7.14.8 - checksum: 40be615e4e369582dce5da06a91c07ef8c09c1ae075f972301bdb9a99a8c6b19c9405b7fcefb2d6ef65e9e234520351740c58f049b3ab5841d6538e43ff51b1f - languageName: node - linkType: hard - -"@babel/highlight@npm:^7.14.5": - version: 7.14.5 - resolution: "@babel/highlight@npm:7.14.5" - dependencies: - "@babel/helper-validator-identifier": ^7.14.5 - chalk: ^2.0.0 - js-tokens: ^4.0.0 - checksum: b9d16895e4bf780d69504c7cc8a9871dc668bcd1851c4a7a7f039f34ba5bb1f04efc4ad6b79112496c7896d541a4d38efa02e7d8be8fb0a1f352097cff8ba79d - languageName: node - linkType: hard - -"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.5, @babel/parser@npm:^7.14.8": - version: 7.14.8 - resolution: "@babel/parser@npm:7.14.8" - bin: - parser: ./bin/babel-parser.js - checksum: 14e6b645dcbaa737339242aea79ada31b23b83f13508973e80515ddfaddafa9bc83fefdc19be88de765fade4576291810997b07e815942c7d5fbf95bbed8fccf - languageName: node - linkType: hard - -"@babel/plugin-proposal-class-properties@npm:^7.12.1": - version: 7.14.5 - resolution: "@babel/plugin-proposal-class-properties@npm:7.14.5" - dependencies: - "@babel/helper-create-class-features-plugin": ^7.14.5 - "@babel/helper-plugin-utils": ^7.14.5 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 11650465820d31d40445529f64ccf084b031f681970ce57774ac1fb6fbd28b3306a86b3546d520ca31d2dae06a6004f9bd1ffff0e44d5c3ce54519620ebc6e57 - languageName: node - linkType: hard - -"@babel/plugin-syntax-async-generators@npm:^7.8.4": - version: 7.8.4 - resolution: "@babel/plugin-syntax-async-generators@npm:7.8.4" - dependencies: - "@babel/helper-plugin-utils": ^7.8.0 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: d13efb282838481348c71073b6be6245b35d4f2f964a8f71e4174f235009f929ef7613df25f8d2338e2d3e44bc4265a9f8638c6aaa136d7a61fe95985f9725c8 - languageName: node - linkType: hard - -"@babel/plugin-syntax-bigint@npm:^7.8.3": - version: 7.8.3 - resolution: "@babel/plugin-syntax-bigint@npm:7.8.3" - dependencies: - "@babel/helper-plugin-utils": ^7.8.0 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 686891b81af2bc74c39013655da368a480f17dd237bf9fbc32048e5865cb706d5a8f65438030da535b332b1d6b22feba336da8fa931f663b6b34e13147d12dde - languageName: node - linkType: hard - -"@babel/plugin-syntax-class-properties@npm:^7.8.3": - version: 7.12.13 - resolution: "@babel/plugin-syntax-class-properties@npm:7.12.13" - dependencies: - "@babel/helper-plugin-utils": ^7.12.13 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 95168fa186416195280b1264fb18afcdcdcea780b3515537b766cb90de6ce042d42dd6a204a39002f794ae5845b02afb0fd4861a3308a861204a55e68310a120 - languageName: node - linkType: hard - -"@babel/plugin-syntax-import-meta@npm:^7.8.3": - version: 7.10.4 - resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4" - dependencies: - "@babel/helper-plugin-utils": ^7.10.4 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 0b08b5e4c3128523d8e346f8cfc86824f0da2697b1be12d71af50a31aff7a56ceb873ed28779121051475010c28d6146a6bfea8518b150b71eeb4e46190172ee - languageName: node - linkType: hard - -"@babel/plugin-syntax-json-strings@npm:^7.8.3": - version: 7.8.3 - resolution: "@babel/plugin-syntax-json-strings@npm:7.8.3" - dependencies: - "@babel/helper-plugin-utils": ^7.8.0 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: e98f31b2ec406c57757d115aac81d0336e8434101c224edd9a5c93cefa53faf63eacc69f3138960c8b25401315af03df37f68d316c151c4b933136716ed6906e - languageName: node - linkType: hard - -"@babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3": - version: 7.10.4 - resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4" - dependencies: - "@babel/helper-plugin-utils": ^7.10.4 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 2594cfbe29411ad5bc2ad4058de7b2f6a8c5b86eda525a993959438615479e59c012c14aec979e538d60a584a1a799b60d1b8942c3b18468cb9d99b8fd34cd0b - languageName: node - linkType: hard - -"@babel/plugin-syntax-nullish-coalescing-operator@npm:^7.8.3": - version: 7.8.3 - resolution: "@babel/plugin-syntax-nullish-coalescing-operator@npm:7.8.3" - dependencies: - "@babel/helper-plugin-utils": ^7.8.0 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 2024fbb1162899094cfc81152449b12bd0cc7053c6d4bda8ac2852545c87d0a851b1b72ed9560673cbf3ef6248257262c3c04aabf73117215c1b9cc7dd2542ce - languageName: node - linkType: hard - -"@babel/plugin-syntax-numeric-separator@npm:^7.8.3": - version: 7.10.4 - resolution: "@babel/plugin-syntax-numeric-separator@npm:7.10.4" - dependencies: - "@babel/helper-plugin-utils": ^7.10.4 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: c55a82b3113480942c6aa2fcbe976ff9caa74b7b1109ff4369641dfbc88d1da348aceb3c31b6ed311c84d1e7c479440b961906c735d0ab494f688bf2fd5b9bb9 - languageName: node - linkType: hard - -"@babel/plugin-syntax-object-rest-spread@npm:^7.8.3": - version: 7.8.3 - resolution: "@babel/plugin-syntax-object-rest-spread@npm:7.8.3" - dependencies: - "@babel/helper-plugin-utils": ^7.8.0 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: ee1eab52ea6437e3101a0a7018b0da698545230015fc8ab129d292980ec6dff94d265e9e90070e8ae5fed42f08f1622c14c94552c77bcac784b37f503a82ff26 - languageName: node - linkType: hard - -"@babel/plugin-syntax-optional-catch-binding@npm:^7.8.3": - version: 7.8.3 - resolution: "@babel/plugin-syntax-optional-catch-binding@npm:7.8.3" - dependencies: - "@babel/helper-plugin-utils": ^7.8.0 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 27e2493ab67a8ea6d693af1287f7e9acec206d1213ff107a928e85e173741e1d594196f99fec50e9dde404b09164f39dec5864c767212154ffe1caa6af0bc5af - languageName: node - linkType: hard - -"@babel/plugin-syntax-optional-chaining@npm:^7.8.3": - version: 7.8.3 - resolution: "@babel/plugin-syntax-optional-chaining@npm:7.8.3" - dependencies: - "@babel/helper-plugin-utils": ^7.8.0 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 46edddf2faa6ebf94147b8e8540dfc60a5ab718e2de4d01b2c0bdf250a4d642c2bd47cbcbb739febcb2bf75514dbcefad3c52208787994b8d0f8822490f55e81 - languageName: node - linkType: hard - -"@babel/plugin-syntax-top-level-await@npm:^7.8.3": - version: 7.14.5 - resolution: "@babel/plugin-syntax-top-level-await@npm:7.14.5" - dependencies: - "@babel/helper-plugin-utils": ^7.14.5 - peerDependencies: - "@babel/core": ^7.0.0-0 - checksum: 14bf6e65d5bc1231ffa9def5f0ef30b19b51c218fcecaa78cd1bdf7939dfdf23f90336080b7f5196916368e399934ce5d581492d8292b46a2fb569d8b2da106f - languageName: node - linkType: hard - -"@babel/template@npm:^7.14.5, @babel/template@npm:^7.3.3": - version: 7.14.5 - resolution: "@babel/template@npm:7.14.5" - dependencies: - "@babel/code-frame": ^7.14.5 - "@babel/parser": ^7.14.5 - "@babel/types": ^7.14.5 - checksum: 3008652ce600da84673d564262d3ad99d62847b1753761683b8b7db50eba7b1fb0798296d6037a6222a390a62a4002c6f9948a4961d381657c55af6c3a8ac099 - languageName: node - linkType: hard - -"@babel/traverse@npm:^7.1.0, @babel/traverse@npm:^7.14.5, @babel/traverse@npm:^7.14.8": - version: 7.14.8 - resolution: "@babel/traverse@npm:7.14.8" - dependencies: - "@babel/code-frame": ^7.14.5 - "@babel/generator": ^7.14.8 - "@babel/helper-function-name": ^7.14.5 - "@babel/helper-hoist-variables": ^7.14.5 - "@babel/helper-split-export-declaration": ^7.14.5 - "@babel/parser": ^7.14.8 - "@babel/types": ^7.14.8 - debug: ^4.1.0 - globals: ^11.1.0 - checksum: 99e4e136c0c941c00c7c45473081fc89b0bcfe23e385d852c6ed6e487c515ed7f47a3cd28e64ad78eeba1b3eb84ed11062cce2490839940436497d7a4f0308d6 - languageName: node - linkType: hard - -"@babel/types@npm:^7.0.0, @babel/types@npm:^7.14.5, @babel/types@npm:^7.14.8, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.8.3": - version: 7.14.8 - resolution: "@babel/types@npm:7.14.8" - dependencies: - "@babel/helper-validator-identifier": ^7.14.8 - to-fast-properties: ^2.0.0 - checksum: d03b05599a2cba3046ae982bc3ebf4709a91d6e35208650b0aed8a344d3d97520fc68ce62008c389d06f51d13da20b8b137f8994a53d853092d24ab6b087091e - languageName: node - linkType: hard - -"@bcoe/v8-coverage@npm:^0.2.3": - version: 0.2.3 - resolution: "@bcoe/v8-coverage@npm:0.2.3" - checksum: 6b80ae4cb3db53f486da2dc63b6e190a74c8c3cca16bb2733f234a0b6a9382b09b146488ae08e2b22cf00f6c83e20f3e040a2f7894f05c045c946d6a090b1d52 - languageName: node - linkType: hard - -"@cnakazawa/watch@npm:^1.0.3": - version: 1.0.4 - resolution: "@cnakazawa/watch@npm:1.0.4" - dependencies: - exec-sh: ^0.3.2 - minimist: ^1.2.0 - bin: - watch: cli.js - checksum: 8678b6f582bdc5ffe59c0d45c2ad21f4ea1d162ec7ddb32e85078fca481c26958f27bcdef6007b8e9a066da090ccf9d31e1753f8de1e5f32466a04227d70dc31 - languageName: node - linkType: hard - -"@custom-elements-manifest/analyzer@npm:^0.5.7": - version: 0.5.7 - resolution: "@custom-elements-manifest/analyzer@npm:0.5.7" - dependencies: - "@web/config-loader": 0.1.3 - chokidar: 3.5.2 - command-line-args: 5.1.2 - comment-parser: 1.2.4 - custom-elements-manifest: 1.0.0 - debounce: 1.2.1 - globby: 11.0.4 - typescript: ~4.3.2 - bin: - cem: index.js - custom-elements-manifest: index.js - checksum: 48fc66cccd5f142a88404ffc211603c5b49c53f55072f8edc6ff05a511849923ed4b9691466591abdf21907c359cc4fce8d3058a5fa61425b8b97ccec4017f35 - languageName: node - linkType: hard - -"@istanbuljs/load-nyc-config@npm:^1.0.0": - version: 1.1.0 - resolution: "@istanbuljs/load-nyc-config@npm:1.1.0" - dependencies: - camelcase: ^5.3.1 - find-up: ^4.1.0 - get-package-type: ^0.1.0 - js-yaml: ^3.13.1 - resolve-from: ^5.0.0 - checksum: dd2a8b094887da5a1a2339543a4933d06db2e63cbbc2e288eb6431bd832065df0c099d091b6a67436e71b7d6bf85f01ce7c15f9253b4cbebcc3b9a496165ba42 - languageName: node - linkType: hard - -"@istanbuljs/schema@npm:^0.1.2": - version: 0.1.3 - resolution: "@istanbuljs/schema@npm:0.1.3" - checksum: 61c5286771676c9ca3eb2bd8a7310a9c063fb6e0e9712225c8471c582d157392c88f5353581c8c9adbe0dff98892317d2fdfc56c3499aa42e0194405206a963a - languageName: node - linkType: hard - -"@jest/console@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/console@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - "@types/node": "*" - chalk: ^4.0.0 - jest-message-util: ^26.6.2 - jest-util: ^26.6.2 - slash: ^3.0.0 - checksum: e85a68b1ef49e5ecadb0055812c2493a92592b5206c26e78ce6b21869aff2847e4c808beae1dd353738c24fd51fa9d5bf135ced62931844a5d57f9ff4f40743a - languageName: node - linkType: hard - -"@jest/core@npm:^26.6.3": - version: 26.6.3 - resolution: "@jest/core@npm:26.6.3" - dependencies: - "@jest/console": ^26.6.2 - "@jest/reporters": ^26.6.2 - "@jest/test-result": ^26.6.2 - "@jest/transform": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/node": "*" - ansi-escapes: ^4.2.1 - chalk: ^4.0.0 - exit: ^0.1.2 - graceful-fs: ^4.2.4 - jest-changed-files: ^26.6.2 - jest-config: ^26.6.3 - jest-haste-map: ^26.6.2 - jest-message-util: ^26.6.2 - jest-regex-util: ^26.0.0 - jest-resolve: ^26.6.2 - jest-resolve-dependencies: ^26.6.3 - jest-runner: ^26.6.3 - jest-runtime: ^26.6.3 - jest-snapshot: ^26.6.2 - jest-util: ^26.6.2 - jest-validate: ^26.6.2 - jest-watcher: ^26.6.2 - micromatch: ^4.0.2 - p-each-series: ^2.1.0 - rimraf: ^3.0.0 - slash: ^3.0.0 - strip-ansi: ^6.0.0 - checksum: 3a4816997f1e206e0dfc6ad236f53b8a554a9b705aa78a62bc754697b8adf8314187a5ac8cfbd31ee6a38feec1412dc17c85cefe39e6d9e21f5e7e2697452e7e - languageName: node - linkType: hard - -"@jest/environment@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/environment@npm:26.6.2" - dependencies: - "@jest/fake-timers": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/node": "*" - jest-mock: ^26.6.2 - checksum: b489afb2fa9bbde360f222bc905abd9abd77ae5802b16ca7a34d018405ad7df57a506c01efae8ff8b566c211314ec74b3f37a1cb850623e15eb1e6d020582197 - languageName: node - linkType: hard - -"@jest/fake-timers@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/fake-timers@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - "@sinonjs/fake-timers": ^6.0.1 - "@types/node": "*" - jest-message-util: ^26.6.2 - jest-mock: ^26.6.2 - jest-util: ^26.6.2 - checksum: 861b033ead8c749f0fecffb84cbe88603291d9db66129494d0059dee101616a2aa646fc32c8cab468826eeb32647d2b0b4f72869f048163cb3406ddd2902ece0 - languageName: node - linkType: hard - -"@jest/globals@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/globals@npm:26.6.2" - dependencies: - "@jest/environment": ^26.6.2 - "@jest/types": ^26.6.2 - expect: ^26.6.2 - checksum: 6516baa19339a62c8f5eeb2ef3871bfa5bd5645016f1eb87dbe52a37658e7b33b836a1325ba40db250df5d06c08dd1cb1532fbfac5712f4041561525b59bb03f - languageName: node - linkType: hard - -"@jest/reporters@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/reporters@npm:26.6.2" - dependencies: - "@bcoe/v8-coverage": ^0.2.3 - "@jest/console": ^26.6.2 - "@jest/test-result": ^26.6.2 - "@jest/transform": ^26.6.2 - "@jest/types": ^26.6.2 - chalk: ^4.0.0 - collect-v8-coverage: ^1.0.0 - exit: ^0.1.2 - glob: ^7.1.2 - graceful-fs: ^4.2.4 - istanbul-lib-coverage: ^3.0.0 - istanbul-lib-instrument: ^4.0.3 - istanbul-lib-report: ^3.0.0 - istanbul-lib-source-maps: ^4.0.0 - istanbul-reports: ^3.0.2 - jest-haste-map: ^26.6.2 - jest-resolve: ^26.6.2 - jest-util: ^26.6.2 - jest-worker: ^26.6.2 - node-notifier: ^8.0.0 - slash: ^3.0.0 - source-map: ^0.6.0 - string-length: ^4.0.1 - terminal-link: ^2.0.0 - v8-to-istanbul: ^7.0.0 - dependenciesMeta: - node-notifier: - optional: true - checksum: 311f8c467fc2e810ca884cd9ef032c6c58a88c4c54b41a7c85ae6da5a27b3d4c7042938f62611cf19a336a0d487976b348b8f3414cced2802b815d81bf7c1d5f - languageName: node - linkType: hard - -"@jest/source-map@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/source-map@npm:26.6.2" - dependencies: - callsites: ^3.0.0 - graceful-fs: ^4.2.4 - source-map: ^0.6.0 - checksum: fad0b35abf71b9e35b63d4ea7ddafb227a176fa44b84b8efc749ec3911991203f4a58019dd403af8380de4de752f0d40c9fe4c69f76a0866d266e964a02042cb - languageName: node - linkType: hard - -"@jest/test-result@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/test-result@npm:26.6.2" - dependencies: - "@jest/console": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/istanbul-lib-coverage": ^2.0.0 - collect-v8-coverage: ^1.0.0 - checksum: 4b6f480ebf917f2f6beb5ebefc1c6dedaa768030706f184be9a545e3ad457bde802bae78c50e06f68310084921fb048e030a8eca2adfd7df9f46a6663abb0b98 - languageName: node - linkType: hard - -"@jest/test-sequencer@npm:^26.6.3": - version: 26.6.3 - resolution: "@jest/test-sequencer@npm:26.6.3" - dependencies: - "@jest/test-result": ^26.6.2 - graceful-fs: ^4.2.4 - jest-haste-map: ^26.6.2 - jest-runner: ^26.6.3 - jest-runtime: ^26.6.3 - checksum: 670cf1161a22716f8396baf2a2d9d1741ad169f8a0115f6b0c4f88f2cfc29fec9179bbcfd87f579a46a69b38af47abd5656fb7ded5face06c3960d8e1cdbbdae - languageName: node - linkType: hard - -"@jest/transform@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/transform@npm:26.6.2" - dependencies: - "@babel/core": ^7.1.0 - "@jest/types": ^26.6.2 - babel-plugin-istanbul: ^6.0.0 - chalk: ^4.0.0 - convert-source-map: ^1.4.0 - fast-json-stable-stringify: ^2.0.0 - graceful-fs: ^4.2.4 - jest-haste-map: ^26.6.2 - jest-regex-util: ^26.0.0 - jest-util: ^26.6.2 - micromatch: ^4.0.2 - pirates: ^4.0.1 - slash: ^3.0.0 - source-map: ^0.6.1 - write-file-atomic: ^3.0.0 - checksum: 1a1d636528d9b122b87b870633763c67f131533fce61e5db536dfbbea0bbfe8fe130daededb686ccc230389473a2b8ece5d0e1eaf380066d8902bde48579de31 - languageName: node - linkType: hard - -"@jest/types@npm:^26.6.2": - version: 26.6.2 - resolution: "@jest/types@npm:26.6.2" - dependencies: - "@types/istanbul-lib-coverage": ^2.0.0 - "@types/istanbul-reports": ^3.0.0 - "@types/node": "*" - "@types/yargs": ^15.0.0 - chalk: ^4.0.0 - checksum: 5b9b957f38a002895eb04bbb8c3dda6fccce8e2551f3f44b02f1f43063a78e8bedce73cd4330b53ede00ae005de5cd805982fbb2ec6ab9feacf96344240d5db2 - languageName: node - linkType: hard - -"@lit/reactive-element@npm:^1.0.0": - version: 1.0.2 - resolution: "@lit/reactive-element@npm:1.0.2" - checksum: 531eafe6a62908674735a52602fd7a7c6692e86d15d9dc9979185209ee7d323d456b8faa445a9d19c241309f43d7325660f99e6ae569c6cf7a7662aa1fbf2145 - languageName: node - linkType: hard - -"@nodelib/fs.scandir@npm:2.1.5": - version: 2.1.5 - resolution: "@nodelib/fs.scandir@npm:2.1.5" - dependencies: - "@nodelib/fs.stat": 2.0.5 - run-parallel: ^1.1.9 - checksum: 732c3b6d1b1e967440e65f284bd06e5821fedf10a1bea9ed2bb75956ea1f30e08c44d3def9d6a230666574edbaf136f8cfd319c14fd1f87c66e6a44449afb2eb - languageName: node - linkType: hard - -"@nodelib/fs.stat@npm:2.0.5, @nodelib/fs.stat@npm:^2.0.2": - version: 2.0.5 - resolution: "@nodelib/fs.stat@npm:2.0.5" - checksum: 88dafe5e3e29a388b07264680dc996c17f4bda48d163a9d4f5c1112979f0ce8ec72aa7116122c350b4e7976bc5566dc3ddb579be1ceaacc727872eb4ed93926d - languageName: node - linkType: hard - -"@nodelib/fs.walk@npm:^1.2.3": - version: 1.2.8 - resolution: "@nodelib/fs.walk@npm:1.2.8" - dependencies: - "@nodelib/fs.scandir": 2.1.5 - fastq: ^1.6.0 - checksum: db9de047c3bb9b51f9335a7bb46f4fcfb6829fb628318c12115fbaf7d369bfce71c15b103d1fc3b464812d936220ee9bc1c8f762d032c9f6be9acc99249095b1 - languageName: node - linkType: hard - -"@npmcli/move-file@npm:^1.0.1": - version: 1.1.2 - resolution: "@npmcli/move-file@npm:1.1.2" - dependencies: - mkdirp: ^1.0.4 - rimraf: ^3.0.2 - checksum: 02e946f3dafcc6743132fe2e0e2b585a96ca7265653a38df5a3e53fcf26c7c7a57fc0f861d7c689a23fdb6d6836c7eea5050c8086abf3c994feb2208d1514ff0 - languageName: node - linkType: hard - -"@sinonjs/commons@npm:^1.7.0": - version: 1.8.3 - resolution: "@sinonjs/commons@npm:1.8.3" - dependencies: - type-detect: 4.0.8 - checksum: e4d2471feb19f735654f798fcdf389b90fab5913da609f566b04c4cdd9131a97e897d565251d35389aeebcca70a22ab4ed2291c7f7927706ead12e4f94841bf1 - languageName: node - linkType: hard - -"@sinonjs/fake-timers@npm:^6.0.1": - version: 6.0.1 - resolution: "@sinonjs/fake-timers@npm:6.0.1" - dependencies: - "@sinonjs/commons": ^1.7.0 - checksum: a77bead4d71b40d6f7f9a3ad66a00269aa2c078260f43f594b8aed4676c6c4e7c2b642d4b8e34df314e1c971589455f7b4267ab831bf44ffdccc0bda599850ad - languageName: node - linkType: hard - -"@storybook/addon-a11y@link:../../addons/a11y::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-a11y@link:../../addons/a11y::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addon-actions@link:../../addons/actions::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-actions@link:../../addons/actions::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addon-backgrounds@link:../../addons/backgrounds::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-backgrounds@link:../../addons/backgrounds::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addon-controls@link:../../addons/controls::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-controls@link:../../addons/controls::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addon-docs@link:../../addons/docs::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-docs@link:../../addons/docs::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addon-jest@npm:*": - version: 6.3.6 - resolution: "@storybook/addon-jest@npm:6.3.6" - dependencies: - "@storybook/addons": 6.3.6 - "@storybook/api": 6.3.6 - "@storybook/components": 6.3.6 - "@storybook/core-events": 6.3.6 - "@storybook/theming": 6.3.6 - core-js: ^3.8.2 - global: ^4.4.0 - react-sizeme: ^3.0.1 - regenerator-runtime: ^0.13.7 - upath: ^1.2.0 - peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - peerDependenciesMeta: - react: - optional: true - react-dom: - optional: true - checksum: 2483af99127512dda902bbe6e8e85b8c70927a97170a89d9da4a1d4dd8455e79d95278ad49d71a41bdd374440c31c658ffeaccb83d8ac3fe7a136f875f8b59fc - languageName: node - linkType: hard - -"@storybook/addon-links@link:../../addons/links::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-links@link:../../addons/links::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addon-storyshots@link:../../addons/storyshots/storyshots-core::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-storyshots@link:../../addons/storyshots/storyshots-core::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addon-storysource@link:../../addons/storysource::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-storysource@link:../../addons/storysource::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addon-viewport@link:../../addons/viewport::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addon-viewport@link:../../addons/viewport::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/addons@link:../../lib/addons::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/addons@link:../../lib/addons::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/api@link:../../lib/api::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/api@link:../../lib/api::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/cli@link:../../lib/cli::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/cli@link:../../lib/cli::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/components@link:../../lib/components::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/components@link:../../lib/components::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/core-events@link:../../lib/core-events::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/core-events@link:../../lib/core-events::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/theming@link:../../lib/theming::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/theming@link:../../lib/theming::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/web-components-webpack5@link:../../frameworks/web-components-webpack5::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/web-components-webpack5@link:../../frameworks/web-components-webpack5::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@storybook/web-components@link:../../renderers/web-components::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "@storybook/web-components@link:../../renderers/web-components::locator=web-components-kitchen-sink%40workspace%3A." - languageName: node - linkType: soft - -"@tootallnate/once@npm:1": - version: 1.1.2 - resolution: "@tootallnate/once@npm:1.1.2" - checksum: 8fe4d006e90422883a4fa9339dd05a83ff626806262e1710cee5758d493e8cbddf2db81c0e4690636dc840b02c9fda62877866ea774ebd07c1777ed5fafbdec6 - languageName: node - linkType: hard - -"@types/babel__core@npm:^7.0.0": - version: 7.1.15 - resolution: "@types/babel__core@npm:7.1.15" - dependencies: - "@babel/parser": ^7.1.0 - "@babel/types": ^7.0.0 - "@types/babel__generator": "*" - "@types/babel__template": "*" - "@types/babel__traverse": "*" - checksum: 4c7f4d6fa112ea0f795ed3d8260b0f41d6887757fc1f0720485b962d65ba4e6a98dd131133ea78278527c5eba8de02702c2d99f73946938a9876f66e8e934785 - languageName: node - linkType: hard - -"@types/babel__core@npm:^7.1.7": - version: 7.1.19 - resolution: "@types/babel__core@npm:7.1.19" - dependencies: - "@babel/parser": ^7.1.0 - "@babel/types": ^7.0.0 - "@types/babel__generator": "*" - "@types/babel__template": "*" - "@types/babel__traverse": "*" - checksum: d07442fee0a1331405c80efc06dd74fe815fc9ac1351de54c4eaf06fea9e516992a6f6a139361d78df5828b0a94977f33c977d9391b09949b959fd20d80f48d8 - languageName: node - linkType: hard - -"@types/babel__generator@npm:*": - version: 7.6.3 - resolution: "@types/babel__generator@npm:7.6.3" - dependencies: - "@babel/types": ^7.0.0 - checksum: 13921f2661cd0f1fe0c73dacbeac1e65580182d289911a8df7edb441656e58e2907e3e7f517f8bbf8dbe179892f8afef5f951f682ea12778e66dc21b64614091 - languageName: node - linkType: hard - -"@types/babel__template@npm:*": - version: 7.4.1 - resolution: "@types/babel__template@npm:7.4.1" - dependencies: - "@babel/parser": ^7.1.0 - "@babel/types": ^7.0.0 - checksum: 6f180e96c39765487f27e861d43eebed341ec7a2fc06cdf5a52c22872fae67f474ca165d149c708f4fd9d5482beb66c0a92f77411b234bb30262ed2303e50b1a - languageName: node - linkType: hard - -"@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.0.4, @types/babel__traverse@npm:^7.0.6": - version: 7.14.2 - resolution: "@types/babel__traverse@npm:7.14.2" - dependencies: - "@babel/types": ^7.3.0 - checksum: 39abd9c0f8858efe3fa955f52d24ec8d953582080702cea29fd5592e697ac624e04e81da3c2b2be8f4f1387350e651802b4f1c481a9f64b002d144bd2152142b - languageName: node - linkType: hard - -"@types/graceful-fs@npm:^4.1.2": - version: 4.1.5 - resolution: "@types/graceful-fs@npm:4.1.5" - dependencies: - "@types/node": "*" - checksum: 537cff67c75f25b86df8909131b4c2100028bb73368125cef1358b41ba016377d0fc86e9e6101c2d3860cb83aff1be27953616a918de5b318b5fb18c8f4de09d - languageName: node - linkType: hard - -"@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1": - version: 2.0.3 - resolution: "@types/istanbul-lib-coverage@npm:2.0.3" - checksum: 820d093eed629844074ae6b94b7d131eb0aacf33b9c952488d20ccab9dadf1376dbb33a461960ace5bc58208b5fac3ff5991283e9bf07914150998ebdfb0115e - languageName: node - linkType: hard - -"@types/istanbul-lib-report@npm:*": - version: 3.0.0 - resolution: "@types/istanbul-lib-report@npm:3.0.0" - dependencies: - "@types/istanbul-lib-coverage": "*" - checksum: 7ced458631276a28082ee40645224c3cdd8b861961039ff811d841069171c987ec7e50bc221845ec0d04df0022b2f457a21fb2f816dab2fbe64d59377b32031f - languageName: node - linkType: hard - -"@types/istanbul-reports@npm:^3.0.0": - version: 3.0.1 - resolution: "@types/istanbul-reports@npm:3.0.1" - dependencies: - "@types/istanbul-lib-report": "*" - checksum: e147f0db9346a0cae9a359220bc76f7c78509fb6979a2597feb24d64b6e8328d2d26f9d152abbd59c6bca721e4ea2530af20116d01df50815efafd1e151fd777 - languageName: node - linkType: hard - -"@types/node@npm:*": - version: 16.4.3 - resolution: "@types/node@npm:16.4.3" - checksum: 0015d32233a53ebcd90438fea780628e27a7fd4836c977166ac5b78ae5b361a633d0ec333d54acd0e559b65b0ff90a62d2b6adb14174d39692bffff0254084f4 - languageName: node - linkType: hard - -"@types/normalize-package-data@npm:^2.4.0": - version: 2.4.1 - resolution: "@types/normalize-package-data@npm:2.4.1" - checksum: c90b163741f27a1a4c3b1869d7d5c272adbd355eb50d5f060f9ce122ce4342cf35f5b0005f55ef780596cacfeb69b7eee54cd3c2e02d37f75e664945b6e75fc6 - languageName: node - linkType: hard - -"@types/prettier@npm:^2.0.0": - version: 2.3.2 - resolution: "@types/prettier@npm:2.3.2" - checksum: 345b67ea3bd1146c56bc08daf168bb407eddf91f04c4775250922207ce3cfe84400c9bf16072ed01d3891a3e7a7eeae60a4d57a3e52cc458245bb34f765ae8c5 - languageName: node - linkType: hard - -"@types/stack-utils@npm:^2.0.0": - version: 2.0.1 - resolution: "@types/stack-utils@npm:2.0.1" - checksum: 3327ee919a840ffe907bbd5c1d07dfd79137dd9732d2d466cf717ceec5bb21f66296173c53bb56cff95fae4185b9cd6770df3e9745fe4ba528bbc4975f54d13f - languageName: node - linkType: hard - -"@types/trusted-types@npm:^2.0.2": - version: 2.0.2 - resolution: "@types/trusted-types@npm:2.0.2" - checksum: 8c5253d7a297ba375b1dff7704013fb8d31c08c681d257db9e7e0624309cbb4a1e0c916bdd5a8c378992391126af0adb731720ba7642244a2f2c1ff42aba5bcf - languageName: node - linkType: hard - -"@types/yargs-parser@npm:*": - version: 20.2.1 - resolution: "@types/yargs-parser@npm:20.2.1" - checksum: 9171590c7f6762fa753cfe25b3d61f468ed4eebc011c3856fffc4937b14bff03b6b02fe93246ae7e01c4e09a6c3aa980a1637d7171869e32041992340f5445bc - languageName: node - linkType: hard - -"@types/yargs@npm:^15.0.0": - version: 15.0.14 - resolution: "@types/yargs@npm:15.0.14" - dependencies: - "@types/yargs-parser": "*" - checksum: 49eb8ad456c218a6dc8abd90a6f635a3ef44bb59161fbee2e9208f86fcb931668bb3559cad8cfe9a84d9c32b98034e37fefc2d728c3a077784b51971f0766b2e - languageName: node - linkType: hard - -"@web/config-loader@npm:0.1.3": - version: 0.1.3 - resolution: "@web/config-loader@npm:0.1.3" - dependencies: - semver: ^7.3.4 - checksum: 165376a525f2690b6266229d4e4f82a3e877ed1aaaea0b1131081d10650704f37d5dbdb5c959c4efcf3f4f91ccf97dcdc2b99df233d21317ee25ed7e00afacc6 - languageName: node - linkType: hard - -"abab@npm:^2.0.3, abab@npm:^2.0.5": - version: 2.0.5 - resolution: "abab@npm:2.0.5" - checksum: 6d70f6a1362a1bd31d8033cfc71c1930e336758b2ac517192338e76c3ea55f53a6aafad60162e8152c4e45c95e0a1499888e803fed9060764c4e102587c497a8 - languageName: node - linkType: hard - -"abbrev@npm:1": - version: 1.1.1 - resolution: "abbrev@npm:1.1.1" - checksum: 3f762677702acb24f65e813070e306c61fafe25d4b2583f9dfc935131f774863f3addd5741572ed576bd69cabe473c5af18e1e108b829cb7b6b4747884f726e6 - languageName: node - linkType: hard - -"acorn-globals@npm:^6.0.0": - version: 6.0.0 - resolution: "acorn-globals@npm:6.0.0" - dependencies: - acorn: ^7.1.1 - acorn-walk: ^7.1.1 - checksum: 5f92390a3fd7e5a4f84fe976d4650e2a33ecf27135aa9efc5406e3406df7f00a1bbb00648ee0c8058846f55ad0924ff574e6c73395705690e754589380a41801 - languageName: node - linkType: hard - -"acorn-walk@npm:^7.1.1": - version: 7.2.0 - resolution: "acorn-walk@npm:7.2.0" - checksum: ff99f3406ed8826f7d6ef6ac76b7608f099d45a1ff53229fa267125da1924188dbacf02e7903dfcfd2ae4af46f7be8847dc7d564c73c4e230dfb69c8ea8e6b4c - languageName: node - linkType: hard - -"acorn@npm:^7.1.1": - version: 7.4.1 - resolution: "acorn@npm:7.4.1" - bin: - acorn: bin/acorn - checksum: bd0b2c2b0f334bbee48828ff897c12bd2eb5898d03bf556dcc8942022cec795ac5bb5b6b585e2de687db6231faf07e096b59a361231dd8c9344d5df5f7f0e526 - languageName: node - linkType: hard - -"acorn@npm:^8.2.4": - version: 8.4.1 - resolution: "acorn@npm:8.4.1" - bin: - acorn: bin/acorn - checksum: ecff67f32fe07569188d407ef09e29237a4349a4fbf1ecf2bb2c6a615d7cb4e3e079b1015a2a0775dac509c7fd2877849a04a05e75978d1154e0dc7331f70dde - languageName: node - linkType: hard - -"agent-base@npm:6, agent-base@npm:^6.0.2": - version: 6.0.2 - resolution: "agent-base@npm:6.0.2" - dependencies: - debug: 4 - checksum: dc4f757e40b5f3e3d674bc9beb4f1048f4ee83af189bae39be99f57bf1f48dde166a8b0a5342a84b5944ee8e6ed1e5a9d801858f4ad44764e84957122fe46261 - languageName: node - linkType: hard - -"agentkeepalive@npm:^4.1.3": - version: 4.1.4 - resolution: "agentkeepalive@npm:4.1.4" - dependencies: - debug: ^4.1.0 - depd: ^1.1.2 - humanize-ms: ^1.2.1 - checksum: 9fce2a75711ec5759f009846b6be0581eaac389f5fb275e98ff2c0edc95c56acf251a3135e04bb0df2d0f5f8b4b655aaa9e9bfbb2a9123bd527a6f600fe4c182 - languageName: node - linkType: hard - -"aggregate-error@npm:^3.0.0": - version: 3.1.0 - resolution: "aggregate-error@npm:3.1.0" - dependencies: - clean-stack: ^2.0.0 - indent-string: ^4.0.0 - checksum: a42f67faa79e3e6687a4923050e7c9807db3848a037076f791d10e092677d65c1d2d863b7848560699f40fc0502c19f40963fb1cd1fb3d338a7423df8e45e039 - languageName: node - linkType: hard - -"ansi-escapes@npm:^4.2.1": - version: 4.3.2 - resolution: "ansi-escapes@npm:4.3.2" - dependencies: - type-fest: ^0.21.3 - checksum: da917be01871525a3dfcf925ae2977bc59e8c513d4423368645634bf5d4ceba5401574eb705c1e92b79f7292af5a656f78c5725a4b0e1cec97c4b413705c1d50 - languageName: node - linkType: hard - -"ansi-regex@npm:^2.0.0": - version: 2.1.1 - resolution: "ansi-regex@npm:2.1.1" - checksum: 78cebaf50bce2cb96341a7230adf28d804611da3ce6bf338efa7b72f06cc6ff648e29f80cd95e582617ba58d5fdbec38abfeed3500a98bce8381a9daec7c548b - languageName: node - linkType: hard - -"ansi-regex@npm:^3.0.0": - version: 3.0.0 - resolution: "ansi-regex@npm:3.0.0" - checksum: c6a2b226d009965decc65d330b953290039f0f2b31d200516a9a79b6010f5f8f9d6acbaa0917d925c578df0c0feaddcb56569aad05776f99e2918116d4233121 - languageName: node - linkType: hard - -"ansi-regex@npm:^5.0.0": - version: 5.0.0 - resolution: "ansi-regex@npm:5.0.0" - checksum: 4c711eeec7ab00c1869e926ae78758abd10137047cbb08b6fda499be2dc39c2d5f21e15c7279dbb222de523b53834b54043d4997191f62372d5e2250edcbc83a - languageName: node - linkType: hard - -"ansi-styles@npm:^3.2.1": - version: 3.2.1 - resolution: "ansi-styles@npm:3.2.1" - dependencies: - color-convert: ^1.9.0 - checksum: ece5a8ef069fcc5298f67e3f4771a663129abd174ea2dfa87923a2be2abf6cd367ef72ac87942da00ce85bd1d651d4cd8595aebdb1b385889b89b205860e977b - languageName: node - linkType: hard - -"ansi-styles@npm:^4.0.0, ansi-styles@npm:^4.1.0": - version: 4.3.0 - resolution: "ansi-styles@npm:4.3.0" - dependencies: - color-convert: ^2.0.1 - checksum: 895a23929da416f2bd3de7e9cb4eabd340949328ab85ddd6e484a637d8f6820d485f53933446f5291c3b760cbc488beb8e88573dd0f9c7daf83dccc8fe81b041 - languageName: node - linkType: hard - -"anymatch@npm:^2.0.0": - version: 2.0.0 - resolution: "anymatch@npm:2.0.0" - dependencies: - micromatch: ^3.1.4 - normalize-path: ^2.1.1 - checksum: a0d745e52f0233048724b9c9d7b1d8a650f7a50151a0f1d2cce1857b09fd096052d334f8c570cc88596edef8249ae778f767db94025cd00f81e154a37bb7e34e - languageName: node - linkType: hard - -"anymatch@npm:^3.0.3, anymatch@npm:~3.1.2": - version: 3.1.2 - resolution: "anymatch@npm:3.1.2" - dependencies: - normalize-path: ^3.0.0 - picomatch: ^2.0.4 - checksum: 900645535aee46ed7958f4f5b5e38abcbf474b5230406e913de15fc9a1310f0d5322775deb609688efe31010fa57831e55d36040b19826c22ce61d537e9b9759 - languageName: node - linkType: hard - -"aproba@npm:^1.0.3": - version: 1.2.0 - resolution: "aproba@npm:1.2.0" - checksum: 2d34f008c9edfa991f42fe4b667d541d38a474a39ae0e24805350486d76744cd91ee45313283c1d39a055b14026dd0fc4d0cbfc13f210855d59d7e8b5a61dc51 - languageName: node - linkType: hard - -"are-we-there-yet@npm:~1.1.2": - version: 1.1.5 - resolution: "are-we-there-yet@npm:1.1.5" - dependencies: - delegates: ^1.0.0 - readable-stream: ^2.0.6 - checksum: 56234fa447056b6acc70419a4434db0aff5a17dba4fa034561d4c83882abd690bf5a6face9d0160dee2e20035c10a7b31d3562726512321ef49db41cc04c8dd8 - languageName: node - linkType: hard - -"argparse@npm:^1.0.7": - version: 1.0.10 - resolution: "argparse@npm:1.0.10" - dependencies: - sprintf-js: ~1.0.2 - checksum: b2972c5c23c63df66bca144dbc65d180efa74f25f8fd9b7d9a0a6c88ae839db32df3d54770dcb6460cf840d232b60695d1a6b1053f599d84e73f7437087712de - languageName: node - linkType: hard - -"arr-diff@npm:^4.0.0": - version: 4.0.0 - resolution: "arr-diff@npm:4.0.0" - checksum: 67b80067137f70c89953b95f5c6279ad379c3ee39f7143578e13bd51580a40066ee2a55da066e22d498dce10f68c2d70056d7823f972fab99dfbf4c78d0bc0f7 - languageName: node - linkType: hard - -"arr-flatten@npm:^1.1.0": - version: 1.1.0 - resolution: "arr-flatten@npm:1.1.0" - checksum: bef53be02ed3bc58f202b3861a5b1eb6e1ae4fecf39c3ad4d15b1e0433f941077d16e019a33312d820844b0661777322acbb7d0c447b04d9bdf7d6f9c532548a - languageName: node - linkType: hard - -"arr-union@npm:^3.1.0": - version: 3.1.0 - resolution: "arr-union@npm:3.1.0" - checksum: 7d5aa05894e54aa93c77c5726c1dd5d8e8d3afe4f77983c0aa8a14a8a5cbe8b18f0cf4ecaa4ac8c908ef5f744d2cbbdaa83fd6e96724d15fea56cfa7f5efdd51 - languageName: node - linkType: hard - -"array-back@npm:^3.0.1": - version: 3.1.0 - resolution: "array-back@npm:3.1.0" - checksum: bb1fe86aa8b39c21e73c68c7abf8b05ed939b8951a3b17527217f6a2a84e00e4cfa4fdec823081689c5e216709bf1f214a4f5feeee6726eaff83897fa1a7b8ee - languageName: node - linkType: hard - -"array-back@npm:^6.1.2": - version: 6.2.0 - resolution: "array-back@npm:6.2.0" - checksum: e1a07e49fa667bbd964d3125440201ec6cc09b8e21f6462ad5d34931e93484b62dedb262ff24d636447ef1bd502f83cbbe48978c00b12d27d2c4a1d3ec35dc29 - languageName: node - linkType: hard - -"array-union@npm:^2.1.0": - version: 2.1.0 - resolution: "array-union@npm:2.1.0" - checksum: 429897e68110374f39b771ec47a7161fc6a8fc33e196857c0a396dc75df0b5f65e4d046674db764330b6bb66b39ef48dd7c53b6a2ee75cfb0681e0c1a7033962 - languageName: node - linkType: hard - -"array-unique@npm:^0.3.2": - version: 0.3.2 - resolution: "array-unique@npm:0.3.2" - checksum: dbf4462cdba8a4b85577be07705210b3d35be4b765822a3f52962d907186617638ce15e0603a4fefdcf82f4cbbc9d433f8cbbd6855148a68872fa041b6474121 - languageName: node - linkType: hard - -"assign-symbols@npm:^1.0.0": - version: 1.0.0 - resolution: "assign-symbols@npm:1.0.0" - checksum: 29a654b8a6da6889a190d0d0efef4b1bfb5948fa06cbc245054aef05139f889f2f7c75b989917e3fde853fc4093b88048e4de8578a73a76f113d41bfd66e5775 - languageName: node - linkType: hard - -"asynckit@npm:^0.4.0": - version: 0.4.0 - resolution: "asynckit@npm:0.4.0" - checksum: d73e2ddf20c4eb9337e1b3df1a0f6159481050a5de457c55b14ea2e5cb6d90bb69e004c9af54737a5ee0917fcf2c9e25de67777bbe58261847846066ba75bc9d - languageName: node - linkType: hard - -"atob@npm:^2.1.2": - version: 2.1.2 - resolution: "atob@npm:2.1.2" - bin: - atob: bin/atob.js - checksum: ada635b519dc0c576bb0b3ca63a73b50eefacf390abb3f062558342a8d68f2db91d0c8db54ce81b0d89de3b0f000de71f3ae7d761fd7d8cc624278fe443d6c7e - languageName: node - linkType: hard - -"babel-jest@npm:^26.6.3": - version: 26.6.3 - resolution: "babel-jest@npm:26.6.3" - dependencies: - "@jest/transform": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/babel__core": ^7.1.7 - babel-plugin-istanbul: ^6.0.0 - babel-preset-jest: ^26.6.2 - chalk: ^4.0.0 - graceful-fs: ^4.2.4 - slash: ^3.0.0 - peerDependencies: - "@babel/core": ^7.0.0 - checksum: 355e431fbd663fd43dcf68c93edcf66e31c3295c35754739edb3ce39435fdc407de75540b310b370e6eb924af528839b6effb8de21870ad12423aac31e258221 - languageName: node - linkType: hard - -"babel-plugin-istanbul@npm:^6.0.0": - version: 6.0.0 - resolution: "babel-plugin-istanbul@npm:6.0.0" - dependencies: - "@babel/helper-plugin-utils": ^7.0.0 - "@istanbuljs/load-nyc-config": ^1.0.0 - "@istanbuljs/schema": ^0.1.2 - istanbul-lib-instrument: ^4.0.0 - test-exclude: ^6.0.0 - checksum: 7516fb6189e0e86dfa93b900a7d2cf1fb18c5d405c001f391e2fae7c9f9f04d121e71577fbd6652c86be941c1b245136b573e402fdf2749e0d23eafe1d8237f6 - languageName: node - linkType: hard - -"babel-plugin-jest-hoist@npm:^26.6.2": - version: 26.6.2 - resolution: "babel-plugin-jest-hoist@npm:26.6.2" - dependencies: - "@babel/template": ^7.3.3 - "@babel/types": ^7.3.3 - "@types/babel__core": ^7.0.0 - "@types/babel__traverse": ^7.0.6 - checksum: 2fcddf7b338e38453d6a42c23db5b790e4188fcbffeba8ff74a62b7d64fe5a642b009a7bd780e47840c382600628de2a6486a92bb151648c64028a6c628e9bfd - languageName: node - linkType: hard - -"babel-preset-current-node-syntax@npm:^1.0.0": - version: 1.0.1 - resolution: "babel-preset-current-node-syntax@npm:1.0.1" - dependencies: - "@babel/plugin-syntax-async-generators": ^7.8.4 - "@babel/plugin-syntax-bigint": ^7.8.3 - "@babel/plugin-syntax-class-properties": ^7.8.3 - "@babel/plugin-syntax-import-meta": ^7.8.3 - "@babel/plugin-syntax-json-strings": ^7.8.3 - "@babel/plugin-syntax-logical-assignment-operators": ^7.8.3 - "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3 - "@babel/plugin-syntax-numeric-separator": ^7.8.3 - "@babel/plugin-syntax-object-rest-spread": ^7.8.3 - "@babel/plugin-syntax-optional-catch-binding": ^7.8.3 - "@babel/plugin-syntax-optional-chaining": ^7.8.3 - "@babel/plugin-syntax-top-level-await": ^7.8.3 - peerDependencies: - "@babel/core": ^7.0.0 - checksum: 5ba39a3a0e6c37d25e56a4fb843be632dac98d54706d8a0933f9bcb1a07987a96d55c2b5a6c11788a74063fb2534fe68c1f1dbb6c93626850c785e0938495627 - languageName: node - linkType: hard - -"babel-preset-jest@npm:^26.6.2": - version: 26.6.2 - resolution: "babel-preset-jest@npm:26.6.2" - dependencies: - babel-plugin-jest-hoist: ^26.6.2 - babel-preset-current-node-syntax: ^1.0.0 - peerDependencies: - "@babel/core": ^7.0.0 - checksum: b6e0efe33b485eb2fba019026933e46d680605b3bf84a6b7378f1df8344b890f66318c49129921dd98bf5819694316312a97b50b16d9aa377faf8624f9f0db5b - languageName: node - linkType: hard - -"balanced-match@npm:^1.0.0": - version: 1.0.2 - resolution: "balanced-match@npm:1.0.2" - checksum: 9308baf0a7e4838a82bbfd11e01b1cb0f0cf2893bc1676c27c2a8c0e70cbae1c59120c3268517a8ae7fb6376b4639ef81ca22582611dbee4ed28df945134aaee - languageName: node - linkType: hard - -"base@npm:^0.11.1": - version: 0.11.2 - resolution: "base@npm:0.11.2" - dependencies: - cache-base: ^1.0.1 - class-utils: ^0.3.5 - component-emitter: ^1.2.1 - define-property: ^1.0.0 - isobject: ^3.0.1 - mixin-deep: ^1.2.0 - pascalcase: ^0.1.1 - checksum: 30a2c0675eb52136b05ef496feb41574d9f0bb2d6d677761da579c00a841523fccf07f1dbabec2337b5f5750f428683b8ca60d89e56a1052c4ae1c0cd05de64d - languageName: node - linkType: hard - -"batch-processor@npm:1.0.0": - version: 1.0.0 - resolution: "batch-processor@npm:1.0.0" - checksum: 048b868811bed4cd03a0eec35264055f0f3fe4ab62f501809dce4a8a7b845d905fa5051b4af8b3c5123181116b1e2b6dfabf608829043b60cf61f4da3a359b60 - languageName: node - linkType: hard - -"binary-extensions@npm:^2.0.0": - version: 2.2.0 - resolution: "binary-extensions@npm:2.2.0" - checksum: d73d8b897238a2d3ffa5f59c0241870043aa7471335e89ea5e1ff48edb7c2d0bb471517a3e4c5c3f4c043615caa2717b5f80a5e61e07503d51dc85cb848e665d - languageName: node - linkType: hard - -"brace-expansion@npm:^1.1.7": - version: 1.1.11 - resolution: "brace-expansion@npm:1.1.11" - dependencies: - balanced-match: ^1.0.0 - concat-map: 0.0.1 - checksum: 695a56cd058096a7cb71fb09d9d6a7070113c7be516699ed361317aca2ec169f618e28b8af352e02ab4233fb54eb0168460a40dc320bab0034b36ab59aaad668 - languageName: node - linkType: hard - -"braces@npm:^2.3.1": - version: 2.3.2 - resolution: "braces@npm:2.3.2" - dependencies: - arr-flatten: ^1.1.0 - array-unique: ^0.3.2 - extend-shallow: ^2.0.1 - fill-range: ^4.0.0 - isobject: ^3.0.1 - repeat-element: ^1.1.2 - snapdragon: ^0.8.1 - snapdragon-node: ^2.0.1 - split-string: ^3.0.2 - to-regex: ^3.0.1 - checksum: 72b27ea3ea2718f061c29e70fd6e17606e37c65f5801abddcf0b0052db1de7d60f3bf92cfc220ab57b44bd0083a5f69f9d03b3461d2816cfe9f9398207acc728 - languageName: node - linkType: hard - -"braces@npm:^3.0.1, braces@npm:~3.0.2": - version: 3.0.2 - resolution: "braces@npm:3.0.2" - dependencies: - fill-range: ^7.0.1 - checksum: 321b4d675791479293264019156ca322163f02dc06e3c4cab33bb15cd43d80b51efef69b0930cfde3acd63d126ebca24cd0544fa6f261e093a0fb41ab9dda381 - languageName: node - linkType: hard - -"browser-process-hrtime@npm:^1.0.0": - version: 1.0.0 - resolution: "browser-process-hrtime@npm:1.0.0" - checksum: 65da78e51e9d7fa5909147f269c54c65ae2e03d1cf797cc3cfbbe49f475578b8160ce4a76c36c1a2ffbff26c74f937d73096c508057491ddf1a6dfd11143f72d - languageName: node - linkType: hard - -"browserslist@npm:^4.16.6": - version: 4.16.6 - resolution: "browserslist@npm:4.16.6" - dependencies: - caniuse-lite: ^1.0.30001219 - colorette: ^1.2.2 - electron-to-chromium: ^1.3.723 - escalade: ^3.1.1 - node-releases: ^1.1.71 - bin: - browserslist: cli.js - checksum: 785883ec44b157f45903b52da2355f87e40dec3d888e5f3ebb559934728ca3744d6d501c5b0e696433844cdc623929f812837fdfa08455955fe01453a873543e - languageName: node - linkType: hard - -"bser@npm:2.1.1": - version: 2.1.1 - resolution: "bser@npm:2.1.1" - dependencies: - node-int64: ^0.4.0 - checksum: 24d8dfb7b6d457d73f32744e678a60cc553e4ec0e9e1a01cf614b44d85c3c87e188d3cc78ef0442ce5032ee6818de20a0162ba1074725c0d08908f62ea979227 - languageName: node - linkType: hard - -"buffer-from@npm:^1.0.0": - version: 1.1.1 - resolution: "buffer-from@npm:1.1.1" - checksum: a8c5057c985d8071e7a64988ad72f313e08eb3001eda76bead78b1f9afc7a07d20be9677eed0b5791727baeecd56360fe541bc5dd74feb40efe202a74584d533 - languageName: node - linkType: hard - -"cacache@npm:^15.0.5": - version: 15.2.0 - resolution: "cacache@npm:15.2.0" - dependencies: - "@npmcli/move-file": ^1.0.1 - chownr: ^2.0.0 - fs-minipass: ^2.0.0 - glob: ^7.1.4 - infer-owner: ^1.0.4 - lru-cache: ^6.0.0 - minipass: ^3.1.1 - minipass-collect: ^1.0.2 - minipass-flush: ^1.0.5 - minipass-pipeline: ^1.2.2 - mkdirp: ^1.0.3 - p-map: ^4.0.0 - promise-inflight: ^1.0.1 - rimraf: ^3.0.2 - ssri: ^8.0.1 - tar: ^6.0.2 - unique-filename: ^1.1.1 - checksum: 6065402bc3ac52b6812acadccfe10c460c1730a01ef558df9bc4e44c809eee8c0cc045092b74f43c8dfe7c428b051758a59934393d4f6036074eb03ba11aea71 - languageName: node - linkType: hard - -"cache-base@npm:^1.0.1": - version: 1.0.1 - resolution: "cache-base@npm:1.0.1" - dependencies: - collection-visit: ^1.0.0 - component-emitter: ^1.2.1 - get-value: ^2.0.6 - has-value: ^1.0.0 - isobject: ^3.0.1 - set-value: ^2.0.0 - to-object-path: ^0.3.0 - union-value: ^1.0.0 - unset-value: ^1.0.0 - checksum: a7142e25c73f767fa520957dcd179b900b86eac63b8cfeaa3b2a35e18c9ca5968aa4e2d2bed7a3e7efd10f13be404344cfab3a4156217e71f9bdb95940bb9c8c - languageName: node - linkType: hard - -"callsites@npm:^3.0.0": - version: 3.1.0 - resolution: "callsites@npm:3.1.0" - checksum: fff92277400eb06c3079f9e74f3af120db9f8ea03bad0e84d9aede54bbe2d44a56cccb5f6cf12211f93f52306df87077ecec5b712794c5a9b5dac6d615a3f301 - languageName: node - linkType: hard - -"camelcase@npm:^5.0.0, camelcase@npm:^5.3.1": - version: 5.3.1 - resolution: "camelcase@npm:5.3.1" - checksum: 92ff9b443bfe8abb15f2b1513ca182d16126359ad4f955ebc83dc4ddcc4ef3fdd2c078bc223f2673dc223488e75c99b16cc4d056624374b799e6a1555cf61b23 - languageName: node - linkType: hard - -"camelcase@npm:^6.0.0": - version: 6.3.0 - resolution: "camelcase@npm:6.3.0" - checksum: 0d701658219bd3116d12da3eab31acddb3f9440790c0792e0d398f0a520a6a4058018e546862b6fba89d7ae990efaeb97da71e1913e9ebf5a8b5621a3d55c710 - languageName: node - linkType: hard - -"caniuse-lite@npm:^1.0.30001219": - version: 1.0.30001247 - resolution: "caniuse-lite@npm:1.0.30001247" - checksum: a52b60a8a5e1fa064ac260690ca1fcd493c00e8712c98aa1a0d8935f6a682af2dc4137ae3fd8783da824598f245f6f0647e2406f76efe66e627b610a696ef987 - languageName: node - linkType: hard - -"capture-exit@npm:^2.0.0": - version: 2.0.0 - resolution: "capture-exit@npm:2.0.0" - dependencies: - rsvp: ^4.8.4 - checksum: d68df1e15937809501644a49c0267ef323b5b6a0cae5c08bbdceafd718aa08241844798bfdd762cf6756bc2becd83122aabc25b5222192f18093113bec670617 - languageName: node - linkType: hard - -"chalk@npm:^2.0.0": - version: 2.4.2 - resolution: "chalk@npm:2.4.2" - dependencies: - ansi-styles: ^3.2.1 - escape-string-regexp: ^1.0.5 - supports-color: ^5.3.0 - checksum: e6543f02ec877732e3a2d1c3c3323ddb4d39fbab687c23f526e25bd4c6a9bf3b83a696e8c769d078e04e5754921648f7821b2a2acfd16c550435fd630026e073 - languageName: node - linkType: hard - -"chalk@npm:^4.0.0": - version: 4.1.1 - resolution: "chalk@npm:4.1.1" - dependencies: - ansi-styles: ^4.1.0 - supports-color: ^7.1.0 - checksum: 3866c8b96eca56b5ff4e1e9a243b65e4f77694a486a2cc49316d54af9dae463d2c52bd99b9f0b7a924b87faf3a16dd6ed12d3a7442ac385b608f285e54696c18 - languageName: node - linkType: hard - -"char-regex@npm:^1.0.2": - version: 1.0.2 - resolution: "char-regex@npm:1.0.2" - checksum: 57a09a86371331e0be35d9083ba429e86c4f4648ecbe27455dbfb343037c16ee6fdc7f6b61f433a57cc5ded5561d71c56a150e018f40c2ffb7bc93a26dae341e - languageName: node - linkType: hard - -"chokidar@npm:3.5.2": - version: 3.5.2 - resolution: "chokidar@npm:3.5.2" - dependencies: - anymatch: ~3.1.2 - braces: ~3.0.2 - fsevents: ~2.3.2 - glob-parent: ~5.1.2 - is-binary-path: ~2.1.0 - is-glob: ~4.0.1 - normalize-path: ~3.0.0 - readdirp: ~3.6.0 - dependenciesMeta: - fsevents: - optional: true - checksum: e7179a9dc4ce54c1ba660652319039b7ca0817a442dd05a45afcbdefcd4848b4276debfa9cf321798c2c567c6289da14dd48d9a1ee92056a7b526c554cffe129 - languageName: node - linkType: hard - -"chownr@npm:^2.0.0": - version: 2.0.0 - resolution: "chownr@npm:2.0.0" - checksum: 594754e1303672171cc04e50f6c398ae16128eb134a88f801bf5354fd96f205320f23536a045d9abd8b51024a149696e51231565891d4efdab8846021ecf88e6 - languageName: node - linkType: hard - -"ci-info@npm:^2.0.0": - version: 2.0.0 - resolution: "ci-info@npm:2.0.0" - checksum: 8c5fa3830a2bcee2b53c2e5018226f0141db9ec9f7b1e27a5c57db5512332cde8a0beb769bcbaf0d8775a78afbf2bb841928feca4ea6219638a5b088f9884b46 - languageName: node - linkType: hard - -"cjs-module-lexer@npm:^0.6.0": - version: 0.6.0 - resolution: "cjs-module-lexer@npm:0.6.0" - checksum: a4fe091f5551e8580d74c0afbf767893ea0ace49f8e33eecb54ae8e325661f31d44752171b4ec52d33aca90c4d854114afe315aa6021780a3c49a0f4a67924b5 - languageName: node - linkType: hard - -"class-utils@npm:^0.3.5": - version: 0.3.6 - resolution: "class-utils@npm:0.3.6" - dependencies: - arr-union: ^3.1.0 - define-property: ^0.2.5 - isobject: ^3.0.0 - static-extend: ^0.1.1 - checksum: d44f4afc7a3e48dba4c2d3fada5f781a1adeeff371b875c3b578bc33815c6c29d5d06483c2abfd43a32d35b104b27b67bfa39c2e8a422fa858068bd756cfbd42 - languageName: node - linkType: hard - -"clean-stack@npm:^2.0.0": - version: 2.2.0 - resolution: "clean-stack@npm:2.2.0" - checksum: 1f90262d5f6230a17e27d0c190b09d47ebe7efdd76a03b5a1127863f7b3c9aec4c3e6c8bb3a7bbf81d553d56a1fd35728f5a8ef4c63f867ac8d690109742a8c1 - languageName: node - linkType: hard - -"cliui@npm:^6.0.0": - version: 6.0.0 - resolution: "cliui@npm:6.0.0" - dependencies: - string-width: ^4.2.0 - strip-ansi: ^6.0.0 - wrap-ansi: ^6.2.0 - checksum: 35229b1bb48647e882104cac374c9a18e34bbf0bace0e2cf03000326b6ca3050d6b59545d91e17bfe3705f4a0e2988787aa5cde6331bf5cbbf0164732cef6492 - languageName: node - linkType: hard - -"co@npm:^4.6.0": - version: 4.6.0 - resolution: "co@npm:4.6.0" - checksum: c0e85ea0ca8bf0a50cbdca82efc5af0301240ca88ebe3644a6ffb8ffe911f34d40f8fbcf8f1d52c5ddd66706abd4d3bfcd64259f1e8e2371d4f47573b0dc8c28 - languageName: node - linkType: hard - -"code-point-at@npm:^1.0.0": - version: 1.1.0 - resolution: "code-point-at@npm:1.1.0" - checksum: 33f6b234084e46e6e369b6f0b07949392651b4dde70fc6a592a8d3dafa08d5bb32e3981a02f31f6fc323a26bc03a4c063a9d56834848695bda7611c2417ea2e6 - languageName: node - linkType: hard - -"collect-v8-coverage@npm:^1.0.0": - version: 1.0.1 - resolution: "collect-v8-coverage@npm:1.0.1" - checksum: df8192811a773d10978fd25060124e4228d9a86bab40de3f18df5ce1a3730832351a52ba1c0e3915d5bd638298fc7bc9723760d25f534462746e269a6f0ac91c - languageName: node - linkType: hard - -"collection-visit@npm:^1.0.0": - version: 1.0.0 - resolution: "collection-visit@npm:1.0.0" - dependencies: - map-visit: ^1.0.0 - object-visit: ^1.0.0 - checksum: add72a8d1c37cb90e53b1aaa2c31bf1989bfb733f0b02ce82c9fa6828c7a14358dba2e4f8e698c02f69e424aeccae1ffb39acdeaf872ade2f41369e84a2fcf8a - languageName: node - linkType: hard - -"color-convert@npm:^1.9.0": - version: 1.9.3 - resolution: "color-convert@npm:1.9.3" - dependencies: - color-name: 1.1.3 - checksum: 5ad3c534949a8c68fca8fbc6f09068f435f0ad290ab8b2f76841b9e6af7e0bb57b98cb05b0e19fe33f5d91e5a8611ad457e5f69e0a484caad1f7487fd0e8253c - languageName: node - linkType: hard - -"color-convert@npm:^2.0.1": - version: 2.0.1 - resolution: "color-convert@npm:2.0.1" - dependencies: - color-name: ~1.1.4 - checksum: 37e1150172f2e311fe1b2df62c6293a342ee7380da7b9cfdba67ea539909afbd74da27033208d01d6d5cfc65ee7868a22e18d7e7648e004425441c0f8a15a7d7 - languageName: node - linkType: hard - -"color-name@npm:1.1.3": - version: 1.1.3 - resolution: "color-name@npm:1.1.3" - checksum: 566a3d42cca25b9b3cd5528cd7754b8e89c0eb646b7f214e8e2eaddb69994ac5f0557d9c175eb5d8f0ad73531140d9c47525085ee752a91a2ab15ab459caf6d6 - languageName: node - linkType: hard - -"color-name@npm:~1.1.4": - version: 1.1.4 - resolution: "color-name@npm:1.1.4" - checksum: a1a3f914156960902f46f7f56bc62effc6c94e84b2cae157a526b1c1f74b677a47ec602bf68a61abfa2b42d15b7c5651c6dbe72a43af720bc588dff885b10f95 - languageName: node - linkType: hard - -"colorette@npm:^1.2.2": - version: 1.2.2 - resolution: "colorette@npm:1.2.2" - checksum: 971b7dc0cfdb82df2266e54ce6c173bef0457be9ca8d6fc06a099efbe67dcddff17ccaae75020e4b8601cf48aea1f23afbf8a4be9fd501034da47bcdcbf42041 - languageName: node - linkType: hard - -"combined-stream@npm:^1.0.8": - version: 1.0.8 - resolution: "combined-stream@npm:1.0.8" - dependencies: - delayed-stream: ~1.0.0 - checksum: 0dbb829577e1b1e839fa82b40c07ffaf7de8a09b935cadd355a73652ae70a88b4320db322f6634a4ad93424292fa80973ac6480986247f1734a1137debf271d5 - languageName: node - linkType: hard - -"command-line-args@npm:5.1.2": - version: 5.1.2 - resolution: "command-line-args@npm:5.1.2" - dependencies: - array-back: ^6.1.2 - find-replace: ^3.0.0 - lodash.camelcase: ^4.3.0 - typical: ^4.0.0 - checksum: e8dcb3152b106bd806c038dabb26f1fe0aced6d9ab06f02a80569c572124c1f55ef2686897823d787ab6c3cd1668b0314dd963457d07d063e67679fa3bd0d07d - languageName: node - linkType: hard - -"comment-parser@npm:1.2.4": - version: 1.2.4 - resolution: "comment-parser@npm:1.2.4" - checksum: ff25ad318ead37621476cf7348dfab0991bc0f249fcc82deec99e9accf941f3dca764fb76ac5570950fbb3642bd9875cfaad9ec57661eec56bbc5c08e85e3dc9 - languageName: node - linkType: hard - -"component-emitter@npm:^1.2.1": - version: 1.3.0 - resolution: "component-emitter@npm:1.3.0" - checksum: 68774a0a3754fb6c0ba53c2e88886dfbd0c773931066abb1d7fd1b0c893b2a838d8f088ab4dca1f18cc1a4fc2e6932019eba3ded2d931b5ba2241ce40e93a24f - languageName: node - linkType: hard - -"concat-map@npm:0.0.1": - version: 0.0.1 - resolution: "concat-map@npm:0.0.1" - checksum: c996b1cfdf95b6c90fee4dae37e332c8b6eb7d106430c17d538034c0ad9a1630cb194d2ab37293b1bdd4d779494beee7786d586a50bd9376fd6f7bcc2bd4c98f - languageName: node - linkType: hard - -"console-control-strings@npm:^1.0.0, console-control-strings@npm:~1.1.0": - version: 1.1.0 - resolution: "console-control-strings@npm:1.1.0" - checksum: 7ab51d30b52d461412cd467721bb82afe695da78fff8f29fe6f6b9cbaac9a2328e27a22a966014df9532100f6dd85370460be8130b9c677891ba36d96a343f50 - languageName: node - linkType: hard - -"convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0": - version: 1.8.0 - resolution: "convert-source-map@npm:1.8.0" - dependencies: - safe-buffer: ~5.1.1 - checksum: da4649990b633c070c0dab1680b89a67b9315dd2b1168d143536f667214c97e4eb4a49e5b7ff912f0196fe303e31fc16a529457436d25b2b5a89613eaf4f27fa - languageName: node - linkType: hard - -"copy-descriptor@npm:^0.1.0": - version: 0.1.1 - resolution: "copy-descriptor@npm:0.1.1" - checksum: 161f6760b7348c941007a83df180588fe2f1283e0867cc027182734e0f26134e6cc02de09aa24a95dc267b2e2025b55659eef76c8019df27bc2d883033690181 - languageName: node - linkType: hard - -"core-js@npm:^3.8.2": - version: 3.15.2 - resolution: "core-js@npm:3.15.2" - checksum: 4489210376ec87e4d981126a160a95c915190d1b2d9ccf6ba11eba9d417906dce0c0e98a82da1188907e7a55206955de22b7681871698f8bfb8d099e5f77ad0d - languageName: node - linkType: hard - -"core-util-is@npm:~1.0.0": - version: 1.0.2 - resolution: "core-util-is@npm:1.0.2" - checksum: 980a37a93956d0de8a828ce508f9b9e3317039d68922ca79995421944146700e4aaf490a6dbfebcb1c5292a7184600c7710b957d724be1e37b8254c6bc0fe246 - languageName: node - linkType: hard - -"cross-spawn@npm:^6.0.0": - version: 6.0.5 - resolution: "cross-spawn@npm:6.0.5" - dependencies: - nice-try: ^1.0.4 - path-key: ^2.0.1 - semver: ^5.5.0 - shebang-command: ^1.2.0 - which: ^1.2.9 - checksum: e05544722e9d7189b4292c66e42b7abeb21db0d07c91b785f4ae5fefceb1f89e626da2703744657b287e86dcd4af57b54567cef75159957ff7a8a761d9055012 - languageName: node - linkType: hard - -"cross-spawn@npm:^7.0.0": - version: 7.0.3 - resolution: "cross-spawn@npm:7.0.3" - dependencies: - path-key: ^3.1.0 - shebang-command: ^2.0.0 - which: ^2.0.1 - checksum: 5738c312387081c98d69c98e105b6327b069197f864a60593245d64c8089c8a0a744e16349281210d56835bb9274130d825a78b2ad6853ca13cfbeffc0c31750 - languageName: node - linkType: hard - -"cssom@npm:^0.4.4": - version: 0.4.4 - resolution: "cssom@npm:0.4.4" - checksum: 0d4fc70255ea3afbd4add79caffa3b01720929da91105340600d8c0f06c31716f933c6314c3d43b62b57c9637bc2eb35296a9e2db427e8b572ee38a4be2b5f82 - languageName: node - linkType: hard - -"cssom@npm:~0.3.6": - version: 0.3.8 - resolution: "cssom@npm:0.3.8" - checksum: d74017b209440822f9e24d8782d6d2e808a8fdd58fa626a783337222fe1c87a518ba944d4c88499031b4786e68772c99dfae616638d71906fe9f203aeaf14411 - languageName: node - linkType: hard - -"cssstyle@npm:^2.3.0": - version: 2.3.0 - resolution: "cssstyle@npm:2.3.0" - dependencies: - cssom: ~0.3.6 - checksum: 863400da2a458f73272b9a55ba7ff05de40d850f22eb4f37311abebd7eff801cf1cd2fb04c4c92b8c3daed83fe766e52e4112afb7bc88d86c63a9c2256a7d178 - languageName: node - linkType: hard - -"custom-elements-manifest@npm:1.0.0": - version: 1.0.0 - resolution: "custom-elements-manifest@npm:1.0.0" - checksum: 6e8e4dcc6ae4f846e92b6ec0ef5c8d155889dae6df7210cbf3e9c47387ffab83fce8fde96a1aaa9766304cb08afa17198da4ef8560745311bdf3ba280fc77b40 - languageName: node - linkType: hard - -"data-urls@npm:^2.0.0": - version: 2.0.0 - resolution: "data-urls@npm:2.0.0" - dependencies: - abab: ^2.0.3 - whatwg-mimetype: ^2.3.0 - whatwg-url: ^8.0.0 - checksum: 1246442178eb756afb1d99e54669a119eafb3e69c73300d14089687c50c64f9feadd93c973f496224a12f89daa94267a6114aecd70e9b279c09d908c5be44d01 - languageName: node - linkType: hard - -"debounce@npm:1.2.1": - version: 1.2.1 - resolution: "debounce@npm:1.2.1" - checksum: 6c9320aa0973fc42050814621a7a8a78146c1975799b5b3cc1becf1f77ba9a5aa583987884230da0842a03f385def452fad5d60db97c3d1c8b824e38a8edf500 - languageName: node - linkType: hard - -"debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.1.1": - version: 4.3.2 - resolution: "debug@npm:4.3.2" - dependencies: - ms: 2.1.2 - peerDependenciesMeta: - supports-color: - optional: true - checksum: 3cc408070bcee066ee9b2a4f3a9c40f53728919ec7c7ff568f7c3a75b0723cb5a8407191a63495be4e10669e99b0ff7f26ec70e10b025da1898cdce4876d96ca - languageName: node - linkType: hard - -"debug@npm:^2.2.0, debug@npm:^2.3.3": - version: 2.6.9 - resolution: "debug@npm:2.6.9" - dependencies: - ms: 2.0.0 - checksum: 121908fb839f7801180b69a7e218a40b5a0b718813b886b7d6bdb82001b931c938e2941d1e4450f33a1b1df1da653f5f7a0440c197f29fbf8a6e9d45ff6ef589 - languageName: node - linkType: hard - -"decamelize@npm:^1.2.0": - version: 1.2.0 - resolution: "decamelize@npm:1.2.0" - checksum: 85c39fe8fbf0482d4a1e224ef0119db5c1897f8503bcef8b826adff7a1b11414972f6fef2d7dec2ee0b4be3863cf64ac1439137ae9e6af23a3d8dcbe26a5b4b2 - languageName: node - linkType: hard - -"decimal.js@npm:^10.2.1": - version: 10.3.1 - resolution: "decimal.js@npm:10.3.1" - checksum: 510964a02a4102eb55173bf3f4f853f8d9184ab3f660b28163d4aab45f2f41ebfde6f71806afef7be59da10d6488db75613b6f4cbbda49d6ba198ad7b56e81cf - languageName: node - linkType: hard - -"decode-uri-component@npm:^0.2.0": - version: 0.2.0 - resolution: "decode-uri-component@npm:0.2.0" - checksum: dbc3c72e4a740703f76fb3f51e35bb81546aa3e8c7897e015b8bc289813d3044ad6eaa6048fbb43f6b7b34ef005527b7511da50399caa78b91ee39266a341822 - languageName: node - linkType: hard - -"deep-is@npm:~0.1.3": - version: 0.1.3 - resolution: "deep-is@npm:0.1.3" - checksum: f4e21bf6fbb51bca0214e04f079deadfc5a0df3d7822f4b5e45e78960ae1e9a379b93d650377b80ccd0fc6bd7cd995a0aeabbcc7496b8c2dd16ec57aece82d74 - languageName: node - linkType: hard - -"deepmerge@npm:^4.2.2": - version: 4.2.2 - resolution: "deepmerge@npm:4.2.2" - checksum: d6136eee869057fea7a829aa2d10073ed49db5216e42a77cc737dd385334aab9b68dae22020a00c24c073d5f79cbbdd3f11b8d4fc87700d112ddaa0e1f968ef2 - languageName: node - linkType: hard - -"define-property@npm:^0.2.5": - version: 0.2.5 - resolution: "define-property@npm:0.2.5" - dependencies: - is-descriptor: ^0.1.0 - checksum: 9986915c0893818dedc9ca23eaf41370667762fd83ad8aa4bf026a28563120dbaacebdfbfbf2b18d3b929026b9c6ee972df1dbf22de8fafb5fe6ef18361e4750 - languageName: node - linkType: hard - -"define-property@npm:^1.0.0": - version: 1.0.0 - resolution: "define-property@npm:1.0.0" - dependencies: - is-descriptor: ^1.0.0 - checksum: d7cf09db10d55df305f541694ed51dafc776ad9bb8a24428899c9f2d36b11ab38dce5527a81458d1b5e7c389f8cbe803b4abad6e91a0037a329d153b84fc975e - languageName: node - linkType: hard - -"define-property@npm:^2.0.2": - version: 2.0.2 - resolution: "define-property@npm:2.0.2" - dependencies: - is-descriptor: ^1.0.2 - isobject: ^3.0.1 - checksum: f91a08ad008fa764172a2c072adc7312f10217ade89ddaea23018321c6d71b2b68b8c229141ed2064179404e345c537f1a2457c379824813695b51a6ad3e4969 - languageName: node - linkType: hard - -"delayed-stream@npm:~1.0.0": - version: 1.0.0 - resolution: "delayed-stream@npm:1.0.0" - checksum: d758899da03392e6712f042bec80aa293bbe9e9ff1b2634baae6a360113e708b91326594c8a486d475c69d6259afb7efacdc3537bfcda1c6c648e390ce601b19 - languageName: node - linkType: hard - -"delegates@npm:^1.0.0": - version: 1.0.0 - resolution: "delegates@npm:1.0.0" - checksum: ba05874b91148e1db4bf254750c042bf2215febd23a6d3cda2e64896aef79745fbd4b9996488bd3cafb39ce19dbce0fd6e3b6665275638befffe1c9b312b91b5 - languageName: node - linkType: hard - -"depd@npm:^1.1.2": - version: 1.1.2 - resolution: "depd@npm:1.1.2" - checksum: acb24aaf936ef9a227b6be6d495f0d2eb20108a9a6ad40585c5bda1a897031512fef6484e4fdbb80bd249fdaa82841fa1039f416ece03188e677ba11bcfda249 - languageName: node - linkType: hard - -"detect-newline@npm:^3.0.0": - version: 3.1.0 - resolution: "detect-newline@npm:3.1.0" - checksum: c38cfc8eeb9fda09febb44bcd85e467c970d4e3bf526095394e5a4f18bc26dd0cf6b22c69c1fa9969261521c593836db335c2795218f6d781a512aea2fb8209d - languageName: node - linkType: hard - -"diff-sequences@npm:^26.6.2": - version: 26.6.2 - resolution: "diff-sequences@npm:26.6.2" - checksum: a576b78f542377ce2bb032aa91aaf12376c6f562f79b2570f5fe16b4c18acff78de144ae44f0d86bedfe9c29ef38aa027db963850213e07bbc1c1a3b2834e861 - languageName: node - linkType: hard - -"dir-glob@npm:^3.0.1": - version: 3.0.1 - resolution: "dir-glob@npm:3.0.1" - dependencies: - path-type: ^4.0.0 - checksum: dcac00920a4d503e38bb64001acb19df4efc14536ada475725e12f52c16777afdee4db827f55f13a908ee7efc0cb282e2e3dbaeeb98c0993dd93d1802d3bf00c - languageName: node - linkType: hard - -"dom-walk@npm:^0.1.0": - version: 0.1.2 - resolution: "dom-walk@npm:0.1.2" - checksum: 4d2ad9062a9423d890f8577aa202b597a6b85f9489bdde656b9443901b8b322b289655c3affefc58ec2e41931e0828dfee0a1d2db6829a607d76def5901fc5a9 - languageName: node - linkType: hard - -"domexception@npm:^2.0.1": - version: 2.0.1 - resolution: "domexception@npm:2.0.1" - dependencies: - webidl-conversions: ^5.0.0 - checksum: 24a3a07b85420671bc805ead7305e0f2ec9e55f104889b64c5a9fa7d93681e514f05c65f947bd9401b3da67f77b92fe7861bd15f4d0d418c4d32e34a2cd55d38 - languageName: node - linkType: hard - -"electron-to-chromium@npm:^1.3.723": - version: 1.3.786 - resolution: "electron-to-chromium@npm:1.3.786" - checksum: e322f784e9462a35e7960dcda96f6038c8c5e27f16def50c313284ae67314afad13196545955050de5afb34f757e918316cdf1d2ab480af8c0bef3c040a7f7d2 - languageName: node - linkType: hard - -"element-resize-detector@npm:^1.2.2": - version: 1.2.3 - resolution: "element-resize-detector@npm:1.2.3" - dependencies: - batch-processor: 1.0.0 - checksum: 916da1b7e17fb5a270f2a8e424c90c7fdc696a29330fcaf2e41bb7e1efc3e21ca40f3ea5e9d14239cd4cc5ed20c28e88c7d9903891c4269a68a0b93d9f78ea88 - languageName: node - linkType: hard - -"emittery@npm:^0.7.1": - version: 0.7.2 - resolution: "emittery@npm:0.7.2" - checksum: a90d8b59a14de5f3c2bf9d9884867ab6f62d1da1363b660e1429543286f627372c07b70d78465e739f4a616ba1e6638f63c831ef0da146b89c7935f1e5a96ad5 - languageName: node - linkType: hard - -"emoji-regex@npm:^8.0.0": - version: 8.0.0 - resolution: "emoji-regex@npm:8.0.0" - checksum: b6053ad39951c4cf338f9092d7bfba448cdfd46fe6a2a034700b149ac9ffbc137e361cbd3c442297f86bed2e5f7576c1b54cc0a6bf8ef5106cc62f496af35010 - languageName: node - linkType: hard - -"encoding@npm:^0.1.12": - version: 0.1.13 - resolution: "encoding@npm:0.1.13" - dependencies: - iconv-lite: ^0.6.2 - checksum: 36d938712ff00fe1f4bac88b43bcffb5930c1efa57bbcdca9d67e1d9d6c57cfb1200fb01efe0f3109b2ce99b231f90779532814a81370a1bd3274a0f58585039 - languageName: node - linkType: hard - -"end-of-stream@npm:^1.1.0": - version: 1.4.4 - resolution: "end-of-stream@npm:1.4.4" - dependencies: - once: ^1.4.0 - checksum: 870b423afb2d54bb8d243c63e07c170409d41e20b47eeef0727547aea5740bd6717aca45597a9f2745525667a6b804c1e7bede41f856818faee5806dd9ff3975 - languageName: node - linkType: hard - -"env-paths@npm:^2.2.0": - version: 2.2.1 - resolution: "env-paths@npm:2.2.1" - checksum: 285325677bf00e30845e330eec32894f5105529db97496ee3f598478e50f008c5352a41a30e5e72ec9de8a542b5a570b85699cd63bd2bc646dbcb9f311d83bc4 - languageName: node - linkType: hard - -"err-code@npm:^2.0.2": - version: 2.0.3 - resolution: "err-code@npm:2.0.3" - checksum: b642f7b4dd4a376e954947550a3065a9ece6733ab8e51ad80db727aaae0817c2e99b02a97a3d6cecc648a97848305e728289cf312d09af395403a90c9d4d8a66 - languageName: node - linkType: hard - -"error-ex@npm:^1.3.1": - version: 1.3.2 - resolution: "error-ex@npm:1.3.2" - dependencies: - is-arrayish: ^0.2.1 - checksum: ba827f89369b4c93382cfca5a264d059dfefdaa56ecc5e338ffa58a6471f5ed93b71a20add1d52290a4873d92381174382658c885ac1a2305f7baca363ce9cce - languageName: node - linkType: hard - -"escalade@npm:^3.1.1": - version: 3.1.1 - resolution: "escalade@npm:3.1.1" - checksum: afd02e6ca91ffa813e1108b5e7756566173d6bc0d1eb951cb44d6b21702ec17c1cf116cfe75d4a2b02e05acb0b808a7a9387d0d1ca5cf9c04ad03a8445c3e46d - languageName: node - linkType: hard - -"escape-string-regexp@npm:^1.0.5": - version: 1.0.5 - resolution: "escape-string-regexp@npm:1.0.5" - checksum: a968ad453dd0c2724e14a4f20e177aaf32bb384ab41b674a8454afe9a41c5e6fe8903323e0a1052f56289d04bd600f81278edf140b0fcc02f5cac98d0f5b5371 - languageName: node - linkType: hard - -"escape-string-regexp@npm:^2.0.0": - version: 2.0.0 - resolution: "escape-string-regexp@npm:2.0.0" - checksum: 2530479fe8db57eace5e8646c9c2a9c80fa279614986d16dcc6bcaceb63ae77f05a851ba6c43756d816c61d7f4534baf56e3c705e3e0d884818a46808811c507 - languageName: node - linkType: hard - -"escodegen@npm:^2.0.0": - version: 2.0.0 - resolution: "escodegen@npm:2.0.0" - dependencies: - esprima: ^4.0.1 - estraverse: ^5.2.0 - esutils: ^2.0.2 - optionator: ^0.8.1 - source-map: ~0.6.1 - dependenciesMeta: - source-map: - optional: true - bin: - escodegen: bin/escodegen.js - esgenerate: bin/esgenerate.js - checksum: 7d9834841db85d7cce2026c18da56c803564ca18bd6c1e81934cc08329ac4d366fac8b571e8708a81e21143f3dada56a4e34c9a9904c8b066f13abe8d9869871 - languageName: node - linkType: hard - -"esprima@npm:^4.0.0, esprima@npm:^4.0.1": - version: 4.0.1 - resolution: "esprima@npm:4.0.1" - bin: - esparse: ./bin/esparse.js - esvalidate: ./bin/esvalidate.js - checksum: ad4bab9ead0808cf56501750fd9d3fb276f6b105f987707d059005d57e182d18a7c9ec7f3a01794ebddcca676773e42ca48a32d67a250c9d35e009ca613caba3 - languageName: node - linkType: hard - -"estraverse@npm:^5.2.0": - version: 5.2.0 - resolution: "estraverse@npm:5.2.0" - checksum: 76a07411841ddf30a6a75afc93e8c00bbfe255a62dee7e1dc90b06ce0d7b939a00cf816ae94566ab5bc1cfde773a49387a35650287840b842143fff46f8f9ae3 - languageName: node - linkType: hard - -"esutils@npm:^2.0.2": - version: 2.0.3 - resolution: "esutils@npm:2.0.3" - checksum: 9a2fe69a41bfdade834ba7c42de4723c97ec776e40656919c62cbd13607c45e127a003f05f724a1ea55e5029a4cf2de444b13009f2af71271e42d93a637137c7 - languageName: node - linkType: hard - -"exec-sh@npm:^0.3.2": - version: 0.3.6 - resolution: "exec-sh@npm:0.3.6" - checksum: de29ed40c263989ea151cfc8561c9a41a443185d1998b0ff7aee248323af3b46db3a1dc5341816297d0c02dca472b188640490aa4ba3cae017f531f98102607d - languageName: node - linkType: hard - -"execa@npm:^1.0.0": - version: 1.0.0 - resolution: "execa@npm:1.0.0" - dependencies: - cross-spawn: ^6.0.0 - get-stream: ^4.0.0 - is-stream: ^1.1.0 - npm-run-path: ^2.0.0 - p-finally: ^1.0.0 - signal-exit: ^3.0.0 - strip-eof: ^1.0.0 - checksum: cc71707c9aa4a2552346893ee63198bf70a04b5a1bc4f8a0ef40f1d03c319eae80932c59191f037990d7d102193e83a38ec72115fff814ec2fb3099f3661a590 - languageName: node - linkType: hard - -"execa@npm:^4.0.0": - version: 4.1.0 - resolution: "execa@npm:4.1.0" - dependencies: - cross-spawn: ^7.0.0 - get-stream: ^5.0.0 - human-signals: ^1.1.1 - is-stream: ^2.0.0 - merge-stream: ^2.0.0 - npm-run-path: ^4.0.0 - onetime: ^5.1.0 - signal-exit: ^3.0.2 - strip-final-newline: ^2.0.0 - checksum: 02211601bb1c52710260edcc68fb84c3c030dc68bafc697c90ada3c52cc31375337de8c24826015b8382a58d63569ffd203b79c94fef217d65503e3e8d2c52ba - languageName: node - linkType: hard - -"exit@npm:^0.1.2": - version: 0.1.2 - resolution: "exit@npm:0.1.2" - checksum: 71d2ad9b36bc25bb8b104b17e830b40a08989be7f7d100b13269aaae7c3784c3e6e1e88a797e9e87523993a25ba27c8958959a554535370672cfb4d824af8989 - languageName: node - linkType: hard - -"expand-brackets@npm:^2.1.4": - version: 2.1.4 - resolution: "expand-brackets@npm:2.1.4" - dependencies: - debug: ^2.3.3 - define-property: ^0.2.5 - extend-shallow: ^2.0.1 - posix-character-classes: ^0.1.0 - regex-not: ^1.0.0 - snapdragon: ^0.8.1 - to-regex: ^3.0.1 - checksum: 3e2fb95d2d7d7231486493fd65db913927b656b6fcdfcce41e139c0991a72204af619ad4acb1be75ed994ca49edb7995ef241dbf8cf44dc3c03d211328428a87 - languageName: node - linkType: hard - -"expect@npm:^26.6.2": - version: 26.6.2 - resolution: "expect@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - ansi-styles: ^4.0.0 - jest-get-type: ^26.3.0 - jest-matcher-utils: ^26.6.2 - jest-message-util: ^26.6.2 - jest-regex-util: ^26.0.0 - checksum: e84ab6c96e99eaf92586e5c554317413352082b66be952ba338bf690e15106c0b6350ac99d0d66237d675cc75963811255120d47172a8e764b1d6a9ae2b6b1b4 - languageName: node - linkType: hard - -"extend-shallow@npm:^2.0.1": - version: 2.0.1 - resolution: "extend-shallow@npm:2.0.1" - dependencies: - is-extendable: ^0.1.0 - checksum: ee1cb0a18c9faddb42d791b2d64867bd6cfd0f3affb711782eb6e894dd193e2934a7f529426aac7c8ddb31ac5d38000a00aa2caf08aa3dfc3e1c8ff6ba340bd9 - languageName: node - linkType: hard - -"extend-shallow@npm:^3.0.0, extend-shallow@npm:^3.0.2": - version: 3.0.2 - resolution: "extend-shallow@npm:3.0.2" - dependencies: - assign-symbols: ^1.0.0 - is-extendable: ^1.0.1 - checksum: f39581b8f98e3ad94995e33214fff725b0297cf09f2725b6f624551cfb71e0764accfd0af80becc0182af5014d2a57b31b85ec999f9eb8a6c45af81752feac9a - languageName: node - linkType: hard - -"extglob@npm:^2.0.4": - version: 2.0.4 - resolution: "extglob@npm:2.0.4" - dependencies: - array-unique: ^0.3.2 - define-property: ^1.0.0 - expand-brackets: ^2.1.4 - extend-shallow: ^2.0.1 - fragment-cache: ^0.2.1 - regex-not: ^1.0.0 - snapdragon: ^0.8.1 - to-regex: ^3.0.1 - checksum: e1a891342e2010d046143016c6c03d58455c2c96c30bf5570ea07929984ee7d48fad86b363aee08f7a8a638f5c3a66906429b21ecb19bc8e90df56a001cd282c - languageName: node - linkType: hard - -"fast-glob@npm:^3.1.1": - version: 3.2.7 - resolution: "fast-glob@npm:3.2.7" - dependencies: - "@nodelib/fs.stat": ^2.0.2 - "@nodelib/fs.walk": ^1.2.3 - glob-parent: ^5.1.2 - merge2: ^1.3.0 - micromatch: ^4.0.4 - checksum: cc820a9acbd99c51267d525ed3c0c368b57d273f8d34e2401eef824390ff38ff419af3c0308d4ec1aef3dae0e24d1ac1dfe3156e5c702d63416a4c877ab7e0c4 - languageName: node - linkType: hard - -"fast-json-stable-stringify@npm:^2.0.0": - version: 2.1.0 - resolution: "fast-json-stable-stringify@npm:2.1.0" - checksum: 7f081eb0b8a64e0057b3bb03f974b3ef00135fbf36c1c710895cd9300f13c94ba809bb3a81cf4e1b03f6e5285610a61abbd7602d0652de423144dfee5a389c9b - languageName: node - linkType: hard - -"fast-levenshtein@npm:~2.0.6": - version: 2.0.6 - resolution: "fast-levenshtein@npm:2.0.6" - checksum: 111972b37338bcb88f7d9e2c5907862c280ebf4234433b95bc611e518d192ccb2d38119c4ac86e26b668d75f7f3894f4ff5c4982899afced7ca78633b08287c4 - languageName: node - linkType: hard - -"fastq@npm:^1.6.0": - version: 1.11.1 - resolution: "fastq@npm:1.11.1" - dependencies: - reusify: ^1.0.4 - checksum: 8b7247c847faf6e2f001ed21b0045ce6bc5da9600dbd2cdb55c011bccb8cd546bf1cc5cf6ec1e226440a89022bbe3354eb1f9056ce0b4950c4aa9e79ae3f318d - languageName: node - linkType: hard - -"fb-watchman@npm:^2.0.0": - version: 2.0.1 - resolution: "fb-watchman@npm:2.0.1" - dependencies: - bser: 2.1.1 - checksum: 796ce6de1f915d4230771a6ad2219e0555275f2936d66022321845f7e69c65b10baa74959322b1ab94ac65b91307f1f09a6b8e2097a337ff113101ebbc4c6958 - languageName: node - linkType: hard - -"fill-range@npm:^4.0.0": - version: 4.0.0 - resolution: "fill-range@npm:4.0.0" - dependencies: - extend-shallow: ^2.0.1 - is-number: ^3.0.0 - repeat-string: ^1.6.1 - to-regex-range: ^2.1.0 - checksum: ccd57b7c43d7e28a1f8a60adfa3c401629c08e2f121565eece95e2386ebc64dedc7128d8c3448342aabf19db0c55a34f425f148400c7a7be9a606ba48749e089 - languageName: node - linkType: hard - -"fill-range@npm:^7.0.1": - version: 7.0.1 - resolution: "fill-range@npm:7.0.1" - dependencies: - to-regex-range: ^5.0.1 - checksum: 7cdad7d426ffbaadf45aeb5d15ec675bbd77f7597ad5399e3d2766987ed20bda24d5fac64b3ee79d93276f5865608bb22344a26b9b1ae6c4d00bd94bf611623f - languageName: node - linkType: hard - -"find-replace@npm:^3.0.0": - version: 3.0.0 - resolution: "find-replace@npm:3.0.0" - dependencies: - array-back: ^3.0.1 - checksum: fcd1bf7960388c8193c2861bcdc760c18ac14edb4bde062a961915d9a25727b2e8aabf0229e90cc09c753fd557e5a3e5ae61e49cadbe727be89a9e8e49ce7668 - languageName: node - linkType: hard - -"find-up@npm:^4.0.0, find-up@npm:^4.1.0": - version: 4.1.0 - resolution: "find-up@npm:4.1.0" - dependencies: - locate-path: ^5.0.0 - path-exists: ^4.0.0 - checksum: 0406ee89ebeefa2d507feb07ec366bebd8a6167ae74aa4e34fb4c4abd06cf782a3ce26ae4194d70706f72182841733f00551c209fe575cb00bd92104056e78c1 - languageName: node - linkType: hard - -"for-in@npm:^1.0.2": - version: 1.0.2 - resolution: "for-in@npm:1.0.2" - checksum: 42bb609d564b1dc340e1996868b67961257fd03a48d7fdafd4f5119530b87f962be6b4d5b7e3a3fc84c9854d149494b1d358e0b0ce9837e64c4c6603a49451d6 - languageName: node - linkType: hard - -"form-data@npm:^3.0.0": - version: 3.0.1 - resolution: "form-data@npm:3.0.1" - dependencies: - asynckit: ^0.4.0 - combined-stream: ^1.0.8 - mime-types: ^2.1.12 - checksum: 1ccc3ae064a080a799923f754d49fcebdd90515a8924f0f54de557540b50e7f1fe48ba5f2bd0435a5664aa2d49729107e6aaf2155a9abf52339474c5638b4485 - languageName: node - linkType: hard - -"fragment-cache@npm:^0.2.1": - version: 0.2.1 - resolution: "fragment-cache@npm:0.2.1" - dependencies: - map-cache: ^0.2.2 - checksum: 5891d1c1d1d5e1a7fb3ccf28515c06731476fa88f7a50f4ede8a0d8d239a338448e7f7cc8b73db48da19c229fa30066104fe6489862065a4f1ed591c42fbeabf - languageName: node - linkType: hard - -"fs-minipass@npm:^2.0.0": - version: 2.1.0 - resolution: "fs-minipass@npm:2.1.0" - dependencies: - minipass: ^3.0.0 - checksum: 703d16522b8282d7299337539c3ed6edddd1afe82435e4f5b76e34a79cd74e488a8a0e26a636afc2440e1a23b03878e2122e3a2cfe375a5cf63c37d92b86a004 - languageName: node - linkType: hard - -"fs.realpath@npm:^1.0.0": - version: 1.0.0 - resolution: "fs.realpath@npm:1.0.0" - checksum: 444cf1291d997165dfd4c0d58b69f0e4782bfd9149fd72faa4fe299e68e0e93d6db941660b37dd29153bf7186672ececa3b50b7e7249477b03fdf850f287c948 - languageName: node - linkType: hard - -"fsevents@^2.1.2, fsevents@~2.3.2": - version: 2.3.2 - resolution: "fsevents@npm:2.3.2" - dependencies: - node-gyp: latest - checksum: be78a3efa3e181cda3cf7a4637cb527bcebb0bd0ea0440105a3bb45b86f9245b307dc10a2507e8f4498a7d4ec349d1910f4d73e4d4495b16103106e07eee735b - conditions: os=darwin - languageName: node - linkType: hard - -"fsevents@patch:fsevents@^2.1.2#~builtin, fsevents@patch:fsevents@~2.3.2#~builtin": - version: 2.3.2 - resolution: "fsevents@patch:fsevents@npm%3A2.3.2#~builtin::version=2.3.2&hash=18f3a7" - dependencies: - node-gyp: latest - conditions: os=darwin - languageName: node - linkType: hard - -"function-bind@npm:^1.1.1": - version: 1.1.1 - resolution: "function-bind@npm:1.1.1" - checksum: 60b74b2407e1942e1ed7f8c284f8ef714d0689dcfce5319985a5b7da3fc727f40b4a59ec72dc55aa83365ad7b8fa4fac3a30d93c850a2b452f29ae03dbc10a1e - languageName: node - linkType: hard - -"gauge@npm:~2.7.3": - version: 2.7.4 - resolution: "gauge@npm:2.7.4" - dependencies: - aproba: ^1.0.3 - console-control-strings: ^1.0.0 - has-unicode: ^2.0.0 - object-assign: ^4.1.0 - signal-exit: ^3.0.0 - string-width: ^1.0.1 - strip-ansi: ^3.0.1 - wide-align: ^1.1.0 - checksum: d606346e2e47829e0bc855d0becb36c4ce492feabd61ae92884b89e07812dd8a67a860ca30ece3a4c2e9f2c73bd68ba2b8e558ed362432ffd86de83c08847f84 - languageName: node - linkType: hard - -"gensync@npm:^1.0.0-beta.2": - version: 1.0.0-beta.2 - resolution: "gensync@npm:1.0.0-beta.2" - checksum: 782aba6cba65b1bb5af3b095d96249d20edbe8df32dbf4696fd49be2583faf676173bf4809386588828e4dd76a3354fcbeb577bab1c833ccd9fc4577f26103f8 - languageName: node - linkType: hard - -"get-caller-file@npm:^2.0.1": - version: 2.0.5 - resolution: "get-caller-file@npm:2.0.5" - checksum: c6c7b60271931fa752aeb92f2b47e355eac1af3a2673f47c9589e8f8a41adc74d45551c1bc57b5e66a80609f10ffb72b6f575e4370d61cc3f7f3aaff01757cde - languageName: node - linkType: hard - -"get-package-type@npm:^0.1.0": - version: 0.1.0 - resolution: "get-package-type@npm:0.1.0" - checksum: e34cdf447fdf1902a1f6d5af737eaadf606d2ee3518287abde8910e04159368c268568174b2e71102b87b26c2020486f126bfca9c4fb1ceb986ff99b52ecd1be - languageName: node - linkType: hard - -"get-stream@npm:^4.0.0": - version: 4.1.0 - resolution: "get-stream@npm:4.1.0" - dependencies: - pump: ^3.0.0 - checksum: 294d876f667694a5ca23f0ca2156de67da950433b6fb53024833733975d32582896dbc7f257842d331809979efccf04d5e0b6b75ad4d45744c45f193fd497539 - languageName: node - linkType: hard - -"get-stream@npm:^5.0.0": - version: 5.2.0 - resolution: "get-stream@npm:5.2.0" - dependencies: - pump: ^3.0.0 - checksum: 43797ffd815fbb26685bf188c8cfebecb8af87b3925091dd7b9a9c915993293d78e3c9e1bce125928ff92f2d0796f3889b92b5ec6d58d1041b574682132e0a80 - languageName: node - linkType: hard - -"get-value@npm:^2.0.3, get-value@npm:^2.0.6": - version: 2.0.6 - resolution: "get-value@npm:2.0.6" - checksum: f069c132791b357c8fc4adfe9e2929b0a2c6e95f98ca7bc6fcbc27f8a302e552f86b4ae61ec56d9e9ac2544b93b6a39743d479866a37b43fcc104088ba74f0d9 - languageName: node - linkType: hard - -"glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.2": - version: 5.1.2 - resolution: "glob-parent@npm:5.1.2" - dependencies: - is-glob: ^4.0.1 - checksum: cab87638e2112bee3f839ef5f6e0765057163d39c66be8ec1602f3823da4692297ad4e972de876ea17c44d652978638d2fd583c6713d0eb6591706825020c9ee - languageName: node - linkType: hard - -"glob@npm:^7.1.1, glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4": - version: 7.1.7 - resolution: "glob@npm:7.1.7" - dependencies: - fs.realpath: ^1.0.0 - inflight: ^1.0.4 - inherits: 2 - minimatch: ^3.0.4 - once: ^1.3.0 - path-is-absolute: ^1.0.0 - checksum: 173245e6f9ccf904309eb7ef4a44a11f3bf68e9e341dff5a28b5db0dd7123b7506daf41497f3437a0710f57198187b758c2351eeaabce4d16935e956920da6a4 - languageName: node - linkType: hard - -"global@npm:^4.4.0": - version: 4.4.0 - resolution: "global@npm:4.4.0" - dependencies: - min-document: ^2.19.0 - process: ^0.11.10 - checksum: 4a467aec6602c00a7c5685f310574ab04e289ad7f894f0f01c9c5763562b82f4b92d1e381ce6c5bbb12173e2a9f759c1b63dda6370cfb199970267e14d90aa91 - languageName: node - linkType: hard - -"globals@npm:^11.1.0": - version: 11.12.0 - resolution: "globals@npm:11.12.0" - checksum: 758f9f258e7b19226bd8d4af5d3b0dcf7038780fb23d82e6f98932c44e239f884847f1766e8fa9cc5635ccb3204f7fa7314d4408dd4002a5e8ea827b4018f0a1 - languageName: node - linkType: hard - -"globby@npm:11.0.4": - version: 11.0.4 - resolution: "globby@npm:11.0.4" - dependencies: - array-union: ^2.1.0 - dir-glob: ^3.0.1 - fast-glob: ^3.1.1 - ignore: ^5.1.4 - merge2: ^1.3.0 - slash: ^3.0.0 - checksum: de5f828c834baf75e3bd3c629bb3a64d1dfa9965831d0b105b728f9184284c6ba2b0d42e24862b411abc18e6e0af12e60880b3a62e096752de3426f2839f9ef7 - languageName: node - linkType: hard - -"graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6": - version: 4.2.6 - resolution: "graceful-fs@npm:4.2.6" - checksum: f24a75a9ca057c3d482148242878c7fe9e25ce73a46c7480a58b53f1915c93d9ddf27c2d22d8b99182447e8d7f37ae6b29a74b246bbcc8c0d0b36b0d0648cea5 - languageName: node - linkType: hard - -"growly@npm:^1.3.0": - version: 1.3.0 - resolution: "growly@npm:1.3.0" - checksum: 3043bd5c064e87f89e8c9b66894ed09fd882c7fa645621a543b45b72f040c7241e25061207a858ab191be2fbdac34795ff57c2a40962b154a6b2908a5e509252 - languageName: node - linkType: hard - -"has-flag@npm:^3.0.0": - version: 3.0.0 - resolution: "has-flag@npm:3.0.0" - checksum: 1c6c83b14b8b1b3c25b0727b8ba3e3b647f99e9e6e13eb7322107261de07a4c1be56fc0d45678fc376e09772a3a1642ccdaf8fc69bdf123b6c086598397ce473 - languageName: node - linkType: hard - -"has-flag@npm:^4.0.0": - version: 4.0.0 - resolution: "has-flag@npm:4.0.0" - checksum: 2e789c61b7888d66993e14e8331449e525ef42aac53c627cc53d1c3334e768bcb6abdc4f5f0de1478a25beec6f0bd62c7549058b7ac53e924040d4f301f02fd1 - languageName: node - linkType: hard - -"has-unicode@npm:^2.0.0": - version: 2.0.1 - resolution: "has-unicode@npm:2.0.1" - checksum: ebdb2f4895c26bb08a8a100b62d362e49b2190bcfd84b76bc4be1a3bd4d254ec52d0dd9f2fbcc093fc5eb878b20c52146f9dfd33e2686ed28982187be593b47c - languageName: node - linkType: hard - -"has-value@npm:^0.3.1": - version: 0.3.1 - resolution: "has-value@npm:0.3.1" - dependencies: - get-value: ^2.0.3 - has-values: ^0.1.4 - isobject: ^2.0.0 - checksum: 7a7c2e9d07bc9742c81806150adb154d149bc6155267248c459cd1ce2a64b0759980d26213260e4b7599c8a3754551179f155ded88d0533a0d2bc7bc29028432 - languageName: node - linkType: hard - -"has-value@npm:^1.0.0": - version: 1.0.0 - resolution: "has-value@npm:1.0.0" - dependencies: - get-value: ^2.0.6 - has-values: ^1.0.0 - isobject: ^3.0.0 - checksum: 17cdccaf50f8aac80a109dba2e2ee5e800aec9a9d382ef9deab66c56b34269e4c9ac720276d5ffa722764304a1180ae436df077da0dd05548cfae0209708ba4d - languageName: node - linkType: hard - -"has-values@npm:^0.1.4": - version: 0.1.4 - resolution: "has-values@npm:0.1.4" - checksum: a8f00ad862c20289798c35243d5bd0b0a97dd44b668c2204afe082e0265f2d0bf3b89fc8cc0ef01a52b49f10aa35cf85c336ee3a5f1cac96ed490f5e901cdbf2 - languageName: node - linkType: hard - -"has-values@npm:^1.0.0": - version: 1.0.0 - resolution: "has-values@npm:1.0.0" - dependencies: - is-number: ^3.0.0 - kind-of: ^4.0.0 - checksum: a6f2a1cc6b2e43eacc68e62e71ad6890def7f4b13d2ef06b4ad3ee156c23e470e6df144b9b467701908e17633411f1075fdff0cab45fb66c5e0584d89b25f35e - languageName: node - linkType: hard - -"has@npm:^1.0.3": - version: 1.0.3 - resolution: "has@npm:1.0.3" - dependencies: - function-bind: ^1.1.1 - checksum: e1da0d2bd109f116b632f27782cf23182b42f14972ca9540e4c5aa7e52647407a0a4a76937334fddcb56befe94a3494825ec22b19b51f5e5507c3153fd1a5e1b - languageName: node - linkType: hard - -"hosted-git-info@npm:^2.1.4": - version: 2.8.9 - resolution: "hosted-git-info@npm:2.8.9" - checksum: 317cbc6b1bbbe23c2a40ae23f3dafe9fa349ce42a89a36f930e3f9c0530c179a3882d2ef1e4141a4c3674d6faaea862138ec55b43ad6f75e387fda2483a13c70 - languageName: node - linkType: hard - -"html-encoding-sniffer@npm:^2.0.1": - version: 2.0.1 - resolution: "html-encoding-sniffer@npm:2.0.1" - dependencies: - whatwg-encoding: ^1.0.5 - checksum: 6dc3aa2d35a8f0c8c7906ffb665dd24a88f7004f913fafdd3541d24a4da6182ab30c4a0a81387649a1234ecb90182c4136220ed12ae3dc1a57ed68e533dea416 - languageName: node - linkType: hard - -"html-escaper@npm:^2.0.0": - version: 2.0.2 - resolution: "html-escaper@npm:2.0.2" - checksum: 208e8a12de1a6569edbb14544f4567e6ce8ecc30b9394fcaa4e7bb1e60c12a7c9a1ed27e31290817157e8626f3a4f29e76c8747030822eb84a6abb15c255f0a0 - languageName: node - linkType: hard - -"http-cache-semantics@npm:^4.1.0": - version: 4.1.0 - resolution: "http-cache-semantics@npm:4.1.0" - checksum: abe115ddd9f24914a49842f2745ecc8380837bbe30b59b154648c76ebc1bd3d5f8bd05c1789aaa2ae6b79624c591d13c8aa79104ff21078e117140a65ac20654 - languageName: node - linkType: hard - -"http-proxy-agent@npm:^4.0.1": - version: 4.0.1 - resolution: "http-proxy-agent@npm:4.0.1" - dependencies: - "@tootallnate/once": 1 - agent-base: 6 - debug: 4 - checksum: 4fa4774d65b5331814b74ac05cefea56854fc0d5989c80b13432c1b0d42a14c9f4342ca3ad9f0359a52e78da12b1744c9f8a28e50042136ea9171675d972a5fd - languageName: node - linkType: hard - -"https-proxy-agent@npm:^5.0.0": - version: 5.0.0 - resolution: "https-proxy-agent@npm:5.0.0" - dependencies: - agent-base: 6 - debug: 4 - checksum: 670c04f7f0effb5a449c094ea037cbcfb28a5ab93ed22e8c343095202cc7288027869a5a21caf4ee3b8ea06f9624ef1e1fc9044669c0fd92617654ff39f30806 - languageName: node - linkType: hard - -"human-signals@npm:^1.1.1": - version: 1.1.1 - resolution: "human-signals@npm:1.1.1" - checksum: 18810ed239a7a5e23fb6c32d0fd4be75d7cd337a07ad59b8dbf0794cb0761e6e628349ee04c409e605fe55344716eab5d0a47a62ba2a2d0d367c89a2b4247b1e - languageName: node - linkType: hard - -"humanize-ms@npm:^1.2.1": - version: 1.2.1 - resolution: "humanize-ms@npm:1.2.1" - dependencies: - ms: ^2.0.0 - checksum: f34a2c20161d02303c2807badec2f3b49cbfbbb409abd4f95a07377ae01cfe6b59e3d15ac609cffcd8f2521f0eb37b7e1091acf65da99aa2a4f1ad63c21e7e7a - languageName: node - linkType: hard - -"iconv-lite@npm:0.4.24": - version: 0.4.24 - resolution: "iconv-lite@npm:0.4.24" - dependencies: - safer-buffer: ">= 2.1.2 < 3" - checksum: c6886a24cc00f2a059767440ec1bc00d334a89f250db8e0f7feb4961c8727118457e27c495ba94d082e51d3baca378726cd110aaf7ded8b9bbfd6a44760cf1d4 - languageName: node - linkType: hard - -"iconv-lite@npm:^0.6.2": - version: 0.6.3 - resolution: "iconv-lite@npm:0.6.3" - dependencies: - safer-buffer: ">= 2.1.2 < 3.0.0" - checksum: 98102bc66b33fcf5ac044099d1257ba0b7ad5e3ccd3221f34dd508ab4070edff183276221684e1e0555b145fce0850c9f7d2b60a9fcac50fbb4ea0d6e845a3b1 - languageName: node - linkType: hard - -"ignore@npm:^5.1.4": - version: 5.1.8 - resolution: "ignore@npm:5.1.8" - checksum: 3d09e733049c7bad1c0982be8fe3e767bd7b756dd0bfeceff11acda0b7b57634b5516acc3554d2d536e64b2701b3d08d0e5fa4dbf46389847dd3f8fa49d437bb - languageName: node - linkType: hard - -"import-local@npm:^3.0.2": - version: 3.0.2 - resolution: "import-local@npm:3.0.2" - dependencies: - pkg-dir: ^4.2.0 - resolve-cwd: ^3.0.0 - bin: - import-local-fixture: fixtures/cli.js - checksum: 593ec592c5c2c0849f94b81198077b53e342f02bd7a7cc3f8a3dd5b52f40a37003b3b2922a80b4e7b565c0f7c951a41849a03852c4e68144fff84bf892d129cb - languageName: node - linkType: hard - -"imurmurhash@npm:^0.1.4": - version: 0.1.4 - resolution: "imurmurhash@npm:0.1.4" - checksum: 8b51313850dd33605c6c9d3fd9638b714f4c4c40250cff658209f30d40da60f78992fb2df5dabee4acf589a6a82bbc79ad5486550754bd9ec4e3fc0d4a57d6a6 - languageName: node - linkType: hard - -"indent-string@npm:^4.0.0": - version: 4.0.0 - resolution: "indent-string@npm:4.0.0" - checksum: 1e1904ddb0cb3d6cce7cd09e27a90184908b7a5d5c21b92e232c93579d314f0b83c246ffb035493d0504b1e9147ba2c9b21df0030f48673fba0496ecd698161f - languageName: node - linkType: hard - -"infer-owner@npm:^1.0.4": - version: 1.0.4 - resolution: "infer-owner@npm:1.0.4" - checksum: a7b241e3149c26e37474e3435779487f42f36883711f198c45794703c7556bc38af224088bd4d1a221a45b8208ae2c2bcf86200383621434d0c099304481c5b9 - languageName: node - linkType: hard - -"inflight@npm:^1.0.4": - version: 1.0.6 - resolution: "inflight@npm:1.0.6" - dependencies: - once: ^1.3.0 - wrappy: 1 - checksum: 7faca22584600a9dc5b9fca2cd5feb7135ac8c935449837b315676b4c90aa4f391ec4f42240178244b5a34e8bede1948627fda392ca3191522fc46b34e985ab2 - languageName: node - linkType: hard - -"inherits@npm:2, inherits@npm:~2.0.3": - version: 2.0.4 - resolution: "inherits@npm:2.0.4" - checksum: 4e531f648b29039fb7426fb94075e6545faa1eb9fe83c29f0b6d9e7263aceb4289d2d4557db0d428188eeb449cc7c5e77b0a0b2c4e248ff2a65933a0dee49ef2 - languageName: node - linkType: hard - -"invariant@npm:^2.2.4": - version: 2.2.4 - resolution: "invariant@npm:2.2.4" - dependencies: - loose-envify: ^1.0.0 - checksum: 5af133a917c0bcf65e84e7f23e779e7abc1cd49cb7fdc62d00d1de74b0d8c1b5ee74ac7766099fb3be1b05b26dfc67bab76a17030d2fe7ea2eef867434362dfc - languageName: node - linkType: hard - -"ip@npm:^1.1.5": - version: 1.1.5 - resolution: "ip@npm:1.1.5" - checksum: 877e98d676cd8d0ca01fee8282d11b91fb97be7dd9d0b2d6d98e161db2d4277954f5b55db7cfc8556fe6841cb100d13526a74f50ab0d83d6b130fe8445040175 - languageName: node - linkType: hard - -"is-accessor-descriptor@npm:^0.1.6": - version: 0.1.6 - resolution: "is-accessor-descriptor@npm:0.1.6" - dependencies: - kind-of: ^3.0.2 - checksum: f2c314b314ec6e8a6e559351bff3c7ee9aed7a5e9c6f61dd8cb9e1382c8bfe33dca3f0e0af13daf9ded9e6e66390ff23b4acfb615d7a249009a51506a7b0f151 - languageName: node - linkType: hard - -"is-accessor-descriptor@npm:^1.0.0": - version: 1.0.0 - resolution: "is-accessor-descriptor@npm:1.0.0" - dependencies: - kind-of: ^6.0.0 - checksum: d68edafd8ef133e9003837f3c80f4e5b82b12ab5456c772d1796857671ae83e3a426ed225a28a7e35bceabbce68c1f1ffdabf47e6d53f5a4d6c4558776ad3c20 - languageName: node - linkType: hard - -"is-arrayish@npm:^0.2.1": - version: 0.2.1 - resolution: "is-arrayish@npm:0.2.1" - checksum: e7fb686a739068bb70f860b39b67afc62acc62e36bb61c5f965768abce1873b379c563e61dd2adad96ebb7edf6651111b385e490cf508378959b0ed4cac4e729 - languageName: node - linkType: hard - -"is-binary-path@npm:~2.1.0": - version: 2.1.0 - resolution: "is-binary-path@npm:2.1.0" - dependencies: - binary-extensions: ^2.0.0 - checksum: a16eaee59ae2b315ba36fad5c5dcaf8e49c3e27318f8ab8fa3cdb8772bf559c8d1ba750a589c2ccb096113bb64497084361a25960899cb6172a6925ab6123d38 - languageName: node - linkType: hard - -"is-buffer@npm:^1.1.5": - version: 1.1.6 - resolution: "is-buffer@npm:1.1.6" - checksum: ae18aa0b6e113d6c490ad1db5e8df9bdb57758382b313f5a22c9c61084875c6396d50bbf49315f5b1926d142d74dfb8d31b40d993a383e0a158b15fea7a82234 - languageName: node - linkType: hard - -"is-ci@npm:^2.0.0": - version: 2.0.0 - resolution: "is-ci@npm:2.0.0" - dependencies: - ci-info: ^2.0.0 - bin: - is-ci: bin.js - checksum: 17de4e2cd8f993c56c86472dd53dd9e2c7f126d0ee55afe610557046cdd64de0e8feadbad476edc9eeff63b060523b8673d9094ed2ab294b59efb5a66dd05a9a - languageName: node - linkType: hard - -"is-core-module@npm:^2.2.0": - version: 2.5.0 - resolution: "is-core-module@npm:2.5.0" - dependencies: - has: ^1.0.3 - checksum: 86408d775c61afef5ef8c677eb5613de55b3fc57889cc843ef7f043e15060470c4a74741c0b8b67f43d80e19abf1f41ca037ef9a8f8feb16318dc57f31423d52 - languageName: node - linkType: hard - -"is-data-descriptor@npm:^0.1.4": - version: 0.1.4 - resolution: "is-data-descriptor@npm:0.1.4" - dependencies: - kind-of: ^3.0.2 - checksum: 32fda7e966b2c1f093230d5ef2aad1bb86e43e7280da50961e38ec31dbd8a50570a2911fd45277d321074a0762adc98e8462bb62820462594128857225e90d21 - languageName: node - linkType: hard - -"is-data-descriptor@npm:^1.0.0": - version: 1.0.0 - resolution: "is-data-descriptor@npm:1.0.0" - dependencies: - kind-of: ^6.0.0 - checksum: bed31385d7d1a0dbb2ab3077faf2188acf42609192dca4e320ed7b3dc14a9d70c00658956cdaa2c0402be136c6b56e183973ad81b730fd90ab427fb6fd3608be - languageName: node - linkType: hard - -"is-descriptor@npm:^0.1.0": - version: 0.1.6 - resolution: "is-descriptor@npm:0.1.6" - dependencies: - is-accessor-descriptor: ^0.1.6 - is-data-descriptor: ^0.1.4 - kind-of: ^5.0.0 - checksum: 6b8f5617b764ef8c6be3d54830184357e6cdedd8e0eddf1b97d0658616ac170bfdbc7c1ad00e0aa9f5b767acdb9d6c63d4df936501784b34936bd0f9acf3b665 - languageName: node - linkType: hard - -"is-descriptor@npm:^1.0.0, is-descriptor@npm:^1.0.2": - version: 1.0.2 - resolution: "is-descriptor@npm:1.0.2" - dependencies: - is-accessor-descriptor: ^1.0.0 - is-data-descriptor: ^1.0.0 - kind-of: ^6.0.2 - checksum: a05169c7a87feb88fc155e3ada469090cfabb5a548a3f794358b511cc47a0871b8b95e7345be4925a22ef3df585c3923b31943b3ad6255ce563a9d97f2e221e0 - languageName: node - linkType: hard - -"is-docker@npm:^2.0.0": - version: 2.2.1 - resolution: "is-docker@npm:2.2.1" - bin: - is-docker: cli.js - checksum: e828365958d155f90c409cdbe958f64051d99e8aedc2c8c4cd7c89dcf35329daed42f7b99346f7828df013e27deb8f721cf9408ba878c76eb9e8290235fbcdcc - languageName: node - linkType: hard - -"is-extendable@npm:^0.1.0, is-extendable@npm:^0.1.1": - version: 0.1.1 - resolution: "is-extendable@npm:0.1.1" - checksum: dd5ca3994a28e1740d1e25192e66eed128e0b2ff161a7ea348e87ae4f616554b486854de423877a2a2c171d5f7cd6e8093b91f54533bc88a59ee1c9838c43879 - languageName: node - linkType: hard - -"is-extendable@npm:^1.0.1": - version: 1.0.1 - resolution: "is-extendable@npm:1.0.1" - dependencies: - is-plain-object: ^2.0.4 - checksum: 1d6678a5be1563db6ecb121331c819c38059703f0179f52aa80c242c223ee9c6b66470286636c0e63d7163e4d905c0a7d82a096e0b5eaeabb51b9f8d0af0d73f - languageName: node - linkType: hard - -"is-extglob@npm:^2.1.1": - version: 2.1.1 - resolution: "is-extglob@npm:2.1.1" - checksum: 5487da35691fbc339700bbb2730430b07777a3c21b9ebaecb3072512dfd7b4ba78ac2381a87e8d78d20ea08affb3f1971b4af629173a6bf435ff8a4c47747912 - languageName: node - linkType: hard - -"is-fullwidth-code-point@npm:^1.0.0": - version: 1.0.0 - resolution: "is-fullwidth-code-point@npm:1.0.0" - dependencies: - number-is-nan: ^1.0.0 - checksum: 12acfcf16142f2d431bf6af25d68569d3198e81b9799b4ae41058247aafcc666b0127d64384ea28e67a746372611fcbe9b802f69175287aba466da3eddd5ba0f - languageName: node - linkType: hard - -"is-fullwidth-code-point@npm:^2.0.0": - version: 2.0.0 - resolution: "is-fullwidth-code-point@npm:2.0.0" - checksum: e58f3e4a601fc0500d8b2677e26e9fe0cd450980e66adb29d85b6addf7969731e38f8e43ed2ec868a09c101a55ac3d8b78902209269f38c5286bc98f5bc1b4d9 - languageName: node - linkType: hard - -"is-fullwidth-code-point@npm:^3.0.0": - version: 3.0.0 - resolution: "is-fullwidth-code-point@npm:3.0.0" - checksum: bb11d825e049f38e04c06373a8d72782eee0205bda9d908cc550ccb3c59b99d750ff9537982e01733c1c94a58e35400661f57042158ff5e8f3e90cf936daf0fc - languageName: node - linkType: hard - -"is-generator-fn@npm:^2.0.0": - version: 2.1.0 - resolution: "is-generator-fn@npm:2.1.0" - checksum: 2957cab387997a466cd0bf5c1b6047bd21ecb32bdcfd8996b15747aa01002c1c88731802f1b3d34ac99f4f6874b626418bd118658cf39380fe5fff32a3af9c4d - languageName: node - linkType: hard - -"is-glob@npm:^4.0.1, is-glob@npm:~4.0.1": - version: 4.0.1 - resolution: "is-glob@npm:4.0.1" - dependencies: - is-extglob: ^2.1.1 - checksum: a8414252499e4381756c36fe52ed778e090dd21d8cb81053384eafd5bc4fc36a6232ef528156ec98dce561f589d1d16659b7f9679b8c86864ac3c6acd5da6f66 - languageName: node - linkType: hard - -"is-lambda@npm:^1.0.1": - version: 1.0.1 - resolution: "is-lambda@npm:1.0.1" - checksum: 85fee098ae62ba6f1e24cf22678805473c7afd0fb3978a3aa260e354cb7bcb3a5806cf0a98403188465efedec41ab4348e8e4e79305d409601323855b3839d4d - languageName: node - linkType: hard - -"is-number@npm:^3.0.0": - version: 3.0.0 - resolution: "is-number@npm:3.0.0" - dependencies: - kind-of: ^3.0.2 - checksum: e639c54640b7f029623df24d3d103901e322c0c25ea5bde97cd723c2d0d4c05857a8364ab5c58d963089dbed6bf1d0ffe975cb6aef917e2ad0ccbca653d31b4f - languageName: node - linkType: hard - -"is-number@npm:^7.0.0": - version: 7.0.0 - resolution: "is-number@npm:7.0.0" - checksum: b4686d0d3053146095ccd45346461bc8e53b80aeb7671cc52a4de02dbbf7dc0d1d2a986e2fe4ae206984b4d34ef37e8b795ebc4f4295c978373e6575e295d811 - languageName: node - linkType: hard - -"is-plain-object@npm:^2.0.3, is-plain-object@npm:^2.0.4": - version: 2.0.4 - resolution: "is-plain-object@npm:2.0.4" - dependencies: - isobject: ^3.0.1 - checksum: f050fdd5203d9c81e8c4df1b3ff461c4bc64e8b5ca383bcdde46131361d0a678e80bcf00b5257646f6c636197629644d53bd8e2375aea633de09a82d57e942f4 - languageName: node - linkType: hard - -"is-potential-custom-element-name@npm:^1.0.1": - version: 1.0.1 - resolution: "is-potential-custom-element-name@npm:1.0.1" - checksum: b73e2f22bc863b0939941d369486d308b43d7aef1f9439705e3582bfccaa4516406865e32c968a35f97a99396dac84e2624e67b0a16b0a15086a785e16ce7db9 - languageName: node - linkType: hard - -"is-stream@npm:^1.1.0": - version: 1.1.0 - resolution: "is-stream@npm:1.1.0" - checksum: b8ae7971e78d2e8488d15f804229c6eed7ed36a28f8807a1815938771f4adff0e705218b7dab968270433f67103e4fef98062a0beea55d64835f705ee72c7002 - languageName: node - linkType: hard - -"is-stream@npm:^2.0.0": - version: 2.0.1 - resolution: "is-stream@npm:2.0.1" - checksum: 7c284241313fc6efc329b8d7f08e16c0efeb6baab1b4cd0ba579eb78e5af1aa5da11e68559896a2067cd6c526bd29241dda4eb1225e627d5aa1a89a76d4635a5 - languageName: node - linkType: hard - -"is-typedarray@npm:^1.0.0": - version: 1.0.0 - resolution: "is-typedarray@npm:1.0.0" - checksum: 4c096275ba041a17a13cca33ac21c16bc4fd2d7d7eb94525e7cd2c2f2c1a3ab956e37622290642501ff4310601e413b675cf399ad6db49855527d2163b3eeeec - languageName: node - linkType: hard - -"is-windows@npm:^1.0.2": - version: 1.0.2 - resolution: "is-windows@npm:1.0.2" - checksum: b32f418ab3385604a66f1b7a3ce39d25e8881dee0bd30816dc8344ef6ff9df473a732bcc1ec4e84fe99b2f229ae474f7133e8e93f9241686cfcf7eebe53ba7a5 - languageName: node - linkType: hard - -"is-wsl@npm:^2.2.0": - version: 2.2.0 - resolution: "is-wsl@npm:2.2.0" - dependencies: - is-docker: ^2.0.0 - checksum: a6fa2d370d21be487c0165c7a440d567274fbba1a817f2f0bfa41cc5e3af25041d84267baa22df66696956038a43973e72fca117918c91431920bdef490fa25e - languageName: node - linkType: hard - -"isarray@npm:1.0.0, isarray@npm:~1.0.0": - version: 1.0.0 - resolution: "isarray@npm:1.0.0" - checksum: 18b5be6669be53425f0b84098732670ed4e727e3af33bc7f948aac01782110eb9a18b3b329c5323bcdd3acdaae547ee077d3951317e7f133bff7105264b3003d - languageName: node - linkType: hard - -"isexe@npm:^2.0.0": - version: 2.0.0 - resolution: "isexe@npm:2.0.0" - checksum: 228cfa503fadc2c31596ab06ed6aa82c9976eec2bfd83397e7eaf06d0ccf42cd1dfd6743bf9aeb01aebd4156d009994c5f76ea898d2832c1fe342da923ca457d - languageName: node - linkType: hard - -"isobject@npm:^2.0.0": - version: 2.1.0 - resolution: "isobject@npm:2.1.0" - dependencies: - isarray: 1.0.0 - checksum: c4cafec73b3b2ee11be75dff8dafd283b5728235ac099b07d7873d5182553a707768e208327bbc12931b9422d8822280bf88d894a0024ff5857b3efefb480e7b - languageName: node - linkType: hard - -"isobject@npm:^3.0.0, isobject@npm:^3.0.1": - version: 3.0.1 - resolution: "isobject@npm:3.0.1" - checksum: 03344f5064a82f099a0cd1a8a407f4c0d20b7b8485e8e816c39f249e9416b06c322e8dec5b842b6bb8a06de0af9cb48e7bc1b5352f0fadc2f0abac033db3d4db - languageName: node - linkType: hard - -"istanbul-lib-coverage@npm:^3.0.0": - version: 3.0.0 - resolution: "istanbul-lib-coverage@npm:3.0.0" - checksum: 29ab1980e973f169d0de899256c193caff192f30e5e4f50ec40bddac307d454c7c6493836fffea633469e7d1d1ab7fe04fa64c426f8bf8d14b17679284f5fd07 - languageName: node - linkType: hard - -"istanbul-lib-instrument@npm:^4.0.0, istanbul-lib-instrument@npm:^4.0.3": - version: 4.0.3 - resolution: "istanbul-lib-instrument@npm:4.0.3" - dependencies: - "@babel/core": ^7.7.5 - "@istanbuljs/schema": ^0.1.2 - istanbul-lib-coverage: ^3.0.0 - semver: ^6.3.0 - checksum: 7f1005566a912e33e847576b2c1072d48a7c556810a54d912f3e2f0bd966171e68b30c40b0c1ce6ee9b8864de422d0c10e2d0dfd2d25b48723950cc78cd437c2 - languageName: node - linkType: hard - -"istanbul-lib-report@npm:^3.0.0": - version: 3.0.0 - resolution: "istanbul-lib-report@npm:3.0.0" - dependencies: - istanbul-lib-coverage: ^3.0.0 - make-dir: ^3.0.0 - supports-color: ^7.1.0 - checksum: 81b0d5187c7603ed71bdea0b701a7329f8146549ca19aa26d91b4a163aea756f9d55c1a6dc1dcd087e24dfcb99baa69e266a68644fbfd5dc98107d6f6f5948d2 - languageName: node - linkType: hard - -"istanbul-lib-source-maps@npm:^4.0.0": - version: 4.0.0 - resolution: "istanbul-lib-source-maps@npm:4.0.0" - dependencies: - debug: ^4.1.1 - istanbul-lib-coverage: ^3.0.0 - source-map: ^0.6.1 - checksum: 66a8d44486ec302004df2cd7442cec44301badf680775b787edc8e82a27edafd646b5c724694b22cf95efb39097d2821eaa0851d4aca8897603cb5148db532a0 - languageName: node - linkType: hard - -"istanbul-reports@npm:^3.0.2": - version: 3.0.2 - resolution: "istanbul-reports@npm:3.0.2" - dependencies: - html-escaper: ^2.0.0 - istanbul-lib-report: ^3.0.0 - checksum: 83bd200a0027277c79121a56267ce48e9cd4946d4d3875d14d084828b9b9194846c23ba83e98a8a0d0b6d7e2ac0f79bfca386aef1ea3d912d61b96a9aff22211 - languageName: node - linkType: hard - -"jest-changed-files@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-changed-files@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - execa: ^4.0.0 - throat: ^5.0.0 - checksum: 6b679ba45c3fe08f659b59e2c22b6b773436e498aa57e62694ea1f185ed3d4e439bc1831dedca3df7b28d1562eec31ae9d79c65c8caea1dd5e620419da20013d - languageName: node - linkType: hard - -"jest-cli@npm:^26.6.3": - version: 26.6.3 - resolution: "jest-cli@npm:26.6.3" - dependencies: - "@jest/core": ^26.6.3 - "@jest/test-result": ^26.6.2 - "@jest/types": ^26.6.2 - chalk: ^4.0.0 - exit: ^0.1.2 - graceful-fs: ^4.2.4 - import-local: ^3.0.2 - is-ci: ^2.0.0 - jest-config: ^26.6.3 - jest-util: ^26.6.2 - jest-validate: ^26.6.2 - prompts: ^2.0.1 - yargs: ^15.4.1 - bin: - jest: bin/jest.js - checksum: 3f62c26b300549115bcfc0393d7d49467d414d200bb211a8843fd48d0296ddbfc5e6fe808c64ad2039127657b662e3ba3db44166341bd5db2d089bf09cf82a2c - languageName: node - linkType: hard - -"jest-config@npm:^26.6.3": - version: 26.6.3 - resolution: "jest-config@npm:26.6.3" - dependencies: - "@babel/core": ^7.1.0 - "@jest/test-sequencer": ^26.6.3 - "@jest/types": ^26.6.2 - babel-jest: ^26.6.3 - chalk: ^4.0.0 - deepmerge: ^4.2.2 - glob: ^7.1.1 - graceful-fs: ^4.2.4 - jest-environment-jsdom: ^26.6.2 - jest-environment-node: ^26.6.2 - jest-get-type: ^26.3.0 - jest-jasmine2: ^26.6.3 - jest-regex-util: ^26.0.0 - jest-resolve: ^26.6.2 - jest-util: ^26.6.2 - jest-validate: ^26.6.2 - micromatch: ^4.0.2 - pretty-format: ^26.6.2 - peerDependencies: - ts-node: ">=9.0.0" - peerDependenciesMeta: - ts-node: - optional: true - checksum: 7ca34c8d4fa48d9af081e05a2a7a54df5ad03df14dc1edca52f162c65f54fbd3745c14512b3f9dd42b753bd90d4aec4b86a7e1fdd410780bc79d27be3af5a36e - languageName: node - linkType: hard - -"jest-diff@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-diff@npm:26.6.2" - dependencies: - chalk: ^4.0.0 - diff-sequences: ^26.6.2 - jest-get-type: ^26.3.0 - pretty-format: ^26.6.2 - checksum: 3a9c88c8f308487059788ab1199e12f9b4657168964a2307573760b4d41ab5b851e5bef70125ef5ceddc1e201d6753d6ceae88994c197990dd9307cb7d94b9a1 - languageName: node - linkType: hard - -"jest-docblock@npm:^26.0.0": - version: 26.0.0 - resolution: "jest-docblock@npm:26.0.0" - dependencies: - detect-newline: ^3.0.0 - checksum: 769c9379a906b98afd9fa2feca3a271a06bec62e26bb99e7bba4182ead955b677cbedeaa7b129653dd21ee9473604c40836651f7c4c1265e37ca2a68e01e0f8b - languageName: node - linkType: hard - -"jest-each@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-each@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - chalk: ^4.0.0 - jest-get-type: ^26.3.0 - jest-util: ^26.6.2 - pretty-format: ^26.6.2 - checksum: 93fca8619afba3e9f77903929a5f4ba84a4b4ab22852d062a24e7029038456b2d5bef5761afa1c3ac52a59434484f101d44beae35f3b7e5ec1a8aa695a1c879a - languageName: node - linkType: hard - -"jest-environment-jsdom@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-environment-jsdom@npm:26.6.2" - dependencies: - "@jest/environment": ^26.6.2 - "@jest/fake-timers": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/node": "*" - jest-mock: ^26.6.2 - jest-util: ^26.6.2 - jsdom: ^16.4.0 - checksum: 5bbcc49240d59e966adb690ae73bdd7cd650b401a2420837c4770dbd148ddb2d417bcfb9fe0b4f5e85fda5d5d2e93e62788b699350eb6bd924cbf6bc9c833080 - languageName: node - linkType: hard - -"jest-environment-node@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-environment-node@npm:26.6.2" - dependencies: - "@jest/environment": ^26.6.2 - "@jest/fake-timers": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/node": "*" - jest-mock: ^26.6.2 - jest-util: ^26.6.2 - checksum: 887382992bfd8110337cdc6e8a931f647d78363aa1ed777a2d9ff0f2edc468e6cc9e9b9a5d26c772534d0bd8ec41d860e433beb2d6f3c8a8a2cab3007ceec126 - languageName: node - linkType: hard - -"jest-get-type@npm:^26.3.0": - version: 26.3.0 - resolution: "jest-get-type@npm:26.3.0" - checksum: 112fc7f962d1c4625a51b6ccfe6e9c8e54ab80816bf8dbf2b1bf25d12c0f75c74ebad0c2f37622aea81019a2087451bfb12a46619ed6717e64ee875ea2de5520 - languageName: node - linkType: hard - -"jest-haste-map@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-haste-map@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - "@types/graceful-fs": ^4.1.2 - "@types/node": "*" - anymatch: ^3.0.3 - fb-watchman: ^2.0.0 - fsevents: ^2.1.2 - graceful-fs: ^4.2.4 - jest-regex-util: ^26.0.0 - jest-serializer: ^26.6.2 - jest-util: ^26.6.2 - jest-worker: ^26.6.2 - micromatch: ^4.0.2 - sane: ^4.0.3 - walker: ^1.0.7 - dependenciesMeta: - fsevents: - optional: true - checksum: 85a40d8ecf4bfb659613f107c963c7366cdf6dcceb0ca73dc8ca09fbe0e2a63b976940f573db6260c43011993cb804275f447f268c3bc4b680c08baed300701d - languageName: node - linkType: hard - -"jest-jasmine2@npm:^26.6.3": - version: 26.6.3 - resolution: "jest-jasmine2@npm:26.6.3" - dependencies: - "@babel/traverse": ^7.1.0 - "@jest/environment": ^26.6.2 - "@jest/source-map": ^26.6.2 - "@jest/test-result": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/node": "*" - chalk: ^4.0.0 - co: ^4.6.0 - expect: ^26.6.2 - is-generator-fn: ^2.0.0 - jest-each: ^26.6.2 - jest-matcher-utils: ^26.6.2 - jest-message-util: ^26.6.2 - jest-runtime: ^26.6.3 - jest-snapshot: ^26.6.2 - jest-util: ^26.6.2 - pretty-format: ^26.6.2 - throat: ^5.0.0 - checksum: 9154ceb08fdfd263a1850af9008b6e5ab4d1242af45fede5a6580fc1db85cd9072a27b609590e76ae8d80e281b2ec96476528e8d37938b92061b746e88330f77 - languageName: node - linkType: hard - -"jest-leak-detector@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-leak-detector@npm:26.6.2" - dependencies: - jest-get-type: ^26.3.0 - pretty-format: ^26.6.2 - checksum: 6062c04531126d1dfb3dee21483963dd75a975cb89a105b54cf767cc350b174ffcc9177d8750d14e30f36c475be7d96554c558bdf1f1ae6ad9b93bcea7097312 - languageName: node - linkType: hard - -"jest-matcher-utils@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-matcher-utils@npm:26.6.2" - dependencies: - chalk: ^4.0.0 - jest-diff: ^26.6.2 - jest-get-type: ^26.3.0 - pretty-format: ^26.6.2 - checksum: 1303fc4dfd80848483b64bafc99beb31678653ad3f34b4c23e982a16016aec1f8a7de4a583044d9c43e59ee7e68e07c57f3a8b51e40fbefe42eafad45cc725ed - languageName: node - linkType: hard - -"jest-message-util@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-message-util@npm:26.6.2" - dependencies: - "@babel/code-frame": ^7.0.0 - "@jest/types": ^26.6.2 - "@types/stack-utils": ^2.0.0 - chalk: ^4.0.0 - graceful-fs: ^4.2.4 - micromatch: ^4.0.2 - pretty-format: ^26.6.2 - slash: ^3.0.0 - stack-utils: ^2.0.2 - checksum: f6138d67154137cf3e985b2b469d0c78846cce787fed16b107c177fc9c6eb2606b7bce8e88d2a6bc830262d77469ecf26c70925cefc98dee83b5e8ed08981ff5 - languageName: node - linkType: hard - -"jest-mock@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-mock@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - "@types/node": "*" - checksum: cf77b49efe76cdedc63363ccdbae8bc68e0301fbded669e7b45647b7b7c1dce90985cf6a3a13da161f644523d7d0aad03184c6f39302ee4b52f954a1de37960f - languageName: node - linkType: hard - -"jest-pnp-resolver@npm:^1.2.2": - version: 1.2.2 - resolution: "jest-pnp-resolver@npm:1.2.2" - peerDependencies: - jest-resolve: "*" - peerDependenciesMeta: - jest-resolve: - optional: true - checksum: f6ef6193f7f015830aea3a13a4fd9f53a60746bbaa2d56d18af4afd26ed1b527039c466c8d2447f68b149db8a912b9493a727f29b809ff883b8b5daec16e98ce - languageName: node - linkType: hard - -"jest-regex-util@npm:^26.0.0": - version: 26.0.0 - resolution: "jest-regex-util@npm:26.0.0" - checksum: 988675764a08945b90f48e6f5a8640b0d9885a977f100a168061d10037d53808a6cdb7dc8cb6fe9b1332f0523b42bf3edbb6d2cc6c7f7ba582d05d432efb3e60 - languageName: node - linkType: hard - -"jest-resolve-dependencies@npm:^26.6.3": - version: 26.6.3 - resolution: "jest-resolve-dependencies@npm:26.6.3" - dependencies: - "@jest/types": ^26.6.2 - jest-regex-util: ^26.0.0 - jest-snapshot: ^26.6.2 - checksum: d8a9392354d7775e2e7234e854069a1e0d21ea616b8de162562b57d77e296b8259952d03f10e2a3031a2369657d5950a807391455dadbafb3f4523804a2585d6 - languageName: node - linkType: hard - -"jest-resolve@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-resolve@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - chalk: ^4.0.0 - graceful-fs: ^4.2.4 - jest-pnp-resolver: ^1.2.2 - jest-util: ^26.6.2 - read-pkg-up: ^7.0.1 - resolve: ^1.18.1 - slash: ^3.0.0 - checksum: 9ead2ebe49efeb6c428c25b2da0e773844692cbd1b0b55145c950592053113e67b6121f9cfe1dcea901df3cea8c06ee38a464a37a9b611dc9f1ab376ea7be35a - languageName: node - linkType: hard - -"jest-runner@npm:^26.6.3": - version: 26.6.3 - resolution: "jest-runner@npm:26.6.3" - dependencies: - "@jest/console": ^26.6.2 - "@jest/environment": ^26.6.2 - "@jest/test-result": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/node": "*" - chalk: ^4.0.0 - emittery: ^0.7.1 - exit: ^0.1.2 - graceful-fs: ^4.2.4 - jest-config: ^26.6.3 - jest-docblock: ^26.0.0 - jest-haste-map: ^26.6.2 - jest-leak-detector: ^26.6.2 - jest-message-util: ^26.6.2 - jest-resolve: ^26.6.2 - jest-runtime: ^26.6.3 - jest-util: ^26.6.2 - jest-worker: ^26.6.2 - source-map-support: ^0.5.6 - throat: ^5.0.0 - checksum: 81ce9ce686623c93e50b34babd12a4fdd05edf00b0478570ae57aa2384942fe6fc1c8ca8ee6715ec15561d350f45ec3c26a19304c20b91d4cf51e73b54b0d347 - languageName: node - linkType: hard - -"jest-runtime@npm:^26.6.3": - version: 26.6.3 - resolution: "jest-runtime@npm:26.6.3" - dependencies: - "@jest/console": ^26.6.2 - "@jest/environment": ^26.6.2 - "@jest/fake-timers": ^26.6.2 - "@jest/globals": ^26.6.2 - "@jest/source-map": ^26.6.2 - "@jest/test-result": ^26.6.2 - "@jest/transform": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/yargs": ^15.0.0 - chalk: ^4.0.0 - cjs-module-lexer: ^0.6.0 - collect-v8-coverage: ^1.0.0 - exit: ^0.1.2 - glob: ^7.1.3 - graceful-fs: ^4.2.4 - jest-config: ^26.6.3 - jest-haste-map: ^26.6.2 - jest-message-util: ^26.6.2 - jest-mock: ^26.6.2 - jest-regex-util: ^26.0.0 - jest-resolve: ^26.6.2 - jest-snapshot: ^26.6.2 - jest-util: ^26.6.2 - jest-validate: ^26.6.2 - slash: ^3.0.0 - strip-bom: ^4.0.0 - yargs: ^15.4.1 - bin: - jest-runtime: bin/jest-runtime.js - checksum: d0fd139d01b9af87b5546586e8c3907d61e95c07d52fe29d7e247f08830a074f1d35c5417449fcfc5c1e5e210dd5c08c48e4789ca7900586e7624c202388a346 - languageName: node - linkType: hard - -"jest-serializer@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-serializer@npm:26.6.2" - dependencies: - "@types/node": "*" - graceful-fs: ^4.2.4 - checksum: 1c67aa1acefdc0b244f2629aaef12a56e563a5c5cb817970d2b97bdad5e8aae187b269c8d356c42ff9711436499c4da71ec8400e6280dab110be8cc5300884b0 - languageName: node - linkType: hard - -"jest-snapshot@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-snapshot@npm:26.6.2" - dependencies: - "@babel/types": ^7.0.0 - "@jest/types": ^26.6.2 - "@types/babel__traverse": ^7.0.4 - "@types/prettier": ^2.0.0 - chalk: ^4.0.0 - expect: ^26.6.2 - graceful-fs: ^4.2.4 - jest-diff: ^26.6.2 - jest-get-type: ^26.3.0 - jest-haste-map: ^26.6.2 - jest-matcher-utils: ^26.6.2 - jest-message-util: ^26.6.2 - jest-resolve: ^26.6.2 - natural-compare: ^1.4.0 - pretty-format: ^26.6.2 - semver: ^7.3.2 - checksum: b7b829e7179411cf9a5718d9cf4214e3ac66c41fa17c2f32b7273d12a5e4e85e30504335c4a673f6537af660531fe7c475d09266d63cf19aae3d346809a9a4a2 - languageName: node - linkType: hard - -"jest-util@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-util@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - "@types/node": "*" - chalk: ^4.0.0 - graceful-fs: ^4.2.4 - is-ci: ^2.0.0 - micromatch: ^4.0.2 - checksum: ab93709840f87bdf478d082f5465467c27a20a422cbe456cc2a56961d8c950ea52511995fb6063f62a113737f3dd714b836a1fbde51abef96642a5975e835a01 - languageName: node - linkType: hard - -"jest-validate@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-validate@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - camelcase: ^6.0.0 - chalk: ^4.0.0 - jest-get-type: ^26.3.0 - leven: ^3.1.0 - pretty-format: ^26.6.2 - checksum: 0c8df164641e797f80011e359553411e097ea495b95b41100be00d6c827bfd854e92ef8c528fe4cac0d113055a5075d1409f2616099ec648dbd6809bb0a29c67 - languageName: node - linkType: hard - -"jest-watcher@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-watcher@npm:26.6.2" - dependencies: - "@jest/test-result": ^26.6.2 - "@jest/types": ^26.6.2 - "@types/node": "*" - ansi-escapes: ^4.2.1 - chalk: ^4.0.0 - jest-util: ^26.6.2 - string-length: ^4.0.1 - checksum: 3a0caf17f3d586ec7099a576757336e6ba5ac6f2449e66aa1416214b32188970b1fa10f83e1aef58254a30a55a6698cbbb16aa5187c8023516d8bea8833aee12 - languageName: node - linkType: hard - -"jest-worker@npm:^26.6.2": - version: 26.6.2 - resolution: "jest-worker@npm:26.6.2" - dependencies: - "@types/node": "*" - merge-stream: ^2.0.0 - supports-color: ^7.0.0 - checksum: 07e4dba650381604cda253ab6d5837fe0279c8d68c25884995b45bfe149a7a1e1b5a97f304b4518f257dac2a9ddc1808d57d650649c3ab855e9e60cf824d2970 - languageName: node - linkType: hard - -"jest@npm:^26.6.3": - version: 26.6.3 - resolution: "jest@npm:26.6.3" - dependencies: - "@jest/core": ^26.6.3 - import-local: ^3.0.2 - jest-cli: ^26.6.3 - bin: - jest: bin/jest.js - checksum: 4469f5c426f5b00855e2264dc4fce5ab16c0fab31d2dc6fc829d769ca7ec84a9c74763f7c1d281d085ad55897927a08df2b4778b0df899a66188ff0722e17d29 - languageName: node - linkType: hard - -"js-tokens@npm:^3.0.0 || ^4.0.0, js-tokens@npm:^4.0.0": - version: 4.0.0 - resolution: "js-tokens@npm:4.0.0" - checksum: e248708d377aa058eacf2037b07ded847790e6de892bbad3dac0abba2e759cb9f121b00099a65195616badcb6eca8d14d975cb3e89eb1cfda644756402c8aeed - languageName: node - linkType: hard - -"js-yaml@npm:^3.13.1": - version: 3.14.1 - resolution: "js-yaml@npm:3.14.1" - dependencies: - argparse: ^1.0.7 - esprima: ^4.0.0 - bin: - js-yaml: bin/js-yaml.js - checksum: 6746baaaeac312c4db8e75fa22331d9a04cccb7792d126ed8ce6a0bbcfef0cedaddd0c5098fade53db067c09fe00aa1c957674b4765610a8b06a5a189e46433b - languageName: node - linkType: hard - -"jsdom@npm:^16.4.0": - version: 16.7.0 - resolution: "jsdom@npm:16.7.0" - dependencies: - abab: ^2.0.5 - acorn: ^8.2.4 - acorn-globals: ^6.0.0 - cssom: ^0.4.4 - cssstyle: ^2.3.0 - data-urls: ^2.0.0 - decimal.js: ^10.2.1 - domexception: ^2.0.1 - escodegen: ^2.0.0 - form-data: ^3.0.0 - html-encoding-sniffer: ^2.0.1 - http-proxy-agent: ^4.0.1 - https-proxy-agent: ^5.0.0 - is-potential-custom-element-name: ^1.0.1 - nwsapi: ^2.2.0 - parse5: 6.0.1 - saxes: ^5.0.1 - symbol-tree: ^3.2.4 - tough-cookie: ^4.0.0 - w3c-hr-time: ^1.0.2 - w3c-xmlserializer: ^2.0.0 - webidl-conversions: ^6.1.0 - whatwg-encoding: ^1.0.5 - whatwg-mimetype: ^2.3.0 - whatwg-url: ^8.5.0 - ws: ^7.4.6 - xml-name-validator: ^3.0.0 - peerDependencies: - canvas: ^2.5.0 - peerDependenciesMeta: - canvas: - optional: true - checksum: e9ba6ea5f5e0d18647ccedec16bc3c69c8c739732ffcb27c66ffd3cc3f876add291ca4f0b9c209ace939ce2aa3ba9e4d67b7f05317921a4d3eab02fe1cc164ef - languageName: node - linkType: hard - -"jsesc@npm:^2.5.1": - version: 2.5.2 - resolution: "jsesc@npm:2.5.2" - bin: - jsesc: bin/jsesc - checksum: dbf59312e0ebf2b4405ef413ec2b25abb5f8f4d9bc5fb8d9f90381622ebca5f2af6a6aa9a8578f65903f9e33990a6dc798edd0ce5586894bf0e9e31803a1de88 - languageName: node - linkType: hard - -"json-parse-even-better-errors@npm:^2.3.0": - version: 2.3.1 - resolution: "json-parse-even-better-errors@npm:2.3.1" - checksum: 140932564c8f0b88455432e0f33c4cb4086b8868e37524e07e723f4eaedb9425bdc2bafd71bd1d9765bd15fd1e2d126972bc83990f55c467168c228c24d665f3 - languageName: node - linkType: hard - -"json5@npm:^2.1.2": - version: 2.2.0 - resolution: "json5@npm:2.2.0" - dependencies: - minimist: ^1.2.5 - bin: - json5: lib/cli.js - checksum: fbe021f69fa100f0a863e5ab9105ead3971ad5141e7c0dc5134c6148545dae98a69602fb8f9f4dd65af0db7ca00887bf5b35af60be34c10f58fb5fc1f2366a4e - languageName: node - linkType: hard - -"kind-of@npm:^3.0.2, kind-of@npm:^3.0.3, kind-of@npm:^3.2.0": - version: 3.2.2 - resolution: "kind-of@npm:3.2.2" - dependencies: - is-buffer: ^1.1.5 - checksum: 7e34bc29d4b02c997f92f080de34ebb92033a96736bbb0bb2410e033a7e5ae6571f1fa37b2d7710018f95361473b816c604234197f4f203f9cf149d8ef1574d9 - languageName: node - linkType: hard - -"kind-of@npm:^4.0.0": - version: 4.0.0 - resolution: "kind-of@npm:4.0.0" - dependencies: - is-buffer: ^1.1.5 - checksum: d6c44c75ee36898142dfc7106afbd50593216c37f96acb81a7ab33ca1a6938ce97d5692b8fc8fccd035f83811a9d97749d68771116441a48eedd0b68e2973165 - languageName: node - linkType: hard - -"kind-of@npm:^5.0.0": - version: 5.1.0 - resolution: "kind-of@npm:5.1.0" - checksum: fe85b7a2ed4b4d5a12e16e01d00d5c336e1760842fe0da38283605b9880c984288935e87b13138909e4d23d2d197a1d492f7393c6638d2c0fab8a900c4fb0392 - languageName: node - linkType: hard - -"kind-of@npm:^6.0.0, kind-of@npm:^6.0.2": - version: 6.0.3 - resolution: "kind-of@npm:6.0.3" - checksum: 61cdff9623dabf3568b6445e93e31376bee1cdb93f8ba7033d86022c2a9b1791a1d9510e026e6465ebd701a6dd2f7b0808483ad8838341ac52f003f512e0b4c4 - languageName: node - linkType: hard - -"kleur@npm:^3.0.3": - version: 3.0.3 - resolution: "kleur@npm:3.0.3" - checksum: cd3a0b8878e7d6d3799e54340efe3591ca787d9f95f109f28129bdd2915e37807bf8918bb295ab86afb8c82196beec5a1adcaf29042ce3f2bd932b038fe3aa4b - languageName: node - linkType: hard - -"leven@npm:^3.1.0": - version: 3.1.0 - resolution: "leven@npm:3.1.0" - checksum: cd778ba3fbab0f4d0500b7e87d1f6e1f041507c56fdcd47e8256a3012c98aaee371d4c15e0a76e0386107af2d42e2b7466160a2d80688aaa03e66e49949f42df - languageName: node - linkType: hard - -"levn@npm:~0.3.0": - version: 0.3.0 - resolution: "levn@npm:0.3.0" - dependencies: - prelude-ls: ~1.1.2 - type-check: ~0.3.2 - checksum: e440df9de4233da0b389cd55bd61f0f6aaff766400bebbccd1231b81801f6dbc1d816c676ebe8d70566394b749fa624b1ed1c68070e9c94999f0bdecc64cb676 - languageName: node - linkType: hard - -"lines-and-columns@npm:^1.1.6": - version: 1.1.6 - resolution: "lines-and-columns@npm:1.1.6" - checksum: 0dd62f0332c4572f07bf51af5829428989d5f710150ba7ae806524409282f1adbe0c33698137ce1ee3c419779e6ac3aa8974c7a4be7e2d040234e729229cdb21 - languageName: node - linkType: hard - -"lit-element@npm:^3.0.0": - version: 3.0.2 - resolution: "lit-element@npm:3.0.2" - dependencies: - "@lit/reactive-element": ^1.0.0 - lit-html: ^2.0.0 - checksum: 1d43eea17fb3b2ae9da03e5bc5767e2c93efad03d62aec80c121f22db96a63a1a536fa13b9c585252a00053ff6ae9b2c13b0bd5804f06814506d40a3d141443c - languageName: node - linkType: hard - -"lit-html@npm:^2.0.0": - version: 2.0.2 - resolution: "lit-html@npm:2.0.2" - dependencies: - "@types/trusted-types": ^2.0.2 - checksum: 3a199fdc8a2a914cae0f4bcb61582d15ca671a84e34db387651d4009be9c41951c8d29381a8d858c2037efb4fce6f4eccf51d4da545d9dd419651b0b42b1b88b - languageName: node - linkType: hard - -"lit@npm:^2.0.2": - version: 2.0.2 - resolution: "lit@npm:2.0.2" - dependencies: - "@lit/reactive-element": ^1.0.0 - lit-element: ^3.0.0 - lit-html: ^2.0.0 - checksum: f47404b026cbbf6e5cb50b78c272226dc2d44e66e3252d2c914b7463a203503bb65712d02aaa17bf592f4c308d570684a0cab18e93cf4478e0294f61e2223b50 - languageName: node - linkType: hard - -"locate-path@npm:^5.0.0": - version: 5.0.0 - resolution: "locate-path@npm:5.0.0" - dependencies: - p-locate: ^4.1.0 - checksum: 33a1c5247e87e022f9713e6213a744557a3e9ec32c5d0b5efb10aa3a38177615bf90221a5592674857039c1a0fd2063b82f285702d37b792d973e9e72ace6c59 - languageName: node - linkType: hard - -"lodash.camelcase@npm:^4.3.0": - version: 4.3.0 - resolution: "lodash.camelcase@npm:4.3.0" - checksum: fcba15d21a458076dd309fce6b1b4bf611d84a0ec252cb92447c948c533ac250b95d2e00955801ebc367e5af5ed288b996d75d37d2035260a937008e14eaf432 - languageName: node - linkType: hard - -"lodash@npm:^4.7.0": - version: 4.17.21 - resolution: "lodash@npm:4.17.21" - checksum: d8cbea072bb08655bb4c989da418994b073a608dffa608b09ac04b43a791b12aeae7cd7ad919aa4c925f33b48490b5cfe6c1f71d827956071dae2e7bb3a6b74c - languageName: node - linkType: hard - -"loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0": - version: 1.4.0 - resolution: "loose-envify@npm:1.4.0" - dependencies: - js-tokens: ^3.0.0 || ^4.0.0 - bin: - loose-envify: cli.js - checksum: 655d110220983c1a4b9c0c679a2e8016d4b67f6e9c7b5435ff5979ecdb20d0813f4dec0a08674fcbdd4846a3f07edbb50a36811fd37930b94aaa0d9daceb017e - languageName: node - linkType: hard - -"lru-cache@npm:^6.0.0": - version: 6.0.0 - resolution: "lru-cache@npm:6.0.0" - dependencies: - yallist: ^4.0.0 - checksum: cb53e582785c48187d7a188d3379c181b5ca2a9c78d2bce3e7dee36f32761d1c42983da3fe12b55cb74e1779fa94cdc2e5367c028a9b35317184ede0c07a30a9 - languageName: node - linkType: hard - -"make-dir@npm:^3.0.0": - version: 3.1.0 - resolution: "make-dir@npm:3.1.0" - dependencies: - semver: ^6.0.0 - checksum: 56aaafefc49c2dfef02c5c95f9b196c4eb6988040cf2c712185c7fe5c99b4091591a7fc4d4eafaaefa70ff763a26f6ab8c3ff60b9e75ea19876f49b18667ecaa - languageName: node - linkType: hard - -"make-fetch-happen@npm:^8.0.14": - version: 8.0.14 - resolution: "make-fetch-happen@npm:8.0.14" - dependencies: - agentkeepalive: ^4.1.3 - cacache: ^15.0.5 - http-cache-semantics: ^4.1.0 - http-proxy-agent: ^4.0.1 - https-proxy-agent: ^5.0.0 - is-lambda: ^1.0.1 - lru-cache: ^6.0.0 - minipass: ^3.1.3 - minipass-collect: ^1.0.2 - minipass-fetch: ^1.3.2 - minipass-flush: ^1.0.5 - minipass-pipeline: ^1.2.4 - promise-retry: ^2.0.1 - socks-proxy-agent: ^5.0.0 - ssri: ^8.0.0 - checksum: d2c9c77fafcd2f1e64b693671e0cf223d1c6befc01a070de4cc2dc41da4bec24d01a9d46879fbc134d0aa7aed5d2cafea7a74ef16bbf77bf81a2b317e182deb6 - languageName: node - linkType: hard - -"makeerror@npm:1.0.x": - version: 1.0.11 - resolution: "makeerror@npm:1.0.11" - dependencies: - tmpl: 1.0.x - checksum: b24a6f55ee7e4e3ebd39fcebedadabd02a6ab60a58be87037d02ec8e633cb3a65492b8d107387ec2edbdc2b93aafcad9b4de53657cb70e6716b03f7b0f263dc8 - languageName: node - linkType: hard - -"map-cache@npm:^0.2.2": - version: 0.2.2 - resolution: "map-cache@npm:0.2.2" - checksum: 05e3eb005c1b80b9f949ca007687640e8c5d0fc88dc45c3c3ab4902a3bec79d66a58f3e3b04d6985d90cd267c629c7b46c977e9c34433e8c11ecfcbb9f0fa290 - languageName: node - linkType: hard - -"map-visit@npm:^1.0.0": - version: 1.0.0 - resolution: "map-visit@npm:1.0.0" - dependencies: - object-visit: ^1.0.0 - checksum: fb3475e5311939a6147e339999113db607adc11c7c3cd3103e5e9dbf502898416ecba6b1c7c649c6d4d12941de00cee58b939756bdf20a9efe7d4fa5a5738b73 - languageName: node - linkType: hard - -"merge-stream@npm:^2.0.0": - version: 2.0.0 - resolution: "merge-stream@npm:2.0.0" - checksum: 867fdbb30a6d58b011449b8885601ec1690c3e41c759ecd5a9d609094f7aed0096c37823ff4a7190ef0b8f22cc86beb7049196ff68c016e3b3c671d0dac91ce5 - languageName: node - linkType: hard - -"merge2@npm:^1.3.0": - version: 1.4.1 - resolution: "merge2@npm:1.4.1" - checksum: 254a8a4605b58f450308fc474c82ac9a094848081bf4c06778200207820e5193726dc563a0d2c16468810516a5c97d9d3ea0ca6585d23c58ccfff2403e8dbbeb - languageName: node - linkType: hard - -"micromatch@npm:^3.1.4": - version: 3.1.10 - resolution: "micromatch@npm:3.1.10" - dependencies: - arr-diff: ^4.0.0 - array-unique: ^0.3.2 - braces: ^2.3.1 - define-property: ^2.0.2 - extend-shallow: ^3.0.2 - extglob: ^2.0.4 - fragment-cache: ^0.2.1 - kind-of: ^6.0.2 - nanomatch: ^1.2.9 - object.pick: ^1.3.0 - regex-not: ^1.0.0 - snapdragon: ^0.8.1 - to-regex: ^3.0.2 - checksum: 531a32e7ac92bef60657820202be71b63d0f945c08a69cc4c239c0b19372b751483d464a850a2e3a5ff6cc9060641e43d44c303af104c1a27493d137d8af017f - languageName: node - linkType: hard - -"micromatch@npm:^4.0.2, micromatch@npm:^4.0.4": - version: 4.0.4 - resolution: "micromatch@npm:4.0.4" - dependencies: - braces: ^3.0.1 - picomatch: ^2.2.3 - checksum: 87bc95e3e52ebe413dbadd43c96e797c736bf238f154e3b546859493e83781b6f7fa4dfa54e423034fb9aeea65259ee6480551581271c348d8e19214910a5a64 - languageName: node - linkType: hard - -"mime-db@npm:1.48.0": - version: 1.48.0 - resolution: "mime-db@npm:1.48.0" - checksum: 58a17590ba92d4de1c88cb41199f8746baaeed5de7aaa76d94925d3f015f37cce65614e6621b545f382ddaa0063e8d8e8aeaf205fd6422be0f04d6aa56e3f8aa - languageName: node - linkType: hard - -"mime-types@npm:^2.1.12": - version: 2.1.31 - resolution: "mime-types@npm:2.1.31" - dependencies: - mime-db: 1.48.0 - checksum: 8adf6de32bf5be25049a0816c751bf69aa7d245abbeffd1d594b692159616762d30831dae21d37d5e433cd5b824f759ce0e6286c436e140dd71ab8a00d90cdea - languageName: node - linkType: hard - -"mimic-fn@npm:^2.1.0": - version: 2.1.0 - resolution: "mimic-fn@npm:2.1.0" - checksum: b26f5479d7ec6cc2bce275a08f146cf78f5e7b661b18114e2506dd91ec7ec47e7a25bf4360e5438094db0560bcc868079fb3b1fb3892b833c1ecbf63f80c95a4 - languageName: node - linkType: hard - -"min-document@npm:^2.19.0": - version: 2.19.0 - resolution: "min-document@npm:2.19.0" - dependencies: - dom-walk: ^0.1.0 - checksum: 783724da716fc73a51c171865d7b29bf2b855518573f82ef61c40d214f6898d7b91b5c5419e4d22693cdb78d4615873ebc3b37d7639d3dd00ca283e5a07c7af9 - languageName: node - linkType: hard - -"minimatch@npm:^3.0.4": - version: 3.0.4 - resolution: "minimatch@npm:3.0.4" - dependencies: - brace-expansion: ^1.1.7 - checksum: d0a2bcd93ebec08a9eef3ca83ba33c9fb6feb93932e0b4dc6aa46c5f37a9404bea7ad9ff7cafe23ce6634f1fe3b206f5315ecbb05812da6e692c21d8ecfd3dae - languageName: node - linkType: hard - -"minimist@npm:^1.1.1, minimist@npm:^1.2.0, minimist@npm:^1.2.5": - version: 1.2.5 - resolution: "minimist@npm:1.2.5" - checksum: c143b0c199af4df7a55c7a37b6465cdd438acdc6a3a345ba0fe9d94dfcc2042263f650879bc73be607c843deeaeaadf39c864e55bc6d80b36a025eca1a062ee7 - languageName: node - linkType: hard - -"minipass-collect@npm:^1.0.2": - version: 1.0.2 - resolution: "minipass-collect@npm:1.0.2" - dependencies: - minipass: ^3.0.0 - checksum: 8f82bd1f3095b24f53a991b04b67f4c710c894e518b813f0864a31de5570441a509be1ca17e0bb92b047591a8fdbeb886f502764fefb00d2f144f4011791e898 - languageName: node - linkType: hard - -"minipass-fetch@npm:^1.3.2": - version: 1.3.4 - resolution: "minipass-fetch@npm:1.3.4" - dependencies: - encoding: ^0.1.12 - minipass: ^3.1.0 - minipass-sized: ^1.0.3 - minizlib: ^2.0.0 - dependenciesMeta: - encoding: - optional: true - checksum: 2362aef6fb4c7befa2c9fefe5296bd99c73dc18d0796d23af9214b1040ef53854f008ff160e2debcf8723d9ef2482fc6db0c4a70dc1f6186ef6cc191500505e8 - languageName: node - linkType: hard - -"minipass-flush@npm:^1.0.5": - version: 1.0.5 - resolution: "minipass-flush@npm:1.0.5" - dependencies: - minipass: ^3.0.0 - checksum: 2a51b63feb799d2bb34669205eee7c0eaf9dce01883261a5b77410c9408aa447e478efd191b4de6fc1101e796ff5892f8443ef20d9544385819093dbb32d36bd - languageName: node - linkType: hard - -"minipass-pipeline@npm:^1.2.2, minipass-pipeline@npm:^1.2.4": - version: 1.2.4 - resolution: "minipass-pipeline@npm:1.2.4" - dependencies: - minipass: ^3.0.0 - checksum: cbda57cea20b140b797505dc2cac71581a70b3247b84480c1fed5ca5ba46c25ecc25f68bfc9e6dcb1a6e9017dab5c7ada5eab73ad4f0a49d84e35093e0c643f2 - languageName: node - linkType: hard - -"minipass-sized@npm:^1.0.3": - version: 1.0.3 - resolution: "minipass-sized@npm:1.0.3" - dependencies: - minipass: ^3.0.0 - checksum: 298f124753efdc745cfe0f2bdfdd81ba25b9f4e753ca4a2066eb17c821f25d48acea607dfc997633ee5bf7b6dfffb4eee4f2051eb168663f0b99fad2fa4829cb - languageName: node - linkType: hard - -"minipass@npm:^3.0.0, minipass@npm:^3.1.0, minipass@npm:^3.1.1, minipass@npm:^3.1.3": - version: 3.1.3 - resolution: "minipass@npm:3.1.3" - dependencies: - yallist: ^4.0.0 - checksum: 5dbbf1afd68aa686f0b587f2104c96c22b517da2db35787329ff460128efe583ba363e9cd4572895cdf0f0633fa3ad1b65283a953d889a76f11bdfbb19567bc6 - languageName: node - linkType: hard - -"minizlib@npm:^2.0.0, minizlib@npm:^2.1.1": - version: 2.1.2 - resolution: "minizlib@npm:2.1.2" - dependencies: - minipass: ^3.0.0 - yallist: ^4.0.0 - checksum: 64fae024e1a7d0346a1102bb670085b17b7f95bf6cfdf5b128772ec8faf9ea211464ea4add406a3a6384a7d87a0cd1a96263692134323477b4fb43659a6cab78 - languageName: node - linkType: hard - -"mixin-deep@npm:^1.2.0": - version: 1.3.2 - resolution: "mixin-deep@npm:1.3.2" - dependencies: - for-in: ^1.0.2 - is-extendable: ^1.0.1 - checksum: cb39ffb73c377222391af788b4c83d1a6cecb2d9fceb7015384f8deb46e151a9b030c21ef59a79cb524d4557e3f74c7248ab948a62a6e7e296b42644863d183b - languageName: node - linkType: hard - -"mkdirp@npm:^1.0.3, mkdirp@npm:^1.0.4": - version: 1.0.4 - resolution: "mkdirp@npm:1.0.4" - bin: - mkdirp: bin/cmd.js - checksum: 46ea0f3ffa8bc6a5bc0c7081ffc3907777f0ed6516888d40a518c5111f8366d97d2678911ad1a6882bf592fa9de6c784fea32e1687bb94e1f4944170af48a5cf - languageName: node - linkType: hard - -"ms@npm:2.0.0": - version: 2.0.0 - resolution: "ms@npm:2.0.0" - checksum: f8fda810b39fd7255bbdc451c46286e549794fcc700dc9cd1d25658bbc4dc2563a5de6fe7c60f798a16a60c6ceb53f033cb353f493f0cf63e5199b702943159d - languageName: node - linkType: hard - -"ms@npm:2.1.2": - version: 2.1.2 - resolution: "ms@npm:2.1.2" - checksum: a437714e2f90dbf881b5191d35a6db792efbca5badf112f87b9e1c712aace4b4b9b742dd6537f3edf90fd6f684de897cec230abde57e87883766712ddda297cc - languageName: node - linkType: hard - -"ms@npm:^2.0.0": - version: 2.1.3 - resolution: "ms@npm:2.1.3" - checksum: d924b57e7312b3b63ad21fc5b3dc0af5e78d61a1fc7cfb5457edaf26326bf62be5307cc87ffb6862ef1c2b33b0233cdb5d4f01c4c958cc0d660948b65a287a48 - languageName: node - linkType: hard - -"nanomatch@npm:^1.2.9": - version: 1.2.13 - resolution: "nanomatch@npm:1.2.13" - dependencies: - arr-diff: ^4.0.0 - array-unique: ^0.3.2 - define-property: ^2.0.2 - extend-shallow: ^3.0.2 - fragment-cache: ^0.2.1 - is-windows: ^1.0.2 - kind-of: ^6.0.2 - object.pick: ^1.3.0 - regex-not: ^1.0.0 - snapdragon: ^0.8.1 - to-regex: ^3.0.1 - checksum: 0f5cefa755ca2e20c86332821995effb24acb79551ddaf51c1b9112628cad234a0d8fd9ac6aa56ad1f8bfad6ff6ae86e851acb960943249d9fa44b091479953a - languageName: node - linkType: hard - -"natural-compare@npm:^1.4.0": - version: 1.4.0 - resolution: "natural-compare@npm:1.4.0" - checksum: f5f9a7974bfb28a91afafa254b197f0f22c684d4a1731763dda960d2c8e375b36c7d690e0d9dc8fba774c537af14a7e979129bca23d88d052fbeb9466955e447 - languageName: node - linkType: hard - -"nice-try@npm:^1.0.4": - version: 1.0.5 - resolution: "nice-try@npm:1.0.5" - checksum: 95568c1b73e1d0d4069a3e3061a2102d854513d37bcfda73300015b7ba4868d3b27c198d1dbbd8ebdef4112fc2ed9e895d4a0f2e1cce0bd334f2a1346dc9205f - languageName: node - linkType: hard - -"node-gyp@npm:latest": - version: 8.1.0 - resolution: "node-gyp@npm:8.1.0" - dependencies: - env-paths: ^2.2.0 - glob: ^7.1.4 - graceful-fs: ^4.2.6 - make-fetch-happen: ^8.0.14 - nopt: ^5.0.0 - npmlog: ^4.1.2 - rimraf: ^3.0.2 - semver: ^7.3.5 - tar: ^6.1.0 - which: ^2.0.2 - bin: - node-gyp: bin/node-gyp.js - checksum: dcdceb8ec179255fd364c4b950ca4dac44d8ec2dcabfb19290e5baf9d520df572aa0d0f85c7249021d60d11f8ec16927fc56a806e54e054c95da5b2940d6114c - languageName: node - linkType: hard - -"node-int64@npm:^0.4.0": - version: 0.4.0 - resolution: "node-int64@npm:0.4.0" - checksum: a6a4d8369e2f2720e9c645255ffde909c0fbd41c92ea92a5607fc17055955daac99c1ff589d421eee12a0d24e99f7bfc2aabfeb1a4c14742f6c099a51863f31a - languageName: node - linkType: hard - -"node-modules-regexp@npm:^1.0.0": - version: 1.0.0 - resolution: "node-modules-regexp@npm:1.0.0" - checksum: d4a9b6425a18e9fadd38f21a7f7820b3bfda4663c7d3b9f80043e3f5f7e27a0a1e04f524077b00a15ae77148cd81319da5772900229d89541062f7e876b36763 - languageName: node - linkType: hard - -"node-notifier@npm:^8.0.0": - version: 8.0.2 - resolution: "node-notifier@npm:8.0.2" - dependencies: - growly: ^1.3.0 - is-wsl: ^2.2.0 - semver: ^7.3.2 - shellwords: ^0.1.1 - uuid: ^8.3.0 - which: ^2.0.2 - checksum: 8df8618628c14ef26214a376dbde425264b92ae5e5944d21807f41e3d2ed3ff29f6c5aba089f4a5f22328b2157aa874e93f2304a2134b1ee59508cedf7e889bb - languageName: node - linkType: hard - -"node-releases@npm:^1.1.71": - version: 1.1.73 - resolution: "node-releases@npm:1.1.73" - checksum: 0e643cc064585a50fb3036c4657acf51dfd3f06cfa24243afd0e4c0f7b78c294019f8e543846911433f6463d2c80ce37ac0d25eedaef23e764bd48f3ef3ed143 - languageName: node - linkType: hard - -"nopt@npm:^5.0.0": - version: 5.0.0 - resolution: "nopt@npm:5.0.0" - dependencies: - abbrev: 1 - bin: - nopt: bin/nopt.js - checksum: fc5c4f07155cb455bf5fc3dd149fac421c1a40fd83c6bfe83aa82b52f02c17c5e88301321318adaa27611c8a6811423d51d29deaceab5fa158b585a61a551061 - languageName: node - linkType: hard - -"normalize-package-data@npm:^2.5.0": - version: 2.5.0 - resolution: "normalize-package-data@npm:2.5.0" - dependencies: - hosted-git-info: ^2.1.4 - resolve: ^1.10.0 - semver: 2 || 3 || 4 || 5 - validate-npm-package-license: ^3.0.1 - checksum: 357cb1646deb42f8eb4c7d42c4edf0eec312f3628c2ef98501963cc4bbe7277021b2b1d977f982b2edce78f5a1014613ce9cf38085c3df2d76730481357ca504 - languageName: node - linkType: hard - -"normalize-path@npm:^2.1.1": - version: 2.1.1 - resolution: "normalize-path@npm:2.1.1" - dependencies: - remove-trailing-separator: ^1.0.1 - checksum: db814326ff88057437233361b4c7e9cac7b54815b051b57f2d341ce89b1d8ec8cbd43e7fa95d7652b3b69ea8fcc294b89b8530d556a84d1bdace94229e1e9a8b - languageName: node - linkType: hard - -"normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0": - version: 3.0.0 - resolution: "normalize-path@npm:3.0.0" - checksum: e008c8142bcc335b5e38cf0d63cfd39d6cf2d97480af9abdbe9a439221fd4d749763bab492a8ee708ce7a194bb00c9da6d0a115018672310850489137b3da046 - languageName: node - linkType: hard - -"npm-run-path@npm:^2.0.0": - version: 2.0.2 - resolution: "npm-run-path@npm:2.0.2" - dependencies: - path-key: ^2.0.0 - checksum: 95549a477886f48346568c97b08c4fda9cdbf7ce8a4fbc2213f36896d0d19249e32d68d7451bdcbca8041b5fba04a6b2c4a618beaf19849505c05b700740f1de - languageName: node - linkType: hard - -"npm-run-path@npm:^4.0.0": - version: 4.0.1 - resolution: "npm-run-path@npm:4.0.1" - dependencies: - path-key: ^3.0.0 - checksum: 6f9353a95288f8455cf64cbeb707b28826a7f29690244c1e4bb61ec573256e021b6ad6651b394eb1ccfd00d6ec50147253aba2c5fe58a57ceb111fad62c519ac - languageName: node - linkType: hard - -"npmlog@npm:^4.1.2": - version: 4.1.2 - resolution: "npmlog@npm:4.1.2" - dependencies: - are-we-there-yet: ~1.1.2 - console-control-strings: ~1.1.0 - gauge: ~2.7.3 - set-blocking: ~2.0.0 - checksum: d6a26cb362277c65e24a70ebdaff31f81184ceb5415fd748abaaf26417bf0794a17ba849116e4f454a0370b9067ae320834cc78d74527dbeadf6e9d19a959046 - languageName: node - linkType: hard - -"number-is-nan@npm:^1.0.0": - version: 1.0.1 - resolution: "number-is-nan@npm:1.0.1" - checksum: cb97149006acc5cd512c13c1838223abdf202e76ddfa059c5e8e7507aff2c3a78cd19057516885a2f6f5b576543dc4f7b6f3c997cc7df53ae26c260855466df5 - languageName: node - linkType: hard - -"nwsapi@npm:^2.2.0": - version: 2.2.0 - resolution: "nwsapi@npm:2.2.0" - checksum: 1fd5adff9c6ab56b2e668dfb35a3f7517a5bd7a8817cd2af01037797fd1cb2fc6b22c2af1b06c1a66dd0536e36df1202a9fc21d8c37a0f24189b19d00606a091 - languageName: node - linkType: hard - -"object-assign@npm:^4.1.0, object-assign@npm:^4.1.1": - version: 4.1.1 - resolution: "object-assign@npm:4.1.1" - checksum: 1f4df9945120325d041ccf7b86f31e8bcc14e73d29171e37a7903050e96b81323784ec59f93f102ec635bcf6fa8034ba3ea0a8c7e69fa202b87ae3b6cec5a414 - languageName: node - linkType: hard - -"object-copy@npm:^0.1.0": - version: 0.1.0 - resolution: "object-copy@npm:0.1.0" - dependencies: - copy-descriptor: ^0.1.0 - define-property: ^0.2.5 - kind-of: ^3.0.3 - checksum: 79314b05e9d626159a04f1d913f4c4aba9eae8848511cf5f4c8e3b04bb3cc313b65f60357f86462c959a14c2d58380fedf89b6b32ecec237c452a5ef3900a293 - languageName: node - linkType: hard - -"object-visit@npm:^1.0.0": - version: 1.0.1 - resolution: "object-visit@npm:1.0.1" - dependencies: - isobject: ^3.0.0 - checksum: 086b475bda24abd2318d2b187c3e928959b89f5cb5883d6fe5a42d03719b61fc18e765f658de9ac8730e67ba9ff26d61e73d991215948ff9ecefe771e0071029 - languageName: node - linkType: hard - -"object.pick@npm:^1.3.0": - version: 1.3.0 - resolution: "object.pick@npm:1.3.0" - dependencies: - isobject: ^3.0.1 - checksum: cd316ec986e49895a28f2df9182de9cdeee57cd2a952c122aacc86344c28624fe002d9affc4f48b5014ec7c033da9942b08821ddb44db8c5bac5b3ec54bdc31e - languageName: node - linkType: hard - -"once@npm:^1.3.0, once@npm:^1.3.1, once@npm:^1.4.0": - version: 1.4.0 - resolution: "once@npm:1.4.0" - dependencies: - wrappy: 1 - checksum: 5d48aca287dfefabd756621c5dfce5c91a549a93e9fdb7b8246bc4c4790aa2ec17b34a260530474635147aeb631a2dcc8b32c613df0675f96041cbb8244517d0 - languageName: node - linkType: hard - -"onetime@npm:^5.1.0": - version: 5.1.2 - resolution: "onetime@npm:5.1.2" - dependencies: - mimic-fn: ^2.1.0 - checksum: ffcef6fbb2692c3c40749f31ea2e22677a876daea92959b8a80b521d95cca7a668c884d8b2045d1d8ee7d56796aa405c405462af112a1477594cc63531baeb8f - languageName: node - linkType: hard - -"optionator@npm:^0.8.1": - version: 0.8.3 - resolution: "optionator@npm:0.8.3" - dependencies: - deep-is: ~0.1.3 - fast-levenshtein: ~2.0.6 - levn: ~0.3.0 - prelude-ls: ~1.1.2 - type-check: ~0.3.2 - word-wrap: ~1.2.3 - checksum: ad7000ea661792b3ec5f8f86aac28895850988926f483b5f308f59f4607dfbe24c05df2d049532ee227c040081f39401a268cf7bbf3301512f74c4d760dc6dd8 - languageName: node - linkType: hard - -"p-each-series@npm:^2.1.0": - version: 2.2.0 - resolution: "p-each-series@npm:2.2.0" - checksum: 32a7cce1312bf70f99079db2ff070fc3ee2ed6efe0fa0444616fa38f79730ad09b461d009127d25254c4c865c40b6664e2c656b1a7b2c4781756d9173c974269 - languageName: node - linkType: hard - -"p-finally@npm:^1.0.0": - version: 1.0.0 - resolution: "p-finally@npm:1.0.0" - checksum: 6b8552339a71fe7bd424d01d8451eea92d379a711fc62f6b2fe64cad8a472c7259a236c9a22b4733abca0b5666ad503cb497792a0478c5af31ded793d00937e7 - languageName: node - linkType: hard - -"p-limit@npm:^2.2.0": - version: 2.3.0 - resolution: "p-limit@npm:2.3.0" - dependencies: - p-try: ^2.0.0 - checksum: 8da01ac53efe6a627080fafc127c873da40c18d87b3f5d5492d465bb85ec7207e153948df6b9cbaeb130be70152f874229b8242ee2be84c0794082510af97f12 - languageName: node - linkType: hard - -"p-locate@npm:^4.1.0": - version: 4.1.0 - resolution: "p-locate@npm:4.1.0" - dependencies: - p-limit: ^2.2.0 - checksum: 1b476ad69ad7f6059744f343b26d51ce091508935c1dbb80c4e0a2f397ffce0ca3a1f9f5cd3c7ce19d7929a09719d5c65fe70d8ee289c3f267cd36f2881813e9 - languageName: node - linkType: hard - -"p-map@npm:^4.0.0": - version: 4.0.0 - resolution: "p-map@npm:4.0.0" - dependencies: - aggregate-error: ^3.0.0 - checksum: 592c05bd6262c466ce269ff172bb8de7c6975afca9b50c975135b974e9bdaafbfe80e61aaaf5be6d1200ba08b30ead04b88cfa7e25ff1e3b93ab28c9f62a2c75 - languageName: node - linkType: hard - -"p-try@npm:^2.0.0": - version: 2.2.0 - resolution: "p-try@npm:2.2.0" - checksum: c36c19907734c904b16994e6535b02c36c2224d433e01a2f1ab777237f4d86e6289fd5fd464850491e940379d4606ed850c03e0f9ab600b0ebddb511312e177f - languageName: node - linkType: hard - -"parse-json@npm:^5.0.0": - version: 5.2.0 - resolution: "parse-json@npm:5.2.0" - dependencies: - "@babel/code-frame": ^7.0.0 - error-ex: ^1.3.1 - json-parse-even-better-errors: ^2.3.0 - lines-and-columns: ^1.1.6 - checksum: 77947f2253005be7a12d858aedbafa09c9ae39eb4863adf330f7b416ca4f4a08132e453e08de2db46459256fb66afaac5ee758b44fe6541b7cdaf9d252e59585 - languageName: node - linkType: hard - -"parse5@npm:6.0.1": - version: 6.0.1 - resolution: "parse5@npm:6.0.1" - checksum: 595821edc094ecbcfb9ddcb46a3e1fe3a718540f8320eff08b8cf6742a5114cce2d46d45f95c26191c11b184dcaf4e2960abcd9c5ed9eb9393ac9a37efcfdecb - languageName: node - linkType: hard - -"pascalcase@npm:^0.1.1": - version: 0.1.1 - resolution: "pascalcase@npm:0.1.1" - checksum: 48dfe90618e33810bf58211d8f39ad2c0262f19ad6354da1ba563935b5f429f36409a1fb9187c220328f7a4dc5969917f8e3e01ee089b5f1627b02aefe39567b - languageName: node - linkType: hard - -"path-exists@npm:^4.0.0": - version: 4.0.0 - resolution: "path-exists@npm:4.0.0" - checksum: 8c0bd3f5238188197dc78dced15207a4716c51cc4e3624c44fc97acf69558f5ebb9a2afff486fe1b4ee148e0c133e96c5e11a9aa5c48a3006e3467da070e5e1b - languageName: node - linkType: hard - -"path-is-absolute@npm:^1.0.0": - version: 1.0.1 - resolution: "path-is-absolute@npm:1.0.1" - checksum: 127da03c82172a2a50099cddbf02510c1791fc2cc5f7713ddb613a56838db1e8168b121a920079d052e0936c23005562059756d653b7c544c53185efe53be078 - languageName: node - linkType: hard - -"path-key@npm:^2.0.0, path-key@npm:^2.0.1": - version: 2.0.1 - resolution: "path-key@npm:2.0.1" - checksum: dd2044f029a8e58ac31d2bf34c34b93c3095c1481942960e84dd2faa95bbb71b9b762a106aead0646695330936414b31ca0bd862bf488a937ad17c8c5d73b32b - languageName: node - linkType: hard - -"path-key@npm:^3.0.0, path-key@npm:^3.1.0": - version: 3.1.1 - resolution: "path-key@npm:3.1.1" - checksum: 748c43efd5a569c039d7a00a03b58eecd1d75f3999f5a28303d75f521288df4823bc057d8784eb72358b2895a05f29a070bc9f1f17d28226cc4e62494cc58c4c - languageName: node - linkType: hard - -"path-parse@npm:^1.0.6": - version: 1.0.7 - resolution: "path-parse@npm:1.0.7" - checksum: 11ce261f9d294cc7a58d6a574b7f1b935842355ec66fba3c3fd79e0f036462eaf07d0aa95bb74ff432f9afef97ce1926c720988c6a7451d8a584930ae7de86e1 - languageName: node - linkType: hard - -"path-type@npm:^4.0.0": - version: 4.0.0 - resolution: "path-type@npm:4.0.0" - checksum: 666f6973f332f27581371efaf303fd6c272cc43c2057b37aa99e3643158c7e4b2626549555d88626e99ea9e046f82f32e41bbde5f1508547e9a11b149b52387c - languageName: node - linkType: hard - -"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.3": - version: 2.3.0 - resolution: "picomatch@npm:2.3.0" - checksum: a65bde78212368e16afb82429a0ea033d20a836270446acb53ec6e31d939bccf1213f788bc49361f7aff47b67c1fb74d898f99964f67f26ca07a3cd815ddbcbb - languageName: node - linkType: hard - -"pirates@npm:^4.0.1": - version: 4.0.1 - resolution: "pirates@npm:4.0.1" - dependencies: - node-modules-regexp: ^1.0.0 - checksum: 5713323c619b27c7ae895542a5a476cf3cda6d4f1446c3ef4d613050a476463ad73369bbbab75c316a2e8211a5200d427913c14d928e900e18a291de334c1963 - languageName: node - linkType: hard - -"pkg-dir@npm:^4.2.0": - version: 4.2.0 - resolution: "pkg-dir@npm:4.2.0" - dependencies: - find-up: ^4.0.0 - checksum: c56bda7769e04907a88423feb320babaed0711af8c436ce3e56763ab1021ba107c7b0cafb11cde7529f669cfc22bffcaebffb573645cbd63842ea9fb17cd7728 - languageName: node - linkType: hard - -"posix-character-classes@npm:^0.1.0": - version: 0.1.1 - resolution: "posix-character-classes@npm:0.1.1" - checksum: cce88011548a973b4af58361cd8f5f7b5a6faff8eef0901565802f067bcabf82597e920d4c97c22068464be3cbc6447af589f6cc8a7d813ea7165be60a0395bc - languageName: node - linkType: hard - -"prelude-ls@npm:~1.1.2": - version: 1.1.2 - resolution: "prelude-ls@npm:1.1.2" - checksum: 7284270064f74e0bb7f04eb9bff7be677e4146417e599ccc9c1200f0f640f8b11e592d94eb1b18f7aa9518031913bb42bea9c86af07ba69902864e61005d6f18 - languageName: node - linkType: hard - -"pretty-format@npm:^26.6.2": - version: 26.6.2 - resolution: "pretty-format@npm:26.6.2" - dependencies: - "@jest/types": ^26.6.2 - ansi-regex: ^5.0.0 - ansi-styles: ^4.0.0 - react-is: ^17.0.1 - checksum: b5ddf0e949b874b699d313fe9407f0eb65e67d00823b2dd95335905a73457260af7612f3bff6b48611fcca9ffcff003359e4c9faba4200d6209da433a859aef3 - languageName: node - linkType: hard - -"process-nextick-args@npm:~2.0.0": - version: 2.0.1 - resolution: "process-nextick-args@npm:2.0.1" - checksum: bec089239487833d46b59d80327a1605e1c5287eaad770a291add7f45fda1bb5e28b38e0e061add0a1d0ee0984788ce74fa394d345eed1c420cacf392c554367 - languageName: node - linkType: hard - -"process@npm:^0.11.10": - version: 0.11.10 - resolution: "process@npm:0.11.10" - checksum: 40c3ce4b7e6d4b8c3355479df77aeed46f81b279818ccdc500124e6a5ab882c0cc81ff7ea16384873a95a74c4570b01b120f287abbdd4c877931460eca6084b3 - languageName: node - linkType: hard - -"promise-inflight@npm:^1.0.1": - version: 1.0.1 - resolution: "promise-inflight@npm:1.0.1" - checksum: d179d148d98fbff3d815752fa9a08a87d3190551d1420f17c4467f628214db12235ae068d98cd001f024453676d8985af8f28f002345646c4ece4600a79620bc - languageName: node - linkType: hard - -"promise-retry@npm:^2.0.1": - version: 2.0.1 - resolution: "promise-retry@npm:2.0.1" - dependencies: - err-code: ^2.0.2 - retry: ^0.12.0 - checksum: 9c7045a1a2928094b5b9b15336dcd2a7b1c052f674550df63cc3f36cd44028e5080448175b6f6ca32b642de81150f5e7b1a98b728f15cb069f2dd60ac2616b96 - languageName: node - linkType: hard - -"prompts@npm:^2.0.1": - version: 2.4.1 - resolution: "prompts@npm:2.4.1" - dependencies: - kleur: ^3.0.3 - sisteransi: ^1.0.5 - checksum: 787fe069231badf306b7604ad4160bf891f754fd674659b288bd8d32d6dbddadeeb1d5f60fea9cebc18c9df94eeaa1ed89074604ecacc7e16c0d9719fb72e797 - languageName: node - linkType: hard - -"prop-types@npm:^15.6.2": - version: 15.7.2 - resolution: "prop-types@npm:15.7.2" - dependencies: - loose-envify: ^1.4.0 - object-assign: ^4.1.1 - react-is: ^16.8.1 - checksum: 4eb527daec962acd789c621ce3234a6f077ce202049291642d8efd13b19805adf07227672c570531cdb56a357640ea27e336527682b7ed4be0c5b392a01662ab - languageName: node - linkType: hard - -"psl@npm:^1.1.33": - version: 1.8.0 - resolution: "psl@npm:1.8.0" - checksum: b5f1956f7530860e1918e7238291689fdc3cab9c2c0cdbc47cde21addcc7f62495d794692cc1e43e54728d273f78037e8e73ac43009509a1a7f823341f4039c8 - languageName: node - linkType: hard - -"pump@npm:^3.0.0": - version: 3.0.0 - resolution: "pump@npm:3.0.0" - dependencies: - end-of-stream: ^1.1.0 - once: ^1.3.1 - checksum: bbdeda4f747cdf47db97428f3a135728669e56a0ae5f354a9ac5b74556556f5446a46f720a8f14ca2ece5be9b4d5d23c346db02b555f46739934cc6c093a5478 - languageName: node - linkType: hard - -"punycode@npm:^2.1.1": - version: 2.1.1 - resolution: "punycode@npm:2.1.1" - checksum: 83815ca9b9177f055771f31980cbec7ffaef10257d50a95ab99b4a30f0404846e85fa6887ee1bbc0aaddb7bad6d96e2fa150a016051ff0f6b92be4ad613ddca8 - languageName: node - linkType: hard - -"queue-microtask@npm:^1.2.2": - version: 1.2.3 - resolution: "queue-microtask@npm:1.2.3" - checksum: 900a93d3cdae3acd7d16f642c29a642aea32c2026446151f0778c62ac089d4b8e6c986811076e1ae180a694cedf077d453a11b58ff0a865629a4f82ab558e102 - languageName: node - linkType: hard - -"react-is@npm:^16.8.1": - version: 16.13.1 - resolution: "react-is@npm:16.13.1" - checksum: 33977da7a5f1a287936a0c85639fec6ca74f4f15ef1e59a6bc20338fc73dc69555381e211f7a3529b8150a1f71e4225525b41b60b52965bda53ce7d47377ada1 - languageName: node - linkType: hard - -"react-is@npm:^17.0.1": - version: 17.0.2 - resolution: "react-is@npm:17.0.2" - checksum: 2bdb6b93fbb1820b024b496042cce405c57e2f85e777c9aabd55f9b26d145408f9f74f5934676ffdc46f3dcff656d78413a6e43968e7b3f92eea35b3052e9053 - languageName: node - linkType: hard - -"react-sizeme@npm:^3.0.1": - version: 3.0.1 - resolution: "react-sizeme@npm:3.0.1" - dependencies: - element-resize-detector: ^1.2.2 - invariant: ^2.2.4 - shallowequal: ^1.1.0 - throttle-debounce: ^3.0.1 - peerDependencies: - react: ^0.14.0 || ^15.0.0-0 || ^16.0.0 || ^17.0.0 - react-dom: ^0.14.0 || ^15.0.0-0 || ^16.0.0 || ^17.0.0 - checksum: 80ba5b25dd26ce72e3597ad5ff05718ac90e5778ae270f0c6a196a643773d6b0ac9fbcef3ba3785b29505594c7323f3df28fb29aa18030ddb72f04ee9ac0465b - languageName: node - linkType: hard - -"react@npm:^16.8.0": - version: 16.14.0 - resolution: "react@npm:16.14.0" - dependencies: - loose-envify: ^1.1.0 - object-assign: ^4.1.1 - prop-types: ^15.6.2 - checksum: df8faae43e01387013900e8f8fb3c4ce9935b7edbcbaa77e12999c913eb958000a0a8750bf9a0886dae0ad768dd4a4ee983752d5bade8d840adbe0ce890a2438 - languageName: node - linkType: hard - -"read-pkg-up@npm:^7.0.1": - version: 7.0.1 - resolution: "read-pkg-up@npm:7.0.1" - dependencies: - find-up: ^4.1.0 - read-pkg: ^5.2.0 - type-fest: ^0.8.1 - checksum: 82b3ac9fd7c6ca1bdc1d7253eb1091a98ff3d195ee0a45386582ce3e69f90266163c34121e6a0a02f1630073a6c0585f7880b3865efcae9c452fa667f02ca385 - languageName: node - linkType: hard - -"read-pkg@npm:^5.2.0": - version: 5.2.0 - resolution: "read-pkg@npm:5.2.0" - dependencies: - "@types/normalize-package-data": ^2.4.0 - normalize-package-data: ^2.5.0 - parse-json: ^5.0.0 - type-fest: ^0.6.0 - checksum: b51a17d4b51418e777029e3a7694c9bd6c578a5ab99db544764a0b0f2c7c0f58f8a6bc101f86a6fceb8ba6d237d67c89acf6170f6b98695d0420ddc86cf109fb - languageName: node - linkType: hard - -"readable-stream@npm:^2.0.6": - version: 2.3.7 - resolution: "readable-stream@npm:2.3.7" - dependencies: - core-util-is: ~1.0.0 - inherits: ~2.0.3 - isarray: ~1.0.0 - process-nextick-args: ~2.0.0 - safe-buffer: ~5.1.1 - string_decoder: ~1.1.1 - util-deprecate: ~1.0.1 - checksum: 1708755e6cf9daff6ff60fa5b4575636472289c5b95d38058a91f94732b8d024a940a0d4d955639195ce42c22cab16973ee8fea8deedd24b5fec3dd596465f86 - languageName: node - linkType: hard - -"readdirp@npm:~3.6.0": - version: 3.6.0 - resolution: "readdirp@npm:3.6.0" - dependencies: - picomatch: ^2.2.1 - checksum: 6fa848cf63d1b82ab4e985f4cf72bd55b7dcfd8e0a376905804e48c3634b7e749170940ba77b32804d5fe93b3cc521aa95a8d7e7d725f830da6d93f3669ce66b - languageName: node - linkType: hard - -"regenerator-runtime@npm:^0.13.7": - version: 0.13.9 - resolution: "regenerator-runtime@npm:0.13.9" - checksum: b0f26612204f061a84064d2f3361629eae09993939112b9ffc3680bb369ecd125764d6654eace9ef11b36b44282ee52b988dda946ea52d372e7599a30eea73ee - languageName: node - linkType: hard - -"regex-not@npm:^1.0.0, regex-not@npm:^1.0.2": - version: 1.0.2 - resolution: "regex-not@npm:1.0.2" - dependencies: - extend-shallow: ^3.0.2 - safe-regex: ^1.1.0 - checksum: a0f8d6045f63b22e9759db10e248369c443b41cedd7dba0922d002b66c2734bc2aef0d98c4d45772d1f756245f4c5203856b88b9624bba2a58708858a8d485d6 - languageName: node - linkType: hard - -"remove-trailing-separator@npm:^1.0.1": - version: 1.1.0 - resolution: "remove-trailing-separator@npm:1.1.0" - checksum: 3568f9f8f5af3737b4aee9e6e1e8ec4be65a92da9cb27f989e0893714d50aa95ed2ff02d40d1fa35e1b1a234dc9c2437050ef356704a3999feaca6667d9e9bfc - languageName: node - linkType: hard - -"repeat-element@npm:^1.1.2": - version: 1.1.4 - resolution: "repeat-element@npm:1.1.4" - checksum: 81aa8d82bc845780803ef52df3533fa399974b99df571d0bb86e91f0ffca9ee4b9c4e8e5e72af087938cc28d2aef93d106a6d01da685d72ce96455b90a9f9f69 - languageName: node - linkType: hard - -"repeat-string@npm:^1.6.1": - version: 1.6.1 - resolution: "repeat-string@npm:1.6.1" - checksum: 87fa21bfdb2fbdedc44b9a5b118b7c1239bdd2c2c1e42742ef9119b7d412a5137a1d23f1a83dc6bb686f4f27429ac6f542e3d923090b44181bafa41e8ac0174d - languageName: node - linkType: hard - -"require-directory@npm:^2.1.1": - version: 2.1.1 - resolution: "require-directory@npm:2.1.1" - checksum: 83aa76a7bc1531f68d92c75a2ca2f54f1b01463cb566cf3fbc787d0de8be30c9dbc211d1d46be3497dac5785fe296f2dd11d531945ac29730643357978966e99 - languageName: node - linkType: hard - -"require-main-filename@npm:^2.0.0": - version: 2.0.0 - resolution: "require-main-filename@npm:2.0.0" - checksum: db91467d9ead311b4111cbd73a4e67fa7820daed2989a32f7023785a2659008c6d119752d9c4ac011ae07e537eb86523adff99804c5fdb39cd3a017f9b401bb6 - languageName: node - linkType: hard - -"resolve-cwd@npm:^3.0.0": - version: 3.0.0 - resolution: "resolve-cwd@npm:3.0.0" - dependencies: - resolve-from: ^5.0.0 - checksum: e608a3ebd15356264653c32d7ecbc8fd702f94c6703ea4ac2fb81d9c359180cba0ae2e6b71faa446631ed6145454d5a56b227efc33a2d40638ac13f8beb20ee4 - languageName: node - linkType: hard - -"resolve-from@npm:^5.0.0": - version: 5.0.0 - resolution: "resolve-from@npm:5.0.0" - checksum: b21cb7f1fb746de8107b9febab60095187781137fd803e6a59a76d421444b1531b641bba5857f5dc011974d8a5c635d61cec49e6bd3b7fc20e01f0fafc4efbf2 - languageName: node - linkType: hard - -"resolve-url@npm:^0.2.1": - version: 0.2.1 - resolution: "resolve-url@npm:0.2.1" - checksum: c285182cfcddea13a12af92129ce0569be27fb0074ffaefbd3ba3da2eac2acecdfc996d435c4982a9fa2b4708640e52837c9153a5ab9255886a00b0b9e8d2a54 - languageName: node - linkType: hard - -"resolve@^1.10.0, resolve@^1.18.1": - version: 1.20.0 - resolution: "resolve@npm:1.20.0" - dependencies: - is-core-module: ^2.2.0 - path-parse: ^1.0.6 - checksum: d2c99e3bfbfd1f5aa4d134fa893b0157b923d6bfdc36563cb126995982ebfd0d93d901f851e4577897580f7c87d9a62d307b811422009fd3d2a8ed0571c2eabb - languageName: node - linkType: hard - -"resolve@patch:resolve@^1.10.0#~builtin, resolve@patch:resolve@^1.18.1#~builtin": - version: 1.20.0 - resolution: "resolve@patch:resolve@npm%3A1.20.0#~builtin::version=1.20.0&hash=07638b" - dependencies: - is-core-module: ^2.2.0 - path-parse: ^1.0.6 - checksum: b6a5345d1f015cebba11dffa6a1982b39fe9ef42ed86ed832e51bd01c10817666df6d7b11579bc88664f5d57f2a5fe073a7f46b4e72a3efe7ed0cb450ee786da - languageName: node - linkType: hard - -"ret@npm:~0.1.10": - version: 0.1.15 - resolution: "ret@npm:0.1.15" - checksum: 01f77cad0f7ea4f955852c03d66982609893edc1240c0c964b4c9251d0f9fb6705150634060d169939b096d3b77f4c84d6b6098a5b5d340160898c8581f1f63f - languageName: node - linkType: hard - -"retry@npm:^0.12.0": - version: 0.12.0 - resolution: "retry@npm:0.12.0" - checksum: 59933e8501727ba13ad73ef4a04d5280b3717fd650408460c987392efe9d7be2040778ed8ebe933c5cbd63da3dcc37919c141ef8af0a54a6e4fca5a2af177bfe - languageName: node - linkType: hard - -"reusify@npm:^1.0.4": - version: 1.0.4 - resolution: "reusify@npm:1.0.4" - checksum: c19ef26e4e188f408922c46f7ff480d38e8dfc55d448310dfb518736b23ed2c4f547fb64a6ed5bdba92cd7e7ddc889d36ff78f794816d5e71498d645ef476107 - languageName: node - linkType: hard - -"rimraf@npm:^3.0.0, rimraf@npm:^3.0.2": - version: 3.0.2 - resolution: "rimraf@npm:3.0.2" - dependencies: - glob: ^7.1.3 - bin: - rimraf: bin.js - checksum: 9cb7757acb489bd83757ba1a274ab545eafd75598a9d817e0c3f8b164238dd90eba50d6b848bd4dcc5f3040912e882dc7ba71653e35af660d77b25c381d402e8 - languageName: node - linkType: hard - -"rsvp@npm:^4.8.4": - version: 4.8.5 - resolution: "rsvp@npm:4.8.5" - checksum: 7978f01060a48204506a8ebe15cdbd468498f5ae538b1d7ee3e7630375ba7cb2f98df2f596c12d3f4d5d5c21badc1c6ca8009f5142baded8511609a28eabd19a - languageName: node - linkType: hard - -"run-parallel@npm:^1.1.9": - version: 1.2.0 - resolution: "run-parallel@npm:1.2.0" - dependencies: - queue-microtask: ^1.2.2 - checksum: 200b5ab25b5b8b7113f9901bfe3afc347e19bb7475b267d55ad0eb86a62a46d77510cb0f232507c9e5d497ebda569a08a9867d0d14f57a82ad5564d991588b39 - languageName: node - linkType: hard - -"safe-buffer@npm:~5.1.0, safe-buffer@npm:~5.1.1": - version: 5.1.2 - resolution: "safe-buffer@npm:5.1.2" - checksum: 780ba6b5d99cc9a40f7b951d47152297d0e260f0df01472a1b99d4889679a4b94a13d644f7dbc4f022572f09ae9005fa2fbb93bbbd83643316f365a3e9a45b21 - languageName: node - linkType: hard - -"safe-regex@npm:^1.1.0": - version: 1.1.0 - resolution: "safe-regex@npm:1.1.0" - dependencies: - ret: ~0.1.10 - checksum: 547d58aa5184cbef368fd5ed5f28d20f911614748c5da6b35f53fd6626396707587251e6e3d1e3010fd3ff1212e413841b8825eaa5f317017ca62a30899af31a - languageName: node - linkType: hard - -"safer-buffer@npm:>= 2.1.2 < 3, safer-buffer@npm:>= 2.1.2 < 3.0.0": - version: 2.1.2 - resolution: "safer-buffer@npm:2.1.2" - checksum: 7e3c8b2e88a1841c9671094bbaeebd94448111dd90a81a1f606f3f67708a6ec57763b3b47f06da09fc6054193e0e6709e77325415dc8422b04497a8070fa02d4 - languageName: node - linkType: hard - -"sane@npm:^4.0.3": - version: 4.1.0 - resolution: "sane@npm:4.1.0" - dependencies: - "@cnakazawa/watch": ^1.0.3 - anymatch: ^2.0.0 - capture-exit: ^2.0.0 - exec-sh: ^0.3.2 - execa: ^1.0.0 - fb-watchman: ^2.0.0 - micromatch: ^3.1.4 - minimist: ^1.1.1 - walker: ~1.0.5 - bin: - sane: ./src/cli.js - checksum: 7d0991ecaa10b02c6d0339a6f7e31db776971f3b659a351916dcc7ce3464671e72b54d80bcce118e39d4343e1e56c699fe35f6cb89fbd88b07095b72841cbfb0 - languageName: node - linkType: hard - -"saxes@npm:^5.0.1": - version: 5.0.1 - resolution: "saxes@npm:5.0.1" - dependencies: - xmlchars: ^2.2.0 - checksum: b7476c41dbe1c3a89907d2546fecfba234de5e66743ef914cde2603f47b19bed09732ab51b528ad0f98b958369d8be72b6f5af5c9cfad69972a73d061f0b3952 - languageName: node - linkType: hard - -"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.5.0": - version: 5.7.1 - resolution: "semver@npm:5.7.1" - bin: - semver: ./bin/semver - checksum: d4884f2aeca28bff35d0bd40ff0a9b2dfc4b36a883bf0ea5dc15d10d9a01bdc9041035b05f825d4b5ac8a56e490703dbf0d986d054de82cc5e9bad3f02ca6e00 - languageName: node - linkType: hard - -"semver@npm:^6.0.0, semver@npm:^6.3.0": - version: 6.3.0 - resolution: "semver@npm:6.3.0" - bin: - semver: ./bin/semver.js - checksum: 1f4959e15bcfbaf727e964a4920f9260141bb8805b399793160da4e7de128e42a7d1f79c1b7d5cd21a6073fba0d55feb9966f5fef3e5ccb8e1d7ead3d7527458 - languageName: node - linkType: hard - -"semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5": - version: 7.3.5 - resolution: "semver@npm:7.3.5" - dependencies: - lru-cache: ^6.0.0 - bin: - semver: bin/semver.js - checksum: d450455b2601396dbc7d9f058a6709b1c0b99d74a911f9436c77887600ffcdb5f63d5adffa0c3b8f0092937d8a41cc61c6437bcba375ef4151cb1335ebe4f1f9 - languageName: node - linkType: hard - -"set-blocking@npm:^2.0.0, set-blocking@npm:~2.0.0": - version: 2.0.0 - resolution: "set-blocking@npm:2.0.0" - checksum: 9f8c1b2d800800d0b589de1477c753492de5c1548d4ade52f57f1d1f5e04af5481554d75ce5e5c43d4004b80a3eb714398d6907027dc0534177b7539119f4454 - languageName: node - linkType: hard - -"set-value@npm:^2.0.0, set-value@npm:^2.0.1": - version: 2.0.1 - resolution: "set-value@npm:2.0.1" - dependencies: - extend-shallow: ^2.0.1 - is-extendable: ^0.1.1 - is-plain-object: ^2.0.3 - split-string: ^3.0.1 - checksum: 4c40573c4f6540456e4b38b95f570272c4cfbe1d12890ad4057886da8535047cd772dfadf5b58e2e87aa244dfb4c57e3586f6716b976fc47c5144b6b09e1811b - languageName: node - linkType: hard - -"shallowequal@npm:^1.1.0": - version: 1.1.0 - resolution: "shallowequal@npm:1.1.0" - checksum: b926efb51cd0f47aa9bc061add788a4a650550bbe50647962113a4579b60af2abe7b62f9b02314acc6f97151d4cf87033a2b15fc20852fae306d1a095215396c - languageName: node - linkType: hard - -"shebang-command@npm:^1.2.0": - version: 1.2.0 - resolution: "shebang-command@npm:1.2.0" - dependencies: - shebang-regex: ^1.0.0 - checksum: 7b20dbf04112c456b7fc258622dafd566553184ac9b6938dd30b943b065b21dabd3776460df534cc02480db5e1b6aec44700d985153a3da46e7db7f9bd21326d - languageName: node - linkType: hard - -"shebang-command@npm:^2.0.0": - version: 2.0.0 - resolution: "shebang-command@npm:2.0.0" - dependencies: - shebang-regex: ^3.0.0 - checksum: a41692e7d89a553ef21d324a5cceb5f686d1f3c040759c50aab69688634688c5c327f26f3ecf7001ebfd78c01f3c7c0a11a7c8bfd0a8bc9f6240d4f40b224e4e - languageName: node - linkType: hard - -"shebang-regex@npm:^1.0.0": - version: 1.0.0 - resolution: "shebang-regex@npm:1.0.0" - checksum: 9abc45dee35f554ae9453098a13fdc2f1730e525a5eb33c51f096cc31f6f10a4b38074c1ebf354ae7bffa7229506083844008dfc3bb7818228568c0b2dc1fff2 - languageName: node - linkType: hard - -"shebang-regex@npm:^3.0.0": - version: 3.0.0 - resolution: "shebang-regex@npm:3.0.0" - checksum: 1dbed0726dd0e1152a92696c76c7f06084eb32a90f0528d11acd764043aacf76994b2fb30aa1291a21bd019d6699164d048286309a278855ee7bec06cf6fb690 - languageName: node - linkType: hard - -"shellwords@npm:^0.1.1": - version: 0.1.1 - resolution: "shellwords@npm:0.1.1" - checksum: 7d66b28927e0b524b71b2e185651fcd88a70473a077dd230fbf86188380e948ffb36cea00832d78fc13c93cd15f6f52286fb05f2746b7580623ca1ec619eb004 - languageName: node - linkType: hard - -"signal-exit@npm:^3.0.0, signal-exit@npm:^3.0.2": - version: 3.0.3 - resolution: "signal-exit@npm:3.0.3" - checksum: 645cf460a417158e7d7fd03fb276aa12aecc49ab61a2ea36dac1987870a454e8af476ed926c8a8713a1adfde69c5964a4ca322c87fcca2367b36e1681207cf5f - languageName: node - linkType: hard - -"sisteransi@npm:^1.0.5": - version: 1.0.5 - resolution: "sisteransi@npm:1.0.5" - checksum: 230ac975cca485b7f6fe2b96a711aa62a6a26ead3e6fb8ba17c5a00d61b8bed0d7adc21f5626b70d7c33c62ff4e63933017a6462942c719d1980bb0b1207ad46 - languageName: node - linkType: hard - -"slash@npm:^3.0.0": - version: 3.0.0 - resolution: "slash@npm:3.0.0" - checksum: e18488c6a42bdfd4ac5be85b2ced3ccd0224773baae6ad42cfbb9ec74fc07f9fa8396bd35ee638084ead7a2a0818eb5e7151111544d4731ce843019dab4be47b - languageName: node - linkType: hard - -"smart-buffer@npm:^4.1.0": - version: 4.1.0 - resolution: "smart-buffer@npm:4.1.0" - checksum: bd2f137a4c46ae4027292b6e7ae77ff2787cc3d03bef30b7f503247791f326a91865b75546246d313e5e1e2f0105dc405f6a4aaf7c8b69579c8d016b860ffd50 - languageName: node - linkType: hard - -"snapdragon-node@npm:^2.0.1": - version: 2.1.1 - resolution: "snapdragon-node@npm:2.1.1" - dependencies: - define-property: ^1.0.0 - isobject: ^3.0.0 - snapdragon-util: ^3.0.1 - checksum: 7616e6a1ca054afe3ad8defda17ebe4c73b0800d2e0efd635c44ee1b286f8ac7900517314b5330862ce99b28cd2782348ee78bae573ff0f55832ad81d9657f3f - languageName: node - linkType: hard - -"snapdragon-util@npm:^3.0.1": - version: 3.0.1 - resolution: "snapdragon-util@npm:3.0.1" - dependencies: - kind-of: ^3.2.0 - checksum: 4441856d343399ba7f37f79681949d51b922e290fcc07e7bc94655a50f584befa4fb08f40c3471cd160e004660161964d8ff140cba49baa59aa6caba774240e3 - languageName: node - linkType: hard - -"snapdragon@npm:^0.8.1": - version: 0.8.2 - resolution: "snapdragon@npm:0.8.2" - dependencies: - base: ^0.11.1 - debug: ^2.2.0 - define-property: ^0.2.5 - extend-shallow: ^2.0.1 - map-cache: ^0.2.2 - source-map: ^0.5.6 - source-map-resolve: ^0.5.0 - use: ^3.1.0 - checksum: dfdac1f73d47152d72fc07f4322da09bbddfa31c1c9c3ae7346f252f778c45afa5b03e90813332f02f04f6de8003b34a168c456f8bb719024d092f932520ffca - languageName: node - linkType: hard - -"socks-proxy-agent@npm:^5.0.0": - version: 5.0.1 - resolution: "socks-proxy-agent@npm:5.0.1" - dependencies: - agent-base: ^6.0.2 - debug: 4 - socks: ^2.3.3 - checksum: 2bc4d996d3e6cb65f69d84aa94d5dcfabac5c264e777ecdb24511703a614d0a426b40adc2c6b456a9c590e6d4c0a67da70e2d59742ac0411dd7f46a49ce07c73 - languageName: node - linkType: hard - -"socks@npm:^2.3.3": - version: 2.6.1 - resolution: "socks@npm:2.6.1" - dependencies: - ip: ^1.1.5 - smart-buffer: ^4.1.0 - checksum: e992192c7837bfa9093251abf3e78849741f332881900f481dcb3267d18b16595e93519f63dce29f39e4135789a7ed379d210dd68e98465564a40e81ccf9082a - languageName: node - linkType: hard - -"source-map-resolve@npm:^0.5.0": - version: 0.5.3 - resolution: "source-map-resolve@npm:0.5.3" - dependencies: - atob: ^2.1.2 - decode-uri-component: ^0.2.0 - resolve-url: ^0.2.1 - source-map-url: ^0.4.0 - urix: ^0.1.0 - checksum: 410acbe93882e058858d4c1297be61da3e1533f95f25b95903edddc1fb719654e705663644677542d1fb78a66390238fad1a57115fc958a0724cf9bb509caf57 - languageName: node - linkType: hard - -"source-map-support@npm:^0.5.6": - version: 0.5.19 - resolution: "source-map-support@npm:0.5.19" - dependencies: - buffer-from: ^1.0.0 - source-map: ^0.6.0 - checksum: a232cb02dc5c2c048460dff3ca1a4c2aa44488822028932daff99b8707c8e4f87d2535dae319d65691c905096f2c06a2517793472634efb01f8a095661b9aa93 - languageName: node - linkType: hard - -"source-map-url@npm:^0.4.0": - version: 0.4.1 - resolution: "source-map-url@npm:0.4.1" - checksum: f8af0678500d536c7f643e32094d6718a4070ab4ca2d2326532512cfbe2d5d25a45849b4b385879326f2d7523bb3b686d0360dd347a3cda09fd89a5c28d4bc58 - languageName: node - linkType: hard - -"source-map@npm:^0.5.0, source-map@npm:^0.5.6": - version: 0.5.7 - resolution: "source-map@npm:0.5.7" - checksum: 904e767bb9c494929be013017380cbba013637da1b28e5943b566031e29df04fba57edf3f093e0914be094648b577372bd8ad247fa98cfba9c600794cd16b599 - languageName: node - linkType: hard - -"source-map@npm:^0.6.0, source-map@npm:^0.6.1, source-map@npm:~0.6.1": - version: 0.6.1 - resolution: "source-map@npm:0.6.1" - checksum: ab55398007c5e5532957cb0beee2368529618ac0ab372d789806f5718123cc4367d57de3904b4e6a4170eb5a0b0f41373066d02ca0735a0c4d75c7d328d3e011 - languageName: node - linkType: hard - -"source-map@npm:^0.7.3": - version: 0.7.3 - resolution: "source-map@npm:0.7.3" - checksum: 7d2ddb51f3d2451847692a9ac7808da2b2b3bf7aef92ece33128919040a7e74d9a5edfde7a781f035c974deff876afaf83f2e30484faffffb86484e7408f5d7c - languageName: node - linkType: hard - -"spdx-correct@npm:^3.0.0": - version: 3.1.1 - resolution: "spdx-correct@npm:3.1.1" - dependencies: - spdx-expression-parse: ^3.0.0 - spdx-license-ids: ^3.0.0 - checksum: 25909eecc4024963a8e398399dbdd59ddb925bd7dbecd9c9cf6df0d75c29b68cd30b82123564acc51810eb02cfc4b634a2e16e88aa982433306012e318849249 - languageName: node - linkType: hard - -"spdx-exceptions@npm:^2.1.0": - version: 2.3.0 - resolution: "spdx-exceptions@npm:2.3.0" - checksum: 83089e77d2a91cb6805a5c910a2bedb9e50799da091f532c2ba4150efdef6e53f121523d3e2dc2573a340dc0189e648b03157097f65465b3a0c06da1f18d7e8a - languageName: node - linkType: hard - -"spdx-expression-parse@npm:^3.0.0": - version: 3.0.1 - resolution: "spdx-expression-parse@npm:3.0.1" - dependencies: - spdx-exceptions: ^2.1.0 - spdx-license-ids: ^3.0.0 - checksum: 6f8a41c87759fa184a58713b86c6a8b028250f158159f1d03ed9d1b6ee4d9eefdc74181c8ddc581a341aa971c3e7b79e30b59c23b05d2436d5de1c30bdef7171 - languageName: node - linkType: hard - -"spdx-license-ids@npm:^3.0.0": - version: 3.0.9 - resolution: "spdx-license-ids@npm:3.0.9" - checksum: 44914745592a2afcbe776c2291324e3dee129b47217454da5f8f71b023345a42684f45b11d06a55d8ec900ce05ad95b8a26f9ef13eb1bb644013700bd98093ca - languageName: node - linkType: hard - -"split-string@npm:^3.0.1, split-string@npm:^3.0.2": - version: 3.1.0 - resolution: "split-string@npm:3.1.0" - dependencies: - extend-shallow: ^3.0.0 - checksum: 72d7cd625445c7af215130e1e2bc183013bb9dd48a074eda1d35741e2b0dcb355e6df5b5558a62543a24dcec37dd1d6eb7a6228ff510d3c9de0f3dc1d1da8a70 - languageName: node - linkType: hard - -"sprintf-js@npm:~1.0.2": - version: 1.0.3 - resolution: "sprintf-js@npm:1.0.3" - checksum: ecadcfe4c771890140da5023d43e190b7566d9cf8b2d238600f31bec0fc653f328da4450eb04bd59a431771a8e9cc0e118f0aa3974b683a4981b4e07abc2a5bb - languageName: node - linkType: hard - -"ssri@npm:^8.0.0, ssri@npm:^8.0.1": - version: 8.0.1 - resolution: "ssri@npm:8.0.1" - dependencies: - minipass: ^3.1.1 - checksum: 5cfae216ae02dcd154d1bbed2d0a60038a4b3a2fcaac3c7e47401ff4e058e551ee74cfdba618871bf168cd583db7b8324f94af6747d4303b73cd4c3f6dc5c9c2 - languageName: node - linkType: hard - -"stack-utils@npm:^2.0.2": - version: 2.0.3 - resolution: "stack-utils@npm:2.0.3" - dependencies: - escape-string-regexp: ^2.0.0 - checksum: b5391171b11024c7a092bbdb818b1784cd77ec9b91ed17fa2cc5f2391457db4aa2186567df097ae1579f75abcdd929bc6f72df57a20d19db4d20f07d9d98bb46 - languageName: node - linkType: hard - -"static-extend@npm:^0.1.1": - version: 0.1.2 - resolution: "static-extend@npm:0.1.2" - dependencies: - define-property: ^0.2.5 - object-copy: ^0.1.0 - checksum: 284f5865a9e19d079f1badbcd70d5f9f82e7a08393f818a220839cd5f71729e89105e1c95322bd28e833161d484cee671380ca443869ae89578eef2bf55c0653 - languageName: node - linkType: hard - -"storybook@portal:../../lib/cli-storybook::locator=web-components-kitchen-sink%40workspace%3A.": - version: 0.0.0-use.local - resolution: "storybook@portal:../../lib/cli-storybook::locator=web-components-kitchen-sink%40workspace%3A." - dependencies: - "@storybook/cli": 7.0.0-alpha.11 - bin: - sb: ./index.js - storybook: ./index.js - languageName: node - linkType: soft - -"string-length@npm:^4.0.1": - version: 4.0.2 - resolution: "string-length@npm:4.0.2" - dependencies: - char-regex: ^1.0.2 - strip-ansi: ^6.0.0 - checksum: 1cd77409c3d7db7bc59406f6bcc9ef0783671dcbabb23597a1177c166906ef2ee7c8290f78cae73a8aec858768f189d2cb417797df5e15ec4eb5e16b3346340c - languageName: node - linkType: hard - -"string-width@npm:^1.0.1": - version: 1.0.2 - resolution: "string-width@npm:1.0.2" - dependencies: - code-point-at: ^1.0.0 - is-fullwidth-code-point: ^1.0.0 - strip-ansi: ^3.0.0 - checksum: c558438baed23a9ab9370bb6a939acbdb2b2ffc517838d651aad0f5b2b674fb85d460d9b1d0b6a4c210dffd09e3235222d89a5bd4c0c1587f78b2bb7bc00c65e - languageName: node - linkType: hard - -"string-width@npm:^1.0.2 || 2": - version: 2.1.1 - resolution: "string-width@npm:2.1.1" - dependencies: - is-fullwidth-code-point: ^2.0.0 - strip-ansi: ^4.0.0 - checksum: e5f2b169fcf8a4257a399f95d069522f056e92ec97dbdcb9b0cdf14d688b7ca0b1b1439a1c7b9773cd79446cbafd582727279d6bfdd9f8edd306ea5e90e5b610 - languageName: node - linkType: hard - -"string-width@npm:^4.1.0, string-width@npm:^4.2.0": - version: 4.2.2 - resolution: "string-width@npm:4.2.2" - dependencies: - emoji-regex: ^8.0.0 - is-fullwidth-code-point: ^3.0.0 - strip-ansi: ^6.0.0 - checksum: 3874075d5b9c29f4260a338bf3d8152f266a8e6cf27538fd5c89f9dee0a5148d602df5c07c1308707b8a20029aac7842aebb6f861a84e24e79b3d97531894c23 - languageName: node - linkType: hard - -"string_decoder@npm:~1.1.1": - version: 1.1.1 - resolution: "string_decoder@npm:1.1.1" - dependencies: - safe-buffer: ~5.1.0 - checksum: b4f89f3a92fd101b5653ca3c99550e07bdf9e13b35037e9e2a1c7b47cec4e55e06ff3fc468e314a0b5e80bfbaf65c1ca5a84978764884ae9413bec1fc6ca924e - languageName: node - linkType: hard - -"strip-ansi@npm:^3.0.0, strip-ansi@npm:^3.0.1": - version: 3.0.1 - resolution: "strip-ansi@npm:3.0.1" - dependencies: - ansi-regex: ^2.0.0 - checksum: f6e7fbe8e700105dccf7102eae20e4f03477537c74b286fd22cfc970f139002ed6f0d9c10d0e21aa9ed9245e0fa3c9275930e8795c5b947da136e4ecb644a70f - languageName: node - linkType: hard - -"strip-ansi@npm:^4.0.0": - version: 4.0.0 - resolution: "strip-ansi@npm:4.0.0" - dependencies: - ansi-regex: ^3.0.0 - checksum: d75d9681e0637ea316ddbd7d4d3be010b1895a17e885155e0ed6a39755ae0fd7ef46e14b22162e66a62db122d3a98ab7917794e255532ab461bb0a04feb03e7d - languageName: node - linkType: hard - -"strip-ansi@npm:^6.0.0": - version: 6.0.0 - resolution: "strip-ansi@npm:6.0.0" - dependencies: - ansi-regex: ^5.0.0 - checksum: 85257c80250541cc0e65088c7dc768563bdbd1bf7120471d6d3a73cdc60e8149a50038c12a6fd4a30b674587f306ae42e2cc73ac3095daf193633daa0bd8f928 - languageName: node - linkType: hard - -"strip-bom@npm:^4.0.0": - version: 4.0.0 - resolution: "strip-bom@npm:4.0.0" - checksum: 26abad1172d6bc48985ab9a5f96c21e440f6e7e476686de49be813b5a59b3566dccb5c525b831ec54fe348283b47f3ffb8e080bc3f965fde12e84df23f6bb7ef - languageName: node - linkType: hard - -"strip-eof@npm:^1.0.0": - version: 1.0.0 - resolution: "strip-eof@npm:1.0.0" - checksum: f336beed8622f7c1dd02f2cbd8422da9208fae81daf184f73656332899978919d5c0ca84dc6cfc49ad1fc4dd7badcde5412a063cf4e0d7f8ed95a13a63f68f45 - languageName: node - linkType: hard - -"strip-final-newline@npm:^2.0.0": - version: 2.0.0 - resolution: "strip-final-newline@npm:2.0.0" - checksum: bddf8ccd47acd85c0e09ad7375409d81653f645fda13227a9d459642277c253d877b68f2e5e4d819fe75733b0e626bac7e954c04f3236f6d196f79c94fa4a96f - languageName: node - linkType: hard - -"supports-color@npm:^5.3.0": - version: 5.5.0 - resolution: "supports-color@npm:5.5.0" - dependencies: - has-flag: ^3.0.0 - checksum: 6ae5ff319bfbb021f8a86da8ea1f8db52fac8bd4d499492e30ec17095b58af11f0c55f8577390a749b1c4dde691b6a0315dab78f5f54c9b3d83f8fb5905c1c05 - languageName: node - linkType: hard - -"supports-color@npm:^7.0.0, supports-color@npm:^7.1.0": - version: 7.2.0 - resolution: "supports-color@npm:7.2.0" - dependencies: - has-flag: ^4.0.0 - checksum: afb4c88521b8b136b5f5f95160c98dee7243dc79d5432db7efc27efb219385bbc7d9427398e43dd6cc730a0f87d5085ce1652af7efbe391327bc0a7d0f7fc124 - languageName: node - linkType: hard - -"supports-hyperlinks@npm:^2.0.0": - version: 2.2.0 - resolution: "supports-hyperlinks@npm:2.2.0" - dependencies: - has-flag: ^4.0.0 - supports-color: ^7.0.0 - checksum: 022677b8891c75bfdab99cf471248ddc823c666c6d5811fbee1257d502cdfb0047c5a3b3fd34854da7b688716af921470abdeabbe80fb035ae1157f457134b48 - languageName: node - linkType: hard - -"symbol-tree@npm:^3.2.4": - version: 3.2.4 - resolution: "symbol-tree@npm:3.2.4" - checksum: dfbe201ae09ac6053d163578778c53aa860a784147ecf95705de0cd23f42c851e1be7889241495e95c37cabb058edb1052f141387bef68f705afc8f9dd358509 - languageName: node - linkType: hard - -"tar@npm:^6.0.2, tar@npm:^6.1.0": - version: 6.1.1 - resolution: "tar@npm:6.1.1" - dependencies: - chownr: ^2.0.0 - fs-minipass: ^2.0.0 - minipass: ^3.0.0 - minizlib: ^2.1.1 - mkdirp: ^1.0.3 - yallist: ^4.0.0 - checksum: f0bcf9a93c41b999144d1f5b2e89dcd246f1667c1f146a9fa9d13e1b6fffe2f0e6008f7ff97840c1d6a36b3cb5980a3c5391d98961decde8e642d9901b28a853 - languageName: node - linkType: hard - -"terminal-link@npm:^2.0.0": - version: 2.1.1 - resolution: "terminal-link@npm:2.1.1" - dependencies: - ansi-escapes: ^4.2.1 - supports-hyperlinks: ^2.0.0 - checksum: 947458a5cd5408d2ffcdb14aee50bec8fb5022ae683b896b2f08ed6db7b2e7d42780d5c8b51e930e9c322bd7c7a517f4fa7c76983d0873c83245885ac5ee13e3 - languageName: node - linkType: hard - -"test-exclude@npm:^6.0.0": - version: 6.0.0 - resolution: "test-exclude@npm:6.0.0" - dependencies: - "@istanbuljs/schema": ^0.1.2 - glob: ^7.1.4 - minimatch: ^3.0.4 - checksum: 019d33d81adff3f9f1bfcff18125fb2d3c65564f437d9be539270ee74b994986abb8260c7c2ce90e8f30162178b09dbbce33c6389273afac4f36069c48521f57 - languageName: node - linkType: hard - -"throat@npm:^5.0.0": - version: 5.0.0 - resolution: "throat@npm:5.0.0" - checksum: 1b9c661dabf93ff9026fecd781ccfd9b507c41b9d5e581614884fffd09f3f9ebfe26d3be668ccf904fd324dd3f6efe1a3ec7f83e91b1dff9fdcc6b7d39b8bfe3 - languageName: node - linkType: hard - -"throttle-debounce@npm:^3.0.1": - version: 3.0.1 - resolution: "throttle-debounce@npm:3.0.1" - checksum: c8e558479463b7ed8bac30d6b10cc87abd1c9fc64edfce2db4109be1a04acaef5d2d0557f49c1a3845ea07d9f79e6e0389b1b60db0a77c44e5b7a1216596f285 - languageName: node - linkType: hard - -"tmpl@npm:1.0.x": - version: 1.0.4 - resolution: "tmpl@npm:1.0.4" - checksum: 1eba5c6cefdc432ba393255d8fa1ada48c7ec3ec0d1c58955bb5293fff4f8a1cc4b305bea7940aba9301006009ea7a38a2f9333db0f332d72a732e9e4ae7ac9c - languageName: node - linkType: hard - -"to-fast-properties@npm:^2.0.0": - version: 2.0.0 - resolution: "to-fast-properties@npm:2.0.0" - checksum: b214d21dbfb4bce3452b6244b336806ffea9c05297148d32ebb428d5c43ce7545bdfc65a1ceb58c9ef4376a65c0cb2854d645f33961658b3e3b4f84910ddcdd7 - languageName: node - linkType: hard - -"to-object-path@npm:^0.3.0": - version: 0.3.0 - resolution: "to-object-path@npm:0.3.0" - dependencies: - kind-of: ^3.0.2 - checksum: 731832a977614c03a770363ad2bd9e9c82f233261861724a8e612bb90c705b94b1a290a19f52958e8e179180bb9b71121ed65e245691a421467726f06d1d7fc3 - languageName: node - linkType: hard - -"to-regex-range@npm:^2.1.0": - version: 2.1.1 - resolution: "to-regex-range@npm:2.1.1" - dependencies: - is-number: ^3.0.0 - repeat-string: ^1.6.1 - checksum: 440d82dbfe0b2e24f36dd8a9467240406ad1499fc8b2b0f547372c22ed1d092ace2a3eb522bb09bfd9c2f39bf1ca42eb78035cf6d2b8c9f5c78da3abc96cd949 - languageName: node - linkType: hard - -"to-regex-range@npm:^5.0.1": - version: 5.0.1 - resolution: "to-regex-range@npm:5.0.1" - dependencies: - is-number: ^7.0.0 - checksum: 487988b0a19c654ff3e1961b87f471702e708fa8a8dd02a298ef16da7206692e8552a0250e8b3e8759270f62e9d8314616f6da274734d3b558b1fc7b7724e892 - languageName: node - linkType: hard - -"to-regex@npm:^3.0.1, to-regex@npm:^3.0.2": - version: 3.0.2 - resolution: "to-regex@npm:3.0.2" - dependencies: - define-property: ^2.0.2 - extend-shallow: ^3.0.2 - regex-not: ^1.0.2 - safe-regex: ^1.1.0 - checksum: 99d0b8ef397b3f7abed4bac757b0f0bb9f52bfd39167eb7105b144becfaa9a03756892352d01ac6a911f0c1ceef9f81db68c46899521a3eed054082042796120 - languageName: node - linkType: hard - -"tough-cookie@npm:^4.0.0": - version: 4.0.0 - resolution: "tough-cookie@npm:4.0.0" - dependencies: - psl: ^1.1.33 - punycode: ^2.1.1 - universalify: ^0.1.2 - checksum: 8ecd1f1ff1fa1d2c04f5e8533ae61d9b43062279aa62d7daf52a16fd99643fa569ae38464b6ae3f3fe1aa2184cee1539ff2066120eb95b9ac9684e8047b0ea3c - languageName: node - linkType: hard - -"tr46@npm:^2.1.0": - version: 2.1.0 - resolution: "tr46@npm:2.1.0" - dependencies: - punycode: ^2.1.1 - checksum: 397f5c39d97c5fe29fa9bab73b03853be18ad2738b2c66ee5ce84ecb36b091bdaec493f9b3cee711d45f7678f342452600843264cc8242b591c8dc983146a6c4 - languageName: node - linkType: hard - -"type-check@npm:~0.3.2": - version: 0.3.2 - resolution: "type-check@npm:0.3.2" - dependencies: - prelude-ls: ~1.1.2 - checksum: 776217116b2b4e50e368c7ee0c22c0a85e982881c16965b90d52f216bc296d6a52ef74f9202d22158caacc092a7645b0b8d5fe529a96e3fe35d0fb393966c875 - languageName: node - linkType: hard - -"type-detect@npm:4.0.8": - version: 4.0.8 - resolution: "type-detect@npm:4.0.8" - checksum: 8fb9a51d3f365a7de84ab7f73b653534b61b622aa6800aecdb0f1095a4a646d3f5eb295322127b6573db7982afcd40ab492d038cf825a42093a58b1e1353e0bd - languageName: node - linkType: hard - -"type-fest@npm:^0.21.3": - version: 0.21.3 - resolution: "type-fest@npm:0.21.3" - checksum: 902bd57bfa30d51d4779b641c2bc403cdf1371fb9c91d3c058b0133694fcfdb817aef07a47f40faf79039eecbaa39ee9d3c532deff244f3a19ce68cea71a61e8 - languageName: node - linkType: hard - -"type-fest@npm:^0.6.0": - version: 0.6.0 - resolution: "type-fest@npm:0.6.0" - checksum: 0c585c26416fce9ecb5691873a1301b5aff54673c7999b6f925691ed01f5b9232db408cdbb0bd003d19f5ae284322523f44092d1f81ca0a48f11f7cf0be8cd38 - languageName: node - linkType: hard - -"type-fest@npm:^0.8.1": - version: 0.8.1 - resolution: "type-fest@npm:0.8.1" - checksum: dffbb99329da2aa840f506d376c863bd55f5636f4741ad6e65e82f5ce47e6914108f44f340a0b74009b0cb5d09d6752ae83203e53e98b1192cf80ecee5651636 - languageName: node - linkType: hard - -"typedarray-to-buffer@npm:^3.1.5": - version: 3.1.5 - resolution: "typedarray-to-buffer@npm:3.1.5" - dependencies: - is-typedarray: ^1.0.0 - checksum: 4ac5b7a93d604edabf3ac58d3a2f7e07487e9f6e98195a080e81dbffdc4127817f470f219d794a843b87052cedef102b53ac9b539855380b8c2172054b7d5027 - languageName: node - linkType: hard - -"typescript@npm:~4.6.3": - version: 4.6.4 - resolution: "typescript@npm:4.6.4" - bin: - tsc: bin/tsc - tsserver: bin/tsserver - checksum: 92e2c0328485a4f7bd7435f5b105f03addff32f867e241dc3be8c372ed801a138c732d9a55697696d2f82a80dd6ad4bddff1ad6b0d1884bf4a24b92e71094c44 - languageName: node - linkType: hard - -"typescript@patch:typescript@npm%3A~4.6.3#~builtin": - version: 4.6.4 - resolution: "typescript@patch:typescript@npm%3A4.6.4#~builtin::version=4.6.4&hash=7ad353" - bin: - tsc: bin/tsc - tsserver: bin/tsserver - checksum: 0e3fa814d454942a689daf4c00f82328d323e7ecd4077e3265d45375e64642611631f4c882a71be87774468ba03793e9b8ff4bccfac3018194a9e36d8f72c251 - languageName: node - linkType: hard - -"typical@npm:^4.0.0": - version: 4.0.0 - resolution: "typical@npm:4.0.0" - checksum: f300b198fb9fe743859b75ec761d53c382723dc178bbce4957d9cb754f2878a44ce17dc0b6a5156c52be1065449271f63754ba594dac225b80ce3aa39f9241ed - languageName: node - linkType: hard - -"union-value@npm:^1.0.0": - version: 1.0.1 - resolution: "union-value@npm:1.0.1" - dependencies: - arr-union: ^3.1.0 - get-value: ^2.0.6 - is-extendable: ^0.1.1 - set-value: ^2.0.1 - checksum: 8758d880cb9545f62ce9cfb9b791b2b7a206e0ff5cc4b9d7cd6581da2c6839837fbb45e639cf1fd8eef3cae08c0201b614b7c06dd9f5f70d9dbe7c5fe2fbf592 - languageName: node - linkType: hard - -"unique-filename@npm:^1.1.1": - version: 1.1.1 - resolution: "unique-filename@npm:1.1.1" - dependencies: - unique-slug: ^2.0.0 - checksum: d005bdfaae6894da8407c4de2b52f38b3c58ec86e79fc2ee19939da3085374413b073478ec54e721dc8e32b102cf9e50d0481b8331abdc62202e774b789ea874 - languageName: node - linkType: hard - -"unique-slug@npm:^2.0.0": - version: 2.0.2 - resolution: "unique-slug@npm:2.0.2" - dependencies: - imurmurhash: ^0.1.4 - checksum: 9eabc51680cf0b8b197811a48857e41f1364b25362300c1ff636c0eca5ec543a92a38786f59cf0697e62c6f814b11ecbe64e8093db71246468a1f03b80c83970 - languageName: node - linkType: hard - -"universalify@npm:^0.1.2": - version: 0.1.2 - resolution: "universalify@npm:0.1.2" - checksum: e70e0339f6b36f34c9816f6bf9662372bd241714dc77508d231d08386d94f2c4aa1ba1318614f92015f40d45aae1b9075cd30bd490efbe39387b60a76ca3f045 - languageName: node - linkType: hard - -"unset-value@npm:^1.0.0": - version: 1.0.0 - resolution: "unset-value@npm:1.0.0" - dependencies: - has-value: ^0.3.1 - isobject: ^3.0.0 - checksum: 68a796dde4a373afdbf017de64f08490a3573ebee549136da0b3a2245299e7f65f647ef70dc13c4ac7f47b12fba4de1646fa0967a365638578fedce02b9c0b1f - languageName: node - linkType: hard - -"upath@npm:^1.2.0": - version: 1.2.0 - resolution: "upath@npm:1.2.0" - checksum: 3746f24099bf69dbf8234cecb671e1016e1f6b26bd306de4ff8966fb0bc463fa1014ffc48646b375de1ab573660e3a0256f6f2a87218b2dfa1779a84ef6992fa - languageName: node - linkType: hard - -"urix@npm:^0.1.0": - version: 0.1.0 - resolution: "urix@npm:0.1.0" - checksum: 264f1b29360c33c0aec5fb9819d7e28f15d1a3b83175d2bcc9131efe8583f459f07364957ae3527f1478659ec5b2d0f1ad401dfb625f73e4d424b3ae35fc5fc0 - languageName: node - linkType: hard - -"use@npm:^3.1.0": - version: 3.1.1 - resolution: "use@npm:3.1.1" - checksum: 75b48673ab80d5139c76922630d5a8a44e72ed58dbaf54dee1b88352d10e1c1c1fc332066c782d8ae9a56503b85d3dc67ff6d2ffbd9821120466d1280ebb6d6e - languageName: node - linkType: hard - -"util-deprecate@npm:~1.0.1": - version: 1.0.2 - resolution: "util-deprecate@npm:1.0.2" - checksum: 41a5bdd214df2f6c3ecf8622745e4a366c4adced864bc3c833739791aeeeb1838119af7daed4ba36428114b5c67dcda034a79c882e97e43c03e66a4dd7389942 - languageName: node - linkType: hard - -"uuid@npm:^8.3.0": - version: 8.3.2 - resolution: "uuid@npm:8.3.2" - bin: - uuid: dist/bin/uuid - checksum: bcbb807a917d374a49f475fae2e87fdca7da5e5530820ef53f65ba1d12131bd81a92ecf259cc7ce317cbe0f289e7d79fdfebcef9bfa3087c8c8a2fa304c9be54 - languageName: node - linkType: hard - -"v8-to-istanbul@npm:^7.0.0": - version: 7.1.2 - resolution: "v8-to-istanbul@npm:7.1.2" - dependencies: - "@types/istanbul-lib-coverage": ^2.0.1 - convert-source-map: ^1.6.0 - source-map: ^0.7.3 - checksum: a901917e3e321e2c74a9582cbe6652ff2b983040a683c924ce98fbccdfe249cbcb34d7d7913a13a7e4eee9bed3a51c7181b09103f4405d92f4ebac1cc40dc005 - languageName: node - linkType: hard - -"validate-npm-package-license@npm:^3.0.1": - version: 3.0.4 - resolution: "validate-npm-package-license@npm:3.0.4" - dependencies: - spdx-correct: ^3.0.0 - spdx-expression-parse: ^3.0.0 - checksum: 7b91e455a8de9a0beaa9fe961e536b677da7f48c9a493edf4d4d4a87fd80a7a10267d438723364e432c2fcd00b5650b5378275cded362383ef570276e6312f4f - languageName: node - linkType: hard - -"w3c-hr-time@npm:^1.0.2": - version: 1.0.2 - resolution: "w3c-hr-time@npm:1.0.2" - dependencies: - browser-process-hrtime: ^1.0.0 - checksum: 7795b61fb51ce222414891eef8e6cb13240b62f64351b4474f99c84de2bc37d37dd0efa193f37391e9737097b881a111d1e003e3d7a9583693f8d5a858b02627 - languageName: node - linkType: hard - -"w3c-xmlserializer@npm:^2.0.0": - version: 2.0.0 - resolution: "w3c-xmlserializer@npm:2.0.0" - dependencies: - xml-name-validator: ^3.0.0 - checksum: 92b8af34766f5bb8f37c505bc459ee1791b30af778d3a86551f7dd3b1716f79cb98c71d65d03f2bf6eba6b09861868eaf2be7e233b9202b26a9df7595f2bd290 - languageName: node - linkType: hard - -"walker@npm:^1.0.7, walker@npm:~1.0.5": - version: 1.0.7 - resolution: "walker@npm:1.0.7" - dependencies: - makeerror: 1.0.x - checksum: c726d584482985fc5bd96a87fec0c5b804c4badf5e7cafdeb736204390a7ed222bb5cdce9e2dace7655ea23f9c8efa96fdd3217d8f64f86c5d509d5fed865ab4 - languageName: node - linkType: hard - -"web-components-kitchen-sink@workspace:.": - version: 0.0.0-use.local - resolution: "web-components-kitchen-sink@workspace:." - dependencies: - "@babel/plugin-proposal-class-properties": ^7.12.1 - "@custom-elements-manifest/analyzer": ^0.5.7 - "@storybook/addon-a11y": "*" - "@storybook/addon-actions": "*" - "@storybook/addon-backgrounds": "*" - "@storybook/addon-controls": "*" - "@storybook/addon-docs": "*" - "@storybook/addon-jest": "*" - "@storybook/addon-links": "*" - "@storybook/addon-storyshots": "*" - "@storybook/addon-storysource": "*" - "@storybook/addon-viewport": "*" - "@storybook/web-components": "*" - "@storybook/web-components-webpack5": "*" - global: ^4.4.0 - jest: ^26.6.3 - lit: ^2.0.2 - react: ^16.8.0 - storybook: "*" - typescript: ~4.6.3 - languageName: unknown - linkType: soft - -"webidl-conversions@npm:^5.0.0": - version: 5.0.0 - resolution: "webidl-conversions@npm:5.0.0" - checksum: bf31df332ed11e1114bfcae7712d9ab2c37e7faa60ba32d8fdbee785937c0b012eee235c19d2b5d84f5072db84a160e8d08dd382da7f850feec26a4f46add8ff - languageName: node - linkType: hard - -"webidl-conversions@npm:^6.1.0": - version: 6.1.0 - resolution: "webidl-conversions@npm:6.1.0" - checksum: 66ad3b9073cd1e0e173444d8c636673b016e25b5856694429072cc966229adb734a8d410188e031effadcfb837936d79bc9e87c48f4d5925a90d42dec97f6590 - languageName: node - linkType: hard - -"whatwg-encoding@npm:^1.0.5": - version: 1.0.5 - resolution: "whatwg-encoding@npm:1.0.5" - dependencies: - iconv-lite: 0.4.24 - checksum: 79d9f276234fd06bb27de4c1f9137a0471bfa578efaec0474ab46b6d64bf30bb14492e6f88eff0e6794bdd6fa48b44f4d7a2e9c41424a837a63bba9626e35c62 - languageName: node - linkType: hard - -"whatwg-mimetype@npm:^2.3.0": - version: 2.3.0 - resolution: "whatwg-mimetype@npm:2.3.0" - checksum: 81c5eaf660b1d1c27575406bcfdf58557b599e302211e13e3c8209020bbac903e73c17f9990f887232b39ce570cc8638331b0c3ff0842ba224a5c2925e830b06 - languageName: node - linkType: hard - -"whatwg-url@npm:^8.0.0, whatwg-url@npm:^8.5.0": - version: 8.7.0 - resolution: "whatwg-url@npm:8.7.0" - dependencies: - lodash: ^4.7.0 - tr46: ^2.1.0 - webidl-conversions: ^6.1.0 - checksum: de0bc94387dba586b278e701cf5a1c1f5002725d22b8564dbca2cab1966ef24b839018e57ae2423fb514d8a2dd3aa3bf97323e2f89b55cd89e79141e432e9df1 - languageName: node - linkType: hard - -"which-module@npm:^2.0.0": - version: 2.0.0 - resolution: "which-module@npm:2.0.0" - checksum: 946ffdbcd6f0cf517638f8f2319c6d51e528c3b41bc2c0f5dc3dc46047347abd7326aea5cdf5def0a8b32bdca313ac87a32ce5a76b943fe1ca876c4557e6b716 - languageName: node - linkType: hard - -"which@npm:^1.2.9": - version: 1.3.1 - resolution: "which@npm:1.3.1" - dependencies: - isexe: ^2.0.0 - bin: - which: ./bin/which - checksum: e945a8b6bbf6821aaaef7f6e0c309d4b615ef35699576d5489b4261da9539f70393c6b2ce700ee4321c18f914ebe5644bc4631b15466ffbaad37d83151f6af59 - languageName: node - linkType: hard - -"which@npm:^2.0.1, which@npm:^2.0.2": - version: 2.0.2 - resolution: "which@npm:2.0.2" - dependencies: - isexe: ^2.0.0 - bin: - node-which: ./bin/node-which - checksum: 66522872a768b60c2a65a57e8ad184e5372f5b6a9ca6d5f033d4b0dc98aff63995655a7503b9c0a2598936f532120e81dd8cc155e2e92ed662a2b9377cc4374f - languageName: node - linkType: hard - -"wide-align@npm:^1.1.0": - version: 1.1.3 - resolution: "wide-align@npm:1.1.3" - dependencies: - string-width: ^1.0.2 || 2 - checksum: 9bf69ad55f7bcccd5a7af2ebbb8115aebf1b17e6d4f0a2a40a84f5676e099153b9adeab331e306661bf2a8419361bacba83057a62163947507473ce7ac4116b7 - languageName: node - linkType: hard - -"word-wrap@npm:~1.2.3": - version: 1.2.3 - resolution: "word-wrap@npm:1.2.3" - checksum: 1cb6558996deb22c909330db1f01d672feee41d7f0664492912de3de282da3f28ba2d49e87b723024e99d56ba2dac2f3ab28f8db07ac199f5e5d5e2e437833de - languageName: node - linkType: hard - -"wrap-ansi@npm:^6.2.0": - version: 6.2.0 - resolution: "wrap-ansi@npm:6.2.0" - dependencies: - ansi-styles: ^4.0.0 - string-width: ^4.1.0 - strip-ansi: ^6.0.0 - checksum: baad244e6e33335ea24e86e51868fe6823626e3a3c88d9a6674642afff1d34d9a154c917e74af8d845fd25d170c4ea9cf69a47133c3f3656e1252b3d462d9f6c - languageName: node - linkType: hard - -"wrappy@npm:1": - version: 1.0.2 - resolution: "wrappy@npm:1.0.2" - checksum: 56fece1a4018c6a6c8e28fbc88c87e0fbf4ea8fd64fc6c63b18f4acc4bd13e0ad2515189786dd2c30d3eec9663d70f4ecf699330002f8ccb547e4a18231fc9f0 - languageName: node - linkType: hard - -"write-file-atomic@npm:^3.0.0": - version: 3.0.3 - resolution: "write-file-atomic@npm:3.0.3" - dependencies: - imurmurhash: ^0.1.4 - is-typedarray: ^1.0.0 - signal-exit: ^3.0.2 - typedarray-to-buffer: ^3.1.5 - checksum: 7fb67affd811c7a1221bed0c905c26e28f0041e138fb19ccf02db57a0ef93ea69220959af3906b920f9b0411d1914474cdd90b93a96e5cd9e8368d9777caac0e - languageName: node - linkType: hard - -"ws@npm:^7.4.6": - version: 7.5.7 - resolution: "ws@npm:7.5.7" - peerDependencies: - bufferutil: ^4.0.1 - utf-8-validate: ^5.0.2 - peerDependenciesMeta: - bufferutil: - optional: true - utf-8-validate: - optional: true - checksum: f856382d94dfa8d722337d79117fe4f16d48ef7d7f77a58e94af7d7f32e863fce8403c00992ddddbf1efd5a334c581c2a987aea66255f7ee368680e59f78ae15 - languageName: node - linkType: hard - -"xml-name-validator@npm:^3.0.0": - version: 3.0.0 - resolution: "xml-name-validator@npm:3.0.0" - checksum: da310f6a7a52f8eb0fce3d04ffa1f97387ca68f47e8620ae3a259909c4e832f7003313b918e53840a6bf57fb38d5ae3c5f79f31f911b2818a7439f7898f8fbf1 - languageName: node - linkType: hard - -"xmlchars@npm:^2.2.0": - version: 2.2.0 - resolution: "xmlchars@npm:2.2.0" - checksum: b64b535861a6f310c5d9bfa10834cf49127c71922c297da9d4d1b45eeaae40bf9b4363275876088fbe2667e5db028d2cd4f8ee72eed9bede840a67d57dab7593 - languageName: node - linkType: hard - -"y18n@npm:^4.0.0": - version: 4.0.3 - resolution: "y18n@npm:4.0.3" - checksum: 308a2efd7cc296ab2c0f3b9284fd4827be01cfeb647b3ba18230e3a416eb1bc887ac050de9f8c4fd9e7856b2e8246e05d190b53c96c5ad8d8cb56dffb6f81024 - languageName: node - linkType: hard - -"yallist@npm:^4.0.0": - version: 4.0.0 - resolution: "yallist@npm:4.0.0" - checksum: 2286b5e8dbfe22204ab66e2ef5cc9bbb1e55dfc873bbe0d568aa943eb255d131890dfd5bf243637273d31119b870f49c18fcde2c6ffbb7a7a092b870dc90625a - languageName: node - linkType: hard - -"yargs-parser@npm:^18.1.2": - version: 18.1.3 - resolution: "yargs-parser@npm:18.1.3" - dependencies: - camelcase: ^5.0.0 - decamelize: ^1.2.0 - checksum: 25df918833592a83f52e7e4f91ba7d7bfaa2b891ebf7fe901923c2ee797534f23a176913ff6ff7ebbc1cc1725a044cc6a6539fed8bfd4e13b5b16376875f9499 - languageName: node - linkType: hard - -"yargs@npm:^15.4.1": - version: 15.4.1 - resolution: "yargs@npm:15.4.1" - dependencies: - cliui: ^6.0.0 - decamelize: ^1.2.0 - find-up: ^4.1.0 - get-caller-file: ^2.0.1 - require-directory: ^2.1.1 - require-main-filename: ^2.0.0 - set-blocking: ^2.0.0 - string-width: ^4.2.0 - which-module: ^2.0.0 - y18n: ^4.0.0 - yargs-parser: ^18.1.2 - checksum: f1ca680c974333a5822732825cca7e95306c5a1e7750eb7b973ce6dc4f97a6b0a8837203c8b194f461969bfe1fb1176d1d423036635285f6010b392fa498ab2d - languageName: node - linkType: hard diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json index 34f04c2d7309..d237136a690b 100644 --- a/code/frameworks/angular/package.json +++ b/code/frameworks/angular/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/angular", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.", "keywords": [ "storybook", @@ -34,39 +34,32 @@ "prep": "node ../../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/core-client": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/core-server": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/docs-tools": "7.0.0-alpha.35", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/semver": "^7.3.2", - "@storybook/store": "7.0.0-alpha.35", - "@types/node": "^14.14.20 || ^16.0.0", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/core-client": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/core-server": "7.0.0-alpha.38", + "@storybook/core-webpack": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/docs-tools": "7.0.0-alpha.38", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/store": "7.0.0-alpha.38", + "@types/node": "^16.0.0", "@types/react": "^16.14.23", "@types/react-dom": "^16.9.14", - "autoprefixer": "^9.8.6", + "@types/semver": "^7.3.4", "core-js": "^3.8.2", "find-up": "^5.0.0", - "fork-ts-checker-webpack-plugin": "^7.2.6", "global": "^4.4.0", - "nanoid": "^3.1.23", - "p-limit": "^3.1.0", - "postcss": "^7.0.36", - "postcss-loader": "^6.2.1", - "raw-loader": "^4.0.2", "react": "^16.14.0", "react-dom": "^16.14.0", "read-pkg-up": "^7.0.1", - "sass-loader": "^12.6.0", + "semver": "^7.3.7", "telejson": "^6.0.8", "ts-dedent": "^2.0.0", - "ts-loader": "^9.2.8", "tsconfig-paths-webpack-plugin": "^3.5.2", "util-deprecate": "^1.0.2", "webpack": "5" @@ -80,21 +73,19 @@ "@angular/compiler": "^13.3.6", "@angular/compiler-cli": "^13.3.6", "@angular/core": "^13.3.6", - "@angular/elements": "^13.3.6", "@angular/forms": "^13.3.6", "@angular/platform-browser": "^13.3.6", "@angular/platform-browser-dynamic": "^13.3.6", "@nrwl/workspace": "14.6.1", - "@types/autoprefixer": "^9.7.2", "@types/tmp": "^0.2.3", - "@types/webpack-env": "^1.16.0", "cross-spawn": "^7.0.3", "jest": "^27.5.1", "jest-preset-angular": "^12.0.0", "jest-specific-snapshot": "^5.0.0", "tmp": "^0.2.1", "typescript": "~4.6.3", - "webpack": "5" + "webpack": "5", + "zone.js": "^0.11.0" }, "peerDependencies": { "@angular-devkit/architect": ">=0.1300.0", @@ -129,5 +120,5 @@ "access": "public" }, "builders": "dist/types/builders/builders.json", - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/angular/src/client/angular-beta/StorybookModule.ts b/code/frameworks/angular/src/client/angular-beta/StorybookModule.ts index ab98bc7fb370..7bc401b66c54 100644 --- a/code/frameworks/angular/src/client/angular-beta/StorybookModule.ts +++ b/code/frameworks/angular/src/client/angular-beta/StorybookModule.ts @@ -1,35 +1,17 @@ import { NgModule, Type } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { dedent } from 'ts-dedent'; import { Subject } from 'rxjs'; -import deprecate from 'util-deprecate'; import { ICollection, StoryFnAngularReturnType } from '../types'; import { storyPropsProvider } from './StorybookProvider'; import { isComponentAlreadyDeclaredInModules } from './utils/NgModulesAnalyzer'; import { isDeclarable, isStandaloneComponent } from './utils/NgComponentAnalyzer'; import { createStorybookWrapperComponent } from './StorybookWrapperComponent'; -import { computesTemplateFromComponent } from './ComputesTemplateFromComponent'; - -const deprecatedStoryComponentWarning = deprecate( - () => {}, - dedent`\`component\` story return value is deprecated, and will be removed in Storybook 7.0. - Instead, use \`export const default = () => ({ component: AppComponent });\` - or - \`\`\` - export const Primary: StoryFn = () => ({}); - Primary.parameters = { component: AppComponent }; - \`\`\` - Read more at - - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component). - - https://storybook.js.org/docs/angular/writing-stories/parameters - ` -); export const getStorybookModuleMetadata = ( { storyFnAngular, - component: annotatedComponent, + component, targetSelector, }: { storyFnAngular: StoryFnAngularReturnType; @@ -38,17 +20,8 @@ export const getStorybookModuleMetadata = ( }, storyProps$: Subject ): NgModule => { - const { component: storyComponent, props, styles, moduleMetadata = {} } = storyFnAngular; - let { template } = storyFnAngular; - - if (storyComponent) { - deprecatedStoryComponentWarning(); - } - const component = storyComponent ?? annotatedComponent; - - if (hasNoTemplate(template) && component) { - template = computesTemplateFromComponent(component, props, ''); - } + const { props, styles, moduleMetadata = {} } = storyFnAngular; + const { template } = storyFnAngular; /** * Create a component that wraps generated template and gives it props @@ -95,7 +68,3 @@ export const createStorybookModule = (ngModule: NgModule): Type => { class StorybookModule {} return StorybookModule; }; - -function hasNoTemplate(template: string | null | undefined): template is undefined { - return template === null || template === undefined; -} diff --git a/code/frameworks/angular/src/client/decorateStory.ts b/code/frameworks/angular/src/client/decorateStory.ts index 21f38704b647..39237c2b2fb5 100644 --- a/code/frameworks/angular/src/client/decorateStory.ts +++ b/code/frameworks/angular/src/client/decorateStory.ts @@ -61,7 +61,7 @@ const cleanArgsDecorator: DecoratorFunction = (storyFn, contex const argType = context.argTypes[key]; // Only keeps args with a control or an action in argTypes - if (argType.action || argType.control) { + if (argType?.action || argType?.control) { return { ...obj, [key]: arg }; } return obj; diff --git a/code/frameworks/angular/src/client/decorators.test.ts b/code/frameworks/angular/src/client/decorators.test.ts index f7d18816d092..b536e0008ce0 100644 --- a/code/frameworks/angular/src/client/decorators.test.ts +++ b/code/frameworks/angular/src/client/decorators.test.ts @@ -1,9 +1,7 @@ -import { addons, mockChannel } from '@storybook/addons'; import type { StoryContext } from '@storybook/addons'; import { Component } from '@angular/core'; import { moduleMetadata } from './decorators'; -import { addDecorator, storiesOf, clearDecorators, getStorybook, configure } from '.'; const defaultContext: StoryContext = { componentId: 'unspecified', @@ -106,34 +104,4 @@ describe('moduleMetadata', () => { }, }); }); - - it('should work when added globally', () => { - const metadata = { - declarations: [MockComponent], - providers: [MockService], - entryComponents: [MockComponent], - imports: [MockModule], - }; - - addons.setChannel(mockChannel()); - - configure(() => { - addDecorator(moduleMetadata(metadata)); - storiesOf('Test', module).add('Default', () => ({ - component: MockComponent, - })); - }, {} as NodeModule); - - const [storybook] = getStorybook(); - - expect(storybook.stories[0].render({}).moduleMetadata).toEqual({ - declarations: [MockComponent], - providers: [MockService], - entryComponents: [MockComponent], - imports: [MockModule], - schemas: [], - }); - - clearDecorators(); - }); }); diff --git a/code/frameworks/angular/src/client/public-api.ts b/code/frameworks/angular/src/client/public-api.ts index 2cf0593a9dd8..98b614df58ab 100644 --- a/code/frameworks/angular/src/client/public-api.ts +++ b/code/frameworks/angular/src/client/public-api.ts @@ -3,17 +3,14 @@ import type { ClientStoryApi, Loadable } from '@storybook/addons'; import { start } from '@storybook/core-client'; import { renderToDOM, render } from './render'; import decorateStory from './decorateStory'; -import type { IStorybookSection, AngularFramework } from './types'; +import type { AngularFramework } from './types'; export * from './public-types'; const FRAMEWORK = 'angular'; interface ClientApi extends ClientStoryApi { - setAddon(addon: any): void; configure(loader: Loadable, module: NodeModule): void; - getStorybook(): IStorybookSection[]; - clearDecorators(): void; forceReRender(): void; raw: () => any; // todo add type load: (...args: any[]) => void; @@ -28,12 +25,5 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => { }; export const configure: ClientApi['configure'] = (...args) => api.configure(FRAMEWORK, ...args); -export const addDecorator: ClientApi['addDecorator'] = api.clientApi - .addDecorator as ClientApi['addDecorator']; -export const addParameters: ClientApi['addParameters'] = api.clientApi - .addParameters as ClientApi['addParameters']; -export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators; -export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon; export const forceReRender: ClientApi['forceReRender'] = api.forceReRender; -export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook; export const raw: ClientApi['raw'] = api.clientApi.raw; diff --git a/code/frameworks/angular/src/client/types.ts b/code/frameworks/angular/src/client/types.ts index a681720310f0..4062eb60abc6 100644 --- a/code/frameworks/angular/src/client/types.ts +++ b/code/frameworks/angular/src/client/types.ts @@ -14,16 +14,6 @@ export interface ICollection { [p: string]: any; } -export interface IStorybookStory { - name: string; - render: (context: any) => any; -} - -export interface IStorybookSection { - kind: string; - stories: IStorybookStory[]; -} - export interface StoryFnAngularReturnType { /** @deprecated `component` story input is deprecated, and will be removed in Storybook 7.0. */ component?: any; 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 45a98660effb..b61cbd025230 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 @@ -823,7 +823,6 @@ const newWebpackConfiguration = ( '@storybook/core-events': '/Users/joe/storybook/lib/core-events', '@storybook/router': '/Users/joe/storybook/lib/router', '@storybook/theming': '/Users/joe/storybook/lib/theming', - '@storybook/semver': '/Users/joe/storybook/node_modules/@storybook/semver', '@storybook/client-api': '/Users/joe/storybook/lib/client-api', '@storybook/client-logger': '/Users/joe/storybook/lib/client-logger', react: '/Users/joe/storybook/node_modules/react', diff --git a/code/frameworks/angular/src/server/framework-preset-angular-cli.ts b/code/frameworks/angular/src/server/framework-preset-angular-cli.ts index b997c59047cb..5530620275da 100644 --- a/code/frameworks/angular/src/server/framework-preset-angular-cli.ts +++ b/code/frameworks/angular/src/server/framework-preset-angular-cli.ts @@ -3,7 +3,7 @@ import webpack from 'webpack'; import { logger } from '@storybook/node-logger'; import { targetFromTargetString, BuilderContext, Target } from '@angular-devkit/architect'; import { sync as findUpSync } from 'find-up'; -import semver from '@storybook/semver'; +import semver from 'semver'; import { dedent } from 'ts-dedent'; import { logging, JsonObject } from '@angular-devkit/core'; diff --git a/code/frameworks/angular/src/typings.d.ts b/code/frameworks/angular/src/typings.d.ts index 2fbe88afdf7b..d8f7c6f660ad 100644 --- a/code/frameworks/angular/src/typings.d.ts +++ b/code/frameworks/angular/src/typings.d.ts @@ -1,5 +1,4 @@ declare module 'global'; -declare module '@storybook/semver'; // will be provided by the webpack define plugin declare var NODE_ENV: string | undefined; diff --git a/code/frameworks/angular/template/components/button.component.ts b/code/frameworks/angular/template/components/button.component.ts index 3d0efd6af2f3..cc28c096578a 100644 --- a/code/frameworks/angular/template/components/button.component.ts +++ b/code/frameworks/angular/template/components/button.component.ts @@ -1,7 +1,8 @@ import { Component, Input, Output, EventEmitter } from '@angular/core'; @Component({ - selector: 'storybook-button', + // Needs to be a different name to the CLI template button + selector: 'storybook-framework-button', template: ` +

Completed!!

+ + `, +}) +export default class FormComponent { + /** + * Optional success handler + */ + @Output() + onSuccess = new EventEmitter(); + + value = ''; + + complete = false; + + handleSubmit(event: SubmitEvent) { + event.preventDefault(); + this.onSuccess.emit(this.value); + setTimeout(() => { + this.complete = true; + }, 500); + setTimeout(() => { + this.complete = false; + }, 1500); + } +} diff --git a/code/frameworks/angular/template/components/html.component.ts b/code/frameworks/angular/template/components/html.component.ts new file mode 100644 index 000000000000..5735a8dff17b --- /dev/null +++ b/code/frameworks/angular/template/components/html.component.ts @@ -0,0 +1,23 @@ +import { Component, Input } from '@angular/core'; +import { DomSanitizer } from '@angular/platform-browser'; + +@Component({ + selector: 'storybook-html', + template: `
`, +}) +export default class HtmlComponent { + /** + * The HTML to render + * + * @required + */ + @Input() + content = ''; + + // eslint-disable-next-line no-useless-constructor + constructor(private sanitizer: DomSanitizer) {} + + get safeContent() { + return this.sanitizer.bypassSecurityTrustHtml(this.content); + } +} diff --git a/code/frameworks/angular/template/components/index.js b/code/frameworks/angular/template/components/index.js index 5ae9ef153d83..11d1c72443bf 100644 --- a/code/frameworks/angular/template/components/index.js +++ b/code/frameworks/angular/template/components/index.js @@ -1,5 +1,8 @@ import globalThis from 'global'; import Button from './button.component'; +import Html from './html.component'; +import Pre from './pre.component'; +import Form from './form.component'; -globalThis.Components = { Button }; +globalThis.Components = { Button, Html, Pre, Form }; diff --git a/code/frameworks/angular/template/components/pre.component.ts b/code/frameworks/angular/template/components/pre.component.ts new file mode 100644 index 000000000000..76669d310819 --- /dev/null +++ b/code/frameworks/angular/template/components/pre.component.ts @@ -0,0 +1,29 @@ +import { Component, Input } from '@angular/core'; + +@Component({ + selector: 'storybook-pre', + template: `
{{ finalText }}
`, +}) +export default class PreComponent { + /** + * Styles to apply to the component + */ + @Input() + style?: Object; + + /** + * An object to render + */ + @Input() + object?: Object; + + /** + * The code to render + */ + @Input() + text?: string; + + get finalText() { + return this.object ? JSON.stringify(this.object, null, 2) : this.text; + } +} diff --git a/code/frameworks/angular/template/stories/angular-mdx.stories.mdx b/code/frameworks/angular/template/stories/angular-mdx.stories.mdx index d21169828d37..025f8c0663fc 100644 --- a/code/frameworks/angular/template/stories/angular-mdx.stories.mdx +++ b/code/frameworks/angular/template/stories/angular-mdx.stories.mdx @@ -15,9 +15,9 @@ export const Button = globalThis.Components.Button; {{ - template: ``, + template: ``, props: { - children: 'hello button', + text: 'hello button', onClick: () => {}, }, }} diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.component.html b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.html similarity index 100% rename from code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.component.html rename to code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.html diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.component.scss b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.scss similarity index 100% rename from code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.component.scss rename to code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.scss diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.component.ts b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.ts similarity index 94% rename from code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.component.ts rename to code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.ts index 5c9a7461a289..51d8ba0c8d29 100644 --- a/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.component.ts +++ b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.component.ts @@ -45,7 +45,7 @@ export enum ButtonAccent { styleUrls: ['./doc-button.component.scss'], }) export class DocButtonComponent { - @ViewChild('buttonRef', { static: false }) buttonRef: ElementRef; + @ViewChild('buttonRef', { static: false }) buttonRef!: ElementRef; /** Test default value. */ @Input() @@ -72,6 +72,7 @@ export class DocButtonComponent { /** Test null default value. */ @Input() + // @ts-expect-error intentionally undefined public anUndefinedValue; /** Test numeric default value. */ @@ -91,7 +92,7 @@ export class DocButtonComponent { public accent: ButtonAccent = ButtonAccent.Normal; /** Specifies some arbitrary object. This comment is to test certain chars like apostrophes - it's working */ - @Input() public someDataObject: ISomeInterface; + @Input() public someDataObject!: ISomeInterface; /** * The inner text of the button. @@ -99,7 +100,7 @@ export class DocButtonComponent { * @required */ @Input() - public label: string; + public label!: string; /** Size of the button. */ @Input() @@ -148,7 +149,7 @@ export class DocButtonComponent { } @HostListener('click', ['$event']) - onClickListener(event) { + onClickListener(event: Event) { console.log('button', event.target); this.handleClick(event); } @@ -221,12 +222,12 @@ export class DocButtonComponent { } @Input('showKeyAlias') - public showKey: keyof T; + public showKey!: keyof T; @Input() public set item(item: T[]) { this.processedItem = item; } - public processedItem: T[]; + public processedItem!: T[]; } diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.stories.ts b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.stories.ts similarity index 78% rename from code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.stories.ts rename to code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.stories.ts index c411acf46366..d23f3896359f 100644 --- a/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.stories.ts +++ b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.stories.ts @@ -1,11 +1,11 @@ +import { Args } from '@storybook/angular'; import { DocButtonComponent } from './doc-button.component'; export default { - title: 'Addons/Docs/DocButton', component: DocButtonComponent, }; -export const Basic = (args) => ({ +export const Basic = (args: Args) => ({ props: args, }); Basic.args = { label: 'Args test', isDisabled: false }; @@ -17,7 +17,7 @@ Basic.ArgTypes = { }, }; -export const WithTemplate = (args) => ({ +export const WithTemplate = (args: Args) => ({ props: args, template: '', }); diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-directive/doc-directive.directive.ts b/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.directive.ts similarity index 100% rename from code/frameworks/angular/template/stories/docgen-components/doc-directive/doc-directive.directive.ts rename to code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.directive.ts diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-directive/doc-directive.stories.ts b/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.stories.ts similarity index 89% rename from code/frameworks/angular/template/stories/docgen-components/doc-directive/doc-directive.stories.ts rename to code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.stories.ts index fe5d8d97b236..b734b93bf40d 100644 --- a/code/frameworks/angular/template/stories/docgen-components/doc-directive/doc-directive.stories.ts +++ b/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.stories.ts @@ -1,7 +1,6 @@ import { DocDirective } from './doc-directive.directive'; export default { - title: 'Addons/Docs/DocDirective', component: DocDirective, }; diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-injectable/doc-injectable.service.ts b/code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.service.ts similarity index 100% rename from code/frameworks/angular/template/stories/docgen-components/doc-injectable/doc-injectable.service.ts rename to code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.service.ts diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-injectable/doc-injectable.stories.ts b/code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.stories.ts similarity index 90% rename from code/frameworks/angular/template/stories/docgen-components/doc-injectable/doc-injectable.stories.ts rename to code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.stories.ts index b329ffc89367..d662a3de255f 100644 --- a/code/frameworks/angular/template/stories/docgen-components/doc-injectable/doc-injectable.stories.ts +++ b/code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.stories.ts @@ -1,7 +1,6 @@ import { DocInjectableService } from './doc-injectable.service'; export default { - title: 'Addons/Docs/DocInjectable', component: DocInjectableService, parameters: { controls: { hideNoControlsWarning: true }, diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-pipe/doc-pipe.pipe.ts b/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.pipe.ts similarity index 100% rename from code/frameworks/angular/template/stories/docgen-components/doc-pipe/doc-pipe.pipe.ts rename to code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.pipe.ts diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-pipe/doc-pipe.stories.ts b/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.stories.ts similarity index 91% rename from code/frameworks/angular/template/stories/docgen-components/doc-pipe/doc-pipe.stories.ts rename to code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.stories.ts index 07c8660958e4..ba6f0f282f63 100644 --- a/code/frameworks/angular/template/stories/docgen-components/doc-pipe/doc-pipe.stories.ts +++ b/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.stories.ts @@ -1,7 +1,6 @@ import { DocPipe } from './doc-pipe.pipe'; export default { - title: 'Addons/Docs/DocPipe', component: DocPipe, parameters: { controls: { hideNoControlsWarning: true }, diff --git a/code/examples/angular-cli/src/stories/basics/README.stories.mdx b/code/frameworks/angular/template/stories/basics/README.stories.mdx similarity index 72% rename from code/examples/angular-cli/src/stories/basics/README.stories.mdx rename to code/frameworks/angular/template/stories/basics/README.stories.mdx index 3b97cc376bcb..4af25e032e7b 100644 --- a/code/examples/angular-cli/src/stories/basics/README.stories.mdx +++ b/code/frameworks/angular/template/stories/basics/README.stories.mdx @@ -1,6 +1,6 @@ import { Meta } from '@storybook/addon-docs'; - + # Examples for Angular features diff --git a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts similarity index 90% rename from code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts rename to code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts index c23f4f49f1b0..83adcf4def85 100644 --- a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts +++ b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts @@ -3,7 +3,7 @@ import { moduleMetadata, Meta, StoryFn } from '@storybook/angular'; import { CustomCvaComponent } from './custom-cva.component'; export default { - title: 'Basics / Angular forms / ControlValueAccessor', + // title: 'Basics / Angular forms / ControlValueAccessor', component: CustomCvaComponent, decorators: [ moduleMetadata({ diff --git a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts similarity index 98% rename from code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts rename to code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts index 3806d30ac5e8..ee2209c940fc 100644 --- a/code/examples/angular-cli/src/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts +++ b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva.component.ts @@ -18,7 +18,7 @@ const NOOP = () => {}; ], }) export class CustomCvaComponent implements ControlValueAccessor { - disabled: boolean; + disabled?: boolean; protected onChange: (value: any) => void = NOOP; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/attribute-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts similarity index 91% rename from code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/attribute-selector.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts index fca8a0711fc3..aa7aa62298cc 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/attribute-selector.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selector.component.ts @@ -7,9 +7,9 @@ import { Component, ComponentFactoryResolver, ElementRef } from '@angular/core'; Generated template: {{ generatedTemplate }}`, }) export class AttributeSelectorComponent { - generatedTemplate = ''; + generatedTemplate!: string; - selectors = ''; + selectors!: string; constructor(public el: ElementRef, private resolver: ComponentFactoryResolver) { const factory = this.resolver.resolveComponentFactory(AttributeSelectorComponent); diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selectors.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selectors.component.stories.ts new file mode 100644 index 000000000000..d935de5215d7 --- /dev/null +++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selectors.component.stories.ts @@ -0,0 +1,8 @@ +import { AttributeSelectorComponent } from './attribute-selector.component'; + +export default { + // title: 'Basics / Component / With Complex Selectors', + component: AttributeSelectorComponent, +}; + +export const AttributeSelectors = {}; diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.stories.ts new file mode 100644 index 000000000000..c8da5e41e2c4 --- /dev/null +++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.stories.ts @@ -0,0 +1,8 @@ +import { ClassSelectorComponent } from './class-selector.component'; + +export default { + // title: 'Basics / Component / With Complex Selectors', + component: ClassSelectorComponent, +}; + +export const ClassSelectors = {}; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/class-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts similarity index 92% rename from code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/class-selector.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts index 7d62a37ef39a..cc58394ecff2 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/class-selector.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/class-selector.component.ts @@ -7,9 +7,9 @@ import { Component, ComponentFactoryResolver, ElementRef } from '@angular/core'; Generated template: {{ generatedTemplate }}`, }) export class ClassSelectorComponent { - generatedTemplate = ''; + generatedTemplate!: string; - selectors = ''; + selectors!: string; constructor(public el: ElementRef, private resolver: ComponentFactoryResolver) { const factory = this.resolver.resolveComponentFactory(ClassSelectorComponent); diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-class-selector.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-class-selector.component.stories.ts new file mode 100644 index 000000000000..0ed46ecfdbcd --- /dev/null +++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-class-selector.component.stories.ts @@ -0,0 +1,8 @@ +import { MultipleClassSelectorComponent } from './multiple-selector.component'; + +export default { + // title: 'Basics / Component / With Complex Selectors', + component: MultipleClassSelectorComponent, +}; + +export const MultipleClassSelectors = {}; diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts new file mode 100644 index 000000000000..3dac394c440a --- /dev/null +++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.stories.ts @@ -0,0 +1,8 @@ +import { MultipleSelectorComponent } from './multiple-selector.component'; + +export default { + // title: 'Basics / Component / With Complex Selectors', + component: MultipleSelectorComponent, +}; + +export const MultipleSelectors = {}; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts similarity index 91% rename from code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts index bc50cfe83c42..d930e6b26a75 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-complex-selectors/multiple-selector.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/multiple-selector.component.ts @@ -7,9 +7,9 @@ import { Component, ComponentFactoryResolver, ElementRef } from '@angular/core'; Generated template: {{ generatedTemplate }}`, }) export class MultipleSelectorComponent { - generatedTemplate = ''; + generatedTemplate!: string; - selectors = ''; + selectors!: string; constructor(public el: ElementRef, private resolver: ComponentFactoryResolver) { const factory = this.resolver.resolveComponentFactory(MultipleClassSelectorComponent); @@ -25,9 +25,9 @@ export class MultipleSelectorComponent { Generated template: {{ generatedTemplate }}`, }) export class MultipleClassSelectorComponent { - generatedTemplate = ''; + generatedTemplate!: string; - selectors = ''; + selectors!: string; constructor(public el: ElementRef, private resolver: ComponentFactoryResolver) { const factory = this.resolver.resolveComponentFactory(MultipleClassSelectorComponent); diff --git a/code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.html b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.html similarity index 100% rename from code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.html rename to code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.html diff --git a/code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts similarity index 90% rename from code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.stories.ts rename to code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts index 0a5774b3a525..2f4696dd65ef 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts @@ -7,7 +7,7 @@ import { } from './enums.component'; export default { - title: 'Basics / Component / With Enum Types', + // title: 'Basics / Component / With Enum Types', component: EnumsComponent, } as Meta; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.ts b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts similarity index 76% rename from code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts index 48e781942386..822aeaff17e1 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-enums/enums.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.ts @@ -9,22 +9,22 @@ import { Component, Input } from '@angular/core'; }) export class EnumsComponent { /** Union Type of string literals */ - @Input() unionType: 'Union A' | 'Union B' | 'Union C'; + @Input() unionType?: 'Union A' | 'Union B' | 'Union C'; /** Union Type assigned as a Type Alias */ - @Input() aliasedUnionType: TypeAlias; + @Input() aliasedUnionType?: TypeAlias; /** Base Enum Type with no assigned values */ - @Input() enumNumeric: EnumNumeric; + @Input() enumNumeric?: EnumNumeric; /** Enum with initial numeric value and auto-incrementing subsequent values */ - @Input() enumNumericInitial: EnumNumericInitial; + @Input() enumNumericInitial?: EnumNumericInitial; /** Enum with string values */ - @Input() enumStrings: EnumStringValues; + @Input() enumStrings?: EnumStringValues; /** Type Aliased Enum Type */ - @Input() enumAlias: EnumAlias; + @Input() enumAlias?: EnumAlias; } /** diff --git a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/base-button.component.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts similarity index 91% rename from code/examples/angular-cli/src/stories/basics/component-with-inheritance/base-button.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts index 6afc2f20cce8..0cd694506d50 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/base-button.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.component.ts @@ -6,5 +6,5 @@ import { Component, Input } from '@angular/core'; }) export class BaseButtonComponent { @Input() - label: string; + label?: string; } diff --git a/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.stories.ts new file mode 100644 index 000000000000..a206115f5de7 --- /dev/null +++ b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.stories.ts @@ -0,0 +1,12 @@ +import { BaseButtonComponent } from './base-button.component'; + +export default { + // title: 'Basics / Component / With Inheritance', + component: BaseButtonComponent, +}; + +export const BaseButton = () => ({ + props: { + label: 'this is label', + }, +}); diff --git a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/icon-button.component.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts similarity index 94% rename from code/examples/angular-cli/src/stories/basics/component-with-inheritance/icon-button.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts index 82ff17cf9e96..3994a3de2a97 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-inheritance/icon-button.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.component.ts @@ -7,5 +7,5 @@ import { BaseButtonComponent } from './base-button.component'; }) export class IconButtonComponent extends BaseButtonComponent { @Input() - icon: string; + icon?: string; } diff --git a/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.stories.ts new file mode 100644 index 000000000000..baefe65c4f58 --- /dev/null +++ b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.stories.ts @@ -0,0 +1,13 @@ +import { IconButtonComponent } from './icon-button.component'; + +export default { + // title: 'Basics / Component / With Inheritance', + component: IconButtonComponent, +}; + +export const IconButton = () => ({ + props: { + icon: 'this is icon', + label: 'this is label', + }, +}); diff --git a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts similarity index 57% rename from code/examples/angular-cli/src/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts rename to code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts index 6978b39c44dc..4da69ec1eacb 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts @@ -1,5 +1,5 @@ import { Component, Input } from '@angular/core'; -import { componentWrapperDecorator, moduleMetadata } from '@storybook/angular'; +import { componentWrapperDecorator } from '@storybook/angular'; import type { Meta, StoryFn } from '@storybook/angular'; @@ -20,7 +20,7 @@ class SbButtonComponent { } export default { - title: 'Basics / Component / With ng-content / Button with different contents', + // title: 'Basics / Component / With ng-content / Button with different contents', // Implicitly declares the component to Angular // This will be the component described by the addon docs component: SbButtonComponent, @@ -28,7 +28,8 @@ export default { // Wrap all stories with this template componentWrapperDecorator( (story) => `${story}`, - ({ args }) => ({ propsColor: args.color }) + // eslint-disable-next-line dot-notation + ({ args }) => ({ propsColor: args['color'] }) ), ], argTypes: { @@ -45,7 +46,8 @@ export const EmptyButton: StoryFn = () => ({ }); export const WithDynamicContentAndArgs: StoryFn = (args) => ({ - template: `${args.content}`, + // eslint-disable-next-line dot-notation + template: `${args['content']}`, }); WithDynamicContentAndArgs.argTypes = { content: { control: 'text' }, @@ -57,46 +59,3 @@ export const InH1: StoryFn = () => ({ }); InH1.decorators = [componentWrapperDecorator((story) => `

${story}

`)]; InH1.storyName = 'In

'; - -@Component({ - selector: 'sb-emoji', - template: `{{ emoji }}`, - styles: [ - ` - :host { - padding-right: 4px; - } - `, - ], -}) -class SbEmojiComponent { - @Input() - emoji = '👾'; -} - -export const WithComponent: StoryFn = () => ({ - // Override the default component - // It is therefore necessary to manually declare the parent component with moduleMetadata - component: SbEmojiComponent, -}); -WithComponent.decorators = [ - moduleMetadata({ - declarations: [SbButtonComponent], - }), -]; - -export const WithComponentAndArgs: StoryFn = (args) => { - return { - props: args, - component: SbEmojiComponent, - }; -}; -WithComponentAndArgs.decorators = [ - moduleMetadata({ - declarations: [SbButtonComponent], - }), -]; -WithComponentAndArgs.argTypes = { - emoji: { control: 'text' }, -}; -WithComponentAndArgs.args = { emoji: '🌵' }; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/ng-content-simple.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-simple.stories.ts similarity index 79% rename from code/examples/angular-cli/src/stories/basics/component-with-ng-content/ng-content-simple.stories.ts rename to code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-simple.stories.ts index ee684e74c191..4a6ccdd5d16a 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-ng-content/ng-content-simple.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-ng-content/ng-content-simple.stories.ts @@ -10,7 +10,7 @@ import type { Meta, StoryFn } from '@storybook/angular/'; class WithNgContentComponent {} export default { - title: 'Basics / Component / With ng-content / Simple', + // title: 'Basics / Component / With ng-content / Simple', component: WithNgContentComponent, } as Meta; @@ -21,7 +21,8 @@ export const Default: StoryFn = () => ({ }); export const WithDynamicContentAndArgs: StoryFn = (args) => ({ - template: `

${args.content}

`, + // eslint-disable-next-line dot-notation + template: `

${args['content']}

`, }); WithDynamicContentAndArgs.argTypes = { content: { control: 'text' }, diff --git a/code/examples/angular-cli/src/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts similarity index 93% rename from code/examples/angular-cli/src/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts rename to code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts index 6e12aae1c444..1e5a1f39ef7b 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-ng-on-destroy/component-with-on-destroy.stories.ts @@ -7,7 +7,7 @@ import type { Meta, StoryFn } from '@storybook/angular'; 📝 The current time in console should no longer display after a change of story`, }) class OnDestroyComponent implements OnInit, OnDestroy { - time: string; + time?: string; interval: any; @@ -28,7 +28,7 @@ class OnDestroyComponent implements OnInit, OnDestroy { } export default { - title: 'Basics / Component / with ngOnDestroy', + // title: 'Basics / Component / with ngOnDestroy', component: OnDestroyComponent, parameters: { // disabled due to new Date() diff --git a/code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push-box.component.ts b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push-box.component.ts similarity index 81% rename from code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push-box.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-on-push/on-push-box.component.ts index e35ada4b1c5b..b6bf293f1b0e 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push-box.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push-box.component.ts @@ -15,7 +15,7 @@ import { Component, Input, ChangeDetectionStrategy, HostBinding } from '@angular changeDetection: ChangeDetectionStrategy.OnPush, }) export class OnPushBoxComponent { - @Input() word: string; + @Input() word?: string; - @Input() @HostBinding('style.background-color') bgColor: string; + @Input() @HostBinding('style.background-color') bgColor?: string; } diff --git a/code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts similarity index 90% rename from code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push.stories.ts rename to code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts index b39e3adb75c0..6ad452797bc2 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-on-push/on-push.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts @@ -2,7 +2,7 @@ import { Meta, StoryFn } from '@storybook/angular'; import { OnPushBoxComponent } from './on-push-box.component'; export default { - title: 'Basics / Component / With OnPush strategy', + // title: 'Basics / Component / With OnPush strategy', component: OnPushBoxComponent, argTypes: { word: { control: 'text' }, diff --git a/code/examples/angular-cli/src/stories/basics/component-with-pipe/custom-pipes.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts similarity index 92% rename from code/examples/angular-cli/src/stories/basics/component-with-pipe/custom-pipes.stories.ts rename to code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts index 95602e0d7800..cb15d4482dc1 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-pipe/custom-pipes.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts @@ -4,7 +4,7 @@ import { CustomPipePipe } from './custom.pipe'; import { WithPipeComponent } from './with-pipe.component'; export default { - title: 'Basics / Component / With Pipes', + // title: 'Basics / Component / With Pipes', component: WithPipeComponent, decorators: [ moduleMetadata({ diff --git a/code/examples/angular-cli/src/stories/basics/component-with-pipe/custom.pipe.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom.pipe.ts similarity index 100% rename from code/examples/angular-cli/src/stories/basics/component-with-pipe/custom.pipe.ts rename to code/frameworks/angular/template/stories/basics/component-with-pipe/custom.pipe.ts diff --git a/code/examples/angular-cli/src/stories/basics/component-with-pipe/with-pipe.component.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts similarity index 93% rename from code/examples/angular-cli/src/stories/basics/component-with-pipe/with-pipe.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts index 0ea676d121d6..4582170ecf73 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-pipe/with-pipe.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-pipe/with-pipe.component.ts @@ -6,5 +6,5 @@ import { Component, Input } from '@angular/core'; }) export class WithPipeComponent { @Input() - field; + field: any; } diff --git a/code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.html b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.html similarity index 100% rename from code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.html rename to code/frameworks/angular/template/stories/basics/component-with-provider/di.component.html diff --git a/code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts similarity index 76% rename from code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.stories.ts rename to code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts index e0ae1cfb912e..0478c7da5833 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts @@ -1,7 +1,8 @@ +import type { Args } from '@storybook/angular'; import { DiComponent } from './di.component'; export default { - title: 'Basics / Component / With Provider', + // title: 'Basics / Component / With Provider', component: DiComponent, }; @@ -13,7 +14,7 @@ export const InputsAndInjectDependencies = () => ({ InputsAndInjectDependencies.storyName = 'inputs and inject dependencies'; -export const InputsAndInjectDependenciesWithArgs = (args) => ({ +export const InputsAndInjectDependenciesWithArgs = (args: Args) => ({ props: args, }); InputsAndInjectDependenciesWithArgs.storyName = 'inputs and inject dependencies with args'; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.ts b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts similarity index 97% rename from code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts index fbca49cbc42a..a91b4524000f 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-provider/di.component.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.ts @@ -11,7 +11,7 @@ export const TEST_TOKEN = new InjectionToken('test'); }) export class DiComponent { @Input() - title: string; + title?: string; constructor( protected injector: Injector, diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.css b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.css similarity index 100% rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.css rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.css diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.html b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.html similarity index 100% rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.html rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.html diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.scss b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.scss similarity index 100% rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.scss rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.scss diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts similarity index 80% rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.stories.ts rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts index c986f00bec88..0818ff28cc6f 100644 --- a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts @@ -1,7 +1,7 @@ import { StyledComponent } from './styled.component'; export default { - title: 'Basics / Component / With StyleUrls', + // title: 'Basics / Component / With StyleUrls', component: StyledComponent, }; diff --git a/code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.ts b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.ts similarity index 100% rename from code/examples/angular-cli/src/stories/basics/component-with-style/styled.component.ts rename to code/frameworks/angular/template/stories/basics/component-with-style/styled.component.ts diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts similarity index 89% rename from code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts rename to code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts index b082edf4f23c..d6c83fd28e1b 100644 --- a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts @@ -3,7 +3,7 @@ import { componentWrapperDecorator, moduleMetadata, StoryFn, Meta } from '@story import { WithoutSelectorComponent, WITHOUT_SELECTOR_DATA } from './without-selector.component'; export default { - title: 'Basics / Component / without selector / Custom wrapper *NgComponentOutlet', + // title: 'Basics / Component / without selector / Custom wrapper *NgComponentOutlet', component: WithoutSelectorComponent, decorators: [ moduleMetadata({ @@ -22,15 +22,15 @@ export default { }) class NgComponentOutletWrapperComponent implements OnInit { @Input() - componentOutlet: Type; + componentOutlet?: Type; @Input() - name: string; + name?: string; @Input() - color: string; + color?: string; - componentInjector: Injector; + componentInjector?: Injector; componentContent = [ [document.createTextNode('Ng-content : Inspired by ')], @@ -67,7 +67,8 @@ WithCustomNgComponentOutletWrapper.decorators = [ }), componentWrapperDecorator(NgComponentOutletWrapperComponent, (args) => ({ name: args.name, - color: args.color, + // eslint-disable-next-line dot-notation + color: args['color'], componentOutlet: WithoutSelectorComponent, })), ]; diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts similarity index 89% rename from code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts rename to code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts index bea49c9a82d1..682b4f0254e9 100644 --- a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector-ng-factory-resolver.stories.ts @@ -12,7 +12,7 @@ import { componentWrapperDecorator, moduleMetadata, StoryFn, Meta } from '@story import { WithoutSelectorComponent } from './without-selector.component'; export default { - title: 'Basics / Component / without selector / Custom wrapper ComponentFactoryResolver', + // title: 'Basics / Component / without selector / Custom wrapper ComponentFactoryResolver', component: WithoutSelectorComponent, decorators: [ moduleMetadata({ @@ -25,10 +25,10 @@ export default { @Component({ selector: 'component-factory-wrapper', template: '' }) class ComponentFactoryWrapperComponent implements AfterViewInit { - @ViewChild('dynamicInsert', { read: ViewContainerRef }) dynamicInsert; + @ViewChild('dynamicInsert', { read: ViewContainerRef }) dynamicInsert: any; @Input() - componentOutlet: Type; + componentOutlet?: Type; @Input() args: any; @@ -41,12 +41,12 @@ class ComponentFactoryWrapperComponent implements AfterViewInit { ngAfterViewInit() { const componentFactory = this.componentFactoryResolver.resolveComponentFactory( - this.componentOutlet + this.componentOutlet! ); const containerRef = this.viewContainerRef; containerRef.clear(); const dynamicComponent = containerRef.createComponent(componentFactory); - Object.assign(dynamicComponent.instance, this.args); + Object.assign(dynamicComponent.instance as any, this.args); } } diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.component.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.component.ts similarity index 100% rename from code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.component.ts rename to code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.component.ts diff --git a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.stories.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts similarity index 81% rename from code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.stories.ts rename to code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts index d0660093f45d..e74c76dde1e7 100644 --- a/code/examples/angular-cli/src/stories/basics/component-without-selector/without-selector.stories.ts +++ b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts @@ -2,7 +2,7 @@ import { moduleMetadata, StoryFn, Meta } from '@storybook/angular'; import { WithoutSelectorComponent, WITHOUT_SELECTOR_DATA } from './without-selector.component'; export default { - title: 'Basics / Component / without selector', + // title: 'Basics / Component / without selector', component: WithoutSelectorComponent, decorators: [ moduleMetadata({ @@ -19,7 +19,8 @@ export const WithInjectionTokenAndArgs: StoryFn = (args) => ({ props: args, moduleMetadata: { providers: [ - { provide: WITHOUT_SELECTOR_DATA, useValue: { color: args.color, name: args.name } }, + // eslint-disable-next-line dot-notation + { provide: WITHOUT_SELECTOR_DATA, useValue: { color: args['color'], name: args['name'] } }, ], }, }); diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip-color.token.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-color.token.ts similarity index 100% rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip-color.token.ts rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-color.token.ts diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip-text.pipe.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-text.pipe.ts similarity index 100% rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip-text.pipe.ts rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip-text.pipe.ts diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip.component.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts similarity index 97% rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip.component.ts rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts index 18ae3440a582..249adb2598ed 100644 --- a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chip.component.ts +++ b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chip.component.ts @@ -48,7 +48,7 @@ import { CHIP_COLOR } from './chip-color.token'; ], }) export class ChipComponent { - @Input() displayText: string; + @Input() displayText?: string; @Output() removeClicked = new EventEmitter(); diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chips-group.component.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips-group.component.ts similarity index 98% rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chips-group.component.ts rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips-group.component.ts index 8969e188e90c..787596400fb9 100644 --- a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chips-group.component.ts +++ b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips-group.component.ts @@ -38,7 +38,7 @@ import { Component, Input, Output, EventEmitter } from '@angular/core'; ], }) export class ChipsGroupComponent { - @Input() chips: { + @Input() chips?: { id: number; text: string; }[]; diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chips.module.ts b/code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips.module.ts similarity index 100% rename from code/examples/angular-cli/src/stories/basics/ng-module/angular-src/chips.module.ts rename to code/frameworks/angular/template/stories/basics/ng-module/angular-src/chips.module.ts diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/import-module-for-root.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts similarity index 95% rename from code/examples/angular-cli/src/stories/basics/ng-module/import-module-for-root.stories.ts rename to code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts index 835d295059d3..3b8de245912d 100644 --- a/code/examples/angular-cli/src/stories/basics/ng-module/import-module-for-root.stories.ts +++ b/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts @@ -4,7 +4,7 @@ import { ChipsGroupComponent } from './angular-src/chips-group.component'; import { CHIP_COLOR } from './angular-src/chip-color.token'; export default { - title: 'Basics / NgModule / forRoot() pattern', + // title: 'Basics / NgModule / forRoot() pattern', component: ChipsGroupComponent, decorators: [ moduleMetadata({ diff --git a/code/examples/angular-cli/src/stories/basics/ng-module/import-module.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts similarity index 90% rename from code/examples/angular-cli/src/stories/basics/ng-module/import-module.stories.ts rename to code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts index 3de0e32eb5b2..d183ea4726ec 100644 --- a/code/examples/angular-cli/src/stories/basics/ng-module/import-module.stories.ts +++ b/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts @@ -4,7 +4,8 @@ import { ChipsGroupComponent } from './angular-src/chips-group.component'; import { ChipComponent } from './angular-src/chip.component'; export default { - title: 'Basics / NgModule / Module with multiple component', + // title: 'Basics / NgModule / Module with multiple component', + component: ChipsGroupComponent, decorators: [ moduleMetadata({ imports: [ChipsModule], diff --git a/code/examples/angular-cli/src/stories/angular-demo/button.component.ts b/code/frameworks/angular/template/stories/button.component.ts similarity index 100% rename from code/examples/angular-cli/src/stories/angular-demo/button.component.ts rename to code/frameworks/angular/template/stories/button.component.ts diff --git a/code/frameworks/angular/template/stories/child.component.ts b/code/frameworks/angular/template/stories/child.component.ts deleted file mode 100644 index 4666ec952ad1..000000000000 --- a/code/frameworks/angular/template/stories/child.component.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { Component, Input, Output, EventEmitter } from '@angular/core'; - -@Component({ - selector: 'child-component', - template: ` - Child
- Input text: {{ childText }}
- Output :
- Private text: {{ childPrivateText }}
- `, -}) -export default class ChildComponent { - @Input() - childText = ''; - - childPrivateText = ''; - - @Output() - onClickChild = new EventEmitter(); -} diff --git a/code/examples/angular-cli/src/stories/core/README.stories.mdx b/code/frameworks/angular/template/stories/core/README.stories.mdx similarity index 74% rename from code/examples/angular-cli/src/stories/core/README.stories.mdx rename to code/frameworks/angular/template/stories/core/README.stories.mdx index 8313b10a94f6..15dbdc282625 100644 --- a/code/examples/angular-cli/src/stories/core/README.stories.mdx +++ b/code/frameworks/angular/template/stories/core/README.stories.mdx @@ -1,6 +1,6 @@ import { Meta } from '@storybook/addon-docs'; - + # Examples for Storybook native features diff --git a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/child.component.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/child.component.ts similarity index 100% rename from code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/child.component.ts rename to code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/child.component.ts diff --git a/code/frameworks/angular/template/stories/decorators.stories.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts similarity index 76% rename from code/frameworks/angular/template/stories/decorators.stories.ts rename to code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts index 1f4b61b9bec9..12ae88e9a195 100644 --- a/code/frameworks/angular/template/stories/decorators.stories.ts +++ b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts @@ -1,11 +1,11 @@ // your-component.stories.ts -import { componentWrapperDecorator, Meta, moduleMetadata } from '@storybook/angular'; +import { Args, componentWrapperDecorator, Meta, moduleMetadata, Story } from '@storybook/angular'; import ChildComponent from './child.component'; import ParentComponent from './parent.component'; export default { - title: 'Core / Decorators / ComponentWrapperDecorator', + // title: 'Core / Decorators / ComponentWrapperDecorator', component: ChildComponent, decorators: [ componentWrapperDecorator( @@ -16,27 +16,27 @@ export default { argTypes: { onClickChild: { action: 'onClickChild' } }, } as Meta; -export const WithTemplate = (args) => ({ +export const WithTemplate = (args: Args) => ({ template: `Child Template`, props: { ...args, }, }); -export const WithComponent = (args) => ({ +export const WithComponent = (args: Args) => ({ props: { ...args, }, }); -export const WithLegacyComponent = (args) => ({ +export const WithLegacyComponent = (args: Args) => ({ component: ChildComponent, props: { ...args, }, }); -export const WithComponentWrapperDecorator = (args) => ({ +export const WithComponentWrapperDecorator = (args: Args) => ({ component: ChildComponent, props: { ...args, @@ -47,7 +47,7 @@ WithComponentWrapperDecorator.decorators = [ componentWrapperDecorator(ParentComponent), ]; -export const WithComponentWrapperDecoratorAndProps = (args) => ({ +export const WithComponentWrapperDecoratorAndProps = (args: Args) => ({ component: ChildComponent, props: { ...args, @@ -63,7 +63,7 @@ WithComponentWrapperDecoratorAndProps.decorators = [ }), ]; -export const WithComponentWrapperDecoratorAndArgs = (args) => ({ +export const WithComponentWrapperDecoratorAndArgs = (args: Args) => ({ component: ChildComponent, props: { ...args, @@ -81,7 +81,7 @@ WithComponentWrapperDecoratorAndArgs.decorators = [ })), ]; -export const WithCustomDecorator = (args) => ({ +export const WithCustomDecorator = (args: Args) => ({ template: `Child Template`, props: { ...args, @@ -96,9 +96,9 @@ WithCustomDecorator.decorators = [ template: `Custom Decorator
${story.template}
`, }; }, -]; +] as Story['decorators']; -export const AngularLegacyRendering = (args) => ({ +export const AngularLegacyRendering = (args: Args) => ({ template: `Child Template`, props: { ...args, @@ -114,4 +114,4 @@ AngularLegacyRendering.decorators = [ template: `Custom Decorator
${story.template}
`, }; }, -]; +] as Story['decorators']; diff --git a/code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/parent.component.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/parent.component.ts similarity index 100% rename from code/examples/angular-cli/src/stories/core/decorators/componentWrapperDecorator/parent.component.ts rename to code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/parent.component.ts diff --git a/code/frameworks/angular/template/stories/core/decorators/theme-decorator/decorators.stories.ts b/code/frameworks/angular/template/stories/core/decorators/theme-decorator/decorators.stories.ts new file mode 100644 index 000000000000..ee8e3ad31d35 --- /dev/null +++ b/code/frameworks/angular/template/stories/core/decorators/theme-decorator/decorators.stories.ts @@ -0,0 +1,20 @@ +import { Args, componentWrapperDecorator, Meta } from '@storybook/angular'; + +export const Base = (args: Args) => ({ + template: 'Change theme with the brush in toolbar', + props: { + ...args, + }, +}); + +export default { + // title: 'Core / Decorators / Theme Decorators', + component: Base, + decorators: [ + componentWrapperDecorator( + (story) => `
${story}
`, + // eslint-disable-next-line dot-notation + ({ globals }) => ({ myTheme: `${globals['theme']}-theme` }) + ), + ], +} as Meta; diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/custom.pipe.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts similarity index 100% rename from code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/custom.pipe.ts rename to code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/custom.pipe.ts diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/dummy.service.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/dummy.service.ts similarity index 100% rename from code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/dummy.service.ts rename to code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/dummy.service.ts diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/service.component.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts similarity index 85% rename from code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/service.component.ts rename to code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts index 2d84bac39628..c0513fd344b6 100644 --- a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/service.component.ts +++ b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/service.component.ts @@ -11,15 +11,15 @@ import { DummyService } from './dummy.service'; `, }) export class ServiceComponent implements OnInit { - items: {}; + items?: {}; @Input() - name: any; + name?: any; // eslint-disable-next-line no-useless-constructor constructor(private dummy: DummyService) {} async ngOnInit() { - this.items = await this.dummy.getItems(); + this.items = (await this.dummy.getItems()) as any; } } diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/token.component.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/token.component.ts similarity index 100% rename from code/examples/angular-cli/src/stories/core/moduleMetadata/angular-src/token.component.ts rename to code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/token.component.ts diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/in-export-default.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts similarity index 90% rename from code/examples/angular-cli/src/stories/core/moduleMetadata/in-export-default.stories.ts rename to code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts index ad05fd12f07a..8d4d6f174e15 100644 --- a/code/examples/angular-cli/src/stories/core/moduleMetadata/in-export-default.stories.ts +++ b/code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts @@ -1,8 +1,24 @@ import { moduleMetadata, StoryFn, Meta } from '@storybook/angular'; import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component'; +export const Story1: StoryFn = () => ({ + template: ``, + props: { + name: 'Prop Name', + }, +}); + +Story1.storyName = 'Story 1'; + +export const Story2: StoryFn = () => ({ + template: ``, +}); + +Story2.storyName = 'Story 2'; + export default { - title: 'Core / ModuleMetadata / In export default with decorator', + // title: 'Core / ModuleMetadata / In export default with decorator', + component: Story1, decorators: [ moduleMetadata({ imports: [], @@ -20,18 +36,3 @@ export default { }), ], } as Meta; - -export const Story1: StoryFn = () => ({ - template: ``, - props: { - name: 'Prop Name', - }, -}); - -Story1.storyName = 'Story 1'; - -export const Story2: StoryFn = () => ({ - template: ``, -}); - -Story2.storyName = 'Story 2'; diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/in-stories.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts similarity index 93% rename from code/examples/angular-cli/src/stories/core/moduleMetadata/in-stories.stories.ts rename to code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts index 22bb6a8c4ba4..53a21feff3cf 100644 --- a/code/examples/angular-cli/src/stories/core/moduleMetadata/in-stories.stories.ts +++ b/code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts @@ -1,10 +1,6 @@ import type { Meta, StoryFn } from '@storybook/angular'; import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component'; -export default { - title: 'Core / ModuleMetadata / In stories', -} as Meta; - export const Individual1: StoryFn = () => ({ template: ``, props: { @@ -43,3 +39,8 @@ export const Individual2: StoryFn = () => ({ }); Individual2.storyName = 'Individual 2'; + +export default { + // title: 'Core / ModuleMetadata / In stories', + component: Individual1, +} as Meta; diff --git a/code/examples/angular-cli/src/stories/core/moduleMetadata/merge-default-and-story.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts similarity index 89% rename from code/examples/angular-cli/src/stories/core/moduleMetadata/merge-default-and-story.stories.ts rename to code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts index 81fe10181801..0a1c52eec84a 100644 --- a/code/examples/angular-cli/src/stories/core/moduleMetadata/merge-default-and-story.stories.ts +++ b/code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts @@ -2,8 +2,21 @@ import { moduleMetadata, Meta, StoryFn } from '@storybook/angular'; import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component'; import { CustomPipePipe } from './angular-src/custom.pipe'; +export const MergeWithDefaultModuleMetadata: StoryFn = () => ({ + template: ``, + props: { + name: 'Prop Name', + }, + moduleMetadata: { + declarations: [CustomPipePipe], + providers: [], + }, +}); +MergeWithDefaultModuleMetadata.storyName = 'Merge with default ModuleMetadata'; + export default { - title: 'Core / ModuleMetadata / Merge default and story', + // title: 'Core / ModuleMetadata / Merge default and story', + component: MergeWithDefaultModuleMetadata, decorators: [ moduleMetadata({ declarations: [TokenComponent], @@ -20,15 +33,3 @@ export default { }), ], } as Meta; - -export const MergeWithDefaultModuleMetadata: StoryFn = () => ({ - template: ``, - props: { - name: 'Prop Name', - }, - moduleMetadata: { - declarations: [CustomPipePipe], - providers: [], - }, -}); -MergeWithDefaultModuleMetadata.storyName = 'Merge with default ModuleMetadata'; diff --git a/code/examples/angular-cli/src/stories/core/parameters/bootstrap-options.stories.ts b/code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts similarity index 88% rename from code/examples/angular-cli/src/stories/core/parameters/bootstrap-options.stories.ts rename to code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts index dfe3115f9951..8a79b7d95ebe 100644 --- a/code/examples/angular-cli/src/stories/core/parameters/bootstrap-options.stories.ts +++ b/code/frameworks/angular/template/stories/core/parameters/bootstrap-options.stories.ts @@ -10,13 +10,13 @@ import { Component } from '@angular/core'; class ComponentWithWhitespace {} export default { - title: 'Core / Parameters / With Bootstrap Options', + // title: 'Core / Parameters / With Bootstrap Options', + component: ComponentWithWhitespace, parameters: { bootstrapOptions: { preserveWhitespaces: true, }, }, - component: ComponentWithWhitespace, } as Meta; export const WithPreserveWhitespaces: StoryFn = (_args) => ({}); diff --git a/code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts b/code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts similarity index 90% rename from code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts rename to code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts index a8fb561efc94..c38a23d6c3a5 100644 --- a/code/examples/angular-cli/src/stories/core/styles/story-styles.stories.ts +++ b/code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts @@ -1,14 +1,5 @@ import { Meta, moduleMetadata, StoryFn } from '@storybook/angular'; -import { Button } from '../../angular-demo'; - -export default { - title: 'Core / Story host styles', - decorators: [ - moduleMetadata({ - declarations: [Button], - }), - ], -} as Meta; +import Button from '../../button.component'; export const TemplateStory: StoryFn = () => ({ template: ``, @@ -47,3 +38,13 @@ WithArgsStory.argTypes = { WithArgsStory.args = { text: 'Button with custom styles', }; + +export default { + // title: 'Core / Story host styles', + component: TemplateStory, + decorators: [ + moduleMetadata({ + declarations: [Button], + }), + ], +} as Meta; diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-button/__snapshots__/doc-button.stories.storyshot b/code/frameworks/angular/template/stories/docgen-components/doc-button/__snapshots__/doc-button.stories.storyshot deleted file mode 100644 index 8140c987aa73..000000000000 --- a/code/frameworks/angular/template/stories/docgen-components/doc-button/__snapshots__/doc-button.stories.storyshot +++ /dev/null @@ -1,43 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Docs/DocButton Basic 1`] = ` - - - - - -`; - -exports[`Storyshots Addons/Docs/DocButton With Template 1`] = ` - - - - - -`; diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.stories.mdx b/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.stories.mdx deleted file mode 100644 index 517fac05b046..000000000000 --- a/code/frameworks/angular/template/stories/docgen-components/doc-button/doc-button.stories.mdx +++ /dev/null @@ -1,10 +0,0 @@ -import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'; -import { DocButtonComponent } from './doc-button.component'; - - - -# ArgsTable in MDX with default values - -`theDefaultValue` should show the default value from the component comments - - diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-directive/__snapshots__/doc-directive.stories.storyshot b/code/frameworks/angular/template/stories/docgen-components/doc-directive/__snapshots__/doc-directive.stories.storyshot deleted file mode 100644 index dcd5223c795f..000000000000 --- a/code/frameworks/angular/template/stories/docgen-components/doc-directive/__snapshots__/doc-directive.stories.storyshot +++ /dev/null @@ -1,15 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Docs/DocDirective Basic 1`] = ` - -
-

- DocDirective -

-
- -`; diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-injectable/__snapshots__/doc-injectable.stories.storyshot b/code/frameworks/angular/template/stories/docgen-components/doc-injectable/__snapshots__/doc-injectable.stories.storyshot deleted file mode 100644 index 04582c4cdaf4..000000000000 --- a/code/frameworks/angular/template/stories/docgen-components/doc-injectable/__snapshots__/doc-injectable.stories.storyshot +++ /dev/null @@ -1,11 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Docs/DocInjectable Basic 1`] = ` - -
-

- DocInjectable -

-
- -`; diff --git a/code/frameworks/angular/template/stories/docgen-components/doc-pipe/__snapshots__/doc-pipe.stories.storyshot b/code/frameworks/angular/template/stories/docgen-components/doc-pipe/__snapshots__/doc-pipe.stories.storyshot deleted file mode 100644 index 50e37db418e1..000000000000 --- a/code/frameworks/angular/template/stories/docgen-components/doc-pipe/__snapshots__/doc-pipe.stories.storyshot +++ /dev/null @@ -1,11 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Addons/Docs/DocPipe Basic 1`] = ` - -
-

- DOCPIPE -

-
- -`; diff --git a/code/examples/angular-cli/src/stories/others/issues/12009-unknown-component.stories.ts b/code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts similarity index 71% rename from code/examples/angular-cli/src/stories/others/issues/12009-unknown-component.stories.ts rename to code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts index a084c754feac..341107732a9c 100644 --- a/code/examples/angular-cli/src/stories/others/issues/12009-unknown-component.stories.ts +++ b/code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts @@ -1,8 +1,8 @@ import type { Meta, StoryFn } from '@storybook/angular'; -import { Button } from '../../angular-demo'; +import Button from '../../button.component'; export default { - title: 'Others / Issues / 12009 unknown component', + // title: 'Others / Issues / 12009 unknown component', component: Button, } as Meta; diff --git a/code/examples/angular-cli/src/stories/others/ngx-translate/README.stories.mdx b/code/frameworks/angular/template/stories/others/ngx-translate/README.stories.mdx similarity index 96% rename from code/examples/angular-cli/src/stories/others/ngx-translate/README.stories.mdx rename to code/frameworks/angular/template/stories/others/ngx-translate/README.stories.mdx index 12abda943c4e..32d1cfcd3b7b 100644 --- a/code/examples/angular-cli/src/stories/others/ngx-translate/README.stories.mdx +++ b/code/frameworks/angular/template/stories/others/ngx-translate/README.stories.mdx @@ -1,6 +1,6 @@ import { Meta } from '@storybook/addon-docs'; - + # [ngx-translate](https://github.com/ngx-translate/core) diff --git a/code/frameworks/angular/template/stories/parent.component.ts b/code/frameworks/angular/template/stories/parent.component.ts deleted file mode 100644 index f49ce1bb1873..000000000000 --- a/code/frameworks/angular/template/stories/parent.component.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { Component, Input, Output, EventEmitter } from '@angular/core'; - -@Component({ - selector: 'parent-component', - template: ` - Parent
- Input text: {{ parentText }}
- Output :
-
- `, -}) -export default class ParentComponent { - @Input() - parentText = ''; - - @Output() - onClickParent = new EventEmitter(); -} diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json index 0ca2bef180a3..122c34b04dfc 100644 --- a/code/frameworks/ember/package.json +++ b/code/frameworks/ember/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/ember", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.", "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember", "bugs": { @@ -30,11 +30,11 @@ "prep": "node ../../../scripts/prepare.js" }, "dependencies": { - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/core-client": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/docs-tools": "7.0.0-alpha.35", - "@storybook/store": "7.0.0-alpha.35", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/core-client": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/docs-tools": "7.0.0-alpha.38", + "@storybook/store": "7.0.0-alpha.38", "global": "^4.4.0", "react": "16.14.0", "react-dom": "16.14.0", @@ -57,5 +57,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/ember/src/client/preview/index.ts b/code/frameworks/ember/src/client/preview/index.ts index b5c61e5a1561..9327fbfe7556 100644 --- a/code/frameworks/ember/src/client/preview/index.ts +++ b/code/frameworks/ember/src/client/preview/index.ts @@ -5,8 +5,7 @@ import { renderToDOM } from './render'; const { configure: coreConfigure, clientApi, forceReRender } = start(renderToDOM); -export const { setAddon, addDecorator, addParameters, clearDecorators, getStorybook, raw } = - clientApi; +export const { raw } = clientApi; const FRAMEWORK = 'ember'; export const storiesOf = (kind: string, m: any) => diff --git a/code/frameworks/ember/src/index.ts b/code/frameworks/ember/src/index.ts index 482cff02a3c0..db22918233c3 100644 --- a/code/frameworks/ember/src/index.ts +++ b/code/frameworks/ember/src/index.ts @@ -1,15 +1,6 @@ /// -export { - storiesOf, - setAddon, - addDecorator, - addParameters, - configure, - getStorybook, - forceReRender, - raw, -} from './client/preview'; +export { storiesOf, configure, forceReRender, raw } from './client/preview'; // optimization: stop HMR propagation in webpack module?.hot?.decline(); diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json index fd53eb660e1c..1cfaaf7dd1a4 100644 --- a/code/frameworks/html-webpack5/package.json +++ b/code/frameworks/html-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/html-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -50,11 +50,11 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/html": "7.0.0-alpha.35", - "@storybook/preset-html-webpack": "7.0.0-alpha.35", - "@types/node": "^14.14.20 || ^16.0.0", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/html": "7.0.0-alpha.38", + "@storybook/preset-html-webpack": "7.0.0-alpha.38", + "@types/node": "^16.0.0", "global": "^4.4.0", "react": "16.14.0", "react-dom": "16.14.0" @@ -78,5 +78,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/html-webpack5/src/index.ts b/code/frameworks/html-webpack5/src/index.ts index a5fd712c4ce5..fcb073fefcd6 100644 --- a/code/frameworks/html-webpack5/src/index.ts +++ b/code/frameworks/html-webpack5/src/index.ts @@ -1,2 +1 @@ -export * from '@storybook/html'; export * from './types'; diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json index 1b11b2ddfad4..00df575eb375 100644 --- a/code/frameworks/preact-webpack5/package.json +++ b/code/frameworks/preact-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/preact-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Preact: Develop Preact Component in isolation.", "keywords": [ "storybook" @@ -50,11 +50,11 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/preact": "7.0.0-alpha.35", - "@storybook/preset-preact-webpack": "7.0.0-alpha.35", - "@types/node": "^14.14.20 || ^16.0.0", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/preact": "7.0.0-alpha.38", + "@storybook/preset-preact-webpack": "7.0.0-alpha.38", + "@types/node": "^16.0.0", "react": "16.14.0", "react-dom": "16.14.0" }, @@ -79,5 +79,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/preact-webpack5/src/index.ts b/code/frameworks/preact-webpack5/src/index.ts index 6a07f64e6833..fcb073fefcd6 100644 --- a/code/frameworks/preact-webpack5/src/index.ts +++ b/code/frameworks/preact-webpack5/src/index.ts @@ -1,2 +1 @@ -export * from '@storybook/preact'; export * from './types'; diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json index a9b8ef09e1a3..aaf8347d10fb 100644 --- a/code/frameworks/react-vite/package.json +++ b/code/frameworks/react-vite/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/react-vite", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -53,13 +53,13 @@ "dependencies": { "@joshwooding/vite-plugin-react-docgen-typescript": "^0.0.5", "@rollup/pluginutils": "^4.2.0", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/builder-vite": "7.0.0-alpha.35", - "@storybook/channel-postmessage": "7.0.0-alpha.35", - "@storybook/channel-websocket": "7.0.0-alpha.35", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/react": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/builder-vite": "7.0.0-alpha.38", + "@storybook/channel-postmessage": "7.0.0-alpha.38", + "@storybook/channel-websocket": "7.0.0-alpha.38", + "@storybook/client-api": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/react": "7.0.0-alpha.38", "@vitejs/plugin-react": "^2.0.0", "ast-types": "^0.14.2", "magic-string": "^0.26.1", @@ -67,7 +67,7 @@ "vite": "^3.1.3" }, "devDependencies": { - "@types/node": "^14.14.20 || ^16.0.0", + "@types/node": "^16.0.0", "typescript": "~4.6.3", "vite": "^3.1.3" }, @@ -88,5 +88,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/react-vite/src/index.ts b/code/frameworks/react-vite/src/index.ts index 058402e1dc78..8fbdfff5e6e2 100644 --- a/code/frameworks/react-vite/src/index.ts +++ b/code/frameworks/react-vite/src/index.ts @@ -5,5 +5,4 @@ export { addons } from '@storybook/addons'; export { composeConfigs, PreviewWeb } from '@storybook/preview-web'; export { ClientApi } from '@storybook/client-api'; -export * from '@storybook/react'; export type { StorybookConfig } from '@storybook/builder-vite'; diff --git a/code/frameworks/react-vite/src/plugins/react-docgen.ts b/code/frameworks/react-vite/src/plugins/react-docgen.ts index 46a99b7d8881..0561456f8618 100644 --- a/code/frameworks/react-vite/src/plugins/react-docgen.ts +++ b/code/frameworks/react-vite/src/plugins/react-docgen.ts @@ -6,7 +6,7 @@ import { resolver as docgenResolver, importers as docgenImporters, } from 'react-docgen'; -import type { DocumentationObject } from 'react-docgen/lib/Documentation'; +import type { DocumentationObject } from 'react-docgen/dist/Documentation'; import MagicString from 'magic-string'; import type { PluginOption } from 'vite'; import actualNameHandler from './docgen-handlers/actualNameHandler'; diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json index db990dab3045..12ec76ae1f19 100644 --- a/code/frameworks/react-webpack5/package.json +++ b/code/frameworks/react-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/react-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -51,10 +51,10 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/preset-react-webpack": "7.0.0-alpha.35", - "@storybook/react": "7.0.0-alpha.35", - "@types/node": "^14.14.20 || ^16.0.0" + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/preset-react-webpack": "7.0.0-alpha.38", + "@storybook/react": "7.0.0-alpha.38", + "@types/node": "^16.0.0" }, "devDependencies": { "jest-specific-snapshot": "^4.0.0", @@ -86,5 +86,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/react-webpack5/src/index.ts b/code/frameworks/react-webpack5/src/index.ts index c3a049105c14..fcb073fefcd6 100644 --- a/code/frameworks/react-webpack5/src/index.ts +++ b/code/frameworks/react-webpack5/src/index.ts @@ -1,2 +1 @@ -export * from '@storybook/react'; export * from './types'; diff --git a/code/frameworks/react-webpack5/src/typings.d.ts b/code/frameworks/react-webpack5/src/typings.d.ts index f21e29cca314..066cca1fbd09 100644 --- a/code/frameworks/react-webpack5/src/typings.d.ts +++ b/code/frameworks/react-webpack5/src/typings.d.ts @@ -1,4 +1,3 @@ -declare module '@storybook/semver'; declare module 'global'; // TODO: Replace, as soon as @types/react-dom 17.0.14 is used diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json index 26889e59ed39..22029bd7ede3 100644 --- a/code/frameworks/server-webpack5/package.json +++ b/code/frameworks/server-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/server-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -50,11 +50,11 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/preset-server-webpack": "7.0.0-alpha.35", - "@storybook/server": "7.0.0-alpha.35", - "@types/node": "^14.14.20 || ^16.0.0", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/preset-server-webpack": "7.0.0-alpha.38", + "@storybook/server": "7.0.0-alpha.38", + "@types/node": "^16.0.0", "react": "16.14.0", "react-dom": "16.14.0" }, @@ -74,5 +74,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/server-webpack5/src/index.ts b/code/frameworks/server-webpack5/src/index.ts index 098058fdbc0e..fcb073fefcd6 100644 --- a/code/frameworks/server-webpack5/src/index.ts +++ b/code/frameworks/server-webpack5/src/index.ts @@ -1,2 +1 @@ -export * from '@storybook/server'; export * from './types'; diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json index 1222d220e903..c5181ba711f3 100644 --- a/code/frameworks/svelte-vite/package.json +++ b/code/frameworks/svelte-vite/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/svelte-vite", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -52,14 +52,14 @@ }, "dependencies": { "@storybook/addon-svelte-csf": "^2.0.0", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/builder-vite": "7.0.0-alpha.35", - "@storybook/channel-postmessage": "7.0.0-alpha.35", - "@storybook/channel-websocket": "7.0.0-alpha.35", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/svelte": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/builder-vite": "7.0.0-alpha.38", + "@storybook/channel-postmessage": "7.0.0-alpha.38", + "@storybook/channel-websocket": "7.0.0-alpha.38", + "@storybook/client-api": "7.0.0-alpha.38", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/svelte": "7.0.0-alpha.38", "@sveltejs/vite-plugin-svelte": "^1.0.0", "magic-string": "^0.26.1", "svelte": "^3.0.0", @@ -67,7 +67,7 @@ "vite": "^3.1.3" }, "devDependencies": { - "@types/node": "^14.14.20 || ^16.0.0", + "@types/node": "^16.0.0", "typescript": "~4.6.3", "vite": "^3.1.3" }, @@ -92,5 +92,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/svelte-vite/src/index.ts b/code/frameworks/svelte-vite/src/index.ts index a8832a0b6949..8fbdfff5e6e2 100644 --- a/code/frameworks/svelte-vite/src/index.ts +++ b/code/frameworks/svelte-vite/src/index.ts @@ -5,5 +5,4 @@ export { addons } from '@storybook/addons'; export { composeConfigs, PreviewWeb } from '@storybook/preview-web'; export { ClientApi } from '@storybook/client-api'; -export * from '@storybook/svelte'; export type { StorybookConfig } from '@storybook/builder-vite'; diff --git a/code/frameworks/svelte-vite/src/plugins/csf-plugin.ts b/code/frameworks/svelte-vite/src/plugins/csf-plugin.ts index 294090fde02d..bc2e6df710e9 100644 --- a/code/frameworks/svelte-vite/src/plugins/csf-plugin.ts +++ b/code/frameworks/svelte-vite/src/plugins/csf-plugin.ts @@ -1,5 +1,7 @@ +// @ts-expect-error (TODO) import { getNameFromFilename } from '@storybook/addon-svelte-csf/dist/cjs/parser/svelte-stories-loader'; import { readFileSync } from 'fs'; +// @ts-expect-error (TODO) import { extractStories } from '@storybook/addon-svelte-csf/dist/cjs/parser/extract-stories'; import type { Options } from '@sveltejs/vite-plugin-svelte'; import * as svelte from 'svelte/compiler'; diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json index 924b6b4b16ed..2e0acffe5bcb 100644 --- a/code/frameworks/svelte-webpack5/package.json +++ b/code/frameworks/svelte-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/svelte-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -51,10 +51,10 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/preset-svelte-webpack": "7.0.0-alpha.35", - "@storybook/svelte": "7.0.0-alpha.35", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/preset-svelte-webpack": "7.0.0-alpha.38", + "@storybook/svelte": "7.0.0-alpha.38", "react": "16.14.0", "react-dom": "16.14.0" }, @@ -81,5 +81,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/svelte-webpack5/src/index.ts b/code/frameworks/svelte-webpack5/src/index.ts index 07de4359ae11..fcb073fefcd6 100644 --- a/code/frameworks/svelte-webpack5/src/index.ts +++ b/code/frameworks/svelte-webpack5/src/index.ts @@ -1,2 +1 @@ -export * from '@storybook/svelte'; export * from './types'; diff --git a/code/frameworks/vue-vite/package.json b/code/frameworks/vue-vite/package.json index 02eb7f501ef1..f292e517a227 100644 --- a/code/frameworks/vue-vite/package.json +++ b/code/frameworks/vue-vite/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/vue-vite", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Vue2 and Vite: Develop Vue2 Components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -50,15 +50,15 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/builder-vite": "7.0.0-alpha.35", - "@storybook/channel-postmessage": "7.0.0-alpha.35", - "@storybook/channel-websocket": "7.0.0-alpha.35", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/core-server": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/vue": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/builder-vite": "7.0.0-alpha.38", + "@storybook/channel-postmessage": "7.0.0-alpha.38", + "@storybook/channel-websocket": "7.0.0-alpha.38", + "@storybook/client-api": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/core-server": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/vue": "7.0.0-alpha.38", "magic-string": "^0.26.1", "vite": "^3.1.3", "vue-docgen-api": "^4.40.0" @@ -83,5 +83,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/vue-vite/src/index.ts b/code/frameworks/vue-vite/src/index.ts index f2f5e26c1ee6..8fbdfff5e6e2 100644 --- a/code/frameworks/vue-vite/src/index.ts +++ b/code/frameworks/vue-vite/src/index.ts @@ -5,5 +5,4 @@ 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/tsconfig.json b/code/frameworks/vue-vite/tsconfig.json index 88fbabf6e314..1f9bdf2596c3 100644 --- a/code/frameworks/vue-vite/tsconfig.json +++ b/code/frameworks/vue-vite/tsconfig.json @@ -2,6 +2,7 @@ "extends": "../../tsconfig.json", "compilerOptions": { "strict": true, + "skipLibCheck": true, "resolveJsonModule": true }, "include": ["src/**/*"], diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json index 3cb6521256bd..c49dbfb3a63d 100644 --- a/code/frameworks/vue-webpack5/package.json +++ b/code/frameworks/vue-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/vue-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -50,11 +50,11 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/preset-vue-webpack": "7.0.0-alpha.35", - "@storybook/vue": "7.0.0-alpha.35", - "@types/node": "^14.14.20 || ^16.0.0", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/preset-vue-webpack": "7.0.0-alpha.38", + "@storybook/vue": "7.0.0-alpha.38", + "@types/node": "^16.0.0", "react": "16.14.0", "react-dom": "16.14.0" }, @@ -85,5 +85,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/vue-webpack5/src/index.ts b/code/frameworks/vue-webpack5/src/index.ts index e9de1f241dd5..fcb073fefcd6 100644 --- a/code/frameworks/vue-webpack5/src/index.ts +++ b/code/frameworks/vue-webpack5/src/index.ts @@ -1,2 +1 @@ -export * from '@storybook/vue'; export * from './types'; diff --git a/code/frameworks/vue-webpack5/tsconfig.json b/code/frameworks/vue-webpack5/tsconfig.json index 88fbabf6e314..1f9bdf2596c3 100644 --- a/code/frameworks/vue-webpack5/tsconfig.json +++ b/code/frameworks/vue-webpack5/tsconfig.json @@ -2,6 +2,7 @@ "extends": "../../tsconfig.json", "compilerOptions": { "strict": true, + "skipLibCheck": true, "resolveJsonModule": true }, "include": ["src/**/*"], diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json index 4d8b865e55e7..22f74994df9f 100644 --- a/code/frameworks/vue3-vite/package.json +++ b/code/frameworks/vue3-vite/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/vue3-vite", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -51,21 +51,21 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/builder-vite": "7.0.0-alpha.35", - "@storybook/channel-postmessage": "7.0.0-alpha.35", - "@storybook/channel-websocket": "7.0.0-alpha.35", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/core-server": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/vue3": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/builder-vite": "7.0.0-alpha.38", + "@storybook/channel-postmessage": "7.0.0-alpha.38", + "@storybook/channel-websocket": "7.0.0-alpha.38", + "@storybook/client-api": "7.0.0-alpha.38", + "@storybook/core-server": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/vue3": "7.0.0-alpha.38", "@vitejs/plugin-vue": "^3.0.0", "magic-string": "^0.26.1", "vite": "^3.1.3", "vue-docgen-api": "^4.40.0" }, "devDependencies": { - "@types/node": "^14.14.20 || ^16.0.0", + "@types/node": "^16.0.0", "typescript": "~4.6.3", "vite": "^3.1.3" }, @@ -82,5 +82,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/vue3-vite/src/index.ts b/code/frameworks/vue3-vite/src/index.ts index dc3b83ca45a9..8fbdfff5e6e2 100644 --- a/code/frameworks/vue3-vite/src/index.ts +++ b/code/frameworks/vue3-vite/src/index.ts @@ -5,5 +5,4 @@ export { addons } from '@storybook/addons'; export { composeConfigs, PreviewWeb } from '@storybook/preview-web'; export { ClientApi } from '@storybook/client-api'; -export * from '@storybook/vue3'; export type { StorybookConfig } from '@storybook/builder-vite'; diff --git a/code/frameworks/vue3-vite/tsconfig.json b/code/frameworks/vue3-vite/tsconfig.json index 534e4ddd108a..d710036f4bec 100644 --- a/code/frameworks/vue3-vite/tsconfig.json +++ b/code/frameworks/vue3-vite/tsconfig.json @@ -3,6 +3,7 @@ "compilerOptions": { "rootDir": "./src", "types": ["node"], + "skipLibCheck": true, "resolveJsonModule": true }, "include": ["src/**/*"], diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json index fed71e848757..f5ea732ab0a3 100644 --- a/code/frameworks/vue3-webpack5/package.json +++ b/code/frameworks/vue3-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/vue3-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -50,11 +50,11 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/preset-vue3-webpack": "7.0.0-alpha.35", - "@storybook/vue3": "7.0.0-alpha.35", - "@types/node": "^14.14.20 || ^16.0.0", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/preset-vue3-webpack": "7.0.0-alpha.38", + "@storybook/vue3": "7.0.0-alpha.38", + "@types/node": "^16.0.0", "react": "16.14.0", "react-dom": "16.14.0" }, @@ -82,5 +82,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/vue3-webpack5/src/index.ts b/code/frameworks/vue3-webpack5/src/index.ts index 034adb8b02a6..fcb073fefcd6 100644 --- a/code/frameworks/vue3-webpack5/src/index.ts +++ b/code/frameworks/vue3-webpack5/src/index.ts @@ -1,2 +1 @@ -export * from '@storybook/vue3'; export * from './types'; diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json index 6c4a4a54cf89..4fec2b6b936b 100644 --- a/code/frameworks/web-components-vite/package.json +++ b/code/frameworks/web-components-vite/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/web-components-vite", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -51,21 +51,21 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/builder-vite": "7.0.0-alpha.35", - "@storybook/channel-postmessage": "7.0.0-alpha.35", - "@storybook/channel-websocket": "7.0.0-alpha.35", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/core-server": "7.0.0-alpha.35", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/web-components": "7.0.0-alpha.35", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/builder-vite": "7.0.0-alpha.38", + "@storybook/channel-postmessage": "7.0.0-alpha.38", + "@storybook/channel-websocket": "7.0.0-alpha.38", + "@storybook/client-api": "7.0.0-alpha.38", + "@storybook/core-server": "7.0.0-alpha.38", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/web-components": "7.0.0-alpha.38", "@vitejs/plugin-vue": "^3.0.3", "magic-string": "^0.26.1", "vite": "3" }, "devDependencies": { - "@types/node": "^14.14.20 || ^16.0.0", + "@types/node": "^16.0.0", "typescript": "~4.6.3", "vite": "^3.1.0" }, @@ -82,5 +82,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/web-components-vite/src/index.ts b/code/frameworks/web-components-vite/src/index.ts index 535432f3e0d4..8fbdfff5e6e2 100644 --- a/code/frameworks/web-components-vite/src/index.ts +++ b/code/frameworks/web-components-vite/src/index.ts @@ -5,5 +5,4 @@ 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-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json index cb44b38eb155..6d75179424f9 100644 --- a/code/frameworks/web-components-webpack5/package.json +++ b/code/frameworks/web-components-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/web-components-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.", "keywords": [ "lit-html", @@ -53,11 +53,11 @@ }, "dependencies": { "@babel/preset-env": "^7.12.11", - "@storybook/builder-webpack5": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/preset-web-components-webpack": "7.0.0-alpha.35", - "@storybook/web-components": "7.0.0-alpha.35", - "@types/node": "^14.14.20 || ^16.0.0", + "@storybook/builder-webpack5": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/preset-web-components-webpack": "7.0.0-alpha.38", + "@storybook/web-components": "7.0.0-alpha.38", + "@types/node": "^16.0.0", "react": "16.14.0", "react-dom": "16.14.0" }, @@ -81,5 +81,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/frameworks/web-components-webpack5/src/index.ts b/code/frameworks/web-components-webpack5/src/index.ts index 538d3b3a6d67..fcb073fefcd6 100644 --- a/code/frameworks/web-components-webpack5/src/index.ts +++ b/code/frameworks/web-components-webpack5/src/index.ts @@ -1,2 +1 @@ -export * from '@storybook/web-components'; export * from './types'; diff --git a/code/jest.config.js b/code/jest.config.js index 7c119dbafd80..b62abe214d68 100644 --- a/code/jest.config.js +++ b/code/jest.config.js @@ -27,23 +27,13 @@ module.exports = { projects: [ '', // '/app/angular', - // '/examples/html-kitchen-sink', // '/examples/svelte-kitchen-sink', // '/examples/vue-kitchen-sink', - // '/examples/angular-cli', - // '/examples/preact-kitchen-sink', // This is explicitly commented out because having vue 2 & 3 in the // dependency graph makes it impossible to run storyshots on both examples // '/examples/vue-3-cli', ], - roots: [ - '/addons', - '/frameworks', - '/lib', - '/renderers', - '/examples/official-storybook', - '/examples/react-ts', - ], + roots: ['/addons', '/frameworks', '/lib', '/renderers'], transform: { '^.+\\.stories\\.[jt]sx?$': '@storybook/addon-storyshots/injectFileName', '^.+\\.[jt]sx?$': '/../scripts/utils/jest-transform-js.js', diff --git a/code/jest.init.ts b/code/jest.init.ts index 8c49f8647736..bf6a5ee3a9af 100644 --- a/code/jest.init.ts +++ b/code/jest.init.ts @@ -43,7 +43,7 @@ const ignoreList = [ (error: any) => error.message.includes('react-async-component-lifecycle-hooks') && error.stack.includes('addons/knobs/src/components/__tests__/Options.js'), - // Storyshots blows up if your project includes a (non stories.) mdx file (react-ts does). + // Storyshots blows up if your project includes a (non stories.) mdx file. (error: any) => error.message.match(/Unexpected error while loading .*(? { [key: string]: ClientApiAddon; } -// Old types for getStorybook() -export interface IStorybookStory { - name: string; - render: (context: any) => any; -} - -export interface IStorybookSection { - kind: string; - stories: IStorybookStory[]; -} - export type ClientApiReturnFn = ( ...args: any[] ) => StoryApi; @@ -198,8 +187,6 @@ export interface StoryApi { export interface ClientStoryApi { storiesOf(kind: StoryKind, module: any): StoryApi; - addDecorator(decorator: DecoratorFunction): StoryApi; - addParameters(parameter: Parameters): StoryApi; } type LoadFn = () => any; diff --git a/code/lib/api/package.json b/code/lib/api/package.json index c1da2659f2fb..b768bf023880 100644 --- a/code/lib/api/package.json +++ b/code/lib/api/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/api", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Core Storybook API & Context", "keywords": [ "storybook" @@ -45,17 +45,17 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/channels": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/router": "7.0.0-alpha.35", - "@storybook/semver": "^7.3.2", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/channels": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/router": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "dequal": "^2.0.2", "global": "^4.4.0", "lodash": "^4.17.21", "memoizerific": "^1.11.3", + "semver": "^7.3.7", "store2": "^2.12.0", "telejson": "^6.0.8", "ts-dedent": "^2.0.0", @@ -63,7 +63,7 @@ }, "devDependencies": { "@jest/globals": "^26.6.2", - "@storybook/core-common": "7.0.0-alpha.35", + "@storybook/core-common": "7.0.0-alpha.38", "@types/lodash": "^4.14.167", "@types/qs": "^6", "flush-promises": "^1.0.2", @@ -83,5 +83,5 @@ "./src/shortcut.ts" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/api/src/lib/shortcut.ts b/code/lib/api/src/lib/shortcut.ts index 2a16a9ddfa47..8a3416caca45 100644 --- a/code/lib/api/src/lib/shortcut.ts +++ b/code/lib/api/src/lib/shortcut.ts @@ -1,7 +1,7 @@ import global from 'global'; // The shortcut is our JSON-ifiable representation of a shortcut combination -import type { KeyCollection, Event } from '../modules/shortcuts'; +import type { KeyCollection } from '../modules/shortcuts'; const { navigator } = global; @@ -14,9 +14,15 @@ export const optionOrAltSymbol = () => (isMacLike() ? '⌥' : 'alt'); export const isShortcutTaken = (arr1: string[], arr2: string[]): boolean => JSON.stringify(arr1) === JSON.stringify(arr2); +// A subset of `KeyboardEvent` that's serialized over the channel, see `PreviewWeb.tsx` +export type KeyboardEventLike = Pick< + KeyboardEvent, + 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey' | 'key' | 'code' | 'keyCode' | 'preventDefault' +>; + // Map a keyboard event to a keyboard shortcut // NOTE: if we change the fields on the event that we need, we'll need to update the serialization in core/preview/start.js -export const eventToShortcut = (e: KeyboardEvent): KeyCollection | null => { +export const eventToShortcut = (e: KeyboardEventLike): KeyCollection | null => { // Meta key only doesn't map to a shortcut if (['Meta', 'Alt', 'Control', 'Shift'].includes(e.key)) { return null; @@ -72,7 +78,7 @@ export const shortcutMatchesShortcut = ( }; // Should this keyboard event trigger this keyboard shortcut? -export const eventMatchesShortcut = (e: Event, shortcut: KeyCollection): boolean => { +export const eventMatchesShortcut = (e: KeyboardEventLike, shortcut: KeyCollection): boolean => { return shortcutMatchesShortcut(eventToShortcut(e), shortcut); }; diff --git a/code/lib/api/src/lib/stories.ts b/code/lib/api/src/lib/stories.ts index 2019bc944ab1..814caf09ab6a 100644 --- a/code/lib/api/src/lib/stories.ts +++ b/code/lib/api/src/lib/stories.ts @@ -222,14 +222,6 @@ export interface StoryIndex { entries: Record; } -const warnLegacyShowRoots = deprecate( - () => {}, - dedent` - The 'showRoots' config option is deprecated and will be removed in Storybook 7.0. Use 'sidebar.showRoots' instead. - Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md - ` -); - const warnChangedDefaultHierarchySeparators = deprecate( () => {}, dedent` @@ -372,12 +364,9 @@ export const transformStoryIndexToStoriesHash = ( const v4Index = index.v === 4 ? index : transformStoryIndexV3toV4(index as any); const entryValues = Object.values(v4Index.entries); - const { sidebar = {}, showRoots: deprecatedShowRoots } = provider.getConfig(); - const { showRoots = deprecatedShowRoots, collapsedRoots = [], renderLabel } = sidebar; + const { sidebar = {} } = provider.getConfig(); + const { showRoots, collapsedRoots = [], renderLabel } = sidebar; const usesOldHierarchySeparator = entryValues.some(({ title }) => title.match(/\.|\|/)); // dot or pipe - if (typeof deprecatedShowRoots !== 'undefined') { - warnLegacyShowRoots(); - } const setShowRoots = typeof showRoots !== 'undefined'; if (usesOldHierarchySeparator && !setShowRoots && FEATURES?.warnOnLegacyHierarchySeparator) { diff --git a/code/lib/api/src/modules/addons.ts b/code/lib/api/src/modules/addons.ts index 5fb8deb9532c..46cae050ca39 100644 --- a/code/lib/api/src/modules/addons.ts +++ b/code/lib/api/src/modules/addons.ts @@ -1,20 +1,9 @@ import type { ReactElement } from 'react'; import type { RenderData } from '@storybook/router'; -import deprecate from 'util-deprecate'; -import { dedent } from 'ts-dedent'; import { ModuleFn } from '../index'; import { Options } from '../store'; -const warnDisabledDeprecated = deprecate( - () => {}, - dedent` - Use 'parameters.key.disable' instead of 'parameters.key.disabled'. - - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-disabled-parameter - ` -); - export type ViewMode = 'story' | 'info' | 'settings' | 'page' | undefined | string; export enum types { @@ -113,15 +102,7 @@ export const init: ModuleFn = ({ provider, store, fullAPI }) = const filteredPanels: Collection = {}; Object.entries(allPanels).forEach(([id, panel]) => { const { paramKey } = panel; - if ( - paramKey && - parameters && - parameters[paramKey] && - (parameters[paramKey].disabled || parameters[paramKey].disable) - ) { - if (parameters[paramKey].disabled) { - warnDisabledDeprecated(); - } + if (paramKey && parameters && parameters[paramKey] && parameters[paramKey].disable) { return; } filteredPanels[id] = panel; diff --git a/code/lib/api/src/modules/shortcuts.ts b/code/lib/api/src/modules/shortcuts.ts index 626dede58ce9..6e891e428f77 100644 --- a/code/lib/api/src/modules/shortcuts.ts +++ b/code/lib/api/src/modules/shortcuts.ts @@ -1,9 +1,10 @@ import global from 'global'; import { PREVIEW_KEYDOWN } from '@storybook/core-events'; +import { DOMElement } from 'react'; import type { ModuleFn } from '../index'; -import { shortcutMatchesShortcut, eventToShortcut } from '../lib/shortcut'; +import { shortcutMatchesShortcut, eventToShortcut, KeyboardEventLike } from '../lib/shortcut'; import { focusableUIElements } from './layout'; const { navigator, document } = global; @@ -31,7 +32,7 @@ export interface SubAPI { setAddonShortcut(addon: string, shortcut: AddonShortcut): Promise; restoreAllDefaultShortcuts(): Promise; restoreDefaultShortcut(action: Action): Promise; - handleKeydownEvent(event: Event): void; + handleKeydownEvent(event: KeyboardEventLike): void; handleShortcutFeature(feature: Action): void; } export type KeyCollection = string[]; @@ -92,21 +93,10 @@ export const defaultShortcuts: Shortcuts = Object.freeze({ }); const addonsShortcuts: AddonShortcuts = {}; -export interface Event extends KeyboardEvent { - target: { - tagName: string; - addEventListener(): void; - removeEventListener(): boolean; - dispatchEvent(event: Event): boolean; - getAttribute(attr: string): string | null; - }; -} -function focusInInput(event: Event) { - return ( - /input|textarea/i.test(event.target.tagName) || - event.target.getAttribute('contenteditable') !== null - ); +function focusInInput(event: KeyboardEvent) { + const target = event.target as Element; + return /input|textarea/i.test(target.tagName) || target.getAttribute('contenteditable') !== null; } export const init: ModuleFn = ({ store, fullAPI }) => { @@ -347,14 +337,14 @@ export const init: ModuleFn = ({ store, fullAPI }) => { const initModule = () => { // Listen for keydown events in the manager - document.addEventListener('keydown', (event: Event) => { + document.addEventListener('keydown', (event: KeyboardEvent) => { if (!focusInInput(event)) { fullAPI.handleKeydownEvent(event); } }); // Also listen to keydown events sent over the channel - fullAPI.on(PREVIEW_KEYDOWN, (data: { event: Event }) => { + fullAPI.on(PREVIEW_KEYDOWN, (data: { event: KeyboardEventLike }) => { fullAPI.handleKeydownEvent(data.event); }); }; diff --git a/code/lib/api/src/modules/versions.ts b/code/lib/api/src/modules/versions.ts index 4ef52162d3ee..52adc92c3b23 100644 --- a/code/lib/api/src/modules/versions.ts +++ b/code/lib/api/src/modules/versions.ts @@ -1,5 +1,5 @@ import global from 'global'; -import semver from '@storybook/semver'; +import semver from 'semver'; import memoize from 'memoizerific'; import { version as currentVersion } from '../version'; diff --git a/code/lib/api/src/typings.d.ts b/code/lib/api/src/typings.d.ts index 07361984828c..120e82d8e42f 100644 --- a/code/lib/api/src/typings.d.ts +++ b/code/lib/api/src/typings.d.ts @@ -1,3 +1,2 @@ declare module 'global'; declare module 'preval.macro'; -declare module '@storybook/semver'; diff --git a/code/lib/api/src/version.ts b/code/lib/api/src/version.ts index c7b0e4a0c893..1139007c7ac6 100644 --- a/code/lib/api/src/version.ts +++ b/code/lib/api/src/version.ts @@ -1 +1 @@ -export const version = '7.0.0-alpha.35'; +export const version = '7.0.0-alpha.38'; diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json index c5301d94a0b4..7f8d1528bf4b 100644 --- a/code/lib/blocks/package.json +++ b/code/lib/blocks/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/blocks", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook Doc Blocks", "keywords": [ "storybook" @@ -41,16 +41,16 @@ "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/api": "7.0.0-alpha.35", - "@storybook/channels": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/csf": "0.0.2--canary.0899bb7.0", - "@storybook/docs-tools": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/store": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/channels": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/csf": "0.0.2--canary.49.258942b.0", + "@storybook/docs-tools": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/store": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", "color-convert": "^2.0.1", "dequal": "^2.0.2", "global": "^4.4.0", @@ -63,8 +63,8 @@ "util-deprecate": "^1.0.2" }, "devDependencies": { - "@storybook/addon-actions": "7.0.0-alpha.35", - "@storybook/addons": "7.0.0-alpha.35", + "@storybook/addon-actions": "7.0.0-alpha.38", + "@storybook/addons": "7.0.0-alpha.38", "@types/color-convert": "^2.0.0" }, "peerDependencies": { @@ -78,5 +78,5 @@ "./src/index.ts" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/blocks/src/blocks/Preview.tsx b/code/lib/blocks/src/blocks/Preview.tsx deleted file mode 100644 index d3ac6ff312da..000000000000 --- a/code/lib/blocks/src/blocks/Preview.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React, { ComponentProps } from 'react'; -import deprecate from 'util-deprecate'; -import { dedent } from 'ts-dedent'; -import { Canvas } from './Canvas'; - -export const Preview = deprecate( - (props: ComponentProps) => , - dedent` - Preview doc block has been renamed to Canvas. - - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed - ` -); diff --git a/code/lib/blocks/src/blocks/index.ts b/code/lib/blocks/src/blocks/index.ts index e407545418e1..9caaf7603ba9 100644 --- a/code/lib/blocks/src/blocks/index.ts +++ b/code/lib/blocks/src/blocks/index.ts @@ -13,7 +13,6 @@ export * from './external/ExternalDocs'; export * from './external/ExternalDocsContainer'; export * from './Heading'; export * from './Meta'; -export * from './Preview'; export * from './Primary'; export * from './Props'; export * from './Source'; diff --git a/code/lib/builder-manager/package.json b/code/lib/builder-manager/package.json index 23152f468c11..668834291f57 100644 --- a/code/lib/builder-manager/package.json +++ b/code/lib/builder-manager/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/builder-manager", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook manager builder", "keywords": [ "storybook" @@ -42,9 +42,9 @@ }, "dependencies": { "@fal-works/esbuild-plugin-global-externals": "^2.1.2", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/ui": "7.0.0-alpha.35", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/ui": "7.0.0-alpha.38", "@types/ejs": "^3.1.1", "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10", "browser-assert": "^1.2.1", @@ -68,5 +68,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/builder-manager/src/index.ts b/code/lib/builder-manager/src/index.ts index fb36d1e42638..10f4e5c5e209 100644 --- a/code/lib/builder-manager/src/index.ts +++ b/code/lib/builder-manager/src/index.ts @@ -23,8 +23,7 @@ import { getData } from './utils/data'; import { safeResolve } from './utils/safeResolve'; import { readOrderedFiles } from './utils/files'; -// eslint-disable-next-line import/no-mutable-exports -export let compilation: Compilation; +let compilation: Compilation; let asyncIterator: ReturnType | ReturnType; export const getConfig: ManagerBuilder['getConfig'] = async (options) => { @@ -128,7 +127,7 @@ const starter: StarterFunction = async function* starterGeneratorFn({ router.use(`/sb-addons`, express.static(addonsDir)); router.use(`/sb-manager`, express.static(coreDirOrigin)); - const { cssFiles, jsFiles } = await readOrderedFiles(addonsDir); + const { cssFiles, jsFiles } = await readOrderedFiles(addonsDir, compilation?.outputFiles); yield; @@ -193,7 +192,7 @@ const builder: BuilderFunction = async function* builderGeneratorFn({ startTime, yield; const managerFiles = copy(coreDirOrigin, coreDirTarget); - const { cssFiles, jsFiles } = await readOrderedFiles(addonsDir); + const { cssFiles, jsFiles } = await readOrderedFiles(addonsDir, compilation?.outputFiles); yield; diff --git a/code/lib/builder-manager/src/utils/files.test.ts b/code/lib/builder-manager/src/utils/files.test.ts new file mode 100644 index 000000000000..41d62ec82693 --- /dev/null +++ b/code/lib/builder-manager/src/utils/files.test.ts @@ -0,0 +1,19 @@ +import { sanitizePath } from './files'; + +test('sanitizePath', () => { + const addonsDir = '/Users/username/Projects/projectname/storybook'; + const text = 'demo text'; + const file = { + path: '/Users/username/Projects/projectname/storybook/node_modules/@storybook/addon-x+y/dist/manager.mjs', + contents: Uint8Array.from(Array.from(text).map((letter) => letter.charCodeAt(0))), + text, + }; + const { location, url } = sanitizePath(file, addonsDir); + + expect(location).toMatchInlineSnapshot( + `"/Users/username/Projects/projectname/storybook/node_modules/@storybook/addon-x+y/dist/manager.mjs"` + ); + expect(url).toMatchInlineSnapshot( + `"./sb-addons/node_modules/%40storybook/addon-x%2By/dist/manager.mjs"` + ); +}); diff --git a/code/lib/builder-manager/src/utils/files.ts b/code/lib/builder-manager/src/utils/files.ts index 56c6204ead56..0b7fd8fedba0 100644 --- a/code/lib/builder-manager/src/utils/files.ts +++ b/code/lib/builder-manager/src/utils/files.ts @@ -1,11 +1,19 @@ +import { OutputFile } from 'esbuild'; import { writeFile, ensureFile } from 'fs-extra'; -import { compilation } from '../index'; +import { join } from 'path'; +import { Compilation } from '../types'; -export async function readOrderedFiles(addonsDir: string) { +export async function readOrderedFiles( + addonsDir: string, + outputFiles: Compilation['outputFiles'] | undefined +) { const files = await Promise.all( - compilation?.outputFiles?.map(async (file) => { - await ensureFile(file.path).then(() => writeFile(file.path, file.contents)); - return file.path.replace(addonsDir, './sb-addons'); + outputFiles?.map(async (file) => { + // convert deeply nested paths to a single level, also remove special characters + const { location, url } = sanitizePath(file, addonsDir); + + await ensureFile(location).then(() => writeFile(location, file.contents)); + return url; }) || [] ); @@ -13,3 +21,10 @@ export async function readOrderedFiles(addonsDir: string) { const cssFiles = files.filter((file) => file.endsWith('.css')); return { cssFiles, jsFiles }; } + +export function sanitizePath(file: OutputFile, addonsDir: string) { + const filePath = file.path.replace(addonsDir, ''); + const location = join(addonsDir, filePath); + const url = `./sb-addons${filePath.split('/').map(encodeURIComponent).join('/')}`; + return { location, url }; +} diff --git a/code/lib/builder-vite/package.json b/code/lib/builder-vite/package.json index a4a4525282fd..24855772f204 100644 --- a/code/lib/builder-vite/package.json +++ b/code/lib/builder-vite/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/builder-vite", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "A plugin to run and build Storybooks with Vite", "homepage": "https://github.com/storybookjs/storybook/tree/main/code/lib/builder-vite/#readme", "repository": { @@ -19,13 +19,13 @@ }, "dependencies": { "@joshwooding/vite-plugin-react-docgen-typescript": "0.0.5", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", + "@storybook/client-api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", "@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/source-loader": "7.0.0-alpha.35", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/source-loader": "7.0.0-alpha.38", "@vitejs/plugin-react": "^2.0.0", "browser-assert": "^1.2.1", "es-module-lexer": "^0.9.3", @@ -38,7 +38,7 @@ "devDependencies": { "@storybook/mdx2-csf": "^0.0.3", "@types/express": "^4.17.13", - "@types/node": "^17.0.23", + "@types/node": "^16.0.0", "typescript": "~4.6.3", "vite": "^3.1.3" }, @@ -53,5 +53,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/builder-vite/src/index.ts b/code/lib/builder-vite/src/index.ts index bb3b5dc1f98b..d72243c5130a 100644 --- a/code/lib/builder-vite/src/index.ts +++ b/code/lib/builder-vite/src/index.ts @@ -57,13 +57,25 @@ function iframeMiddleware(options: ExtendedOptions, server: ViteDevServer): Requ }; } +let server: ViteDevServer; + +export async function bail(e?: Error): Promise { + try { + return await server.close(); + } catch (err) { + console.warn('unable to close vite server'); + } + + throw e; +} + export const start: ViteBuilder['start'] = async ({ startTime, options, router, server: devServer, }) => { - const server = await createViteServer(options as ExtendedOptions, devServer); + server = await createViteServer(options as ExtendedOptions, devServer); // Just mock this endpoint (which is really Webpack-specific) so we don't get spammed with 404 in browser devtools // TODO: we should either show some sort of progress from Vite, or just try to disable the whole Loader in the Manager UI. @@ -75,16 +87,6 @@ export const start: ViteBuilder['start'] = async ({ router.use(iframeMiddleware(options as ExtendedOptions, server)); router.use(server.middlewares); - async function bail(e?: Error): Promise { - try { - return await server.close(); - } catch (err) { - console.warn('unable to close vite server'); - } - - throw e; - } - return { bail, stats: { toJson: () => null }, diff --git a/code/lib/builder-vite/src/vite-config.ts b/code/lib/builder-vite/src/vite-config.ts index a973f01940fa..a3c516de5e54 100644 --- a/code/lib/builder-vite/src/vite-config.ts +++ b/code/lib/builder-vite/src/vite-config.ts @@ -43,7 +43,7 @@ export async function commonConfig( const sbConfig = { configFile: false, - cacheDir: 'node_modules/.vite-storybook', + cacheDir: 'node_modules/.cache/.vite-storybook', root: path.resolve(options.configDir, '..'), plugins: await pluginConfig(options), resolve: { @@ -82,6 +82,19 @@ export async function pluginConfig(options: ExtendedOptions) { mdxPlugin(options), injectExportOrderPlugin, stripStoryHMRBoundary(), + { + name: 'storybook:allow-storybook-dir', + enforce: 'post', + config(config) { + // if there is NO allow list then Vite allows anything in the root directory + // if there is an allow list then Vite only allows anything in the listed directories + // add storybook specific directories only if there's an allow list so that we don't end up + // disallowing the root unless root is already disallowed + if (config?.server?.fs?.allow) { + config.server.fs.allow.push('.storybook'); + } + }, + }, ] as PluginOption[]; // We need the react plugin here to support MDX in non-react projects. diff --git a/code/lib/builder-vite/src/vite-server.ts b/code/lib/builder-vite/src/vite-server.ts index a8a1b35b1d46..10ee50c724e3 100644 --- a/code/lib/builder-vite/src/vite-server.ts +++ b/code/lib/builder-vite/src/vite-server.ts @@ -7,23 +7,24 @@ import { getOptimizeDeps } from './optimizeDeps'; export async function createViteServer(options: ExtendedOptions, devServer: Server) { const { presets } = options; - const config = await commonConfig(options, 'development'); + const commonCfg = await commonConfig(options, 'development'); - // Set up dev server - config.server = { - middlewareMode: true, - hmr: { - port: options.port, - server: devServer, - }, - fs: { - strict: true, + const config = { + ...commonCfg, + // Set up dev server + server: { + middlewareMode: true, + hmr: { + port: options.port, + server: devServer, + }, + fs: { + strict: true, + }, }, + appType: 'custom' as const, + optimizeDeps: await getOptimizeDeps(commonCfg, options), }; - config.appType = 'custom'; - - // TODO: find a way to avoid having to do this in a separate step. - config.optimizeDeps = await getOptimizeDeps(config, options); const finalConfig = await presets.apply('viteFinal', config, options); return createServer(finalConfig); diff --git a/code/lib/builder-webpack5/package.json b/code/lib/builder-webpack5/package.json index 956cc93f16bd..47421cd7cf4f 100644 --- a/code/lib/builder-webpack5/package.json +++ b/code/lib/builder-webpack5/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/builder-webpack5", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook framework-agnostic API", "keywords": [ "storybook" @@ -34,24 +34,24 @@ }, "dependencies": { "@babel/core": "^7.12.10", - "@storybook/addons": "7.0.0-alpha.35", - "@storybook/api": "7.0.0-alpha.35", - "@storybook/channel-postmessage": "7.0.0-alpha.35", - "@storybook/channel-websocket": "7.0.0-alpha.35", - "@storybook/channels": "7.0.0-alpha.35", - "@storybook/client-api": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/components": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", - "@storybook/core-webpack": "7.0.0-alpha.35", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/preview-web": "7.0.0-alpha.35", - "@storybook/router": "7.0.0-alpha.35", - "@storybook/semver": "^7.3.2", - "@storybook/store": "7.0.0-alpha.35", - "@storybook/theming": "7.0.0-alpha.35", - "@types/node": "^14.0.10 || ^16.0.0", + "@storybook/addons": "7.0.0-alpha.38", + "@storybook/api": "7.0.0-alpha.38", + "@storybook/channel-postmessage": "7.0.0-alpha.38", + "@storybook/channel-websocket": "7.0.0-alpha.38", + "@storybook/channels": "7.0.0-alpha.38", + "@storybook/client-api": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/components": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", + "@storybook/core-webpack": "7.0.0-alpha.38", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/preview-web": "7.0.0-alpha.38", + "@storybook/router": "7.0.0-alpha.38", + "@storybook/store": "7.0.0-alpha.38", + "@storybook/theming": "7.0.0-alpha.38", + "@types/node": "^16.0.0", + "@types/semver": "^7.3.4", "babel-loader": "^8.2.5", "babel-plugin-named-exports-order": "^0.0.2", "browser-assert": "^1.2.1", @@ -62,6 +62,7 @@ "html-webpack-plugin": "^5.5.0", "path-browserify": "^1.0.1", "process": "^0.11.10", + "semver": "^7.3.7", "style-loader": "^3.3.1", "terser-webpack-plugin": "^5.3.1", "ts-dedent": "^2.0.0", @@ -92,5 +93,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts b/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts index 3931f732aa94..4e4bbc7077d7 100644 --- a/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts +++ b/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts @@ -35,7 +35,6 @@ const storybookPaths: Record = { 'core-events', 'router', 'theming', - 'semver', 'preview-web', 'client-api', 'client-logger', diff --git a/code/lib/channel-postmessage/package.json b/code/lib/channel-postmessage/package.json index d55cb646db9a..84ffc73ab4a4 100644 --- a/code/lib/channel-postmessage/package.json +++ b/code/lib/channel-postmessage/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/channel-postmessage", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "", "keywords": [ "storybook" @@ -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,12 +39,12 @@ ], "scripts": { "check": "../../../scripts/node_modules/.bin/tsc --noEmit", - "prep": "node ../../../scripts/prepare.js" + "prep": "../../../scripts/prepare/bundle.ts" }, "dependencies": { - "@storybook/channels": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", - "@storybook/core-events": "7.0.0-alpha.35", + "@storybook/channels": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", + "@storybook/core-events": "7.0.0-alpha.38", "global": "^4.4.0", "qs": "^6.10.0", "telejson": "^6.0.8" @@ -47,5 +55,10 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "bundler": { + "entries": [ + "./src/index.ts" + ] + }, + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/channel-websocket/package.json b/code/lib/channel-websocket/package.json index bbe3d09ba5ce..2f2c51c46dc4 100644 --- a/code/lib/channel-websocket/package.json +++ b/code/lib/channel-websocket/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/channel-websocket", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "", "keywords": [ "storybook" @@ -34,8 +34,8 @@ "prep": "node ../../../scripts/prepare.js" }, "dependencies": { - "@storybook/channels": "7.0.0-alpha.35", - "@storybook/client-logger": "7.0.0-alpha.35", + "@storybook/channels": "7.0.0-alpha.38", + "@storybook/client-logger": "7.0.0-alpha.38", "global": "^4.4.0", "telejson": "^6.0.8" }, @@ -45,5 +45,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/channels/package.json b/code/lib/channels/package.json index d040c1149dc2..5c727b147fec 100644 --- a/code/lib/channels/package.json +++ b/code/lib/channels/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/channels", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "", "keywords": [ "storybook" @@ -41,10 +41,6 @@ "check": "../../../scripts/node_modules/.bin/tsc --noEmit", "prep": "../../../scripts/prepare/bundle.ts" }, - "dependencies": { - "ts-dedent": "^2.0.0", - "util-deprecate": "^1.0.2" - }, "devDependencies": { "typescript": "~4.6.3" }, @@ -56,5 +52,5 @@ "./src/index.ts" ] }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/channels/src/index.ts b/code/lib/channels/src/index.ts index 1745cff21b59..99a90a5a9e75 100644 --- a/code/lib/channels/src/index.ts +++ b/code/lib/channels/src/index.ts @@ -1,8 +1,5 @@ /// -import deprecate from 'util-deprecate'; -import { dedent } from 'ts-dedent'; - export type ChannelHandler = (event: ChannelEvent) => void; export interface ChannelTransport { @@ -62,15 +59,6 @@ export class Channel { this.events[eventName].push(listener); } - addPeerListener = deprecate( - (eventName: string, listener: Listener) => { - this.addListener(eventName, listener); - }, - dedent` - channel.addPeerListener is deprecated - ` - ); - emit(eventName: string, ...args: any) { const event: ChannelEvent = { type: eventName, args, from: this.sender }; let options = {}; diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json index da4f374a25c6..a99d95c3ac89 100644 --- a/code/lib/cli-sb/package.json +++ b/code/lib/cli-sb/package.json @@ -1,6 +1,6 @@ { "name": "sb", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook CLI", "keywords": [ "storybook" @@ -21,11 +21,10 @@ "license": "MIT", "bin": "./index.js", "scripts": { - "check": "../../../scripts/node_modules/.bin/tsc --noEmit", "prep": "node ../../../scripts/prepare.js" }, "dependencies": { - "@storybook/cli": "7.0.0-alpha.35" + "@storybook/cli": "7.0.0-alpha.38" }, "devDependencies": { "typescript": "~4.6.3" @@ -33,5 +32,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json index 2918ce25ce30..615cd75f69d7 100644 --- a/code/lib/cli-storybook/package.json +++ b/code/lib/cli-storybook/package.json @@ -1,6 +1,6 @@ { "name": "storybook", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook CLI", "keywords": [ "storybook" @@ -24,11 +24,10 @@ "storybook": "./index.js" }, "scripts": { - "check": "../../../scripts/node_modules/.bin/tsc --noEmit", "prep": "node ../../../scripts/prepare.js" }, "dependencies": { - "@storybook/cli": "7.0.0-alpha.35" + "@storybook/cli": "7.0.0-alpha.38" }, "devDependencies": { "typescript": "~4.6.3" @@ -36,5 +35,5 @@ "publishConfig": { "access": "public" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json index 716864e611fe..1984c5b7402a 100644 --- a/code/lib/cli/package.json +++ b/code/lib/cli/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/cli", - "version": "7.0.0-alpha.35", + "version": "7.0.0-alpha.38", "description": "Storybook's CLI - easiest method of adding storybook to your projects", "keywords": [ "cli", @@ -43,13 +43,13 @@ "dependencies": { "@babel/core": "^7.12.10", "@babel/preset-env": "^7.12.11", - "@storybook/codemod": "7.0.0-alpha.35", - "@storybook/core-common": "7.0.0-alpha.35", - "@storybook/core-server": "7.0.0-alpha.35", - "@storybook/csf-tools": "7.0.0-alpha.35", - "@storybook/node-logger": "7.0.0-alpha.35", - "@storybook/semver": "^7.3.2", - "@storybook/telemetry": "7.0.0-alpha.35", + "@storybook/codemod": "7.0.0-alpha.38", + "@storybook/core-common": "7.0.0-alpha.38", + "@storybook/core-server": "7.0.0-alpha.38", + "@storybook/csf-tools": "7.0.0-alpha.38", + "@storybook/node-logger": "7.0.0-alpha.38", + "@storybook/telemetry": "7.0.0-alpha.38", + "@types/semver": "^7.3.4", "boxen": "^5.1.2", "chalk": "^4.1.0", "commander": "^6.2.1", @@ -67,13 +67,14 @@ "prompts": "^2.4.0", "puppeteer-core": "^2.1.1", "read-pkg-up": "^7.0.1", + "semver": "^7.3.7", "shelljs": "^0.8.5", "strip-json-comments": "^3.0.1", "ts-dedent": "^2.0.0", "update-notifier": "^5.0.1" }, "devDependencies": { - "@storybook/client-api": "7.0.0-alpha.35", + "@storybook/client-api": "7.0.0-alpha.38", "@types/cross-spawn": "^6.0.2", "@types/degit": "^2.8.3", "@types/prompts": "^2.0.9", @@ -94,5 +95,5 @@ ], "platform": "node" }, - "gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1" + "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431" } diff --git a/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts b/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts index 34b329040d65..edefbdafbce7 100644 --- a/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts +++ b/code/lib/cli/rendererAssets/aurelia/1-Button.stories.ts @@ -7,7 +7,7 @@ export default { title: 'Button', component: Button, argTypes: { - text: { control: 'text' }, + label: { control: 'text' }, }, }; @@ -18,19 +18,19 @@ const Template = (args) => ({ export const Text = Template.bind({}); Text.args = { - text: 'Button', + label: 'Button', onClick: action('onClick'), }; export const Emoji = Template.bind({}); Emoji.args = { - text: '😀 😎 👍 💯', + label: '😀 😎 👍 💯', }; export const TextWithAction = () => ({ component: Button, props: { - text: 'Trigger Action', + label: 'Trigger Action', onClick: () => action('This was clicked')(), }, }); @@ -41,7 +41,7 @@ TextWithAction.parameters = { notes: 'My notes on a button with emojis' }; export const ButtonWithLinkToAnotherStory = () => ({ component: Button, props: { - text: 'Go to Welcome Story', + label: 'Go to Welcome Story', onClick: linkTo('example-introduction--page'), }, }); diff --git a/code/lib/cli/rendererAssets/aurelia/button.ts b/code/lib/cli/rendererAssets/aurelia/button.ts index 86cac656b57c..0c0f67b462dd 100644 --- a/code/lib/cli/rendererAssets/aurelia/button.ts +++ b/code/lib/cli/rendererAssets/aurelia/button.ts @@ -4,7 +4,7 @@ import { customElement, bindable } from 'aurelia'; name: 'storybook-button-component', template: `