diff --git a/.storybook/main.js b/.storybook/main.js index 3d2690bbe..38e32052e 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -2,14 +2,18 @@ require('dotenv').config(); module.exports = { addons: [ - 'storybook-addon-performance/register', + '@storybook/addon-essentials', '@storybook/addon-storysource', + 'storybook-addon-performance/register', ], check: true, checkOptions: { tsconfig: '../stories/tsconfig.json', }, - stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)'], + stories: [ + '../stories/**/*.stories.mdx', + '../stories/**/*.stories.@(js|jsx|ts|tsx)', + ], babel: async (options) => ({ ...options, presets: ['@emotion/babel-preset-css-prop', ...options.presets], diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index 113dbc616..734f46183 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -24,4 +24,10 @@ export const decorators = [ export const parameters = { layout: 'fullscreen', + + options: { + storySort: { + order: ['Welcome', 'Examples'], + }, + }, }; diff --git a/cypress/integration/focus.spec.ts b/cypress/integration/focus.spec.ts index 51dd49213..3dc2301cc 100644 --- a/cypress/integration/focus.spec.ts +++ b/cypress/integration/focus.spec.ts @@ -3,7 +3,7 @@ import { getHandleSelector, getDraggableSelector } from './util'; describe('focus', () => { it('should not steal focus if not already focused when lifting', () => { - cy.visit('/iframe.html?id=board--dragging-a-clone'); + cy.visit('/iframe.html?id=examples-board--dragging-a-clone'); // focusing on another handle cy.get(getHandleSelector('1')).focus(); cy.focused().should('contain', 'id:1'); @@ -45,7 +45,7 @@ describe('focus', () => { }); it('should maintain focus if dragging a clone', () => { - cy.visit('/iframe.html?id=board--dragging-a-clone'); + cy.visit('/iframe.html?id=examples-board--dragging-a-clone'); // focusing on another handle cy.get(getHandleSelector('2')).focus(); cy.focused().should('contain', 'id:2'); @@ -82,7 +82,7 @@ describe('focus', () => { }); it('should give focus to a combine target', () => { - cy.visit('/iframe.html?id=board--with-combining-and-cloning'); + cy.visit('/iframe.html?id=examples-board--with-combining-and-cloning'); cy.get(getHandleSelector('2')).focus(); cy.focused().should('contain', 'id:2'); @@ -114,7 +114,7 @@ describe('focus', () => { }); it('should not give focus to a combine target if source did not have focus at start of drag', () => { - cy.visit('/iframe.html?id=board--with-combining-and-cloning'); + cy.visit('/iframe.html?id=examples-board--with-combining-and-cloning'); // focusing on something unrelated to the drag cy.get(getHandleSelector('3')).focus(); diff --git a/cypress/integration/move-between-lists.spec.ts b/cypress/integration/move-between-lists.spec.ts index d13d12d12..8aa1a2873 100644 --- a/cypress/integration/move-between-lists.spec.ts +++ b/cypress/integration/move-between-lists.spec.ts @@ -4,7 +4,7 @@ import { getDroppableSelector, getHandleSelector } from './util'; describe('move between lists', () => { beforeEach(() => { - cy.visit('/iframe.html?id=board--simple'); + cy.visit('/iframe.html?id=examples-board--simple'); }); it('should move between lists', () => { diff --git a/cypress/integration/reorder-lists.spec.ts b/cypress/integration/reorder-lists.spec.ts index b7166f01b..4eb701bac 100644 --- a/cypress/integration/reorder-lists.spec.ts +++ b/cypress/integration/reorder-lists.spec.ts @@ -4,7 +4,7 @@ import { getHandleSelector } from './util'; describe('reorder lists', () => { beforeEach(() => { - cy.visit('/iframe.html?id=board--simple'); + cy.visit('/iframe.html?id=examples-board--simple'); }); it('should reorder lists', () => { diff --git a/cypress/integration/reorder-virtual.spec.ts b/cypress/integration/reorder-virtual.spec.ts index 852de2b8a..3b29cb106 100644 --- a/cypress/integration/reorder-virtual.spec.ts +++ b/cypress/integration/reorder-virtual.spec.ts @@ -4,7 +4,7 @@ import { getHandleSelector } from './util'; describe('reorder: virtual', () => { beforeEach(() => { - cy.visit('/iframe.html?id=virtual-react-window--list'); + cy.visit('/iframe.html?id=examples-virtual-react-window--list'); }); it('should reorder within a list', () => { diff --git a/cypress/integration/reorder.spec.ts b/cypress/integration/reorder.spec.ts index 10a2d1b0d..4a1df3bde 100644 --- a/cypress/integration/reorder.spec.ts +++ b/cypress/integration/reorder.spec.ts @@ -4,7 +4,7 @@ import { getHandleSelector } from './util'; describe('reorder', () => { beforeEach(() => { - cy.visit('/iframe.html?id=single-vertical-list--basic'); + cy.visit('/iframe.html?id=examples-single-vertical-list--basic'); }); it('should reorder within a list', () => { diff --git a/docs/about/examples.md b/docs/about/examples.md index e901d5e95..d6a7a7d2b 100644 --- a/docs/about/examples.md +++ b/docs/about/examples.md @@ -8,8 +8,8 @@ See how beautiful it is for yourself! ## Viewing on a mobile or tablet -- [Simple list](https://react-forked-dnd.netlify.com/iframe.html?id=single-vertical-list--basic) -- [Board](https://react-forked-dnd.netlify.com/iframe.html?id=board--simple) - best viewed in landscape +- [Simple list](https://react-forked-dnd.netlify.com/iframe.html?id=examples-single-vertical-list--basic) +- [Board](https://react-forked-dnd.netlify.com/iframe.html?id=examples-board--simple) - best viewed in landscape > We provide different links for touch devices as [storybook](https://github.com/storybooks/storybook) runs examples in an iframe which can result in a strange auto scroll experience diff --git a/package.json b/package.json index 4b104109c..3f123fe72 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,7 @@ "chromatic": "chromatic --project-token=f92123f238de", "prepare": "husky install", "release": "cross-env SKIP_PREPARE_COMMIT_MSG=true release-it", - "test:accessibility": "lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --no-enable-error-reporting --config-path=lighthouse.config.js --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js", + "test:accessibility": "lighthouse http://localhost:9002/iframe.html?id=examples-single-vertical-list--basic --no-enable-error-reporting --config-path=lighthouse.config.js --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js", "test": "pnpm test:react-17 && pnpm test:react-16", "test:react-16": "REACT_VERSION=16 jest --config ./jest.config.js", "test:react-17": "jest --config ./jest.config.js", @@ -103,11 +103,13 @@ "@rollup/plugin-node-resolve": "13.1.3", "@rollup/plugin-replace": "4.0.0", "@rollup/plugin-strip": "2.1.0", - "@storybook/addon-storysource": "6.5.0-alpha.51", - "@storybook/addons": "6.5.0-alpha.51", - "@storybook/core": "6.5.0-alpha.51", - "@storybook/react": "6.5.0-alpha.51", - "@storybook/theming": "6.5.0-alpha.51", + "@storybook/addon-docs": "6.5.0-alpha.59", + "@storybook/addon-essentials": "6.5.0-alpha.59", + "@storybook/addon-storysource": "6.5.0-alpha.59", + "@storybook/addons": "6.5.0-alpha.59", + "@storybook/core": "6.5.0-alpha.59", + "@storybook/react": "6.5.0-alpha.59", + "@storybook/theming": "6.5.0-alpha.59", "@testing-library/dom": "8.12.0", "@testing-library/react": "12.1.4", "@types/enzyme": "3.10.11", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fb9ecc738..5aeef19fa 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -30,11 +30,13 @@ specifiers: '@rollup/plugin-node-resolve': 13.1.3 '@rollup/plugin-replace': 4.0.0 '@rollup/plugin-strip': 2.1.0 - '@storybook/addon-storysource': 6.5.0-alpha.51 - '@storybook/addons': 6.5.0-alpha.51 - '@storybook/core': 6.5.0-alpha.51 - '@storybook/react': 6.5.0-alpha.51 - '@storybook/theming': 6.5.0-alpha.51 + '@storybook/addon-docs': 6.5.0-alpha.59 + '@storybook/addon-essentials': 6.5.0-alpha.59 + '@storybook/addon-storysource': 6.5.0-alpha.59 + '@storybook/addons': 6.5.0-alpha.59 + '@storybook/core': 6.5.0-alpha.59 + '@storybook/react': 6.5.0-alpha.59 + '@storybook/theming': 6.5.0-alpha.59 '@testing-library/dom': 8.12.0 '@testing-library/react': 12.1.4 '@types/enzyme': 3.10.11 @@ -168,11 +170,13 @@ devDependencies: '@rollup/plugin-node-resolve': 13.1.3_rollup@2.70.1 '@rollup/plugin-replace': 4.0.0_rollup@2.70.1 '@rollup/plugin-strip': 2.1.0_rollup@2.70.1 - '@storybook/addon-storysource': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/core': 6.5.0-alpha.51_77da642a1cca1e15f8ccd90d8f967515 - '@storybook/react': 6.5.0-alpha.51_4f98ecb92d550104db53b4a6595f3616 - '@storybook/theming': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addon-docs': 6.5.0-alpha.59_6198b67cd5fc55ed58a73a56b035c65c + '@storybook/addon-essentials': 6.5.0-alpha.59_6198b67cd5fc55ed58a73a56b035c65c + '@storybook/addon-storysource': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core': 6.5.0-alpha.59_77da642a1cca1e15f8ccd90d8f967515 + '@storybook/react': 6.5.0-alpha.59_4f98ecb92d550104db53b4a6595f3616 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@testing-library/dom': 8.12.0 '@testing-library/react': 12.1.4_react-dom@17.0.2+react@17.0.2 '@types/enzyme': 3.10.11 @@ -1855,6 +1859,15 @@ packages: resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==} dev: true + /@cnakazawa/watch/1.0.4: + resolution: {integrity: sha512-v9kIhKwjeZThiWrLmj0y17CWoyddASLj9O2yvbZkbvw/N3rWOYy9zkV66ursAoVr0mV15bL8g0c4QZUE6cdDoQ==} + engines: {node: '>=0.1.95'} + hasBin: true + dependencies: + exec-sh: 0.3.6 + minimist: 1.2.6 + dev: true + /@commitlint/cli/16.2.3: resolution: {integrity: sha512-VsJBQLvhhlOgEfxs/Z5liYuK0dXqLE5hz1VJzLBxiOxG31kL/X5Q4OvK292BmO7IGZcm1yJE3XQPWSiFaEHbWA==} engines: {node: '>=v12'} @@ -2546,6 +2559,29 @@ packages: - supports-color dev: true + /@jest/transform/26.6.2: + resolution: {integrity: sha512-E9JjhUgNzvuQ+vVAL21vlyfy12gP0GhazGgJC4h6qUt1jSdUXGWJ1wfu/X7Sd8etSgxV4ovT1pb9v5D6QW4XgA==} + engines: {node: '>= 10.14.2'} + dependencies: + '@babel/core': 7.17.8 + '@jest/types': 26.6.2 + babel-plugin-istanbul: 6.1.1 + chalk: 4.1.2 + convert-source-map: 1.8.0 + fast-json-stable-stringify: 2.1.0 + graceful-fs: 4.2.9 + jest-haste-map: 26.6.2 + jest-regex-util: 26.0.0 + jest-util: 26.6.2 + micromatch: 4.0.4 + pirates: 4.0.5 + slash: 3.0.0 + source-map: 0.6.1 + write-file-atomic: 3.0.3 + transitivePeerDependencies: + - supports-color + dev: true + /@jest/transform/27.5.1: resolution: {integrity: sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} @@ -2633,6 +2669,14 @@ packages: - supports-color dev: true + /@mdx-js/react/1.6.22_react@17.0.2: + resolution: {integrity: sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==} + peerDependencies: + react: ^16.13.1 || ^17.0.0 + dependencies: + react: 17.0.2 + dev: true + /@mdx-js/util/1.6.22: resolution: {integrity: sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA==} dev: true @@ -3043,24 +3087,309 @@ packages: '@sinonjs/commons': 1.8.3 dev: true - /@storybook/addon-storysource/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-6NcC4XBJZC8fB267HYfrfkNxb85kW8Iw5CVK7wwZhGUlfd/7TFp3Pe2g6H82iHfJ90nC7PPz0NDniwglj9lJeg==} + /@storybook/addon-actions/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-u97Yp4qz9qxFySaxIi4EiabP4Lga8tyQXiOrkeDwQHcxIMBwBLcadE/WNQ7oIpXMQBDluqF8fF3wpX2BHmRmbA==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + dependencies: + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + core-js: 3.21.1 + fast-deep-equal: 3.1.3 + global: 4.4.0 + lodash: 4.17.21 + polished: 4.1.4 + prop-types: 15.8.1 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + react-inspector: 5.1.1_react@17.0.2 + regenerator-runtime: 0.13.9 + telejson: 5.3.3 + ts-dedent: 2.2.0 + util-deprecate: 1.0.2 + uuid-browser: 3.1.0 + dev: true + + /@storybook/addon-backgrounds/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-i2EH70g4Lr6vhbaNmkHhA4c7NPcGUalThOcFr7TiGiVsZ7Q2MON5Bwg3Kj/Y/fe5PXfPdlgAZW0g5pRBI0xxlw==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + dependencies: + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + core-js: 3.21.1 + global: 4.4.0 + memoizerific: 1.11.3 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + regenerator-runtime: 0.13.9 + ts-dedent: 2.2.0 + util-deprecate: 1.0.2 + dev: true + + /@storybook/addon-controls/6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581: + resolution: {integrity: sha512-lyxrJiAC7jRSUY1g53KN40UMfhujFh9aheFt2RfgCMrvgtd5sgVwpMRURNZxjkzzDzpuw06Y4EQxNxcIlqoteA==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + dependencies: + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-common': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/node-logger': 6.5.0-alpha.59 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + core-js: 3.21.1 + lodash: 4.17.21 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + ts-dedent: 2.2.0 + transitivePeerDependencies: + - eslint + - supports-color + - typescript + - vue-template-compiler + - webpack-cli + - webpack-command + dev: true + + /@storybook/addon-docs/6.5.0-alpha.59_6198b67cd5fc55ed58a73a56b035c65c: + resolution: {integrity: sha512-ECEZad17cliJpmnL9sOxxxOOTpJI+0aGdjKLsh75RaqB7mij+Jb1DWSffDgFRNaj+Wa8XOjrnoRb3t/zaBBLpg==} + peerDependencies: + '@storybook/mdx2-csf': '*' + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + '@storybook/mdx2-csf': + optional: true + react: + optional: true + react-dom: + optional: true + dependencies: + '@babel/plugin-transform-react-jsx': 7.17.3_@babel+core@7.17.8 + '@babel/preset-env': 7.16.11_@babel+core@7.17.8 + '@jest/transform': 26.6.2 + '@mdx-js/react': 1.6.22_react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-common': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/docs-tools': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/mdx1-csf': 0.0.1-canary.1.867dcd5.0_@babel+core@7.17.8 + '@storybook/node-logger': 6.5.0-alpha.59 + '@storybook/postinstall': 6.5.0-alpha.59 + '@storybook/preview-web': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/source-loader': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + babel-loader: 8.2.4_bb1d6ba6264b4355cd74ff79826974dc + core-js: 3.21.1 + fast-deep-equal: 3.1.3 + global: 4.4.0 + lodash: 4.17.21 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + regenerator-runtime: 0.13.9 + remark-external-links: 8.0.0 + remark-slug: 6.1.0 + ts-dedent: 2.2.0 + util-deprecate: 1.0.2 + transitivePeerDependencies: + - '@babel/core' + - eslint + - supports-color + - typescript + - vue-template-compiler + - webpack + - webpack-cli + - webpack-command + dev: true + + /@storybook/addon-essentials/6.5.0-alpha.59_6198b67cd5fc55ed58a73a56b035c65c: + resolution: {integrity: sha512-v5Lt6XSw5ylgoa3ZdQI47IHAOYdqAM2AveBTMPa2Og4VbXscCqaxGVRcRdztNhqXeli58CnwjkE3egYcrB0BLQ==} + peerDependencies: + '@babel/core': ^7.9.6 + '@storybook/angular': '*' + '@storybook/builder-manager4': '*' + '@storybook/builder-manager5': '*' + '@storybook/builder-webpack4': '*' + '@storybook/builder-webpack5': '*' + '@storybook/html': '*' + '@storybook/vue': '*' + '@storybook/vue3': '*' + '@storybook/web-components': '*' + lit: '*' + lit-html: '*' + react: '*' + react-dom: '*' + svelte: '*' + sveltedoc-parser: '*' + vue: '*' + webpack: '*' + peerDependenciesMeta: + '@storybook/angular': + optional: true + '@storybook/builder-manager4': + optional: true + '@storybook/builder-manager5': + optional: true + '@storybook/builder-webpack4': + optional: true + '@storybook/builder-webpack5': + optional: true + '@storybook/html': + optional: true + '@storybook/vue': + optional: true + '@storybook/vue3': + optional: true + '@storybook/web-components': + optional: true + lit: + optional: true + lit-html: + optional: true + react: + optional: true + react-dom: + optional: true + svelte: + optional: true + sveltedoc-parser: + optional: true + vue: + optional: true + webpack: + optional: true + dependencies: + '@babel/core': 7.17.8 + '@storybook/addon-actions': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/addon-backgrounds': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/addon-controls': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/addon-docs': 6.5.0-alpha.59_6198b67cd5fc55ed58a73a56b035c65c + '@storybook/addon-measure': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/addon-outline': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/addon-toolbars': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/addon-viewport': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-common': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/node-logger': 6.5.0-alpha.59 + core-js: 3.21.1 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + regenerator-runtime: 0.13.9 + ts-dedent: 2.2.0 + webpack: 5.71.0 + transitivePeerDependencies: + - '@storybook/mdx2-csf' + - eslint + - supports-color + - typescript + - vue-template-compiler + - webpack-cli + - webpack-command + dev: true + + /@storybook/addon-measure/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-9NqqtBo3wjv1+g//bRyaXuWb6kYcyHskiynlHJ/IcUBOsfVure95+Iyiub9muZkzg9nuHYSEJyA8SO9uYe2GHg==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + dependencies: + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + core-js: 3.21.1 + global: 4.4.0 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + dev: true + + /@storybook/addon-outline/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-RWfV4Q5z3Bmt1300qxYbWigo8QZjEG7KII1OSmvu4V3mY1pUfdmyTtNanMBNVtTFu5QrtjBO622Hl3xtuXftuA==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + dependencies: + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + core-js: 3.21.1 + global: 4.4.0 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + regenerator-runtime: 0.13.9 + ts-dedent: 2.2.0 + dev: true + + /@storybook/addon-storysource/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-V3upAMitSRhla1mnsnJoA3BIiaVmGZ7bKVWcC/+nQn9q4wopd8SUcjtvFY+tMtReBAi6mvQTmKVtzLkIIpmCvA==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true dependencies: - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/api': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/components': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/router': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/source-loader': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/theming': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/router': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/source-loader': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 core-js: 3.21.1 estraverse: 5.3.0 loader-utils: 2.0.2 @@ -3071,6 +3400,54 @@ packages: regenerator-runtime: 0.13.9 dev: true + /@storybook/addon-toolbars/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-VjhBjFhmikeJBPJNHK6fAWuVt7FH/IQcsGLAbPouo8gdiN+y3lLyfOTGmspxv5D4wl0Ml5O1xeNVpi630nN2kg==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + dependencies: + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + core-js: 3.21.1 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + regenerator-runtime: 0.13.9 + dev: true + + /@storybook/addon-viewport/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-xglYsEKEdA1US7qEQcVFtxShSLsF478+xI4SJcZqFmN/eiU3/lrum22X2AZi1kuxSJokjOlLkZh7p3b6vEKgng==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + dependencies: + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + core-js: 3.21.1 + global: 4.4.0 + memoizerific: 1.11.3 + prop-types: 15.8.1 + react: 17.0.2 + react-dom: 17.0.2_react@17.0.2 + regenerator-runtime: 0.13.9 + dev: true + /@storybook/addons/6.4.19_react-dom@17.0.2+react@17.0.2: resolution: {integrity: sha512-QNyRYhpqmHV8oJxxTBdkRlLSbDFhpBvfvMfIrIT1UXb/eemdBZTaCGVvXZ9UixoEEI7f8VwAQ44IvkU5B1509w==} peerDependencies: @@ -3092,19 +3469,19 @@ packages: regenerator-runtime: 0.13.9 dev: true - /@storybook/addons/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-/puphj5RmQZeD4+jV74MuSbA7Ev+WkywIqqJh1uKq0VQGWJTYnKVX9f7lKliLxfhYq727yiBowznnPOHcw8Zvw==} + /@storybook/addons/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-9JRvNxoZKBMFP5zpvA4leG2krxle1vq6U/vDQZiCPGqr5Tz5X2t/2utHpa4vakNuUD0GI2GqIc9inuqeGy8TsA==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/api': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/channels': 6.5.0-alpha.51 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/router': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/theming': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/channels': 6.5.0-alpha.59 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/router': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@types/webpack-env': 1.16.3 core-js: 3.21.1 global: 4.4.0 @@ -3140,19 +3517,19 @@ packages: util-deprecate: 1.0.2 dev: true - /@storybook/api/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-DLXrovI5DVQdjis5n3QzWqfMEJ47jyZROJCPVQDrKyrVWQz9yy2GtCiAJfPpV9vSXH6yw7c4jKbPPzXuZrahAg==} + /@storybook/api/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-SOVQQ793N8A8W0HqWPVZ3K1yCU3i9el7nip7NXu630gTW3zS7aK96R1SnIi0IVGAz8r8YPLNvsCdDxohvTZyVw==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/channels': 6.5.0-alpha.51 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/router': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/channels': 6.5.0-alpha.59 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/router': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@storybook/semver': 7.3.2 - '@storybook/theming': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 core-js: 3.21.1 fast-deep-equal: 3.1.3 global: 4.4.0 @@ -3167,33 +3544,33 @@ packages: util-deprecate: 1.0.2 dev: true - /@storybook/builder-webpack4/6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581: - resolution: {integrity: sha512-yK6hfq9Aq7zw5mbMpB1hr158PX6If1CRuNNnVxWQj+MGQLfsUjuWRNXolCfLw478xAMvBz2HgSmm5CAhTNShnA==} + /@storybook/builder-webpack4/6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581: + resolution: {integrity: sha512-LfyE2lB5khdsr9FpXOtcfrSME8PtkdNmU4PkDges86u8QMliA2TKS2C0HuQBU5EnTuIHh+FbSK/nrtKGbywf4g==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 typescript: '*' peerDependenciesMeta: typescript: optional: true dependencies: '@babel/core': 7.17.8 - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/api': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/channel-postmessage': 6.5.0-alpha.51 - '@storybook/channels': 6.5.0-alpha.51 - '@storybook/client-api': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/components': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/core-common': 6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/node-logger': 6.5.0-alpha.51 - '@storybook/preview-web': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/router': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/channel-postmessage': 6.5.0-alpha.59 + '@storybook/channels': 6.5.0-alpha.59 + '@storybook/client-api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-common': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/node-logger': 6.5.0-alpha.59 + '@storybook/preview-web': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/router': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@storybook/semver': 7.3.2 - '@storybook/store': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/theming': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/ui': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/ui': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@types/node': 16.11.26 '@types/webpack': 4.41.32 autoprefixer: 9.8.8 @@ -3235,23 +3612,23 @@ packages: - webpack-command dev: true - /@storybook/channel-postmessage/6.5.0-alpha.51: - resolution: {integrity: sha512-3sPVHHlmYjq3HV4Pm85qVYbeZMfaAWYZmECLr6S13WyS3T2VCLbPv3qRelutxl7pPesuyrGahesngvnbWZ0KWA==} + /@storybook/channel-postmessage/6.5.0-alpha.59: + resolution: {integrity: sha512-QEaFiOoGwL4KkhPWd3dcRZFBXfrVSA7rlmEWEOx/dbSRgNLP1bv1hJi/ibkc95n2p6jRlJPOlYI8AAGdgseCMw==} dependencies: - '@storybook/channels': 6.5.0-alpha.51 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core-events': 6.5.0-alpha.51 + '@storybook/channels': 6.5.0-alpha.59 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core-events': 6.5.0-alpha.59 core-js: 3.21.1 global: 4.4.0 qs: 6.10.3 telejson: 5.3.3 dev: true - /@storybook/channel-websocket/6.5.0-alpha.51: - resolution: {integrity: sha512-JWQNty4r3MOqmBt6EWKBgyFK3pb1b4iH34tIFKsoef4qAHheV6yvGYADF70ZiJPYJWC3fkHGKg/h8lmI1EQDbw==} + /@storybook/channel-websocket/6.5.0-alpha.59: + resolution: {integrity: sha512-clgFoZxuf+gNUcXlyORKhhGuKi6O780Ei10jHNHpxD+aZQE2Zxqh046b/NXVPIjJnpPi92QlZVWuGKMtM8AOxA==} dependencies: - '@storybook/channels': 6.5.0-alpha.51 - '@storybook/client-logger': 6.5.0-alpha.51 + '@storybook/channels': 6.5.0-alpha.59 + '@storybook/client-logger': 6.5.0-alpha.59 core-js: 3.21.1 global: 4.4.0 telejson: 5.3.3 @@ -3265,27 +3642,27 @@ packages: util-deprecate: 1.0.2 dev: true - /@storybook/channels/6.5.0-alpha.51: - resolution: {integrity: sha512-1o/3Pj+u6q7QM26ouKSxu1eNDZr1b35ihO+nXecWeyQ2Iij8cvUojiY8B7hiX4dlIii4vnilEFhE7czZ4S4+TA==} + /@storybook/channels/6.5.0-alpha.59: + resolution: {integrity: sha512-Dbr2DOSrtifUaHdAqEY7Ng/93q8apCtF/s+DF1ZE7R5NLPPaNSqm+ieqAWpbPhSFSW1ynAcSj/th9LWZgkZ9bQ==} dependencies: core-js: 3.21.1 ts-dedent: 2.2.0 util-deprecate: 1.0.2 dev: true - /@storybook/client-api/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-n+oM6Y9UwiOnF6z8nLZtnqjHGAL6GH0qKLU28oYzJpSu+hVSjiwkJdzlxfWm0bexY30Pq4iV9pQOquArKv9thQ==} + /@storybook/client-api/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-GesNYDL13CRmmJl9hAyLB4cA+yJ795FY0SzSepwdYckEAsFknBv2/4kHW7cJMxrw94tVWRcnGUyyk395GhnMCg==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/channel-postmessage': 6.5.0-alpha.51 - '@storybook/channels': 6.5.0-alpha.51 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/store': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/channel-postmessage': 6.5.0-alpha.59 + '@storybook/channels': 6.5.0-alpha.59 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@types/qs': 6.9.7 '@types/webpack-env': 1.16.3 core-js: 3.21.1 @@ -3310,8 +3687,8 @@ packages: global: 4.4.0 dev: true - /@storybook/client-logger/6.5.0-alpha.51: - resolution: {integrity: sha512-/R3W5VvU0SqLg4JDRnYsNpePLjFsOO2/8biGCGMWV3Cxa4onchxKUYgXUa4gtisHU9+VlRT76WRNsTBfSft1uQ==} + /@storybook/client-logger/6.5.0-alpha.59: + resolution: {integrity: sha512-86N5wvjJAS1/oIyIMgU5/PSSPeAcptrsrIZY96Dpg9y6gaupPkFc0JzBuFUAinVpIHzr3E/8FjTmac6DaQ1ncA==} dependencies: core-js: 3.21.1 global: 4.4.0 @@ -3353,42 +3730,42 @@ packages: - '@types/react' dev: true - /@storybook/components/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-mk1cUVgj2uJzNMbHNGrfyHWb0kNLthKs2/e11q3pNCiOYs+2CTcb0OyNSO09DtmOZk5xWtbL2dcm3RiDDMncBw==} + /@storybook/components/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-zRwo+YhT066ezBo7pibq5gg49KTpGqPqOycwQeX6W8qjg+useuNdlt/3+NiD3HXB9HDhhVxoPaD+ujZwQMvdfA==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/theming': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 core-js: 3.21.1 react: 17.0.2 react-dom: 17.0.2_react@17.0.2 regenerator-runtime: 0.13.9 dev: true - /@storybook/core-client/6.5.0-alpha.51_2c29598555d86f594453c743f47a3d49: - resolution: {integrity: sha512-xeMhi0/pybDoUaLGEZ47Ia3qlubo+po1ZPxXgkL9KgKbARMogdBr2K4ZXnPmicGoGGo7ygY1YbY+PlQEpgJL4w==} + /@storybook/core-client/6.5.0-alpha.59_2c29598555d86f594453c743f47a3d49: + resolution: {integrity: sha512-mFrTNuNoXNz3uwncRebr2AvSbQltB5Hh/z0HDo13/8Zuli0+7SDDYC2+DNJrO7d/nl8rBZsF4HbwlguT0nTQQQ==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 typescript: '*' webpack: '*' peerDependenciesMeta: typescript: optional: true dependencies: - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/channel-postmessage': 6.5.0-alpha.51 - '@storybook/channel-websocket': 6.5.0-alpha.51 - '@storybook/client-api': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/preview-web': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/store': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/ui': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/channel-postmessage': 6.5.0-alpha.59 + '@storybook/channel-websocket': 6.5.0-alpha.59 + '@storybook/client-api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/preview-web': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/ui': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 airbnb-js-shims: 2.2.1 ansi-to-html: 0.6.15 core-js: 3.21.1 @@ -3405,27 +3782,27 @@ packages: webpack: 5.71.0 dev: true - /@storybook/core-client/6.5.0-alpha.51_89d5fc67cc6e8d5f95b899f1abfc6753: - resolution: {integrity: sha512-xeMhi0/pybDoUaLGEZ47Ia3qlubo+po1ZPxXgkL9KgKbARMogdBr2K4ZXnPmicGoGGo7ygY1YbY+PlQEpgJL4w==} + /@storybook/core-client/6.5.0-alpha.59_89d5fc67cc6e8d5f95b899f1abfc6753: + resolution: {integrity: sha512-mFrTNuNoXNz3uwncRebr2AvSbQltB5Hh/z0HDo13/8Zuli0+7SDDYC2+DNJrO7d/nl8rBZsF4HbwlguT0nTQQQ==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 typescript: '*' webpack: '*' peerDependenciesMeta: typescript: optional: true dependencies: - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/channel-postmessage': 6.5.0-alpha.51 - '@storybook/channel-websocket': 6.5.0-alpha.51 - '@storybook/client-api': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/preview-web': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/store': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/ui': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/channel-postmessage': 6.5.0-alpha.59 + '@storybook/channel-websocket': 6.5.0-alpha.59 + '@storybook/client-api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/preview-web': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/ui': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 airbnb-js-shims: 2.2.1 ansi-to-html: 0.6.15 core-js: 3.21.1 @@ -3442,11 +3819,11 @@ packages: webpack: 4.46.0 dev: true - /@storybook/core-common/6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581: - resolution: {integrity: sha512-IsNlbeZVS7l9LPqbh5n/2Hm04+EYbwf02ZE2ua3/E2cgtihnAOy6YlQVUUrH7yZclgC6dO5gJrp3c8daYJmcXg==} + /@storybook/core-common/6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581: + resolution: {integrity: sha512-YXI9v0+4yZkokjVSuRxJvHJG3rQat4eRy/twiS48HwEBS81n2KCPdrFgbLD02g/KCl8N1gYxCO5DcbVekBnuNQ==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 typescript: '*' peerDependenciesMeta: typescript: @@ -3474,7 +3851,7 @@ packages: '@babel/preset-react': 7.16.7_@babel+core@7.17.8 '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8 '@babel/register': 7.17.0_@babel+core@7.17.8 - '@storybook/node-logger': 6.5.0-alpha.51 + '@storybook/node-logger': 6.5.0-alpha.59 '@storybook/semver': 7.3.2 '@types/node': 16.11.26 '@types/pretty-hrtime': 1.0.1 @@ -3519,19 +3896,19 @@ packages: core-js: 3.21.1 dev: true - /@storybook/core-events/6.5.0-alpha.51: - resolution: {integrity: sha512-OFY/OU9GPkRPTnOXpRoVjDNZg0WMszPn5OYwIoESv1etsxHJompTmbN3duKFOU7okc7tvdhwAyK7TkXDFzJ95w==} + /@storybook/core-events/6.5.0-alpha.59: + resolution: {integrity: sha512-cX1qgrA5CHFCRjwENbh92kdX3Qu17nCv4dgJ1g6I48M9Nut5+SGHJiMH6FqqBsoiR7eqScrDR1gh11eTHsW7HQ==} dependencies: core-js: 3.21.1 dev: true - /@storybook/core-server/6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581: - resolution: {integrity: sha512-SiaGzqgwWI/QRLjj6c6ETuekeix2hqoM04cn7lR77/5jKp/kcJWwkvMp+9D+hJAlKMXZUzwsR4S3w+OwaiaJuw==} + /@storybook/core-server/6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581: + resolution: {integrity: sha512-Lwvt94vHz7m6fqW3Cn4Ky1peiu1jtM9lRgC6n7qiqXc+0tUy9E4MrZ6rzLLnYeFPe8psCC4mExMF8zHdC0OKWA==} peerDependencies: '@storybook/builder-webpack5': '*' '@storybook/manager-webpack5': '*' - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 typescript: '*' peerDependenciesMeta: '@storybook/builder-webpack5': @@ -3542,16 +3919,16 @@ packages: optional: true dependencies: '@discoveryjs/json-ext': 0.5.7 - '@storybook/builder-webpack4': 6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581 - '@storybook/core-client': 6.5.0-alpha.51_89d5fc67cc6e8d5f95b899f1abfc6753 - '@storybook/core-common': 6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/csf-tools': 6.5.0-alpha.51 - '@storybook/manager-webpack4': 6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581 - '@storybook/node-logger': 6.5.0-alpha.51 + '@storybook/builder-webpack4': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/core-client': 6.5.0-alpha.59_89d5fc67cc6e8d5f95b899f1abfc6753 + '@storybook/core-common': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/csf-tools': 6.5.0-alpha.59 + '@storybook/manager-webpack4': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/node-logger': 6.5.0-alpha.59 '@storybook/semver': 7.3.2 - '@storybook/store': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@types/node': 16.11.26 '@types/node-fetch': 2.6.1 '@types/pretty-hrtime': 1.0.1 @@ -3600,13 +3977,13 @@ packages: - webpack-command dev: true - /@storybook/core/6.5.0-alpha.51_77da642a1cca1e15f8ccd90d8f967515: - resolution: {integrity: sha512-sA2dxzhOyNBASm/t7OOdkz3R57PARtTkbPH1mDmOQcsVWkmU5bPAVuFppt+108TZQL/o1BuDl7+GjZvIJvN7eg==} + /@storybook/core/6.5.0-alpha.59_77da642a1cca1e15f8ccd90d8f967515: + resolution: {integrity: sha512-ee8j2LmHnHf+SfyUz1UK2PupKKMA1O2WU8QfXJRAmyLlJXDMaLMjhLHoBhQgEgoD/qzefQGb72ExLvWYhPDMeA==} peerDependencies: '@storybook/builder-webpack5': '*' '@storybook/manager-webpack5': '*' - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 typescript: '*' webpack: '*' peerDependenciesMeta: @@ -3617,8 +3994,8 @@ packages: typescript: optional: true dependencies: - '@storybook/core-client': 6.5.0-alpha.51_2c29598555d86f594453c743f47a3d49 - '@storybook/core-server': 6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/core-client': 6.5.0-alpha.59_2c29598555d86f594453c743f47a3d49 + '@storybook/core-server': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 react: 17.0.2 react-dom: 17.0.2_react@17.0.2 typescript: 4.6.2 @@ -3635,8 +4012,8 @@ packages: - webpack-command dev: true - /@storybook/csf-tools/6.5.0-alpha.51: - resolution: {integrity: sha512-RyZ/IPmunhl3y+5P7akDQqvxYXOOI8Jm4U9KvmnE9kyMH1XbsN4bsOK2HrAXuX0rTw+jsrJWoM3H5TKzv+WObQ==} + /@storybook/csf-tools/6.5.0-alpha.59: + resolution: {integrity: sha512-VerI/fY/45wx6vmkUzpHa0biy0G+ssVpUb5Z8a+p27teYsCw8fdbUMWOQgEuLNzUFtyHbBgevlYs699p2caDSQ==} peerDependencies: '@storybook/mdx2-csf': '*' peerDependenciesMeta: @@ -3650,7 +4027,7 @@ packages: '@babel/preset-env': 7.16.11_@babel+core@7.17.8 '@babel/traverse': 7.17.3 '@babel/types': 7.17.0 - '@storybook/csf': 0.0.2--canary.507502b.0 + '@storybook/csf': 0.0.2--canary.7c6c115.0 '@storybook/mdx1-csf': 0.0.1-canary.1.867dcd5.0_@babel+core@7.17.8 core-js: 3.21.1 fs-extra: 9.1.0 @@ -3667,8 +4044,8 @@ packages: lodash: 4.17.21 dev: true - /@storybook/csf/0.0.2--canary.507502b.0: - resolution: {integrity: sha512-8WnH9H3rm2D3iK6b0QDAlpzb4ozQCW8pX0x2txN/9wRjjdbAJQ9wUEGVYPteQn7nZ+6NRw2EcVvsDY5X+BP/NA==} + /@storybook/csf/0.0.2--canary.7c6c115.0: + resolution: {integrity: sha512-LRIDJp2JionBqZ4/c2DncDk5jGzd3sua92jGbQVRtVyIGdaAVDuNtqXY9Fh+yzO7QE03Cm+BEs59Yat5J7EdEQ==} dependencies: lodash: 4.17.21 dev: true @@ -3679,12 +4056,12 @@ packages: lodash: 4.17.21 dev: true - /@storybook/docs-tools/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-yHkfZsXGWFjMEiSoyo0iSD8RUt17CLWTcalECgC+6bSMs54XCEF56eeGIAPOkcIgoJdUQme0BiUwQd/Cmzsr9w==} + /@storybook/docs-tools/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-fKw7JkW7ylbfcPf19bzcRy20DDzKYtaur0cv7VfAOT7WFQT7FMAVujVr8ToyGjduhn5pGH1TaY2a0vmq+zh7Gg==} dependencies: '@babel/core': 7.17.8 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/store': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 core-js: 3.21.1 doctrine: 3.0.0 lodash: 4.17.21 @@ -3695,11 +4072,11 @@ packages: - supports-color dev: true - /@storybook/manager-webpack4/6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581: - resolution: {integrity: sha512-R9gMN8gFjt9hztCOLdIJwXQkr4dV3Mo+ZGYRqYHOAOpsrSC1rUn5XqgbVo6myOvkSUaBqp40iwBs74xH7PSBYQ==} + /@storybook/manager-webpack4/6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581: + resolution: {integrity: sha512-rhycXEDDbBTvKDkEwcdwkJuQmjGYokW4bjb0nHaao7g0gLblEGqFfZ/Oq2dVZJiRKxuUlNL5iihJPb2mTpQv/Q==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 typescript: '*' peerDependenciesMeta: typescript: @@ -3708,12 +4085,12 @@ packages: '@babel/core': 7.17.8 '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.17.8 '@babel/preset-react': 7.16.7_@babel+core@7.17.8 - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/core-client': 6.5.0-alpha.51_89d5fc67cc6e8d5f95b899f1abfc6753 - '@storybook/core-common': 6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581 - '@storybook/node-logger': 6.5.0-alpha.51 - '@storybook/theming': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/ui': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-client': 6.5.0-alpha.59_89d5fc67cc6e8d5f95b899f1abfc6753 + '@storybook/core-common': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/node-logger': 6.5.0-alpha.59 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/ui': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@types/node': 16.11.26 '@types/webpack': 4.41.32 babel-loader: 8.2.4_b72fb7e629d39881e138edb6dcd0dfbe @@ -3771,8 +4148,8 @@ packages: - supports-color dev: true - /@storybook/node-logger/6.5.0-alpha.51: - resolution: {integrity: sha512-cDPLOc3xD6ydG0OVqXq0xbFqkHKkMAa+gLmkmSN6r7BcXjYCHrexWfCmNz/NyZqkhVFcD32qMt7BEOtFowDECw==} + /@storybook/node-logger/6.5.0-alpha.59: + resolution: {integrity: sha512-47tEg7QyvOJSlmX+22imBfOI0J/ptYTIdRqSC6HPiGOjvoY8D8GtbQK8quvWqP9xbPHNBo9uiiS+4rKTuyfekQ==} dependencies: '@types/npmlog': 4.1.4 chalk: 4.1.2 @@ -3781,18 +4158,24 @@ packages: pretty-hrtime: 1.0.3 dev: true - /@storybook/preview-web/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-v1WpNpqZdcX7hMLHyBX7PLgbiXR/Uj8bnSrRiC5EFxSDcVgONE00z4y0BkqLxZNZ7B4oFHjgT6M87LOFhyCl2Q==} + /@storybook/postinstall/6.5.0-alpha.59: + resolution: {integrity: sha512-jOE44+/P/th6MHYFVuBvzNbOUQZRo0f9aY0hOHLKtkvUTkKMlOsmY43+o9Rzd5Pa1b1QTG7wK9hCuKCcCcVKTA==} + dependencies: + core-js: 3.21.1 + dev: true + + /@storybook/preview-web/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-TrLee1g6/WwZLym8LmjKGiloWwIALMl25YPmO2P3QeB3QSNWnot1V+aD1IhRXzEbNUn19BYt2aN6NNVomwkylQ==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/channel-postmessage': 6.5.0-alpha.51 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/store': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/channel-postmessage': 6.5.0-alpha.59 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 ansi-to-html: 0.6.15 core-js: 3.21.1 global: 4.4.0 @@ -3826,8 +4209,8 @@ packages: - supports-color dev: true - /@storybook/react/6.5.0-alpha.51_4f98ecb92d550104db53b4a6595f3616: - resolution: {integrity: sha512-Ve+lzAfkQJKCqY+OeExhxuTiGox4Vehkn4nTaUwcL3KAqM6TCZHrdA5ijnaUIFMXXnRx2bBEwdGIX0vFntcjSQ==} + /@storybook/react/6.5.0-alpha.59_4f98ecb92d550104db53b4a6595f3616: + resolution: {integrity: sha512-VZSMETDrPHW/0y//CcSt39+vJYiE6jMY5VoyjQHuhVP6DJ5B1P2cKM2Ak+J0WcO2EJ8d8Lck/qN17bezE261Wg==} engines: {node: '>=10.13.0'} hasBin: true peerDependencies: @@ -3837,8 +4220,8 @@ packages: '@storybook/manager-webpack4': '*' '@storybook/manager-webpack5': '*' jest-specific-snapshot: ^4.0.0 - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 require-from-string: ^2.0.2 typescript: '*' peerDependenciesMeta: @@ -3859,16 +4242,16 @@ packages: '@babel/preset-flow': 7.16.7_@babel+core@7.17.8 '@babel/preset-react': 7.16.7_@babel+core@7.17.8 '@pmmmwh/react-refresh-webpack-plugin': 0.5.4_e31b60ec0265f9b55084b3002a200632 - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core': 6.5.0-alpha.51_77da642a1cca1e15f8ccd90d8f967515 - '@storybook/core-common': 6.5.0-alpha.51_4b989de8ecf9bda244bc13eda9a76581 - '@storybook/csf': 0.0.2--canary.507502b.0 - '@storybook/docs-tools': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/node-logger': 6.5.0-alpha.51 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core': 6.5.0-alpha.59_77da642a1cca1e15f8ccd90d8f967515 + '@storybook/core-common': 6.5.0-alpha.59_4b989de8ecf9bda244bc13eda9a76581 + '@storybook/csf': 0.0.2--canary.7c6c115.0 + '@storybook/docs-tools': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/node-logger': 6.5.0-alpha.59 '@storybook/react-docgen-typescript-plugin': 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0_typescript@4.6.2+webpack@5.71.0 '@storybook/semver': 7.3.2 - '@storybook/store': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/store': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@types/estree': 0.0.51 '@types/node': 16.11.26 '@types/webpack-env': 1.16.3 @@ -3879,6 +4262,7 @@ packages: babel-plugin-react-docgen: 4.2.1 core-js: 3.21.1 escodegen: 2.0.0 + fs-extra: 9.1.0 global: 4.4.0 html-tags: 3.1.0 lodash: 4.17.21 @@ -3936,13 +4320,13 @@ packages: ts-dedent: 2.2.0 dev: true - /@storybook/router/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-euEZMlFTgozuS0OFPQXOxZZ04DM84L4xEpirZ40wh3E9d4RyeMM9K1ab5Z35bVeWC7PESjhCGpeH2+qrpH/3IQ==} + /@storybook/router/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-OfIXWKVZWMbRFR+LotUrgJFW0WZHq0PCYor2CvUNQqxAHi2EMeJh0TteqUJPmAxdjk2nt2gFMJBKh4WA/hCmqQ==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/client-logger': 6.5.0-alpha.51 + '@storybook/client-logger': 6.5.0-alpha.59 core-js: 3.21.1 react: 17.0.2 react-dom: 17.0.2_react@17.0.2 @@ -3958,15 +4342,15 @@ packages: find-up: 4.1.0 dev: true - /@storybook/source-loader/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-27xqzJWxHaQuLAwhwDGKTTNxVPiDZjK0T1fBoIT86a8Y/ARtwgGSa2ZAYZ9/2FLWbAEyar6CRVP834sNyZoUqw==} + /@storybook/source-loader/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-o0a/oFfdxt75TQAO3h2FgCAQKsr9ZdRBtP/VV9FXNNe6cp5DuGl9y7Zzz9A+13NpkdrHNJx3+SbwK/4uNAyedg==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 core-js: 3.21.1 estraverse: 5.3.0 global: 4.4.0 @@ -3978,16 +4362,16 @@ packages: regenerator-runtime: 0.13.9 dev: true - /@storybook/store/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-FNdqL/XUuaLHEWy4JPgR27QRR9aQQWwWW2/GTC7O1LKPiCZoinMXMaVrClsjDc8cqLuipDSjkMRrHWIYEyg2Yw==} + /@storybook/store/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-KgNpItb680VGW13Ws9ZdgvQvjA0Qft9LIZiWIcttX67elYMBYeBAtLI0g9m/QnxuUhXklj08k1QSjKV5GH5JQQ==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/csf': 0.0.2--canary.507502b.0 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/csf': 0.0.2--canary.7c6c115.0 core-js: 3.21.1 fast-deep-equal: 3.1.3 global: 4.4.0 @@ -4025,34 +4409,34 @@ packages: ts-dedent: 2.2.0 dev: true - /@storybook/theming/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-+SNEX0v0vz8Iv5zFMs2vtcYonfwNta4ng5q8KkJbtoV/2Sos34eLau5lu6inbMUJDjEmR9Udp+uAfNZsosWhTg==} + /@storybook/theming/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-kTISuyJhN1fTE2l1rAqIvJcgOlpVRIiomrRE4RNiiGc4Yu7guNyxTFe945Wokw+JubKkwzLEvkHXTzC9H0f95g==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/client-logger': 6.5.0-alpha.51 + '@storybook/client-logger': 6.5.0-alpha.59 core-js: 3.21.1 react: 17.0.2 react-dom: 17.0.2_react@17.0.2 regenerator-runtime: 0.13.9 dev: true - /@storybook/ui/6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2: - resolution: {integrity: sha512-9Hs3/yvHf3qnIWpaB6jYTWu5VdaIXZZxzYATqE5LcHlmp2I9sYjOP/rKUCegc0ZliXmTO3MxjJaFS1UlCxQeOg==} + /@storybook/ui/6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2: + resolution: {integrity: sha512-yEQo7Iu09COE+kvb6Lv24KYGxIzgI+aCSodWmQzsRs1jpcrZzbQzEX2qO3y2WFpDhLyq7kXU22XUyaeMBLojsw==} peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/addons': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/api': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/channels': 6.5.0-alpha.51 - '@storybook/client-logger': 6.5.0-alpha.51 - '@storybook/components': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 - '@storybook/core-events': 6.5.0-alpha.51 - '@storybook/router': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/addons': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/api': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/channels': 6.5.0-alpha.59 + '@storybook/client-logger': 6.5.0-alpha.59 + '@storybook/components': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 + '@storybook/core-events': 6.5.0-alpha.59 + '@storybook/router': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 '@storybook/semver': 7.3.2 - '@storybook/theming': 6.5.0-alpha.51_react-dom@17.0.2+react@17.0.2 + '@storybook/theming': 6.5.0-alpha.59_react-dom@17.0.2+react@17.0.2 core-js: 3.21.1 react: 17.0.2 react-dom: 17.0.2_react@17.0.2 @@ -5441,7 +5825,6 @@ packages: micromatch: 3.1.10 normalize-path: 2.1.1 dev: true - optional: true /anymatch/3.1.2: resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==} @@ -6500,6 +6883,13 @@ packages: resolution: {integrity: sha512-5v7LFQU4Sb/qvkz7JcZkvtSH1Ko+1x2kgo3ocdBeMGZSOFpuE1kkm0kpTwLtWeFrw5qw08ulLxJjVIXIS8MkiQ==} dev: true + /capture-exit/2.0.0: + resolution: {integrity: sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==} + engines: {node: 6.* || 8.* || >= 10.*} + dependencies: + rsvp: 4.8.5 + dev: true + /case-sensitive-paths-webpack-plugin/2.4.0: resolution: {integrity: sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==} engines: {node: '>=4'} @@ -7358,6 +7748,17 @@ packages: - encoding dev: true + /cross-spawn/6.0.5: + resolution: {integrity: sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==} + engines: {node: '>=4.8'} + dependencies: + nice-try: 1.0.5 + path-key: 2.0.1 + semver: 5.7.1 + shebang-command: 1.2.0 + which: 1.3.1 + dev: true + /cross-spawn/7.0.3: resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==} engines: {node: '>= 8'} @@ -8792,6 +9193,23 @@ packages: safe-buffer: 5.2.1 dev: true + /exec-sh/0.3.6: + resolution: {integrity: sha512-nQn+hI3yp+oD0huYhKwvYI32+JFeq+XkNcD1GAo3Y/MjxsfVGmrrzrnzjWiNY6f+pUCP440fThsFh5gZrRAU/w==} + dev: true + + /execa/1.0.0: + resolution: {integrity: sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==} + engines: {node: '>=6'} + dependencies: + cross-spawn: 6.0.5 + get-stream: 4.1.0 + is-stream: 1.1.0 + npm-run-path: 2.0.2 + p-finally: 1.0.0 + signal-exit: 3.0.7 + strip-eof: 1.0.0 + dev: true + /execa/4.1.0: resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==} engines: {node: '>=10'} @@ -9631,6 +10049,10 @@ packages: ini: 1.3.8 dev: true + /github-slugger/1.4.0: + resolution: {integrity: sha512-w0dzqw/nt51xMVmlaV1+JRzN+oCa1KfcgGEWhxUG16wbdA+Xnt/yoFO8Z8x/V82ZcZ0wy6ln9QDup5avbhiDhQ==} + dev: true + /glob-parent/3.1.0: resolution: {integrity: sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=} dependencies: @@ -10476,6 +10898,11 @@ packages: engines: {node: '>= 0.10'} dev: true + /is-absolute-url/3.0.3: + resolution: {integrity: sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==} + engines: {node: '>=8'} + dev: true + /is-accessor-descriptor/0.1.6: resolution: {integrity: sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=} engines: {node: '>=0.10.0'} @@ -10625,6 +11052,13 @@ packages: hasBin: true dev: true + /is-dom/1.1.0: + resolution: {integrity: sha512-u82f6mvhYxRPKpw8V1N0W8ce1xXwOrQtgGcxl6UCL5zBmZu3is/18K0rR7uFCnMDuAsS/3W54mGL4vsaFUQlEQ==} + dependencies: + is-object: 1.0.2 + is-window: 1.0.2 + dev: true + /is-extendable/0.1.1: resolution: {integrity: sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=} engines: {node: '>=0.10.0'} @@ -10740,6 +11174,10 @@ packages: engines: {node: '>=8'} dev: true + /is-object/1.0.2: + resolution: {integrity: sha512-2rRIahhZr2UWb45fIOuvZGpFtz0TyOZLf32KxBbSoUCeZR495zCKlWUKKUByk3geS2eAs7ZAABt0Y/Rx0GiQGA==} + dev: true + /is-path-inside/3.0.3: resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==} engines: {node: '>=8'} @@ -10804,6 +11242,11 @@ packages: protocols: 1.4.8 dev: true + /is-stream/1.1.0: + resolution: {integrity: sha1-EtSj3U5o4Lec6428hBc66A2RykQ=} + engines: {node: '>=0.10.0'} + dev: true + /is-stream/2.0.1: resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==} engines: {node: '>=8'} @@ -10857,6 +11300,10 @@ packages: resolution: {integrity: sha512-SDweEzfIZM0SJV0EUga669UTKlmL0Pq8Lno0QDQsPnvECB3IM2aP0gdx5TrU0A01MAPfViaZiI2V1QMZLaKK5w==} dev: true + /is-window/1.0.2: + resolution: {integrity: sha1-LIlspT25feRdPDMTOmXYyfVjSA0=} + dev: true + /is-windows/1.0.2: resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==} engines: {node: '>=0.10.0'} @@ -11166,6 +11613,27 @@ packages: engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} dev: true + /jest-haste-map/26.6.2: + resolution: {integrity: sha512-easWIJXIw71B2RdR8kgqpjQrbMRWQBgiBwXYEhtGUTaX+doCjBheluShdDMeR8IMfJiTqH4+zfhtg29apJf/8w==} + engines: {node: '>= 10.14.2'} + dependencies: + '@jest/types': 26.6.2 + '@types/graceful-fs': 4.1.5 + '@types/node': 16.11.26 + anymatch: 3.1.2 + fb-watchman: 2.0.1 + graceful-fs: 4.2.9 + jest-regex-util: 26.0.0 + jest-serializer: 26.6.2 + jest-util: 26.6.2 + jest-worker: 26.6.2 + micromatch: 4.0.4 + sane: 4.1.0 + walker: 1.0.8 + optionalDependencies: + fsevents: 2.3.2 + dev: true + /jest-haste-map/27.5.1: resolution: {integrity: sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} @@ -11284,6 +11752,11 @@ packages: jest-resolve: 27.5.1 dev: true + /jest-regex-util/26.0.0: + resolution: {integrity: sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==} + engines: {node: '>= 10.14.2'} + dev: true + /jest-regex-util/27.5.1: resolution: {integrity: sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} @@ -11378,6 +11851,14 @@ packages: - supports-color dev: true + /jest-serializer/26.6.2: + resolution: {integrity: sha512-S5wqyz0DXnNJPd/xfIzZ5Xnp1HrJWBczg8mMfMpN78OJ5eDxXyf+Ygld9wX1DnUWbIbhM1YDY95NjR4CBXkb2g==} + engines: {node: '>= 10.14.2'} + dependencies: + '@types/node': 16.11.26 + graceful-fs: 4.2.9 + dev: true + /jest-serializer/27.5.1: resolution: {integrity: sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} @@ -11416,6 +11897,18 @@ packages: - supports-color dev: true + /jest-util/26.6.2: + resolution: {integrity: sha512-MDW0fKfsn0OI7MS7Euz6h8HNDXVQ0gaM9uW6RjfDmd1DAFcaxX9OqIakHIqhbnmF08Cf2DLDG+ulq8YQQ0Lp0Q==} + engines: {node: '>= 10.14.2'} + dependencies: + '@jest/types': 26.6.2 + '@types/node': 16.11.26 + chalk: 4.1.2 + graceful-fs: 4.2.9 + is-ci: 2.0.0 + micromatch: 4.0.4 + dev: true + /jest-util/27.5.1: resolution: {integrity: sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==} engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} @@ -11693,7 +12186,7 @@ packages: resolution: {integrity: sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==} hasBin: true dependencies: - minimist: 1.2.5 + minimist: 1.2.6 dev: true /json5/2.2.0: @@ -12289,6 +12782,10 @@ packages: unist-util-visit: 2.0.3 dev: true + /mdast-util-to-string/1.1.0: + resolution: {integrity: sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A==} + dev: true + /mdurl/1.0.1: resolution: {integrity: sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=} dev: true @@ -12717,6 +13214,10 @@ packages: type-fest: 0.4.1 dev: true + /nice-try/1.0.5: + resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==} + dev: true + /no-case/3.0.4: resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==} dependencies: @@ -12804,7 +13305,6 @@ packages: dependencies: remove-trailing-separator: 1.1.0 dev: true - optional: true /normalize-path/3.0.0: resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} @@ -12830,6 +13330,13 @@ packages: engines: {node: '>=10'} dev: true + /npm-run-path/2.0.2: + resolution: {integrity: sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=} + engines: {node: '>=4'} + dependencies: + path-key: 2.0.1 + dev: true + /npm-run-path/4.0.1: resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==} engines: {node: '>=8'} @@ -13369,6 +13876,11 @@ packages: engines: {node: '>=0.10.0'} dev: true + /path-key/2.0.1: + resolution: {integrity: sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=} + engines: {node: '>=4'} + dev: true + /path-key/3.1.1: resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} engines: {node: '>=8'} @@ -14071,6 +14583,17 @@ packages: resolution: {integrity: sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==} dev: true + /react-inspector/5.1.1_react@17.0.2: + resolution: {integrity: sha512-GURDaYzoLbW8pMGXwYPDBIv6nqei4kK7LPRZ9q9HCZF54wqXz/dnylBp/kfE9XmekBhHvLDdcYeyIwSrvtOiWg==} + peerDependencies: + react: ^16.8.4 || ^17.0.0 + dependencies: + '@babel/runtime': 7.17.8 + is-dom: 1.1.0 + prop-types: 15.8.1 + react: 17.0.2 + dev: true + /react-is/16.13.1: resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} @@ -14530,6 +15053,16 @@ packages: - supports-color dev: true + /remark-external-links/8.0.0: + resolution: {integrity: sha512-5vPSX0kHoSsqtdftSHhIYofVINC8qmp0nctkeU9YoJwV3YfiBRiI6cbFRJ0oI/1F9xS+bopXG0m2KS8VFscuKA==} + dependencies: + extend: 3.0.2 + is-absolute-url: 3.0.3 + mdast-util-definitions: 4.0.0 + space-separated-tokens: 1.1.5 + unist-util-visit: 2.0.3 + dev: true + /remark-footnotes/2.0.0: resolution: {integrity: sha512-3Clt8ZMH75Ayjp9q4CorNeyjwIxHFcTkaektplKGl2A1jNGEUey8cKL0ZC5vJwfcD5GFGsNLImLG/NGzWIzoMQ==} dev: true @@ -14570,6 +15103,14 @@ packages: xtend: 4.0.2 dev: true + /remark-slug/6.1.0: + resolution: {integrity: sha512-oGCxDF9deA8phWvxFuyr3oSJsdyUAxMFbA0mZ7Y1Sas+emILtO+e5WutF9564gDsEN4IXaQXm5pFo6MLH+YmwQ==} + dependencies: + github-slugger: 1.4.0 + mdast-util-to-string: 1.1.0 + unist-util-visit: 2.0.3 + dev: true + /remark-squeeze-paragraphs/4.0.0: resolution: {integrity: sha512-8qRqmL9F4nuLPIgl92XUuxI3pFxize+F1H0e/W3llTk0UsjJaj01+RrirkMw7P21RKe4X6goQhYRSvNWX+70Rw==} dependencies: @@ -14579,7 +15120,6 @@ packages: /remove-trailing-separator/1.1.0: resolution: {integrity: sha1-wkvOKig62tW8P1jg1IJJuSN52O8=} dev: true - optional: true /renderkid/2.0.7: resolution: {integrity: sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==} @@ -14831,6 +15371,11 @@ packages: nearley: 2.20.1 dev: true + /rsvp/4.8.5: + resolution: {integrity: sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==} + engines: {node: 6.* || >= 7.*} + dev: true + /run-async/2.4.1: resolution: {integrity: sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==} engines: {node: '>=0.12.0'} @@ -14883,6 +15428,23 @@ packages: resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==} dev: true + /sane/4.1.0: + resolution: {integrity: sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==} + engines: {node: 6.* || 8.* || >= 10.*} + deprecated: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added + hasBin: true + dependencies: + '@cnakazawa/watch': 1.0.4 + anymatch: 2.0.0 + capture-exit: 2.0.0 + exec-sh: 0.3.6 + execa: 1.0.0 + fb-watchman: 2.0.1 + micromatch: 3.1.10 + minimist: 1.2.6 + walker: 1.0.8 + dev: true + /saxes/5.0.1: resolution: {integrity: sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==} engines: {node: '>=10'} @@ -15073,6 +15635,13 @@ packages: resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==} dev: true + /shebang-command/1.2.0: + resolution: {integrity: sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=} + engines: {node: '>=0.10.0'} + dependencies: + shebang-regex: 1.0.0 + dev: true + /shebang-command/2.0.0: resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} engines: {node: '>=8'} @@ -15080,6 +15649,11 @@ packages: shebang-regex: 3.0.0 dev: true + /shebang-regex/1.0.0: + resolution: {integrity: sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=} + engines: {node: '>=0.10.0'} + dev: true + /shebang-regex/3.0.0: resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} engines: {node: '>=8'} @@ -15578,6 +16152,11 @@ packages: engines: {node: '>=8'} dev: true + /strip-eof/1.0.0: + resolution: {integrity: sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=} + engines: {node: '>=0.10.0'} + dev: true + /strip-final-newline/2.0.0: resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==} engines: {node: '>=6'} @@ -16701,6 +17280,10 @@ packages: engines: {node: '>= 0.4.0'} dev: true + /uuid-browser/3.1.0: + resolution: {integrity: sha1-DwWkCu90+eWVHiDvv0SxGHHlZBA=} + dev: true + /uuid/3.4.0: resolution: {integrity: sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==} deprecated: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. diff --git a/stories/11-portal.stories.tsx b/stories/11-portal.stories.tsx deleted file mode 100644 index ed3718715..000000000 --- a/stories/11-portal.stories.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import PortalApp from './src/portal/portal-app'; -import { getQuotes } from './src/data'; - -storiesOf('Portals', module).add('Using your own portal', () => ( - -)); diff --git a/stories/12-dynamic.stories.tsx b/stories/12-dynamic.stories.tsx deleted file mode 100644 index 8aee1eee3..000000000 --- a/stories/12-dynamic.stories.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import WithControls from './src/dynamic/with-controls'; -import LazyLoading from './src/dynamic/lazy-loading'; - -storiesOf('Dynamic changes during a drag (v11 only)', module) - .add('With controls', () => ) - .add('Lazy loading', () => ); diff --git a/stories/15-on-before-capture.stories.tsx b/stories/15-on-before-capture.stories.tsx deleted file mode 100644 index 41a5ff088..000000000 --- a/stories/15-on-before-capture.stories.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import AddingThings from './src/on-before-capture/adding-things'; - -storiesOf('onBeforeCapture', module).add('adding things', () => ( - -)); diff --git a/stories/25-fixed-list.stories.tsx b/stories/25-fixed-list.stories.tsx deleted file mode 100644 index b3db56e01..000000000 --- a/stories/25-fixed-list.stories.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import WithFixedSidebar from './src/fixed-list/fixed-sidebar'; - -storiesOf('fixed list', module).add('with fixed sidebar', () => ( - -)); diff --git a/stories/6-multiple-horizontal-lists.stories.tsx b/stories/6-multiple-horizontal-lists.stories.tsx deleted file mode 100644 index f317b3d0d..000000000 --- a/stories/6-multiple-horizontal-lists.stories.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import QuoteApp from './src/multiple-horizontal/quote-app'; -import { getQuotes } from './src/data'; - -const generateQuoteMap = () => ({ - alpha: getQuotes(20), - beta: getQuotes(18), - gamma: getQuotes(22), -}); - -storiesOf('multiple horizontal lists', module).add('stress test', () => ( - -)); diff --git a/stories/7-interactive-elements.stories.tsx b/stories/7-interactive-elements.stories.tsx deleted file mode 100644 index 2c5c7bd76..000000000 --- a/stories/7-interactive-elements.stories.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import InteractiveElementsApp from './src/interactive-elements/interactive-elements-app'; - -storiesOf('nested interative elements', module).add('stress test', () => ( - -)); diff --git a/stories/8-accessibility.stories.tsx b/stories/8-accessibility.stories.tsx deleted file mode 100644 index 760bc6c89..000000000 --- a/stories/8-accessibility.stories.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import TaskApp from './src/accessible/task-app'; - -storiesOf('Accessibility', module).add('single list', () => ); diff --git a/stories/9-multi-drag.stories.tsx b/stories/9-multi-drag.stories.tsx deleted file mode 100644 index 1f8a603b0..000000000 --- a/stories/9-multi-drag.stories.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; -import TaskApp from './src/multi-drag/task-app'; - -storiesOf('Multi drag', module).add('pattern', () => ); diff --git a/stories/Welcome.stories.mdx b/stories/Welcome.stories.mdx new file mode 100644 index 000000000..fb4783f5f --- /dev/null +++ b/stories/Welcome.stories.mdx @@ -0,0 +1,21 @@ +import { Meta } from "@storybook/addon-docs"; + + + +# Welcome! + +Here’s our storybook filled with examples on how to use [`@react-forked/dnd`](https://github.com/react-forked/dnd). + +See the [first example](?path=/story/examples-single-vertical-list--basic). + +## Links + +- [GitHub repo](https://github.com/react-forked/dnd) +- [Documentation](https://github.com/react-forked/dnd#documentation-=) +- [NPM](https://www.npmjs.com/package/@react-forked/dnd) + +--- + + + Deploys by Netlify + diff --git a/stories/1-single-vertical-list.stories.tsx b/stories/examples/1-single-vertical-list.stories.tsx similarity index 89% rename from stories/1-single-vertical-list.stories.tsx rename to stories/examples/1-single-vertical-list.stories.tsx index 3dd542c6b..656d5374a 100644 --- a/stories/1-single-vertical-list.stories.tsx +++ b/stories/examples/1-single-vertical-list.stories.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; import styled from '@emotion/styled'; -import QuoteApp from './src/vertical/quote-app'; -import { getQuotes } from './src/data'; -import { grid } from './src/constants'; +import QuoteApp from '../src/vertical/quote-app'; +import { getQuotes } from '../src/data'; +import { grid } from '../src/constants'; const generateData = { small: () => getQuotes(), @@ -26,7 +26,7 @@ const Title = styled.h4` margin-bottom: ${grid}px; `; -storiesOf('single vertical list', module) +storiesOf('Examples/single vertical list', module) .add('basic', () => ) .add('large data set', () => , { chromatic: { diff --git a/stories/10-table.stories.tsx b/stories/examples/10-table.stories.tsx similarity index 56% rename from stories/10-table.stories.tsx rename to stories/examples/10-table.stories.tsx index d035685e4..7c37722f2 100644 --- a/stories/10-table.stories.tsx +++ b/stories/examples/10-table.stories.tsx @@ -1,12 +1,12 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import WithDimensionLocking from './src/table/with-dimension-locking'; -import WithFixedColumns from './src/table/with-fixed-columns'; -import WithPortal from './src/table/with-portal'; -import WithClone from './src/table/with-clone'; -import { getQuotes } from './src/data'; +import WithDimensionLocking from '../src/table/with-dimension-locking'; +import WithFixedColumns from '../src/table/with-fixed-columns'; +import WithPortal from '../src/table/with-portal'; +import WithClone from '../src/table/with-clone'; +import { getQuotes } from '../src/data'; -storiesOf('Tables', module) +storiesOf('Examples/Tables', module) .add('with fixed width columns', () => ( )) diff --git a/stories/examples/11-portal.stories.tsx b/stories/examples/11-portal.stories.tsx new file mode 100644 index 000000000..539504c8e --- /dev/null +++ b/stories/examples/11-portal.stories.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import PortalApp from '../src/portal/portal-app'; +import { getQuotes } from '../src/data'; + +storiesOf('Examples/Portals', module).add('Using your own portal', () => ( + +)); diff --git a/stories/examples/12-dynamic.stories.tsx b/stories/examples/12-dynamic.stories.tsx new file mode 100644 index 000000000..e27bd14c6 --- /dev/null +++ b/stories/examples/12-dynamic.stories.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import WithControls from '../src/dynamic/with-controls'; +import LazyLoading from '../src/dynamic/lazy-loading'; + +storiesOf('Examples/Dynamic changes during a drag (v11 only)', module) + .add('With controls', () => ) + .add('Lazy loading', () => ); diff --git a/stories/examples/15-on-before-capture.stories.tsx b/stories/examples/15-on-before-capture.stories.tsx new file mode 100644 index 000000000..619a6b7f2 --- /dev/null +++ b/stories/examples/15-on-before-capture.stories.tsx @@ -0,0 +1,7 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import AddingThings from '../src/on-before-capture/adding-things'; + +storiesOf('Examples/onBeforeCapture', module).add('adding things', () => ( + +)); diff --git a/stories/2-single-horizontal.stories.tsx b/stories/examples/2-single-horizontal.stories.tsx similarity index 81% rename from stories/2-single-horizontal.stories.tsx rename to stories/examples/2-single-horizontal.stories.tsx index ee013a559..2090642c7 100644 --- a/stories/2-single-horizontal.stories.tsx +++ b/stories/examples/2-single-horizontal.stories.tsx @@ -1,8 +1,8 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; import styled from '@emotion/styled'; -import AuthorApp from './src/horizontal/author-app'; -import { getQuotes } from './src/data'; +import AuthorApp from '../src/horizontal/author-app'; +import { getQuotes } from '../src/data'; const generateBigData = () => getQuotes(30); @@ -10,7 +10,7 @@ const WideWindow = styled.div` width: 120vw; `; -storiesOf('single horizontal list', module) +storiesOf('Examples/single horizontal list', module) .add('simple', () => ) .add('with combine enabled', () => ( diff --git a/stories/20-super-simple.stories.tsx b/stories/examples/20-super-simple.stories.tsx similarity index 64% rename from stories/20-super-simple.stories.tsx rename to stories/examples/20-super-simple.stories.tsx index af2b38405..30aa0e5d2 100644 --- a/stories/20-super-simple.stories.tsx +++ b/stories/examples/20-super-simple.stories.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import Simple from './src/simple/simple'; -import SimpleWithScroll from './src/simple/simple-scrollable'; -import WithMixedSpacing from './src/simple/simple-mixed-spacing'; +import Simple from '../src/simple/simple'; +import SimpleWithScroll from '../src/simple/simple-scrollable'; +import WithMixedSpacing from '../src/simple/simple-mixed-spacing'; -storiesOf('Super simple', module) +storiesOf('Examples/Super simple', module) .add('vertical list', () => ) .add('vertical list with scroll (overflow: auto)', () => ( diff --git a/stories/21-change-on-drag-start.stories.tsx b/stories/examples/21-change-on-drag-start.stories.tsx similarity index 97% rename from stories/21-change-on-drag-start.stories.tsx rename to stories/examples/21-change-on-drag-start.stories.tsx index 3dfd39a52..c1e10a535 100644 --- a/stories/21-change-on-drag-start.stories.tsx +++ b/stories/examples/21-change-on-drag-start.stories.tsx @@ -6,7 +6,7 @@ import { Draggable, DraggingStyle, NotDraggingStyle, -} from '../src'; +} from '../../src'; import type { DropResult, @@ -14,7 +14,7 @@ import type { DraggableStateSnapshot, DroppableProvided, DroppableStateSnapshot, -} from '../src'; +} from '../../src'; interface Item { id: string; @@ -148,7 +148,7 @@ class App extends React.Component { } } -storiesOf('onDragStart', module).add( +storiesOf('Examples/onDragStart', module).add( 'toggle isDropDisabled onDragStart', () => , ); diff --git a/stories/examples/25-fixed-list.stories.tsx b/stories/examples/25-fixed-list.stories.tsx new file mode 100644 index 000000000..0f740ab3a --- /dev/null +++ b/stories/examples/25-fixed-list.stories.tsx @@ -0,0 +1,7 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import WithFixedSidebar from '../src/fixed-list/fixed-sidebar'; + +storiesOf('Examples/fixed list', module).add('with fixed sidebar', () => ( + +)); diff --git a/stories/3-board.stories.stories.tsx b/stories/examples/3-board.stories.stories.tsx similarity index 86% rename from stories/3-board.stories.stories.tsx rename to stories/examples/3-board.stories.stories.tsx index c062f5ff6..9dad25e1b 100644 --- a/stories/3-board.stories.stories.tsx +++ b/stories/examples/3-board.stories.stories.tsx @@ -1,14 +1,14 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import Board from './src/board/board'; -import { authorQuoteMap, generateQuoteMap } from './src/data'; +import Board from '../src/board/board'; +import { authorQuoteMap, generateQuoteMap } from '../src/data'; const data = { medium: () => generateQuoteMap(100), large: () => generateQuoteMap(500), }; -storiesOf('board', module) +storiesOf('Examples/board', module) .add('simple', () => ) .add('dragging a clone', () => ) .add('medium data set', () => ) diff --git a/stories/30-custom-drop.stories.tsx b/stories/examples/30-custom-drop.stories.tsx similarity index 52% rename from stories/30-custom-drop.stories.tsx rename to stories/examples/30-custom-drop.stories.tsx index 3da06949f..bd9c29349 100644 --- a/stories/30-custom-drop.stories.tsx +++ b/stories/examples/30-custom-drop.stories.tsx @@ -1,8 +1,8 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import FunnyDrop from './src/custom-drop/funny-drop'; -import NoDrop from './src/custom-drop/no-drop'; +import FunnyDrop from '../src/custom-drop/funny-drop'; +import NoDrop from '../src/custom-drop/no-drop'; -storiesOf('Custom drop animation', module) +storiesOf('Examples/Custom drop animation', module) .add('funny drop animation', () => ) .add('no drop animation', () => ); diff --git a/stories/35-function-component.stories.tsx b/stories/examples/35-function-component.stories.tsx similarity index 55% rename from stories/35-function-component.stories.tsx rename to stories/examples/35-function-component.stories.tsx index 31d0407d6..be061b667 100644 --- a/stories/35-function-component.stories.tsx +++ b/stories/examples/35-function-component.stories.tsx @@ -1,8 +1,8 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import QuoteApp from './src/function-component/quote-app'; +import QuoteApp from '../src/function-component/quote-app'; -storiesOf('Function component usage', module).add( +storiesOf('Examples/Function component usage', module).add( 'using rfd with function components and hooks', () => , ); diff --git a/stories/4-complex-vertical-list.stories.tsx b/stories/examples/4-complex-vertical-list.stories.tsx similarity index 53% rename from stories/4-complex-vertical-list.stories.tsx rename to stories/examples/4-complex-vertical-list.stories.tsx index c3683bfbd..807330687 100644 --- a/stories/4-complex-vertical-list.stories.tsx +++ b/stories/examples/4-complex-vertical-list.stories.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import NestedQuoteApp from './src/vertical-nested/quote-app'; -import GroupedQuoteApp from './src/vertical-grouped/quote-app'; -import { authorQuoteMap } from './src/data'; +import NestedQuoteApp from '../src/vertical-nested/quote-app'; +import GroupedQuoteApp from '../src/vertical-grouped/quote-app'; +import { authorQuoteMap } from '../src/data'; -storiesOf('complex vertical list', module) +storiesOf('Examples/complex vertical list', module) .add('grouped', () => ) // this is kind of strange - but hey, if you want to! .add('nested vertical lists', () => ); diff --git a/stories/40-programmatic.stories.tsx b/stories/examples/40-programmatic.stories.tsx similarity index 66% rename from stories/40-programmatic.stories.tsx rename to stories/examples/40-programmatic.stories.tsx index 119a3c156..29a967e83 100644 --- a/stories/40-programmatic.stories.tsx +++ b/stories/examples/40-programmatic.stories.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import WithControls from './src/programmatic/with-controls'; -import Runsheet from './src/programmatic/runsheet'; -import { getQuotes } from './src/data'; +import WithControls from '../src/programmatic/with-controls'; +import Runsheet from '../src/programmatic/runsheet'; +import { getQuotes } from '../src/data'; -storiesOf('Programmatic dragging', module) +storiesOf('Examples/Programmatic dragging', module) .add('with controls', () => ( )) diff --git a/stories/45-virtual.stories.tsx b/stories/examples/45-virtual.stories.tsx similarity index 52% rename from stories/45-virtual.stories.tsx rename to stories/examples/45-virtual.stories.tsx index 2a2e3430a..9e655d881 100644 --- a/stories/45-virtual.stories.tsx +++ b/stories/examples/45-virtual.stories.tsx @@ -1,17 +1,17 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import ReactWindowList from './src/virtual/react-window/list'; -import ReactVirtualizedList from './src/virtual/react-virtualized/list'; -import { getQuotes } from './src/data'; -import ReactWindowBoard from './src/virtual/react-window/board'; -import ReactVirtualizedBoard from './src/virtual/react-virtualized/board'; -import ReactVirtualizedWindowList from './src/virtual/react-virtualized/window-list'; +import ReactWindowList from '../src/virtual/react-window/list'; +import ReactVirtualizedList from '../src/virtual/react-virtualized/list'; +import { getQuotes } from '../src/data'; +import ReactWindowBoard from '../src/virtual/react-window/board'; +import ReactVirtualizedBoard from '../src/virtual/react-virtualized/board'; +import ReactVirtualizedWindowList from '../src/virtual/react-virtualized/window-list'; -storiesOf('Virtual: react-window', module) +storiesOf('Examples/Virtual: react-window', module) .add('list', () => ) .add('board', () => ); -storiesOf('Virtual: react-virtualized', module) +storiesOf('Examples/Virtual: react-virtualized', module) .add('list', () => ) .add('board', () => ) .add( diff --git a/stories/5-multiple-vertical-lists.stories.tsx b/stories/examples/5-multiple-vertical-lists.stories.tsx similarity index 68% rename from stories/5-multiple-vertical-lists.stories.tsx rename to stories/examples/5-multiple-vertical-lists.stories.tsx index 96f7d2328..435995a46 100644 --- a/stories/5-multiple-vertical-lists.stories.tsx +++ b/stories/examples/5-multiple-vertical-lists.stories.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import QuoteApp from './src/multiple-vertical/quote-app'; -import { getQuotes } from './src/data'; +import QuoteApp from '../src/multiple-vertical/quote-app'; +import { getQuotes } from '../src/data'; const generateQuoteMap = () => ({ alpha: getQuotes(7), @@ -16,6 +16,6 @@ const generateQuoteMap = () => ({ kappa: getQuotes(5), }); -storiesOf('multiple vertical lists', module).add('stress test', () => ( +storiesOf('Examples/multiple vertical lists', module).add('stress test', () => ( )); diff --git a/stories/50-multiple-contexts.stories.tsx b/stories/examples/50-multiple-contexts.stories.tsx similarity index 72% rename from stories/50-multiple-contexts.stories.tsx rename to stories/examples/50-multiple-contexts.stories.tsx index 3db1561d8..d10a1d31a 100644 --- a/stories/50-multiple-contexts.stories.tsx +++ b/stories/examples/50-multiple-contexts.stories.tsx @@ -1,8 +1,8 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import MultipleContexts from './src/programmatic/multiple-contexts'; +import MultipleContexts from '../src/programmatic/multiple-contexts'; -storiesOf('Multiple contexts', module).add( +storiesOf('Examples/Multiple contexts', module).add( 'with multiple contexts', () => , { diff --git a/stories/55-mixed-sizes.stories.tsx b/stories/examples/55-mixed-sizes.stories.tsx similarity index 54% rename from stories/55-mixed-sizes.stories.tsx rename to stories/examples/55-mixed-sizes.stories.tsx index 5c6678d45..c58929dac 100644 --- a/stories/55-mixed-sizes.stories.tsx +++ b/stories/examples/55-mixed-sizes.stories.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import MixedSizedItems from './src/mixed-sizes/mixed-size-items'; -import MixedSizedLists from './src/mixed-sizes/mixed-size-lists'; -import Experiment from './src/mixed-sizes/mixed-size-lists-experiment'; +import MixedSizedItems from '../src/mixed-sizes/mixed-size-items'; +import MixedSizedLists from '../src/mixed-sizes/mixed-size-lists'; +import Experiment from '../src/mixed-sizes/mixed-size-lists-experiment'; -storiesOf('mixed sizes', module) +storiesOf('Examples/mixed sizes', module) .add('with large draggable size variance', () => ) .add('with large droppable size variance', () => ) .add('with large droppable size variance (experiment)', () => ); diff --git a/stories/examples/6-multiple-horizontal-lists.stories.tsx b/stories/examples/6-multiple-horizontal-lists.stories.tsx new file mode 100644 index 000000000..5b238e7b0 --- /dev/null +++ b/stories/examples/6-multiple-horizontal-lists.stories.tsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import QuoteApp from '../src/multiple-horizontal/quote-app'; +import { getQuotes } from '../src/data'; + +const generateQuoteMap = () => ({ + alpha: getQuotes(20), + beta: getQuotes(18), + gamma: getQuotes(22), +}); + +storiesOf('Examples/multiple horizontal lists', module).add( + 'stress test', + () => , +); diff --git a/stories/examples/7-interactive-elements.stories.tsx b/stories/examples/7-interactive-elements.stories.tsx new file mode 100644 index 000000000..abe042841 --- /dev/null +++ b/stories/examples/7-interactive-elements.stories.tsx @@ -0,0 +1,8 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import InteractiveElementsApp from '../src/interactive-elements/interactive-elements-app'; + +storiesOf('Examples/nested interative elements', module).add( + 'stress test', + () => , +); diff --git a/stories/examples/8-accessibility.stories.tsx b/stories/examples/8-accessibility.stories.tsx new file mode 100644 index 000000000..826060491 --- /dev/null +++ b/stories/examples/8-accessibility.stories.tsx @@ -0,0 +1,7 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import TaskApp from '../src/accessible/task-app'; + +storiesOf('Examples/Accessibility', module).add('single list', () => ( + +)); diff --git a/stories/examples/9-multi-drag.stories.tsx b/stories/examples/9-multi-drag.stories.tsx new file mode 100644 index 000000000..60e70a2cd --- /dev/null +++ b/stories/examples/9-multi-drag.stories.tsx @@ -0,0 +1,5 @@ +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import TaskApp from '../src/multi-drag/task-app'; + +storiesOf('Examples/Multi drag', module).add('pattern', () => ); diff --git a/stories/99-debug.stories.tsx b/stories/examples/99-debug.stories.tsx similarity index 56% rename from stories/99-debug.stories.tsx rename to stories/examples/99-debug.stories.tsx index e91c6da07..d71386c21 100644 --- a/stories/99-debug.stories.tsx +++ b/stories/examples/99-debug.stories.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -// import { Draggable, Droppable, DragDropContext } from '../src'; +// import { Draggable, Droppable, DragDropContext } from '../../src/'; class App extends React.Component { render() { @@ -8,4 +8,6 @@ class App extends React.Component { } } -storiesOf('Troubleshoot example', module).add('debug example', () => ); +storiesOf('Examples/Troubleshoot example', module).add('debug example', () => ( + +)); diff --git a/stories/tsconfig.json b/stories/tsconfig.json index 99101558d..6a260db40 100644 --- a/stories/tsconfig.json +++ b/stories/tsconfig.json @@ -3,7 +3,7 @@ "include": ["**/*"], "compilerOptions": { "baseUrl": ".", - "types": ["csstype"], + "types": ["@emotion/react/types/css-prop", "csstype"], "paths": { "@react-forked/dnd": ["../src/index.ts"] }