mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 07:21:17 +08:00
Merge pull request #17536 from storybookjs/11984-conditional-controls
Controls: Add conditional controls
This commit is contained in:
commit
f968dba2fd
@ -51,7 +51,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"axe-core": "^4.2.0",
|
||||
"core-js": "^3.8.2",
|
||||
|
@ -45,7 +45,7 @@
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
|
@ -50,7 +50,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
|
@ -50,7 +50,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
|
@ -53,6 +53,8 @@ export interface ArgType {
|
||||
name?: string;
|
||||
description?: string;
|
||||
defaultValue?: any;
|
||||
addIf?: string;
|
||||
removeIf?: string;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
@ -106,7 +108,7 @@ The input is the story function and the story context (id, parameters, args, etc
|
||||
|
||||
## Dynamic source rendering
|
||||
|
||||
With the release of Storybook 6.0, we've improved how stories are rendered in the [Source doc block](https://storybook.js.org/docs/react/writing-docs/doc-blocks#source). One of such improvements is the `dynamic` source type, which renders a snippet based on the output the story function.
|
||||
With the release of Storybook 6.0, we've improved how stories are rendered in the [Source doc block](https://storybook.js.org/docs/react/writing-docs/doc-blocks#source). One of such improvements is the `dynamic` source type, which renders a snippet based on the output the story function.
|
||||
|
||||
This dynamic rendering is framework-specific, meaning it needs a custom implementation for each framework.
|
||||
|
||||
@ -151,7 +153,7 @@ import { jsxDecorator } from './jsxDecorator';
|
||||
export const decorators = [jsxDecorator];
|
||||
```
|
||||
|
||||
This configures the `jsxDecorator` to be run on every story.
|
||||
This configures the `jsxDecorator` to be run on every story.
|
||||
|
||||
<div class="aside">
|
||||
To learn more and see how it's implemented in context, check out <a href="https://github.com/storybookjs/storybook/blob/next/addons/docs/src/frameworks/react/jsxDecorator.tsx">the code</a> .
|
||||
|
@ -64,7 +64,7 @@
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/mdx1-csf": "canary",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
|
@ -46,7 +46,7 @@
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/instrumenter": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
|
@ -44,7 +44,7 @@
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/router": "6.5.0-alpha.49",
|
||||
"@types/qs": "^6.9.5",
|
||||
"core-js": "^3.8.2",
|
||||
|
@ -49,7 +49,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
|
@ -52,7 +52,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
|
@ -51,7 +51,7 @@
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-client": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
|
@ -41,7 +41,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@axe-core/puppeteer": "^4.2.0",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@types/jest-image-snapshot": "^4.1.3",
|
||||
"core-js": "^3.8.2",
|
||||
@ -49,7 +49,7 @@
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@types/puppeteer": "^5.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
@ -51,7 +51,7 @@
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
|
@ -48,7 +48,7 @@
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/preview-web": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
|
@ -49,7 +49,7 @@
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@types/node": "^14.14.20 || ^16.0.0",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
|
@ -53,7 +53,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
|
||||
|
@ -50,7 +50,7 @@
|
||||
"@storybook/client-api": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/preview-web": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
|
@ -50,7 +50,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
|
@ -49,7 +49,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@types/node": "^14.14.20 || ^16.0.0",
|
||||
|
@ -48,7 +48,7 @@
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@types/node": "^14.14.20 || ^16.0.0",
|
||||
|
@ -55,7 +55,7 @@
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/preview-web": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
|
@ -300,6 +300,34 @@ paths={[
|
||||
|
||||
</div>
|
||||
|
||||
### Conditional controls
|
||||
|
||||
In some cases, it's useful to be able to conditionally exclude a control based on the value of another control. Controls supports basic versions of these use cases with the `addIf` and `removeIf` options, which can take a boolean value, or a string which can refer to the value of another arg.
|
||||
|
||||
Consider a collection of "advanced" settings that are only visible when the user toggles an "advanced" toggle.
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
|
||||
<CodeSnippets
|
||||
paths={[
|
||||
'common/component-story-conditional-controls-toggle.js.mdx',
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
Or consider a constraint where if the user sets one control value, it doesn't make sense for the user to be able to set another value.
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
|
||||
<CodeSnippets
|
||||
paths={[
|
||||
'common/component-story-conditional-controls-mutual-exclusion.js.mdx',
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
## Hide NoControls warning
|
||||
|
||||
If you don't plan to handle the control args inside your Story, you can remove the warning with:
|
||||
|
@ -0,0 +1,16 @@
|
||||
```js
|
||||
// Button.stories.js
|
||||
import { Button } from './Button';
|
||||
export default {
|
||||
component: Button,
|
||||
title: 'Button',
|
||||
argTypes: {
|
||||
// button can be passed a label or an image, not both
|
||||
label: { control: 'text', removeIf: 'image' },
|
||||
image: {
|
||||
control: { type: 'select', options: ['foo.jpg', 'bar.jpg'] },
|
||||
removeIf: 'label',
|
||||
},
|
||||
},
|
||||
};
|
||||
```
|
@ -0,0 +1,16 @@
|
||||
```js
|
||||
// Button.stories.js
|
||||
import { Button } from './Button';
|
||||
export default {
|
||||
component: Button,
|
||||
title: 'Button',
|
||||
argTypes: {
|
||||
label: { control: 'text' }, // always shows
|
||||
advanced: { control: 'boolean' },
|
||||
// below are only included when advanced is true
|
||||
margin: { control: 'number', addIf: 'advanced' },
|
||||
padding: { control: 'number', addIf: 'advanced' },
|
||||
cornerRadius: { control: 'number', addIf: 'advanced' },
|
||||
},
|
||||
};
|
||||
```
|
@ -5,9 +5,9 @@ import { YourComponent } from './YourComponent';
|
||||
|
||||
export default {
|
||||
/* 👇 The title prop is optional.
|
||||
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
|
||||
* to learn how to generate automatic titles
|
||||
*/
|
||||
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
|
||||
* to learn how to generate automatic titles
|
||||
*/
|
||||
title: 'YourComponent',
|
||||
component: YourComponent,
|
||||
argTypes: {
|
||||
@ -19,4 +19,4 @@ export default {
|
||||
},
|
||||
},
|
||||
};
|
||||
```
|
||||
```
|
||||
|
@ -9,10 +9,10 @@ import { YourComponent } from './YourComponent'
|
||||
title="YourComponent"
|
||||
component={YourComponent}
|
||||
argTypes={{
|
||||
foo:{
|
||||
table:{
|
||||
foo: {
|
||||
table: {
|
||||
disable: true,
|
||||
}
|
||||
}
|
||||
}} />
|
||||
```
|
||||
```
|
||||
|
@ -28,6 +28,37 @@ export default {
|
||||
],
|
||||
},
|
||||
},
|
||||
mutuallyExclusiveA: { control: 'text', removeIf: 'mutuallyExclusiveB' },
|
||||
mutuallyExclusiveB: { control: 'text', removeIf: 'mutuallyExclusiveA' },
|
||||
colorMode: {
|
||||
control: 'boolean',
|
||||
},
|
||||
dynamicText: {
|
||||
removeIf: 'colorMode',
|
||||
control: 'text',
|
||||
},
|
||||
dynamicColor: {
|
||||
addIf: 'colorMode',
|
||||
control: 'color',
|
||||
},
|
||||
advanced: {
|
||||
control: 'boolean',
|
||||
},
|
||||
margin: {
|
||||
control: 'number',
|
||||
addIf: 'advanced',
|
||||
},
|
||||
padding: {
|
||||
control: 'number',
|
||||
addIf: 'advanced',
|
||||
},
|
||||
cornerRadius: {
|
||||
control: 'number',
|
||||
addIf: 'advanced',
|
||||
},
|
||||
someText: { control: 'text' },
|
||||
subText: { control: 'text', addIf: 'someText' },
|
||||
anotherText: { control: 'text', addIf: 'someText' },
|
||||
},
|
||||
parameters: {
|
||||
chromatic: { disable: true },
|
||||
|
@ -2114,14 +2114,14 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-a11y@portal:../../addons/a11y::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/channels": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/channels": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
axe-core: ^4.2.0
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -2145,12 +2145,12 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-actions@portal:../../addons/actions::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
global: ^4.4.0
|
||||
@ -2178,13 +2178,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-backgrounds@portal:../../addons/backgrounds::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
memoizerific: ^1.11.3
|
||||
@ -2206,15 +2206,15 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-controls@portal:../../addons/controls::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/core-common": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/node-logger": 6.5.0-alpha.47
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/core-common": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/node-logger": 6.5.0-alpha.48
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
lodash: ^4.17.21
|
||||
ts-dedent: ^2.0.0
|
||||
@ -2237,20 +2237,20 @@ __metadata:
|
||||
"@babel/preset-env": ^7.12.11
|
||||
"@jest/transform": ^26.6.2
|
||||
"@mdx-js/react": ^1.6.22
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/core-common": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/core-common": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.48
|
||||
"@storybook/mdx1-csf": canary
|
||||
"@storybook/node-logger": 6.5.0-alpha.47
|
||||
"@storybook/postinstall": 6.5.0-alpha.47
|
||||
"@storybook/preview-web": 6.5.0-alpha.47
|
||||
"@storybook/source-loader": 6.5.0-alpha.47
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/node-logger": 6.5.0-alpha.48
|
||||
"@storybook/postinstall": 6.5.0-alpha.48
|
||||
"@storybook/preview-web": 6.5.0-alpha.48
|
||||
"@storybook/source-loader": 6.5.0-alpha.48
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
global: ^4.4.0
|
||||
@ -2310,11 +2310,11 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-links@portal:../../addons/links::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/router": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/router": 6.5.0-alpha.48
|
||||
"@types/qs": ^6.9.5
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -2338,13 +2338,13 @@ __metadata:
|
||||
resolution: "@storybook/addon-storyshots@portal:../../addons/storyshots/storyshots-core::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@jest/transform": ^26.6.2
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/babel-plugin-require-context-hook": 1.0.1
|
||||
"@storybook/client-api": 6.5.0-alpha.47
|
||||
"@storybook/core": 6.5.0-alpha.47
|
||||
"@storybook/core-client": 6.5.0-alpha.47
|
||||
"@storybook/core-common": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/client-api": 6.5.0-alpha.48
|
||||
"@storybook/core": 6.5.0-alpha.48
|
||||
"@storybook/core-client": 6.5.0-alpha.48
|
||||
"@storybook/core-common": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@types/glob": ^7.1.3
|
||||
"@types/jest": ^26.0.16
|
||||
"@types/jest-specific-snapshot": ^0.5.3
|
||||
@ -2413,13 +2413,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-storysource@portal:../../addons/storysource::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/router": 6.5.0-alpha.47
|
||||
"@storybook/source-loader": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/router": 6.5.0-alpha.48
|
||||
"@storybook/source-loader": 6.5.0-alpha.48
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
estraverse: ^5.2.0
|
||||
loader-utils: ^2.0.0
|
||||
@ -2442,12 +2442,12 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-viewport@portal:../../addons/viewport::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
memoizerific: ^1.11.3
|
||||
@ -2468,13 +2468,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addons@portal:../../lib/addons::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/channels": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/router": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/channels": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/router": 6.5.0-alpha.48
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
"@types/webpack-env": ^1.16.0
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -2489,13 +2489,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/api@portal:../../lib/api::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/channels": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/router": 6.5.0-alpha.47
|
||||
"@storybook/channels": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/router": 6.5.0-alpha.48
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
global: ^4.4.0
|
||||
@ -2524,22 +2524,22 @@ __metadata:
|
||||
resolution: "@storybook/builder-webpack4@portal:../../lib/builder-webpack4::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@babel/core": ^7.12.10
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.47
|
||||
"@storybook/channels": 6.5.0-alpha.47
|
||||
"@storybook/client-api": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/core-common": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/node-logger": 6.5.0-alpha.47
|
||||
"@storybook/preview-web": 6.5.0-alpha.47
|
||||
"@storybook/router": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.48
|
||||
"@storybook/channels": 6.5.0-alpha.48
|
||||
"@storybook/client-api": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/core-common": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/node-logger": 6.5.0-alpha.48
|
||||
"@storybook/preview-web": 6.5.0-alpha.48
|
||||
"@storybook/router": 6.5.0-alpha.48
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/ui": 6.5.0-alpha.47
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
"@storybook/ui": 6.5.0-alpha.48
|
||||
"@types/node": ^14.0.10 || ^16.0.0
|
||||
"@types/webpack": ^4.41.26
|
||||
autoprefixer: ^9.8.6
|
||||
@ -2583,9 +2583,9 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/channel-postmessage@portal:../../lib/channel-postmessage::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/channels": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/channels": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
qs: ^6.10.0
|
||||
@ -2597,8 +2597,8 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/channel-websocket@portal:../../lib/channel-websocket::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/channels": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/channels": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
telejson: ^5.3.3
|
||||
@ -2619,13 +2619,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/client-api@portal:../../lib/client-api::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.47
|
||||
"@storybook/channels": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.48
|
||||
"@storybook/channels": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
"@types/qs": ^6.9.5
|
||||
"@types/webpack-env": ^1.16.0
|
||||
core-js: ^3.8.2
|
||||
@ -2658,9 +2658,9 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/components@portal:../../lib/components::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
regenerator-runtime: ^0.13.7
|
||||
peerDependencies:
|
||||
@ -2673,16 +2673,16 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/core-client@portal:../../lib/core-client::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.47
|
||||
"@storybook/channel-websocket": 6.5.0-alpha.47
|
||||
"@storybook/client-api": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/preview-web": 6.5.0-alpha.47
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/ui": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.48
|
||||
"@storybook/channel-websocket": 6.5.0-alpha.48
|
||||
"@storybook/client-api": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/preview-web": 6.5.0-alpha.48
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
"@storybook/ui": 6.5.0-alpha.48
|
||||
airbnb-js-shims: ^2.2.1
|
||||
ansi-to-html: ^0.6.11
|
||||
core-js: ^3.8.2
|
||||
@ -2729,7 +2729,7 @@ __metadata:
|
||||
"@babel/preset-react": ^7.12.10
|
||||
"@babel/preset-typescript": ^7.12.7
|
||||
"@babel/register": ^7.12.1
|
||||
"@storybook/node-logger": 6.5.0-alpha.47
|
||||
"@storybook/node-logger": 6.5.0-alpha.48
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@types/node": ^14.0.10 || ^16.0.0
|
||||
"@types/pretty-hrtime": ^1.0.0
|
||||
@ -2779,16 +2779,16 @@ __metadata:
|
||||
resolution: "@storybook/core-server@portal:../../lib/core-server::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@discoveryjs/json-ext": ^0.5.3
|
||||
"@storybook/builder-webpack4": 6.5.0-alpha.47
|
||||
"@storybook/core-client": 6.5.0-alpha.47
|
||||
"@storybook/core-common": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf-tools": 6.5.0-alpha.47
|
||||
"@storybook/manager-webpack4": 6.5.0-alpha.47
|
||||
"@storybook/node-logger": 6.5.0-alpha.47
|
||||
"@storybook/builder-webpack4": 6.5.0-alpha.48
|
||||
"@storybook/core-client": 6.5.0-alpha.48
|
||||
"@storybook/core-common": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/csf-tools": 6.5.0-alpha.48
|
||||
"@storybook/manager-webpack4": 6.5.0-alpha.48
|
||||
"@storybook/node-logger": 6.5.0-alpha.48
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
"@types/node": ^14.0.10 || ^16.0.0
|
||||
"@types/node-fetch": ^2.5.7
|
||||
"@types/pretty-hrtime": ^1.0.0
|
||||
@ -2839,8 +2839,8 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/core@portal:../../lib/core::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/core-client": 6.5.0-alpha.47
|
||||
"@storybook/core-server": 6.5.0-alpha.47
|
||||
"@storybook/core-client": 6.5.0-alpha.48
|
||||
"@storybook/core-server": 6.5.0-alpha.48
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0
|
||||
@ -2866,7 +2866,7 @@ __metadata:
|
||||
"@babel/preset-env": ^7.12.11
|
||||
"@babel/traverse": ^7.12.11
|
||||
"@babel/types": ^7.12.11
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/mdx1-csf": canary
|
||||
core-js: ^3.8.2
|
||||
fs-extra: ^9.0.1
|
||||
@ -2881,12 +2881,12 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: soft
|
||||
|
||||
"@storybook/csf@npm:0.0.2--canary.87bc651.0":
|
||||
version: 0.0.2--canary.87bc651.0
|
||||
resolution: "@storybook/csf@npm:0.0.2--canary.87bc651.0"
|
||||
"@storybook/csf@npm:0.0.2--canary.507502b.0":
|
||||
version: 0.0.2--canary.507502b.0
|
||||
resolution: "@storybook/csf@npm:0.0.2--canary.507502b.0"
|
||||
dependencies:
|
||||
lodash: ^4.17.15
|
||||
checksum: 0e7c378b358666ddae637ffba4c4345bed0a2603138528cbc5049f416a62a74cd8ab917856d444bf0b7b3dc0ba52186456c24b21ccb1f028dc5cd43e7f2509dc
|
||||
checksum: 1d48f1d320a6dbbdc7932943ffdba51783a16d86ea870a7c1b4438978fc8a6bd0600399cf748bcdf295f7fcd8ac80b62c6aebc1c68aac9ffe30ba8f3fbbf8f13
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -2895,9 +2895,8 @@ __metadata:
|
||||
resolution: "@storybook/docs-tools@portal:../../lib/docs-tools::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@babel/core": ^7.12.10
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/node-logger": 6.5.0-alpha.47
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
doctrine: ^3.0.0
|
||||
lodash: ^4.17.21
|
||||
@ -2912,12 +2911,12 @@ __metadata:
|
||||
"@babel/core": ^7.12.10
|
||||
"@babel/plugin-transform-template-literals": ^7.12.1
|
||||
"@babel/preset-react": ^7.12.10
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/core-client": 6.5.0-alpha.47
|
||||
"@storybook/core-common": 6.5.0-alpha.47
|
||||
"@storybook/node-logger": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/ui": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/core-client": 6.5.0-alpha.48
|
||||
"@storybook/core-common": 6.5.0-alpha.48
|
||||
"@storybook/node-logger": 6.5.0-alpha.48
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
"@storybook/ui": 6.5.0-alpha.48
|
||||
"@types/node": ^14.0.10 || ^16.0.0
|
||||
"@types/webpack": ^4.41.26
|
||||
babel-loader: ^8.0.0
|
||||
@ -2996,12 +2995,12 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/preview-web@portal:../../lib/preview-web::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
ansi-to-html: ^0.6.11
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -3022,7 +3021,7 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/router@portal:../../lib/router::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
regenerator-runtime: ^0.13.7
|
||||
peerDependencies:
|
||||
@ -3047,9 +3046,9 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/source-loader@portal:../../lib/source-loader::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
core-js: ^3.8.2
|
||||
estraverse: ^5.2.0
|
||||
global: ^4.4.0
|
||||
@ -3067,10 +3066,10 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/store@portal:../../lib/store::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
global: ^4.4.0
|
||||
@ -3092,7 +3091,7 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/theming@portal:../../lib/theming::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
regenerator-runtime: ^0.13.7
|
||||
peerDependencies:
|
||||
@ -3105,15 +3104,15 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/ui@portal:../../lib/ui::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/api": 6.5.0-alpha.47
|
||||
"@storybook/channels": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/components": 6.5.0-alpha.47
|
||||
"@storybook/core-events": 6.5.0-alpha.47
|
||||
"@storybook/router": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/api": 6.5.0-alpha.48
|
||||
"@storybook/channels": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/components": 6.5.0-alpha.48
|
||||
"@storybook/core-events": 6.5.0-alpha.48
|
||||
"@storybook/router": 6.5.0-alpha.48
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/theming": 6.5.0-alpha.47
|
||||
"@storybook/theming": 6.5.0-alpha.48
|
||||
core-js: ^3.8.2
|
||||
regenerator-runtime: ^0.13.7
|
||||
resolve-from: ^5.0.0
|
||||
@ -3130,15 +3129,15 @@ __metadata:
|
||||
"@babel/plugin-syntax-dynamic-import": ^7.8.3
|
||||
"@babel/plugin-syntax-import-meta": ^7.10.4
|
||||
"@babel/preset-env": ^7.12.11
|
||||
"@storybook/addons": 6.5.0-alpha.47
|
||||
"@storybook/client-api": 6.5.0-alpha.47
|
||||
"@storybook/client-logger": 6.5.0-alpha.47
|
||||
"@storybook/core": 6.5.0-alpha.47
|
||||
"@storybook/core-common": 6.5.0-alpha.47
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.47
|
||||
"@storybook/preview-web": 6.5.0-alpha.47
|
||||
"@storybook/store": 6.5.0-alpha.47
|
||||
"@storybook/addons": 6.5.0-alpha.48
|
||||
"@storybook/client-api": 6.5.0-alpha.48
|
||||
"@storybook/client-logger": 6.5.0-alpha.48
|
||||
"@storybook/core": 6.5.0-alpha.48
|
||||
"@storybook/core-common": 6.5.0-alpha.48
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.48
|
||||
"@storybook/preview-web": 6.5.0-alpha.48
|
||||
"@storybook/store": 6.5.0-alpha.48
|
||||
"@types/node": ^14.14.20 || ^16.0.0
|
||||
"@types/webpack-env": ^1.16.0
|
||||
babel-plugin-bundled-import-meta: ^0.3.1
|
||||
|
@ -44,7 +44,7 @@
|
||||
"@storybook/channels": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/router": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
|
@ -41,7 +41,7 @@
|
||||
"@storybook/channels": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/router": "6.5.0-alpha.49",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
|
@ -117,6 +117,8 @@ export interface ArgType {
|
||||
name?: string;
|
||||
description?: string;
|
||||
defaultValue?: any;
|
||||
addIf?: string;
|
||||
removeIf?: string;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
|
@ -1,59 +1,59 @@
|
||||
// auto generated file, do not edit
|
||||
export default {
|
||||
"@storybook/addon-a11y": "6.5.0-alpha.49",
|
||||
"@storybook/addon-actions": "6.5.0-alpha.49",
|
||||
"@storybook/addon-backgrounds": "6.5.0-alpha.49",
|
||||
"@storybook/addon-controls": "6.5.0-alpha.49",
|
||||
"@storybook/addon-docs": "6.5.0-alpha.49",
|
||||
"@storybook/addon-essentials": "6.5.0-alpha.49",
|
||||
"@storybook/addon-interactions": "6.5.0-alpha.49",
|
||||
"@storybook/addon-jest": "6.5.0-alpha.49",
|
||||
"@storybook/addon-links": "6.5.0-alpha.49",
|
||||
"@storybook/addon-measure": "6.5.0-alpha.49",
|
||||
"@storybook/addon-outline": "6.5.0-alpha.49",
|
||||
"@storybook/addon-storyshots": "6.5.0-alpha.49",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.49",
|
||||
"@storybook/addon-storysource": "6.5.0-alpha.49",
|
||||
"@storybook/addon-toolbars": "6.5.0-alpha.49",
|
||||
"@storybook/addon-viewport": "6.5.0-alpha.49",
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/angular": "6.5.0-alpha.49",
|
||||
"@storybook/api": "6.5.0-alpha.49",
|
||||
"@storybook/builder-webpack4": "6.5.0-alpha.49",
|
||||
"@storybook/builder-webpack5": "6.5.0-alpha.49",
|
||||
"@storybook/channel-postmessage": "6.5.0-alpha.49",
|
||||
"@storybook/channel-websocket": "6.5.0-alpha.49",
|
||||
"@storybook/channels": "6.5.0-alpha.49",
|
||||
"@storybook/cli": "6.5.0-alpha.49",
|
||||
"@storybook/client-api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/codemod": "6.5.0-alpha.49",
|
||||
"@storybook/components": "6.5.0-alpha.49",
|
||||
"@storybook/core": "6.5.0-alpha.49",
|
||||
"@storybook/core-client": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/core-server": "6.5.0-alpha.49",
|
||||
"@storybook/csf-tools": "6.5.0-alpha.49",
|
||||
"@storybook/docs-tools": "6.5.0-alpha.49",
|
||||
"@storybook/ember": "6.5.0-alpha.49",
|
||||
"@storybook/html": "6.5.0-alpha.49",
|
||||
"@storybook/instrumenter": "6.5.0-alpha.49",
|
||||
"@storybook/manager-webpack4": "6.5.0-alpha.49",
|
||||
"@storybook/manager-webpack5": "6.5.0-alpha.49",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"@storybook/postinstall": "6.5.0-alpha.49",
|
||||
"@storybook/preact": "6.5.0-alpha.49",
|
||||
"@storybook/preview-web": "6.5.0-alpha.49",
|
||||
"@storybook/react": "6.5.0-alpha.49",
|
||||
"@storybook/router": "6.5.0-alpha.49",
|
||||
"@storybook/server": "6.5.0-alpha.49",
|
||||
"@storybook/source-loader": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@storybook/svelte": "6.5.0-alpha.49",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"@storybook/ui": "6.5.0-alpha.49",
|
||||
"@storybook/vue": "6.5.0-alpha.49",
|
||||
"@storybook/vue3": "6.5.0-alpha.49",
|
||||
"@storybook/web-components": "6.5.0-alpha.49"
|
||||
}
|
||||
'@storybook/addon-a11y': '6.5.0-alpha.49',
|
||||
'@storybook/addon-actions': '6.5.0-alpha.49',
|
||||
'@storybook/addon-backgrounds': '6.5.0-alpha.49',
|
||||
'@storybook/addon-controls': '6.5.0-alpha.49',
|
||||
'@storybook/addon-docs': '6.5.0-alpha.49',
|
||||
'@storybook/addon-essentials': '6.5.0-alpha.49',
|
||||
'@storybook/addon-interactions': '6.5.0-alpha.49',
|
||||
'@storybook/addon-jest': '6.5.0-alpha.49',
|
||||
'@storybook/addon-links': '6.5.0-alpha.49',
|
||||
'@storybook/addon-measure': '6.5.0-alpha.49',
|
||||
'@storybook/addon-outline': '6.5.0-alpha.49',
|
||||
'@storybook/addon-storyshots': '6.5.0-alpha.49',
|
||||
'@storybook/addon-storyshots-puppeteer': '6.5.0-alpha.49',
|
||||
'@storybook/addon-storysource': '6.5.0-alpha.49',
|
||||
'@storybook/addon-toolbars': '6.5.0-alpha.49',
|
||||
'@storybook/addon-viewport': '6.5.0-alpha.49',
|
||||
'@storybook/addons': '6.5.0-alpha.49',
|
||||
'@storybook/angular': '6.5.0-alpha.49',
|
||||
'@storybook/api': '6.5.0-alpha.49',
|
||||
'@storybook/builder-webpack4': '6.5.0-alpha.49',
|
||||
'@storybook/builder-webpack5': '6.5.0-alpha.49',
|
||||
'@storybook/channel-postmessage': '6.5.0-alpha.49',
|
||||
'@storybook/channel-websocket': '6.5.0-alpha.49',
|
||||
'@storybook/channels': '6.5.0-alpha.49',
|
||||
'@storybook/cli': '6.5.0-alpha.49',
|
||||
'@storybook/client-api': '6.5.0-alpha.49',
|
||||
'@storybook/client-logger': '6.5.0-alpha.49',
|
||||
'@storybook/codemod': '6.5.0-alpha.49',
|
||||
'@storybook/components': '6.5.0-alpha.49',
|
||||
'@storybook/core': '6.5.0-alpha.49',
|
||||
'@storybook/core-client': '6.5.0-alpha.49',
|
||||
'@storybook/core-common': '6.5.0-alpha.49',
|
||||
'@storybook/core-events': '6.5.0-alpha.49',
|
||||
'@storybook/core-server': '6.5.0-alpha.49',
|
||||
'@storybook/csf-tools': '6.5.0-alpha.49',
|
||||
'@storybook/docs-tools': '6.5.0-alpha.49',
|
||||
'@storybook/ember': '6.5.0-alpha.49',
|
||||
'@storybook/html': '6.5.0-alpha.49',
|
||||
'@storybook/instrumenter': '6.5.0-alpha.49',
|
||||
'@storybook/manager-webpack4': '6.5.0-alpha.49',
|
||||
'@storybook/manager-webpack5': '6.5.0-alpha.49',
|
||||
'@storybook/node-logger': '6.5.0-alpha.49',
|
||||
'@storybook/postinstall': '6.5.0-alpha.49',
|
||||
'@storybook/preact': '6.5.0-alpha.49',
|
||||
'@storybook/preview-web': '6.5.0-alpha.49',
|
||||
'@storybook/react': '6.5.0-alpha.49',
|
||||
'@storybook/router': '6.5.0-alpha.49',
|
||||
'@storybook/server': '6.5.0-alpha.49',
|
||||
'@storybook/source-loader': '6.5.0-alpha.49',
|
||||
'@storybook/store': '6.5.0-alpha.49',
|
||||
'@storybook/svelte': '6.5.0-alpha.49',
|
||||
'@storybook/theming': '6.5.0-alpha.49',
|
||||
'@storybook/ui': '6.5.0-alpha.49',
|
||||
'@storybook/vue': '6.5.0-alpha.49',
|
||||
'@storybook/vue3': '6.5.0-alpha.49',
|
||||
'@storybook/web-components': '6.5.0-alpha.49',
|
||||
};
|
||||
|
@ -45,7 +45,7 @@
|
||||
"@storybook/channels": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@types/qs": "^6.9.5",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
|
@ -43,7 +43,7 @@
|
||||
"dependencies": {
|
||||
"@babel/types": "^7.12.11",
|
||||
"@mdx-js/mdx": "^1.6.22",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/csf-tools": "6.5.0-alpha.49",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
|
@ -41,7 +41,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/theming": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
|
@ -2,6 +2,7 @@ import React, { FC } from 'react';
|
||||
import pickBy from 'lodash/pickBy';
|
||||
import { styled, ignoreSsrWarning } from '@storybook/theming';
|
||||
import { opacify, transparentize, darken, lighten } from 'polished';
|
||||
import { includeConditionalArg } from '@storybook/csf';
|
||||
import { Icons } from '../../icon/icon';
|
||||
import { ArgRow } from './ArgRow';
|
||||
import { SectionRow } from './SectionRow';
|
||||
@ -398,7 +399,7 @@ export const ArgsTable: FC<ArgsTableProps> = (props) => {
|
||||
const { rows, args } = 'rows' in props ? props : argsTableLoadingData;
|
||||
|
||||
const groups = groupRows(
|
||||
pickBy(rows, (row) => !row?.table?.disable),
|
||||
pickBy(rows, (row) => !row?.table?.disable && includeConditionalArg(row, args)),
|
||||
sort
|
||||
);
|
||||
|
||||
|
@ -32,6 +32,8 @@ export interface ArgType {
|
||||
name?: string;
|
||||
description?: string;
|
||||
defaultValue?: any;
|
||||
addIf?: string;
|
||||
removeIf?: string;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
|
@ -46,7 +46,7 @@
|
||||
"@storybook/client-api": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/preview-web": "6.5.0-alpha.49",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"@storybook/ui": "6.5.0-alpha.49",
|
||||
|
@ -44,7 +44,7 @@
|
||||
"@storybook/core-client": "6.5.0-alpha.49",
|
||||
"@storybook/core-common": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/csf-tools": "6.5.0-alpha.49",
|
||||
"@storybook/manager-webpack4": "6.5.0-alpha.49",
|
||||
"@storybook/node-logger": "6.5.0-alpha.49",
|
||||
|
@ -47,7 +47,7 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/traverse": "^7.12.11",
|
||||
"@babel/types": "^7.12.11",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/mdx1-csf": "canary",
|
||||
"core-js": "^3.8.2",
|
||||
"fs-extra": "^9.0.1",
|
||||
|
@ -41,7 +41,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"core-js": "^3.8.2",
|
||||
"doctrine": "^3.0.0",
|
||||
|
@ -44,7 +44,7 @@
|
||||
"@storybook/channel-postmessage": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"@storybook/store": "6.5.0-alpha.49",
|
||||
"ansi-to-html": "^0.6.11",
|
||||
"core-js": "^3.8.2",
|
||||
|
@ -43,7 +43,7 @@
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
"global": "^4.4.0",
|
||||
|
@ -43,7 +43,7 @@
|
||||
"@storybook/addons": "6.5.0-alpha.49",
|
||||
"@storybook/client-logger": "6.5.0-alpha.49",
|
||||
"@storybook/core-events": "6.5.0-alpha.49",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf": "0.0.2--canary.507502b.0",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
|
@ -504,6 +504,30 @@ describe('prepareStory', () => {
|
||||
);
|
||||
});
|
||||
|
||||
it('filters out conditional args', () => {
|
||||
const renderMock = jest.fn();
|
||||
const firstStory = prepareStory(
|
||||
{
|
||||
id,
|
||||
name,
|
||||
args: { a: 1, b: 2 },
|
||||
argTypes: { b: { name: 'b', removeIf: 'a' } },
|
||||
},
|
||||
{ id, title },
|
||||
{ render: renderMock }
|
||||
);
|
||||
|
||||
firstStory.unboundStoryFn({
|
||||
args: firstStory.initialArgs,
|
||||
hooks: new HooksContext(),
|
||||
...firstStory,
|
||||
} as any);
|
||||
expect(renderMock).toHaveBeenCalledWith(
|
||||
{ a: 1 },
|
||||
expect.objectContaining({ args: { a: 1 }, allArgs: { a: 1, b: 2 } })
|
||||
);
|
||||
});
|
||||
|
||||
it('adds argsByTarget to context', () => {
|
||||
const renderMock = jest.fn();
|
||||
const firstStory = prepareStory(
|
||||
|
@ -12,6 +12,7 @@ import type {
|
||||
AnyFramework,
|
||||
StrictArgTypes,
|
||||
} from '@storybook/csf';
|
||||
import { includeConditionalArg } from '@storybook/csf';
|
||||
|
||||
import type {
|
||||
NormalizedComponentAnnotations,
|
||||
@ -165,12 +166,18 @@ export function prepareStory<TFramework extends AnyFramework>(
|
||||
acc[key] = mapping && val in mapping ? mapping[val] : val;
|
||||
return acc;
|
||||
}, {} as Args);
|
||||
const mappedContext = { ...context, args: mappedArgs };
|
||||
|
||||
const includedArgs = Object.entries(mappedArgs).reduce((acc, [key, val]) => {
|
||||
const argType = context.argTypes[key] || {};
|
||||
if (includeConditionalArg(argType, mappedArgs)) acc[key] = val;
|
||||
return acc;
|
||||
}, {} as Args);
|
||||
|
||||
const includedContext = { ...context, args: includedArgs };
|
||||
const { passArgsFirst: renderTimePassArgsFirst = true } = context.parameters;
|
||||
return renderTimePassArgsFirst
|
||||
? (render as ArgsStoryFn<TFramework>)(mappedContext.args, mappedContext)
|
||||
: (render as LegacyStoryFn<TFramework>)(mappedContext);
|
||||
? (render as ArgsStoryFn<TFramework>)(includedContext.args, includedContext)
|
||||
: (render as LegacyStoryFn<TFramework>)(includedContext);
|
||||
};
|
||||
const decoratedStoryFn = applyHooks<TFramework>(applyDecorators)(undecoratedStoryFn, decorators);
|
||||
const unboundStoryFn = (context: StoryContext<TFramework>) => {
|
||||
|
73
yarn.lock
73
yarn.lock
@ -6202,7 +6202,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/components": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/theming": 6.5.0-alpha.49
|
||||
"@testing-library/react": ^11.2.2
|
||||
"@types/webpack-env": ^1.16.0
|
||||
@ -6233,7 +6233,7 @@ __metadata:
|
||||
"@storybook/api": 6.5.0-alpha.49
|
||||
"@storybook/components": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/theming": 6.5.0-alpha.49
|
||||
"@types/lodash": ^4.14.167
|
||||
"@types/webpack-env": ^1.16.0
|
||||
@ -6269,7 +6269,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/components": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/theming": 6.5.0-alpha.49
|
||||
"@types/webpack-env": ^1.16.0
|
||||
core-js: ^3.8.2
|
||||
@ -6298,7 +6298,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/components": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/node-logger": 6.5.0-alpha.49
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
"@storybook/theming": 6.5.0-alpha.49
|
||||
@ -6330,7 +6330,7 @@ __metadata:
|
||||
"@storybook/components": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.49
|
||||
"@storybook/mdx1-csf": canary
|
||||
"@storybook/mdx2-csf": canary
|
||||
@ -6461,7 +6461,7 @@ __metadata:
|
||||
"@storybook/components": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/instrumenter": 6.5.0-alpha.49
|
||||
"@storybook/jest": ^0.0.5
|
||||
"@storybook/testing-library": ^0.0.7
|
||||
@ -6516,7 +6516,7 @@ __metadata:
|
||||
"@storybook/addons": 6.5.0-alpha.49
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/router": 6.5.0-alpha.49
|
||||
"@types/qs": ^6.9.5
|
||||
"@types/webpack-env": ^1.16.0
|
||||
@ -6546,7 +6546,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/components": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@types/webpack-env": ^1.16.0
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -6570,7 +6570,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/components": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@types/webpack-env": ^1.16.0
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -6605,7 +6605,7 @@ __metadata:
|
||||
resolution: "@storybook/addon-storyshots-puppeteer@workspace:addons/storyshots/storyshots-puppeteer"
|
||||
dependencies:
|
||||
"@axe-core/puppeteer": ^4.2.0
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/node-logger": 6.5.0-alpha.49
|
||||
"@types/jest-image-snapshot": ^4.1.3
|
||||
"@types/puppeteer": ^5.4.0
|
||||
@ -6636,7 +6636,7 @@ __metadata:
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-client": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/react": 6.5.0-alpha.49
|
||||
"@storybook/vue": 6.5.0-alpha.49
|
||||
"@storybook/vue3": 6.5.0-alpha.49
|
||||
@ -6798,7 +6798,7 @@ __metadata:
|
||||
"@storybook/channels": 6.5.0-alpha.49
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/router": 6.5.0-alpha.49
|
||||
"@storybook/theming": 6.5.0-alpha.49
|
||||
"@types/webpack-env": ^1.16.0
|
||||
@ -6855,7 +6855,7 @@ __metadata:
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.49
|
||||
"@storybook/node-logger": 6.5.0-alpha.49
|
||||
"@storybook/semver": ^7.3.2
|
||||
@ -6929,7 +6929,7 @@ __metadata:
|
||||
"@storybook/channels": 6.5.0-alpha.49
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/router": 6.5.0-alpha.49
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/theming": 6.5.0-alpha.49
|
||||
@ -7214,7 +7214,7 @@ __metadata:
|
||||
"@storybook/channels": 6.5.0-alpha.49
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
"@types/qs": ^6.9.5
|
||||
"@types/webpack-env": ^1.16.0
|
||||
@ -7260,7 +7260,7 @@ __metadata:
|
||||
dependencies:
|
||||
"@babel/types": ^7.12.11
|
||||
"@mdx-js/mdx": ^1.6.22
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/csf-tools": 6.5.0-alpha.49
|
||||
"@storybook/node-logger": 6.5.0-alpha.49
|
||||
core-js: ^3.8.2
|
||||
@ -7282,7 +7282,7 @@ __metadata:
|
||||
dependencies:
|
||||
"@popperjs/core": ^2.6.0
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/theming": 6.5.0-alpha.49
|
||||
"@types/color-convert": ^2.0.0
|
||||
"@types/overlayscrollbars": ^1.12.0
|
||||
@ -7324,7 +7324,7 @@ __metadata:
|
||||
"@storybook/client-api": 6.5.0-alpha.49
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/preview-web": 6.5.0-alpha.49
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
"@storybook/ui": 6.5.0-alpha.49
|
||||
@ -7444,7 +7444,7 @@ __metadata:
|
||||
"@storybook/core-client": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/csf-tools": 6.5.0-alpha.49
|
||||
"@storybook/manager-webpack4": 6.5.0-alpha.49
|
||||
"@storybook/node-logger": 6.5.0-alpha.49
|
||||
@ -7532,7 +7532,7 @@ __metadata:
|
||||
"@babel/preset-env": ^7.12.11
|
||||
"@babel/traverse": ^7.12.11
|
||||
"@babel/types": ^7.12.11
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/mdx1-csf": canary
|
||||
"@storybook/mdx2-csf": canary
|
||||
"@types/fs-extra": ^9.0.6
|
||||
@ -7550,6 +7550,15 @@ __metadata:
|
||||
languageName: unknown
|
||||
linkType: soft
|
||||
|
||||
"@storybook/csf@npm:0.0.2--canary.507502b.0":
|
||||
version: 0.0.2--canary.507502b.0
|
||||
resolution: "@storybook/csf@npm:0.0.2--canary.507502b.0"
|
||||
dependencies:
|
||||
lodash: ^4.17.15
|
||||
checksum: 1d48f1d320a6dbbdc7932943ffdba51783a16d86ea870a7c1b4438978fc8a6bd0600399cf748bcdf295f7fcd8ac80b62c6aebc1c68aac9ffe30ba8f3fbbf8f13
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@storybook/csf@npm:0.0.2--canary.87bc651.0":
|
||||
version: 0.0.2--canary.87bc651.0
|
||||
resolution: "@storybook/csf@npm:0.0.2--canary.87bc651.0"
|
||||
@ -7596,7 +7605,7 @@ __metadata:
|
||||
resolution: "@storybook/docs-tools@workspace:lib/docs-tools"
|
||||
dependencies:
|
||||
"@babel/core": ^7.12.10
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
core-js: ^3.8.2
|
||||
doctrine: ^3.0.0
|
||||
@ -7718,7 +7727,7 @@ __metadata:
|
||||
"@storybook/addons": 6.5.0-alpha.49
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.49
|
||||
"@storybook/preview-web": 6.5.0-alpha.49
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
@ -7986,7 +7995,7 @@ __metadata:
|
||||
"@storybook/addons": 6.5.0-alpha.49
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
"@types/node": ^14.14.20 || ^16.0.0
|
||||
"@types/webpack-env": ^1.16.0
|
||||
@ -8048,7 +8057,7 @@ __metadata:
|
||||
"@storybook/channel-postmessage": 6.5.0-alpha.49
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
ansi-to-html: ^0.6.11
|
||||
core-js: ^3.8.2
|
||||
@ -8095,7 +8104,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.49
|
||||
"@storybook/node-logger": 6.5.0-alpha.49
|
||||
"@storybook/react-docgen-typescript-plugin": 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0
|
||||
@ -8463,7 +8472,7 @@ __metadata:
|
||||
"@storybook/client-api": 6.5.0-alpha.49
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/node-logger": 6.5.0-alpha.49
|
||||
"@storybook/preview-web": 6.5.0-alpha.49
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
@ -8493,7 +8502,7 @@ __metadata:
|
||||
dependencies:
|
||||
"@storybook/addons": 6.5.0-alpha.49
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
core-js: ^3.8.2
|
||||
estraverse: ^5.2.0
|
||||
global: ^4.4.0
|
||||
@ -8514,7 +8523,7 @@ __metadata:
|
||||
"@storybook/addons": 6.5.0-alpha.49
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core-events": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
global: ^4.4.0
|
||||
@ -8540,7 +8549,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.49
|
||||
"@storybook/node-logger": 6.5.0-alpha.49
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
@ -8678,7 +8687,7 @@ __metadata:
|
||||
"@storybook/addons": 6.5.0-alpha.49
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.49
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
"@types/node": ^14.14.20 || ^16.0.0
|
||||
@ -8717,7 +8726,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.49
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
"@types/node": ^14.14.20 || ^16.0.0
|
||||
@ -8763,7 +8772,7 @@ __metadata:
|
||||
"@storybook/client-logger": 6.5.0-alpha.49
|
||||
"@storybook/core": 6.5.0-alpha.49
|
||||
"@storybook/core-common": 6.5.0-alpha.49
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf": 0.0.2--canary.507502b.0
|
||||
"@storybook/docs-tools": 6.5.0-alpha.49
|
||||
"@storybook/preview-web": 6.5.0-alpha.49
|
||||
"@storybook/store": 6.5.0-alpha.49
|
||||
|
Loading…
x
Reference in New Issue
Block a user