mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 20:51:07 +08:00
Merge branch 'next' into tech/change-event-source-to-refId
# Conflicts: # lib/api/src/modules/globals.ts # lib/api/src/modules/stories.ts
This commit is contained in:
Norbert de Langen
commit
52ed9705ea
38
CHANGELOG.md
38
CHANGELOG.md
@ -1,3 +1,41 @@
|
||||
## 6.0.0-beta.43 (July 5, 2020)
|
||||
|
||||
### Features
|
||||
|
||||
- Composition: Ignore globals from non-local refs ([#11407](https://github.com/storybookjs/storybook/pull/11407))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Core: Remove manager redirects on boot ([#11390](https://github.com/storybookjs/storybook/pull/11390))
|
||||
|
||||
## 6.0.0-beta.42 (July 5, 2020)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs: Fix Props subcomponents regression ([#11420](https://github.com/storybookjs/storybook/pull/11420))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Core: Deprecate `addParameters` and `addDecorator` ([#11417](https://github.com/storybookjs/storybook/pull/11417))
|
||||
|
||||
## 6.0.0-beta.41 (July 4, 2020)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs: Fix subcomponents display logic ([#11415](https://github.com/storybookjs/storybook/pull/11415))
|
||||
- Addon-docs: Fix Source rendering corner case ([#11414](https://github.com/storybookjs/storybook/pull/11414))
|
||||
|
||||
## 6.0.0-beta.40 (July 4, 2020)
|
||||
|
||||
### Features
|
||||
|
||||
- CLI: Add upgrade utility with version consistency check ([#11396](https://github.com/storybookjs/storybook/pull/11396))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Build: Fix CI breaks ([#11410](https://github.com/storybookjs/storybook/pull/11410))
|
||||
- Core: Deprecate immutable options as parameters ([#11387](https://github.com/storybookjs/storybook/pull/11387))
|
||||
|
||||
## 6.0.0-beta.39 (July 2, 2020)
|
||||
|
||||
### Breaking Changes
|
||||
|
||||
25
MIGRATION.md
25
MIGRATION.md
@ -37,6 +37,8 @@
|
||||
- [Deprecated addon-contexts](#deprecated-addon-contexts)
|
||||
- [Removed addon-centered](#removed-addon-centered)
|
||||
- [Deprecated polymer](#deprecated-polymer)
|
||||
- [Deprecated immutable options parameters](#deprecated-immutable-options-parameters)
|
||||
- [Deprecated addParameters and addDecorator](#deprecated-addparameters-and-adddecorator)
|
||||
- [From version 5.2.x to 5.3.x](#from-version-52x-to-53x)
|
||||
- [To main.js configuration](#to-mainjs-configuration)
|
||||
- [Using main.js](#using-mainjs)
|
||||
@ -465,6 +467,8 @@ export StoryOne = ...;
|
||||
StoryOne.story = { parameters: { ...commonParameters, other: 'things' } };
|
||||
```
|
||||
|
||||
> NOTE: also the use of `addParameters` and `addDecorator` at arbitrary points is also deprecated, see [the deprecation warning](#deprecated-addparameters-and-adddecorator).
|
||||
|
||||
#### Changed Parameter Handling
|
||||
|
||||
There have been a few rationalizations of parameter handling in 6.0 to make things more predictable and fit better with the intention of parameters:
|
||||
@ -625,6 +629,27 @@ Other possible values are: `padded` (default) and `fullscreen`.
|
||||
|
||||
We've deprecated `@storybook/polymer` and are focusing on `@storybook/web-components`. If you use Polymer and are interested in maintaining it, please get in touch on [our Discord](https://discordapp.com/invite/UUt2PJb).
|
||||
|
||||
#### Deprecated immutable options parameters
|
||||
|
||||
The UI options `sidebarAnimations`, `enableShortcuts`, `theme`, `showRoots` should not be changed on a per-story basis, and as such there is no reason to set them via parameters.
|
||||
|
||||
You should use `addon.setConfig` to set them:
|
||||
|
||||
```js
|
||||
// in .storybook/manager.js
|
||||
import addons from '@storybook/addons';
|
||||
|
||||
addons.setConfig({
|
||||
showRoots: false,
|
||||
});
|
||||
```
|
||||
|
||||
#### Deprecated addParameters and addDecorator
|
||||
|
||||
The `addParameters` and `addDecorator` APIs to add global decorators and parameters, exported by the various frameworks (e.g. `@storybook/react`) and `@storybook/client` are now deprecated.
|
||||
|
||||
Instead, use `export const parameters = {};` and `export const decorators = [];` in your `.storybook/preview.js`. Addon authors similarly should use such an export in a `previewEntry` file.
|
||||
|
||||
## From version 5.2.x to 5.3.x
|
||||
|
||||
### To main.js configuration
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "a11y addon for storybook",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -33,14 +33,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/channels": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/channels": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"axe-core": "^3.5.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
@ -63,7 +63,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
"global": "^4.3.2",
|
||||
@ -58,7 +58,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,12 +32,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"memoizerific": "^1.11.3",
|
||||
"react": "^16.8.3",
|
||||
@ -52,7 +52,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Controls for component properties",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,11 +30,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -43,5 +43,6 @@
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
}
|
||||
},
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,11 +32,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
@ -55,7 +55,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-design-assets",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Design asset preview for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -34,12 +34,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
@ -53,7 +53,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Superior documentation for your components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -48,18 +48,18 @@
|
||||
"@mdx-js/loader": "^1.5.1",
|
||||
"@mdx-js/mdx": "^1.5.1",
|
||||
"@mdx-js/react": "^1.5.1",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/postinstall": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"@storybook/postinstall": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"acorn": "^7.1.0",
|
||||
"acorn-jsx": "^5.1.0",
|
||||
"acorn-walk": "^7.0.0",
|
||||
@ -86,8 +86,8 @@
|
||||
"@babel/core": "^7.9.6",
|
||||
"@emotion/core": "^10.0.20",
|
||||
"@emotion/styled": "^10.0.17",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/web-components": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@storybook/web-components": "6.0.0-beta.43",
|
||||
"@types/cross-spawn": "^6.0.1",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.3",
|
||||
@ -139,7 +139,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -38,7 +38,7 @@ type ComponentsProps = BaseProps & {
|
||||
|
||||
type StoryProps = BaseProps & {
|
||||
story: '.' | string;
|
||||
showComponents?: boolean;
|
||||
showComponent?: boolean;
|
||||
};
|
||||
|
||||
type PropsProps = BaseProps | OfProps | ComponentsProps | StoryProps;
|
||||
@ -127,14 +127,16 @@ const addComponentTabs = (
|
||||
})),
|
||||
});
|
||||
|
||||
export const StoryTable: FC<StoryProps & { components: Record<string, Component> }> = (props) => {
|
||||
export const StoryTable: FC<
|
||||
StoryProps & { component: Component; subcomponents: Record<string, Component> }
|
||||
> = (props) => {
|
||||
const context = useContext(DocsContext);
|
||||
const {
|
||||
id: currentId,
|
||||
parameters: { argTypes },
|
||||
storyStore,
|
||||
} = context;
|
||||
const { story, showComponents, components, include, exclude } = props;
|
||||
const { story, component, subcomponents, showComponent, include, exclude } = props;
|
||||
let storyArgTypes;
|
||||
try {
|
||||
let storyId;
|
||||
@ -158,12 +160,6 @@ export const StoryTable: FC<StoryProps & { components: Record<string, Component>
|
||||
}
|
||||
storyArgTypes = filterArgTypes(storyArgTypes, include, exclude);
|
||||
|
||||
// This code handles three cases:
|
||||
// 1. the story has args, in which case we want to show controls for the story
|
||||
// 2. the story has args, and the user specifies showComponents, in which case
|
||||
// we want to show controls for the primary component AND show props for each component
|
||||
// 3. the story has NO args, in which case we want to show props for each component
|
||||
|
||||
// eslint-disable-next-line prefer-const
|
||||
let [args, updateArgs] = useArgs(storyId, storyStore);
|
||||
let tabs = { Story: { rows: storyArgTypes, args, updateArgs } } as Record<
|
||||
@ -180,10 +176,14 @@ export const StoryTable: FC<StoryProps & { components: Record<string, Component>
|
||||
tabs = {};
|
||||
}
|
||||
|
||||
if (showComponents || !storyHasArgsWithControls) {
|
||||
tabs = addComponentTabs(tabs, components, context, include, exclude);
|
||||
if (component && (!storyHasArgsWithControls || showComponent)) {
|
||||
const mainLabel = getComponentName(component);
|
||||
tabs = addComponentTabs(tabs, { [mainLabel]: component }, context, include, exclude);
|
||||
}
|
||||
|
||||
if (subcomponents) {
|
||||
tabs = addComponentTabs(tabs, subcomponents, context, include, exclude);
|
||||
}
|
||||
return <TabbedArgsTable tabs={tabs} />;
|
||||
} catch (err) {
|
||||
return <ArgsTable error={err.message} />;
|
||||
@ -207,16 +207,9 @@ export const Props: FC<PropsProps> = (props) => {
|
||||
const { include, exclude, components } = props as ComponentsProps;
|
||||
const { story } = props as StoryProps;
|
||||
|
||||
let allComponents = components;
|
||||
const main = getComponent(props, context);
|
||||
|
||||
if (!allComponents && main) {
|
||||
const mainLabel = getComponentName(main);
|
||||
allComponents = { [mainLabel]: main, ...subcomponents };
|
||||
}
|
||||
|
||||
if (story) {
|
||||
return <StoryTable {...(props as StoryProps)} components={allComponents} />;
|
||||
return <StoryTable {...(props as StoryProps)} component={main} subcomponents={subcomponents} />;
|
||||
}
|
||||
|
||||
if (!components && !subcomponents) {
|
||||
@ -229,7 +222,13 @@ export const Props: FC<PropsProps> = (props) => {
|
||||
return <ArgsTable {...mainProps} />;
|
||||
}
|
||||
|
||||
return <ComponentsTable {...(props as ComponentsProps)} components={allComponents} />;
|
||||
const mainLabel = getComponentName(main);
|
||||
return (
|
||||
<ComponentsTable
|
||||
{...(props as ComponentsProps)}
|
||||
components={{ [mainLabel]: main, ...subcomponents }}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
Props.defaultProps = {
|
||||
|
||||
@ -51,9 +51,8 @@ export const getSourceProps = (
|
||||
const targetIds = multiProps.ids || [targetId];
|
||||
source = targetIds
|
||||
.map((sourceId) => {
|
||||
if (sources) {
|
||||
return sources[sourceId];
|
||||
}
|
||||
const snippet = sources && sources[sourceId];
|
||||
if (snippet) return snippet;
|
||||
if (storyStore) {
|
||||
const data = storyStore.fromId(sourceId);
|
||||
const enhanced = data && (enhanceSource(data) || data.parameters);
|
||||
|
||||
@ -8,11 +8,11 @@ export type SourceItem = string;
|
||||
export type StorySources = Record<StoryId, SourceItem>;
|
||||
|
||||
export interface SourceContextProps {
|
||||
sources?: StorySources;
|
||||
sources: StorySources;
|
||||
setSource?: (id: StoryId, item: SourceItem) => void;
|
||||
}
|
||||
|
||||
export const SourceContext: Context<SourceContextProps> = createContext({});
|
||||
export const SourceContext: Context<SourceContextProps> = createContext({ sources: {} });
|
||||
|
||||
export const SourceContainer: FC<{}> = ({ children }) => {
|
||||
const [sources, setSources] = useState<StorySources>({});
|
||||
@ -32,8 +32,9 @@ export const SourceContainer: FC<{}> = ({ children }) => {
|
||||
channel.on(SNIPPET_RENDERED, handleSnippetRendered);
|
||||
|
||||
useEffect(() => {
|
||||
if (!deepEqual(sources, sourcesRef.current)) {
|
||||
setSources(sourcesRef.current);
|
||||
const current = sourcesRef.current || {};
|
||||
if (!deepEqual(sources, current)) {
|
||||
setSources(current);
|
||||
}
|
||||
|
||||
return () => channel.off(SNIPPET_RENDERED, handleSnippetRendered);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,14 +28,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
"ts-dedent": "^1.1.1"
|
||||
@ -53,7 +53,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,11 +31,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"format-json": "^1.0.3",
|
||||
"lodash": "^4.17.15",
|
||||
@ -55,7 +55,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,8 +20,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react-ga": "^2.5.7",
|
||||
@ -35,5 +35,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,8 +31,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.0",
|
||||
"@babel/plugin-transform-classes": "^7.9.2",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@types/webpack": "^4.41.9",
|
||||
"babel-loader": "^8.0.6",
|
||||
"core-js": "^3.0.1",
|
||||
@ -50,7 +50,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -35,11 +35,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
@ -57,7 +57,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,13 +29,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/channels": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/channels": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"@types/react-color": "^3.0.1",
|
||||
"copy-to-clipboard": "^3.0.8",
|
||||
"core-js": "^3.0.1",
|
||||
@ -65,7 +65,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,11 +29,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.0.0-beta.39",
|
||||
"@storybook/router": "6.0.0-beta.43",
|
||||
"@types/qs": "^6.9.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
@ -53,7 +53,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-queryparams",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,12 +30,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"qs": "^6.6.0",
|
||||
@ -52,7 +52,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -33,9 +33,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.0.0",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@types/glob": "^7.1.1",
|
||||
"@types/jest": "^25.1.1",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
@ -50,8 +50,8 @@
|
||||
"ts-dedent": "^1.1.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"babel-loader": "^8.0.6",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
@ -64,7 +64,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,7 +30,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"@types/jest-image-snapshot": "^2.8.0",
|
||||
"@wordpress/jest-puppeteer-axe": "^1.5.0",
|
||||
"core-js": "^3.0.1",
|
||||
@ -42,7 +42,7 @@
|
||||
"@types/puppeteer": "^2.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -53,7 +53,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Stories addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,13 +29,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/router": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/router": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"estraverse": "^4.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
@ -57,5 +57,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook toolbars addon",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,10 +30,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -42,5 +42,6 @@
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
}
|
||||
},
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook addon to change the viewport size to mobile",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,12 +29,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -48,7 +48,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,9 +34,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"autoprefixer": "^9.7.6",
|
||||
"core-js": "^3.0.1",
|
||||
@ -75,7 +75,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/aurelia",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Aurelia: Develop Aurelia Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,10 +26,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"fork-ts-checker-webpack-plugin": "^4.0.3",
|
||||
"global": "^4.3.2",
|
||||
"ts-loader": "^6.0.1",
|
||||
@ -54,5 +54,6 @@
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
}
|
||||
},
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -32,7 +32,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^1.7.0",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
@ -52,5 +52,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
@ -54,7 +54,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marionette",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Marionette: Develop Marionette.js component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
@ -48,5 +48,6 @@
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
}
|
||||
},
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@marko/webpack": "^2.1.0",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
@ -54,5 +54,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,8 +36,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@types/mithril": "^2.0.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
@ -60,7 +60,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -35,8 +35,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
@ -58,7 +58,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/rax",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Rax: Develop Rax Component in isolation.",
|
||||
"keywords": [
|
||||
"rax",
|
||||
@ -34,7 +34,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"core-js": "^3.0.1",
|
||||
"driver-dom": "^2.0.0",
|
||||
@ -54,5 +54,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,9 +36,9 @@
|
||||
"dependencies": {
|
||||
"@babel/preset-flow": "^7.0.0",
|
||||
"@babel/preset-react": "^7.0.0",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@svgr/webpack": "^5.4.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
@ -56,7 +56,7 @@
|
||||
"webpack": "^4.43.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/webpack": "^4.41.12"
|
||||
},
|
||||
@ -71,7 +71,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/riot",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,7 +34,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"raw-loader": "^4.0.1",
|
||||
@ -63,5 +63,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@storybook/node-logger": "^5.2.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
@ -53,5 +53,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "6ad2664adf18b50ea3ce015cbae2ff3e9a60cc4a"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
@ -59,7 +59,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
@ -68,7 +68,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -38,8 +38,8 @@
|
||||
"dependencies": {
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
|
||||
"@babel/plugin-syntax-import-meta": "^7.2.0",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.0.1",
|
||||
@ -63,7 +63,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
/* eslint-disable cypress/no-unnecessary-waiting */
|
||||
import { clickAddon, visit } from '../helper';
|
||||
|
||||
describe('Knobs', () => {
|
||||
@ -12,6 +13,7 @@ describe('Knobs', () => {
|
||||
|
||||
cy.getStoryElement()
|
||||
.console('info')
|
||||
.wait(3000)
|
||||
.find('p')
|
||||
.eq(0)
|
||||
.should('contain.text', 'My name is John Doe');
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-decorator",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "decorator addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,15 +24,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-parameter",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,12 +24,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
@ -38,7 +38,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-preview-wrapper",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "preview wrapper addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,13 +24,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"react": "^16.8.3"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-roundtrip",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "roundtrip addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,13 +24,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
@ -39,7 +39,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"6.0.0-beta.39","info":{"plain":"### Breaking Changes\n\n- CSF: Forbid duplicate kinds ([#11369](https://github.com/storybookjs/storybook/pull/11369))\n- Args: Rename `globalArgs` to `globals` ([#11385](https://github.com/storybookjs/storybook/pull/11385))\n\n### Features\n\n- Args: Disable rows and controls in argTypes ([#11388](https://github.com/storybookjs/storybook/pull/11388))\n- Composition: Add auto disable ([#11364](https://github.com/storybookjs/storybook/pull/11364))\n- CLI: use addon-essentials & args ([#11282](https://github.com/storybookjs/storybook/pull/11282))\n\n### Maintenance\n\n- Build: Add artifacts for e2e CI task ([#11365](https://github.com/storybookjs/storybook/pull/11365))\n- Build: Remove cli fixtures in favor of e2e ([#11357](https://github.com/storybookjs/storybook/pull/11357))"}}
|
||||
{"version":"6.0.0-beta.43","info":{"plain":"### Features\n\n- Composition: Ignore globals from non-local refs ([#11407](https://github.com/storybookjs/storybook/pull/11407))\n\n### Maintenance\n\n- Core: Remove manager redirects on boot ([#11390](https://github.com/storybookjs/storybook/pull/11390))"}}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -37,19 +37,19 @@
|
||||
"@angular/cli": "^9.1.0",
|
||||
"@angular/compiler-cli": "^9.1.0",
|
||||
"@compodoc/compodoc": "^1.1.11",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-jest": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/angular": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-jest": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/angular": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@types/core-js": "^2.5.0",
|
||||
"@types/jest": "^25.1.1",
|
||||
"@types/node": "^14.0.10",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "aurelia-kitchen-sink",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"description": "An Aurelia client application.",
|
||||
"repository": {
|
||||
@ -22,18 +22,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@aurelia/webpack-loader": "dev",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-jest": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/aurelia": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-jest": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/aurelia": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@types/node": "^14.0.10",
|
||||
"css-loader": "^3.0.0",
|
||||
"file-loader": "^4.2.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,19 +18,19 @@
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-events": "6.0.0-beta.39",
|
||||
"@storybook/addon-jest": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-events": "6.0.0-beta.43",
|
||||
"@storybook/addon-jest": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"react-scripts": "^3.0.1"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,11 +18,11 @@
|
||||
"react-scripts": "3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,10 +34,10 @@
|
||||
"typescript": "3.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/preset-create-react-app": "^3.0.0",
|
||||
"@storybook/react": "6.0.0-beta.39"
|
||||
"@storybook/react": "6.0.0-beta.43"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,14 +34,14 @@
|
||||
"typescript": "3.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/preset-create-react-app": "^3.0.0",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@types/enzyme": "^3.9.0",
|
||||
"enzyme": "^3.9.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
|
||||
@ -1 +0,0 @@
|
||||
.
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-devkits",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,18 +8,18 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-decorator": "6.0.0-beta.39",
|
||||
"@storybook/addon-parameter": "6.0.0-beta.39",
|
||||
"@storybook/addon-preview-wrapper": "6.0.0-beta.39",
|
||||
"@storybook/addon-roundtrip": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addon-decorator": "6.0.0-beta.43",
|
||||
"@storybook/addon-parameter": "6.0.0-beta.43",
|
||||
"@storybook/addon-preview-wrapper": "6.0.0-beta.43",
|
||||
"@storybook/addon-roundtrip": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.0",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -16,19 +16,19 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@ember/optional-features": "^1.3.0",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/ember": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/ember": "6.0.0-beta.43",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,24 +13,24 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-events": "6.0.0-beta.39",
|
||||
"@storybook/addon-jest": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/html": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-events": "6.0.0-beta.43",
|
||||
"@storybook/addon-jest": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/html": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"description": "Demo of how to build an app using marko-starter",
|
||||
"repository": {
|
||||
@ -23,13 +23,13 @@
|
||||
"marko-starter": "^2.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/marko": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/marko": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"prettier": "^2.0.5",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -10,17 +10,17 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/mithril": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/mithril": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,39 +8,39 @@
|
||||
"do-storyshots-puppeteer": "../../node_modules/.bin/jest --projects=./storyshots-puppeteer",
|
||||
"generate-addon-jest-testresults": "jest --config=tests/addon-jest.config.json --json --outputFile=stories/addon-jest.testresults.json",
|
||||
"graphql": "node ./graphql-server/index.js",
|
||||
"packtracker": "yarn storybook --smoke-test --quiet && cross-env PT_PROJECT_TOKEN=1af1d41b-d737-41d4-ac00-53c8f3913b53 packtracker-upload --stats=./node_modules/.cache/storybook/manager-stats.json",
|
||||
"packtracker": "yarn storybook --smoke-test --quiet && cross-env PT_PROJECT_TOKEN=1af1d41b-d737-41d4-ac00-53c8f3913b53 packtracker-upload --stats=./node_modules/.cache/storybook/public/manager-stats.json",
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll",
|
||||
"storyshots-puppeteer": "yarn run build-storybook && yarn run do-storyshots-puppeteer"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.0.1",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-cssresources": "6.0.0-beta.39",
|
||||
"@storybook/addon-design-assets": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-events": "6.0.0-beta.39",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.39",
|
||||
"@storybook/addon-jest": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-queryparams": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-toolbars": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/cli": "6.0.0-beta.39",
|
||||
"@storybook/components": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-cssresources": "6.0.0-beta.43",
|
||||
"@storybook/addon-design-assets": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-events": "6.0.0-beta.43",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.43",
|
||||
"@storybook/addon-jest": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-queryparams": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-toolbars": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/cli": "6.0.0-beta.43",
|
||||
"@storybook/components": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/design-system": "^5.1.0",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"chromatic": "^5.0.0",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
import { document } from 'global';
|
||||
import React, { Fragment, useEffect } from 'react';
|
||||
import { isChromatic } from 'chromatic';
|
||||
import { addDecorator, addParameters } from '@storybook/react';
|
||||
import isChromatic from 'chromatic/isChromatic';
|
||||
import {
|
||||
Global,
|
||||
ThemeProvider,
|
||||
@ -33,8 +32,6 @@ if (process.env.NODE_ENV === 'development') {
|
||||
addHeadWarning('preview-head-not-loaded', 'Preview head not loaded');
|
||||
addHeadWarning('dotenv-file-not-loaded', 'Dotenv file not loaded');
|
||||
|
||||
addDecorator(withCssResources);
|
||||
|
||||
const ThemeBlock = styled.div(
|
||||
{
|
||||
position: 'absolute',
|
||||
@ -88,59 +85,63 @@ const ThemedSetRoot = () => {
|
||||
return null;
|
||||
};
|
||||
|
||||
addDecorator((StoryFn, { globals: { theme = 'light' } }) => {
|
||||
switch (theme) {
|
||||
case 'side-by-side': {
|
||||
return (
|
||||
<Fragment>
|
||||
<ThemeProvider theme={convert(themes.light)}>
|
||||
export const decorators = [
|
||||
withCssResources,
|
||||
(StoryFn, { globals: { theme = 'light' } }) => {
|
||||
switch (theme) {
|
||||
case 'side-by-side': {
|
||||
return (
|
||||
<Fragment>
|
||||
<ThemeProvider theme={convert(themes.light)}>
|
||||
<Global styles={createReset} />
|
||||
</ThemeProvider>
|
||||
<ThemeProvider theme={convert(themes.light)}>
|
||||
<ThemeBlock side="left">
|
||||
<StoryFn />
|
||||
</ThemeBlock>
|
||||
</ThemeProvider>
|
||||
<ThemeProvider theme={convert(themes.dark)}>
|
||||
<ThemeBlock side="right">
|
||||
<StoryFn />
|
||||
</ThemeBlock>
|
||||
</ThemeProvider>
|
||||
</Fragment>
|
||||
);
|
||||
}
|
||||
case 'stacked': {
|
||||
return (
|
||||
<Fragment>
|
||||
<ThemeProvider theme={convert(themes.light)}>
|
||||
<Global styles={createReset} />
|
||||
</ThemeProvider>
|
||||
<ThemeProvider theme={convert(themes.light)}>
|
||||
<ThemeStack side="left">
|
||||
<StoryFn />
|
||||
</ThemeStack>
|
||||
</ThemeProvider>
|
||||
<ThemeProvider theme={convert(themes.dark)}>
|
||||
<ThemeStack side="right">
|
||||
<StoryFn />
|
||||
</ThemeStack>
|
||||
</ThemeProvider>
|
||||
</Fragment>
|
||||
);
|
||||
}
|
||||
default: {
|
||||
return (
|
||||
<ThemeProvider theme={convert(themes[theme])}>
|
||||
<Global styles={createReset} />
|
||||
<ThemedSetRoot />
|
||||
<StoryFn />
|
||||
</ThemeProvider>
|
||||
<ThemeProvider theme={convert(themes.light)}>
|
||||
<ThemeBlock side="left">
|
||||
<StoryFn />
|
||||
</ThemeBlock>
|
||||
</ThemeProvider>
|
||||
<ThemeProvider theme={convert(themes.dark)}>
|
||||
<ThemeBlock side="right">
|
||||
<StoryFn />
|
||||
</ThemeBlock>
|
||||
</ThemeProvider>
|
||||
</Fragment>
|
||||
);
|
||||
);
|
||||
}
|
||||
}
|
||||
case 'stacked': {
|
||||
return (
|
||||
<Fragment>
|
||||
<ThemeProvider theme={convert(themes.light)}>
|
||||
<Global styles={createReset} />
|
||||
</ThemeProvider>
|
||||
<ThemeProvider theme={convert(themes.light)}>
|
||||
<ThemeStack side="left">
|
||||
<StoryFn />
|
||||
</ThemeStack>
|
||||
</ThemeProvider>
|
||||
<ThemeProvider theme={convert(themes.dark)}>
|
||||
<ThemeStack side="right">
|
||||
<StoryFn />
|
||||
</ThemeStack>
|
||||
</ThemeProvider>
|
||||
</Fragment>
|
||||
);
|
||||
}
|
||||
default: {
|
||||
return (
|
||||
<ThemeProvider theme={convert(themes[theme])}>
|
||||
<Global styles={createReset} />
|
||||
<ThemedSetRoot />
|
||||
<StoryFn />
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
];
|
||||
|
||||
addParameters({
|
||||
export const parameters = {
|
||||
exportedParameter: 'exportedParameter',
|
||||
a11y: {
|
||||
config: {},
|
||||
options: {
|
||||
@ -156,10 +157,6 @@ addParameters({
|
||||
theme: themes.light,
|
||||
page: () => <DocsPage subtitleSlot={({ kind }) => `Subtitle: ${kind}`} />,
|
||||
},
|
||||
});
|
||||
|
||||
export const parameters = {
|
||||
exportedParameter: 'exportedParameter',
|
||||
};
|
||||
|
||||
export const globals = {
|
||||
|
||||
@ -8,6 +8,7 @@ import { MemoButton } from '../../components/MemoButton';
|
||||
<Meta
|
||||
title="Addons/Docs/props"
|
||||
component={ButtonGroup}
|
||||
subcomponents={{ SubGroup }}
|
||||
parameters={{ controls: { expanded: false } }}
|
||||
/>
|
||||
|
||||
@ -35,7 +36,12 @@ export const ArgsStory = (args = {}) => (
|
||||
arrayArg: ['a', 'b'],
|
||||
}}
|
||||
argTypes={{
|
||||
boolArg: { name: 'boolArg', type: { name: 'boolean' }, description: 'bool description' },
|
||||
boolArg: {
|
||||
name: 'boolArg',
|
||||
type: { name: 'boolean' },
|
||||
description: 'bool description',
|
||||
control: 'boolean',
|
||||
},
|
||||
stringArg: {
|
||||
name: 'stringArg',
|
||||
type: { name: 'string' },
|
||||
@ -47,11 +53,13 @@ export const ArgsStory = (args = {}) => (
|
||||
detail: 'some long bar default',
|
||||
},
|
||||
},
|
||||
control: 'text',
|
||||
},
|
||||
arrayArg: {
|
||||
name: 'arrayArg',
|
||||
type: { name: 'array', value: { name: 'string' } },
|
||||
description: 'baz description',
|
||||
control: 'array',
|
||||
},
|
||||
selectArg: {
|
||||
name: 'selectArg',
|
||||
@ -74,9 +82,9 @@ export const ArgsStory = (args = {}) => (
|
||||
|
||||
<Props story="ArgTypes" />
|
||||
|
||||
## ArgTypes w/ Components
|
||||
## ArgTypes w/ Component
|
||||
|
||||
<Props story="ArgTypes" showComponents />
|
||||
<Props story="ArgTypes" showComponent />
|
||||
|
||||
## Args
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/plugin-transform-runtime": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/preact": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/preact": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^7.0.0",
|
||||
"file-loader": "^6.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "rax-kitchen-sink",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "build-scripts build",
|
||||
@ -20,20 +20,20 @@
|
||||
"devDependencies": {
|
||||
"@alib/build-scripts": "^0.1.8",
|
||||
"@babel/preset-react": "^7.7.4",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-events": "6.0.0-beta.39",
|
||||
"@storybook/addon-jest": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/rax": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-events": "6.0.0-beta.43",
|
||||
"@storybook/addon-jest": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/rax": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"build-plugin-rax-app": "^0.2.0",
|
||||
"stylesheet-loader": "^0.8.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,9 +8,9 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.43",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@types/react": "^16.9.35",
|
||||
"@types/react-dom": "^16.9.8",
|
||||
"prop-types": "15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "riot-example",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/riot": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/riot": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^7.0.0",
|
||||
"file-loader": "^6.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "server-kitchen-sink",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,13 +14,13 @@
|
||||
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/server": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"@storybook/server": "6.0.0-beta.43",
|
||||
"concurrently": "^5.2.0",
|
||||
"cors": "^2.8.5",
|
||||
"express": "~4.17.1",
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"parcel": "^1.12.3",
|
||||
"react": "^16.8.4",
|
||||
"react-dom": "^16.8.4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,19 +10,19 @@
|
||||
"global": "^4.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/svelte": "6.0.0-beta.39"
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@storybook/svelte": "6.0.0-beta.43"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-cli-example",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -15,11 +15,11 @@
|
||||
"vue-property-decorator": "^8.4.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.43",
|
||||
"@storybook/preset-scss": "^1.0.2",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/vue": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@storybook/vue": "6.0.0-beta.43",
|
||||
"@vue/cli-plugin-babel": "~4.3.0",
|
||||
"@vue/cli-plugin-typescript": "~4.3.0",
|
||||
"@vue/cli-service": "~4.3.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,19 +14,19 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/vue": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@storybook/vue": "6.0.0-beta.43",
|
||||
"@vue/babel-preset-jsx": "^1.1.2",
|
||||
"babel-loader": "^8.0.5",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -12,24 +12,24 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.39",
|
||||
"@storybook/addon-controls": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-events": "6.0.0-beta.39",
|
||||
"@storybook/addon-jest": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.39",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/client-api": "6.0.0-beta.39",
|
||||
"@storybook/core": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/source-loader": "6.0.0-beta.39",
|
||||
"@storybook/web-components": "6.0.0-beta.39",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.43",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.43",
|
||||
"@storybook/addon-controls": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-events": "6.0.0-beta.43",
|
||||
"@storybook/addon-jest": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.43",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/client-api": "6.0.0-beta.43",
|
||||
"@storybook/core": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/source-loader": "6.0.0-beta.43",
|
||||
"@storybook/web-components": "6.0.0-beta.43",
|
||||
"babel-loader": "^8.0.5",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "6.0.0-beta.39"
|
||||
"version": "6.0.0-beta.43"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "6.0.0-beta.39",
|
||||
"@storybook/channels": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/router": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/api": "6.0.0-beta.43",
|
||||
"@storybook/channels": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/router": "6.0.0-beta.43",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3"
|
||||
@ -45,7 +45,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -420,7 +420,7 @@ export function useGlobals(): [Args, (newGlobals: Args) => void] {
|
||||
const { globals } = useStoryContext();
|
||||
|
||||
const updateGlobals = useCallback(
|
||||
(newGlobals: Args) => channel.emit(UPDATE_GLOBALS, newGlobals),
|
||||
(newGlobals: Args) => channel.emit(UPDATE_GLOBALS, { globals: newGlobals }),
|
||||
[channel]
|
||||
);
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/api",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Core Storybook API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -29,13 +29,13 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@reach/router": "^1.3.3",
|
||||
"@storybook/channels": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/channels": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.0.0-beta.39",
|
||||
"@storybook/router": "6.0.0-beta.43",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"@types/reach__router": "^1.3.5",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
@ -61,7 +61,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,10 @@
|
||||
import { SET_STORIES, UPDATE_GLOBALS, GLOBALS_UPDATED } from '@storybook/core-events';
|
||||
import { logger } from '@storybook/client-logger';
|
||||
|
||||
import { Args, ModuleFn } from '../index';
|
||||
|
||||
import { SetStoriesPayload } from '../lib/stories';
|
||||
import { getSourceType, ComposedRef } from './refs';
|
||||
|
||||
export interface SubState {
|
||||
globals: Args;
|
||||
@ -10,10 +14,26 @@ export interface SubAPI {
|
||||
updateGlobals: (newGlobals: Args) => void;
|
||||
}
|
||||
|
||||
interface Meta {
|
||||
ref?: ComposedRef;
|
||||
source?: string;
|
||||
sourceType?: 'local' | 'external';
|
||||
sourceLocation?: string;
|
||||
refId?: string;
|
||||
v?: number;
|
||||
type: string;
|
||||
}
|
||||
|
||||
export const init: ModuleFn = ({ store, fullAPI }) => {
|
||||
const api: SubAPI = {
|
||||
updateGlobals(newGlobals) {
|
||||
fullAPI.emit(UPDATE_GLOBALS, newGlobals);
|
||||
// Only emit the message to the local ref
|
||||
fullAPI.emit(UPDATE_GLOBALS, {
|
||||
globals: newGlobals,
|
||||
options: {
|
||||
target: 'storybook-preview-iframe',
|
||||
},
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
@ -22,9 +42,60 @@ export const init: ModuleFn = ({ store, fullAPI }) => {
|
||||
globals: {},
|
||||
};
|
||||
|
||||
const getEventMetadata = (context: Meta) => {
|
||||
const { source, refId, type } = context;
|
||||
const [sourceType, sourceLocation] = getSourceType(source, refId);
|
||||
|
||||
const ref =
|
||||
refId && fullAPI.getRefs()[refId]
|
||||
? fullAPI.getRefs()[refId]
|
||||
: fullAPI.findRef(sourceLocation);
|
||||
|
||||
const meta = {
|
||||
source,
|
||||
sourceType,
|
||||
sourceLocation,
|
||||
refId,
|
||||
ref,
|
||||
type,
|
||||
};
|
||||
|
||||
switch (true) {
|
||||
case typeof refId === 'string':
|
||||
case sourceType === 'local':
|
||||
case sourceType === 'external': {
|
||||
return meta;
|
||||
}
|
||||
|
||||
// if we couldn't find the source, something risky happened, we ignore the input, and log a warning
|
||||
default: {
|
||||
logger.warn(`Received a ${type} frame that was not configured as a ref`);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const initModule = () => {
|
||||
fullAPI.on(GLOBALS_UPDATED, (globals: Args) => store.setState({ globals }));
|
||||
fullAPI.on(SET_STORIES, ({ globals }: SetStoriesPayload) => store.setState({ globals }));
|
||||
fullAPI.on(GLOBALS_UPDATED, function handleGlobalsUpdated({ globals }: { globals: Args }) {
|
||||
const { ref } = getEventMetadata(this);
|
||||
|
||||
if (!ref) {
|
||||
store.setState({ globals });
|
||||
} else {
|
||||
logger.warn(
|
||||
'received a GLOBALS_UPDATED from a non-local ref. This is not currently supported.'
|
||||
);
|
||||
}
|
||||
});
|
||||
fullAPI.on(SET_STORIES, function handleSetStories({ globals }: SetStoriesPayload) {
|
||||
const { ref } = getEventMetadata(this);
|
||||
|
||||
if (!ref) {
|
||||
store.setState({ globals });
|
||||
} else if (Object.keys(globals).length > 0) {
|
||||
logger.warn('received globals from a non-local ref. This is not currently supported.');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
@ -1,10 +1,8 @@
|
||||
import { DOCS_MODE, document } from 'global';
|
||||
|
||||
import pick from 'lodash/pick';
|
||||
|
||||
import deepEqual from 'fast-deep-equal';
|
||||
|
||||
import { themes, ThemeVars } from '@storybook/theming';
|
||||
|
||||
import merge from '../lib/merge';
|
||||
import { State, ModuleFn } from '../index';
|
||||
|
||||
|
||||
@ -9,6 +9,7 @@ import {
|
||||
SET_STORIES,
|
||||
CURRENT_STORY_WAS_SET,
|
||||
} from '@storybook/core-events';
|
||||
import deprecate from 'util-deprecate';
|
||||
|
||||
import { logger } from '@storybook/client-logger';
|
||||
import {
|
||||
@ -73,6 +74,31 @@ interface Meta {
|
||||
type: string;
|
||||
}
|
||||
|
||||
const deprecatedOptionsParameterWarnings: Record<string, () => void> = [
|
||||
'sidebarAnimations',
|
||||
'enableShortcuts',
|
||||
'theme',
|
||||
'showRoots',
|
||||
].reduce((acc, option: string) => {
|
||||
acc[option] = deprecate(
|
||||
() => {},
|
||||
`parameters.options.${option} is deprecated and will be removed in Storybook 7.0.
|
||||
To change this setting, use \`addons.setConfig\`. See https://github.com/storybookjs/storybook/MIGRATION.md#deprecated-immutable-options-parameters
|
||||
`
|
||||
);
|
||||
return acc;
|
||||
}, {} as Record<string, () => void>);
|
||||
function checkDeprecatedOptionParameters(options?: Record<string, any>) {
|
||||
if (!options) {
|
||||
return;
|
||||
}
|
||||
Object.keys(options).forEach((option: string) => {
|
||||
if (deprecatedOptionsParameterWarnings[option]) {
|
||||
deprecatedOptionsParameterWarnings[option]();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
export const init: ModuleFn = ({
|
||||
fullAPI,
|
||||
store,
|
||||
@ -195,8 +221,7 @@ export const init: ModuleFn = ({
|
||||
},
|
||||
setStories: async (input, error) => {
|
||||
// Now create storiesHash by reordering the above by group
|
||||
const existing = store.getState().storiesHash;
|
||||
const hash = transformStoriesRawToStoriesHash(input, existing, {
|
||||
const hash = transformStoriesRawToStoriesHash(input, {
|
||||
provider,
|
||||
});
|
||||
|
||||
@ -332,6 +357,7 @@ export const init: ModuleFn = ({
|
||||
const options = fullAPI.getCurrentParameter('options');
|
||||
|
||||
if (options) {
|
||||
checkDeprecatedOptionParameters(options);
|
||||
fullAPI.setOptions(options);
|
||||
}
|
||||
}
|
||||
@ -348,7 +374,9 @@ export const init: ModuleFn = ({
|
||||
}
|
||||
|
||||
fullAPI.setStories(stories, error);
|
||||
fullAPI.setOptions(data.globalParameters.options);
|
||||
const { options } = data.globalParameters;
|
||||
checkDeprecatedOptionParameters(options);
|
||||
fullAPI.setOptions(options);
|
||||
} else {
|
||||
fullAPI.setRef(ref.id, { ...ref, ...data, stories }, true);
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { navigate as navigateRouter, NavigateOptions } from '@reach/router';
|
||||
import { queryFromLocation } from '@storybook/router';
|
||||
import { toId } from '@storybook/csf';
|
||||
import { toId, sanitize } from '@storybook/csf';
|
||||
|
||||
import { NAVIGATE_URL } from '@storybook/core-events';
|
||||
import { ModuleArgs, ModuleFn } from '../index';
|
||||
@ -29,8 +29,7 @@ export interface SubState {
|
||||
//
|
||||
// We also support legacy URLs from storybook <5
|
||||
const initialUrlSupport = ({
|
||||
navigate,
|
||||
state: { location, path, viewMode, storyId },
|
||||
state: { location, path, viewMode, storyId: storyIdFromUrl },
|
||||
}: ModuleArgs) => {
|
||||
const addition: Additions = {};
|
||||
const query = queryFromLocation(location);
|
||||
@ -79,18 +78,15 @@ const initialUrlSupport = ({
|
||||
selectedPanel = addonPanel;
|
||||
}
|
||||
|
||||
if (selectedKind && selectedStory) {
|
||||
const id = toId(selectedKind, selectedStory);
|
||||
setTimeout(() => navigate(`/${viewMode}/${id}`, { replace: true }), 1);
|
||||
} else if (selectedKind) {
|
||||
// Create a "storyId" of the form `kind-sanitized--*`
|
||||
const standInId = toId(selectedKind, 'star').replace(/star$/, '*');
|
||||
setTimeout(() => navigate(`/${viewMode}/${standInId}`, { replace: true }), 1);
|
||||
} else if (!queryPath || queryPath === '/') {
|
||||
setTimeout(() => navigate(`/${viewMode}/*`, { replace: true }), 1);
|
||||
} else if (Object.keys(query).length > 1) {
|
||||
// remove other queries
|
||||
setTimeout(() => navigate(`${queryPath}`, { replace: true }), 1);
|
||||
// If the user hasn't set the storyId on the URL, we support legacy URLs (selectedKind/selectedStory)
|
||||
// NOTE: this "storyId" can just be a prefix of a storyId, really it is a storyIdSpecifier.
|
||||
let storyId = storyIdFromUrl;
|
||||
if (!storyId) {
|
||||
if (selectedKind && selectedStory) {
|
||||
storyId = toId(selectedKind, selectedStory);
|
||||
} else if (selectedKind) {
|
||||
storyId = sanitize(selectedKind);
|
||||
}
|
||||
}
|
||||
|
||||
return { viewMode, layout: addition, selectedPanel, location, path, customQueryParams, storyId };
|
||||
|
||||
@ -1,9 +1,24 @@
|
||||
import EventEmitter from 'event-emitter';
|
||||
import EventEmitter from 'events';
|
||||
import { SET_STORIES, UPDATE_GLOBALS, GLOBALS_UPDATED } from '@storybook/core-events';
|
||||
import { location } from 'global';
|
||||
import { logger } from '@storybook/client-logger';
|
||||
|
||||
import { ModuleArgs, API } from '../index';
|
||||
import { init as initModule, SubAPI } from '../modules/globals';
|
||||
|
||||
jest.mock('@storybook/client-logger');
|
||||
|
||||
const mockLocation = jest.fn();
|
||||
class LocalEventEmitter extends EventEmitter {
|
||||
on(event, callback) {
|
||||
return super.on(event, (...args) => callback.apply({ source: mockLocation() }, args));
|
||||
}
|
||||
}
|
||||
|
||||
beforeEach(() => {
|
||||
mockLocation.mockReturnValue(location.toString());
|
||||
});
|
||||
|
||||
function createMockStore() {
|
||||
let state = {};
|
||||
return {
|
||||
@ -25,7 +40,7 @@ describe('stories API', () => {
|
||||
});
|
||||
|
||||
it('set global args on SET_STORIES', () => {
|
||||
const api = EventEmitter();
|
||||
const api = new LocalEventEmitter();
|
||||
const store = createMockStore();
|
||||
const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
|
||||
store.setState(state);
|
||||
@ -39,25 +54,52 @@ describe('stories API', () => {
|
||||
});
|
||||
});
|
||||
|
||||
it('ignores SET_STORIES from other refs', () => {
|
||||
const api = new LocalEventEmitter();
|
||||
const store = createMockStore();
|
||||
const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
|
||||
store.setState(state);
|
||||
init();
|
||||
|
||||
mockLocation.mockReturnValueOnce('https://ref');
|
||||
api.emit(SET_STORIES, { globals: { a: 'b' } });
|
||||
expect(store.getState()).toEqual({ globals: {} });
|
||||
});
|
||||
|
||||
it('updates the state when the preview emits GLOBALS_UPDATED', () => {
|
||||
const api = EventEmitter();
|
||||
const api = new LocalEventEmitter();
|
||||
const store = createMockStore();
|
||||
const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
|
||||
store.setState(state);
|
||||
|
||||
init();
|
||||
|
||||
api.emit(GLOBALS_UPDATED, { a: 'b' });
|
||||
api.emit(GLOBALS_UPDATED, { globals: { a: 'b' } });
|
||||
expect(store.getState()).toEqual({ globals: { a: 'b' } });
|
||||
|
||||
api.emit(GLOBALS_UPDATED, { a: 'c' });
|
||||
api.emit(GLOBALS_UPDATED, { globals: { a: 'c' } });
|
||||
expect(store.getState()).toEqual({ globals: { a: 'c' } });
|
||||
|
||||
// SHOULD NOT merge global args
|
||||
api.emit(GLOBALS_UPDATED, { d: 'e' });
|
||||
api.emit(GLOBALS_UPDATED, { globals: { d: 'e' } });
|
||||
expect(store.getState()).toEqual({ globals: { d: 'e' } });
|
||||
});
|
||||
|
||||
it('ignores GLOBALS_UPDATED from other refs', () => {
|
||||
const api = new LocalEventEmitter();
|
||||
const store = createMockStore();
|
||||
const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
|
||||
store.setState(state);
|
||||
|
||||
init();
|
||||
|
||||
mockLocation.mockReturnValueOnce('https://ref');
|
||||
logger.warn.mockClear();
|
||||
api.emit(GLOBALS_UPDATED, { globals: { a: 'b' } });
|
||||
expect(store.getState()).toEqual({ globals: {} });
|
||||
expect(logger.warn).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('emits UPDATE_GLOBALS when updateGlobals is called', () => {
|
||||
const fullAPI = ({ emit: jest.fn(), on: jest.fn() } as unknown) as API;
|
||||
const store = createMockStore();
|
||||
@ -66,6 +108,9 @@ describe('stories API', () => {
|
||||
init();
|
||||
|
||||
(api as SubAPI).updateGlobals({ a: 'b' });
|
||||
expect(fullAPI.emit).toHaveBeenCalledWith(UPDATE_GLOBALS, { a: 'b' });
|
||||
expect(fullAPI.emit).toHaveBeenCalledWith(UPDATE_GLOBALS, {
|
||||
globals: { a: 'b' },
|
||||
options: { target: 'storybook-preview-iframe' },
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@ -7,19 +7,6 @@ jest.useFakeTimers();
|
||||
describe('initial state', () => {
|
||||
const viewMode = 'story';
|
||||
|
||||
it('redirects to /story/* if path is blank', () => {
|
||||
const navigate = jest.fn();
|
||||
const location = { search: null };
|
||||
const {
|
||||
state: { layout },
|
||||
} = initURL({ navigate, state: { location, viewMode } });
|
||||
|
||||
// Nothing unexpected in layout
|
||||
expect(layout).toEqual({});
|
||||
jest.runAllTimers();
|
||||
expect(navigate).toHaveBeenCalledWith('/story/*', { replace: true });
|
||||
});
|
||||
|
||||
describe('config query parameters', () => {
|
||||
it('handles full parameter', () => {
|
||||
const navigate = jest.fn();
|
||||
@ -88,23 +75,29 @@ describe('initial state', () => {
|
||||
addonPanel: 'storybook%2Factions%2Factions-panel',
|
||||
};
|
||||
|
||||
it('handles defaults and routes to story', () => {
|
||||
const navigate = jest.fn();
|
||||
it('sets sensible storyId for selectedKind/Story', () => {
|
||||
const location = { search: qs.stringify(defaultLegacyParameters) };
|
||||
const {
|
||||
state: { layout, selectedPanel },
|
||||
} = initURL({ navigate, state: { location, viewMode } });
|
||||
state: { layout, selectedPanel, storyId },
|
||||
} = initURL({ state: { location, viewMode } });
|
||||
|
||||
// Nothing unexpected in layout
|
||||
expect(layout).toEqual({});
|
||||
// TODO: at the very least this should be unescaped
|
||||
expect(selectedPanel).toEqual('storybook%2Factions%2Factions-panel');
|
||||
jest.runAllTimers();
|
||||
expect(navigate).toHaveBeenCalledWith('/story/kind--story', { replace: true });
|
||||
expect(storyId).toEqual('kind--story');
|
||||
});
|
||||
|
||||
it('sets sensible storyId for selectedKind only', () => {
|
||||
const location = { search: { selectedKind: 'kind' } };
|
||||
const {
|
||||
state: { storyId },
|
||||
} = initURL({ state: { location, viewMode } });
|
||||
|
||||
expect(storyId).toEqual('kind');
|
||||
});
|
||||
|
||||
it('handles full parameter', () => {
|
||||
const navigate = jest.fn();
|
||||
const location = {
|
||||
search: qs.stringify({
|
||||
...defaultLegacyParameters,
|
||||
@ -113,13 +106,12 @@ describe('initial state', () => {
|
||||
};
|
||||
const {
|
||||
state: { layout },
|
||||
} = initURL({ navigate, state: { location } });
|
||||
} = initURL({ state: { location } });
|
||||
|
||||
expect(layout).toEqual({ isFullscreen: true });
|
||||
});
|
||||
|
||||
it('handles addons and stories parameters', () => {
|
||||
const navigate = jest.fn();
|
||||
const location = {
|
||||
search: qs.stringify({
|
||||
...defaultLegacyParameters,
|
||||
@ -129,13 +121,12 @@ describe('initial state', () => {
|
||||
};
|
||||
const {
|
||||
state: { layout },
|
||||
} = initURL({ navigate, state: { location } });
|
||||
} = initURL({ state: { location } });
|
||||
|
||||
expect(layout).toEqual({ showNav: false, showPanel: false });
|
||||
});
|
||||
|
||||
it('handles panelRight parameter', () => {
|
||||
const navigate = jest.fn();
|
||||
const location = {
|
||||
search: qs.stringify({
|
||||
...defaultLegacyParameters,
|
||||
@ -144,7 +135,7 @@ describe('initial state', () => {
|
||||
};
|
||||
const {
|
||||
state: { layout },
|
||||
} = initURL({ navigate, state: { location } });
|
||||
} = initURL({ state: { location } });
|
||||
|
||||
expect(layout).toEqual({ panelPosition: 'right' });
|
||||
});
|
||||
|
||||
@ -1 +1 @@
|
||||
export const version = '6.0.0-beta.39';
|
||||
export const version = '6.0.0-beta.43';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,9 +28,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/channels": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"qs": "^6.6.0",
|
||||
@ -39,7 +39,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,7 +28,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.0.0-beta.39",
|
||||
"@storybook/channels": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"telejson": "^4.0.0"
|
||||
@ -36,7 +36,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -35,7 +35,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "sb",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -22,9 +22,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.0.0-beta.39"
|
||||
"@storybook/cli": "6.0.0-beta.43"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
}
|
||||
},
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "storybook",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -23,9 +23,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.0.0-beta.39"
|
||||
"@storybook/cli": "6.0.0-beta.43"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
}
|
||||
},
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
||||
"keywords": [
|
||||
"cli",
|
||||
@ -40,8 +40,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/preset-env": "^7.9.6",
|
||||
"@storybook/codemod": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/codemod": "6.0.0-beta.43",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"chalk": "^4.0.0",
|
||||
"commander": "^5.0.0",
|
||||
@ -63,32 +63,32 @@
|
||||
"update-notifier": "^4.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.39",
|
||||
"@storybook/addon-docs": "6.0.0-beta.39",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.39",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.39",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.39",
|
||||
"@storybook/addon-links": "6.0.0-beta.39",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/angular": "6.0.0-beta.39",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.39",
|
||||
"@storybook/channel-websocket": "6.0.0-beta.39",
|
||||
"@storybook/channels": "6.0.0-beta.39",
|
||||
"@storybook/ember": "6.0.0-beta.39",
|
||||
"@storybook/html": "6.0.0-beta.39",
|
||||
"@storybook/marionette": "6.0.0-beta.39",
|
||||
"@storybook/marko": "6.0.0-beta.39",
|
||||
"@storybook/mithril": "6.0.0-beta.39",
|
||||
"@storybook/preact": "6.0.0-beta.39",
|
||||
"@storybook/rax": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/addon-actions": "6.0.0-beta.43",
|
||||
"@storybook/addon-docs": "6.0.0-beta.43",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.43",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.43",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.43",
|
||||
"@storybook/addon-links": "6.0.0-beta.43",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.43",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/angular": "6.0.0-beta.43",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.43",
|
||||
"@storybook/channel-websocket": "6.0.0-beta.43",
|
||||
"@storybook/channels": "6.0.0-beta.43",
|
||||
"@storybook/ember": "6.0.0-beta.43",
|
||||
"@storybook/html": "6.0.0-beta.43",
|
||||
"@storybook/marionette": "6.0.0-beta.43",
|
||||
"@storybook/marko": "6.0.0-beta.43",
|
||||
"@storybook/mithril": "6.0.0-beta.43",
|
||||
"@storybook/preact": "6.0.0-beta.43",
|
||||
"@storybook/rax": "6.0.0-beta.43",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@storybook/react-native": "6.0.0-alpha.0",
|
||||
"@storybook/riot": "6.0.0-beta.39",
|
||||
"@storybook/svelte": "6.0.0-beta.39",
|
||||
"@storybook/ui": "6.0.0-beta.39",
|
||||
"@storybook/vue": "6.0.0-beta.39",
|
||||
"@storybook/web-components": "6.0.0-beta.39",
|
||||
"@storybook/riot": "6.0.0-beta.43",
|
||||
"@storybook/svelte": "6.0.0-beta.43",
|
||||
"@storybook/ui": "6.0.0-beta.43",
|
||||
"@storybook/vue": "6.0.0-beta.43",
|
||||
"@storybook/web-components": "6.0.0-beta.43",
|
||||
"@types/cross-spawn": "^6.0.1",
|
||||
"@types/inquirer": "^6.5.0",
|
||||
"@types/puppeteer-core": "^2.0.0",
|
||||
@ -102,5 +102,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
{
|
||||
"@storybook/angular": "6.0.0-beta.39",
|
||||
"@storybook/aurelia": "6.0.0-beta.39",
|
||||
"@storybook/ember": "6.0.0-beta.39",
|
||||
"@storybook/html": "6.0.0-beta.39",
|
||||
"@storybook/marionette": "6.0.0-beta.39",
|
||||
"@storybook/marko": "6.0.0-beta.39",
|
||||
"@storybook/mithril": "6.0.0-beta.39",
|
||||
"@storybook/preact": "6.0.0-beta.39",
|
||||
"@storybook/rax": "6.0.0-beta.39",
|
||||
"@storybook/react": "6.0.0-beta.39",
|
||||
"@storybook/riot": "6.0.0-beta.39",
|
||||
"@storybook/server": "6.0.0-beta.39",
|
||||
"@storybook/svelte": "6.0.0-beta.39",
|
||||
"@storybook/vue": "6.0.0-beta.39",
|
||||
"@storybook/web-components": "6.0.0-beta.39"
|
||||
"@storybook/angular": "6.0.0-beta.43",
|
||||
"@storybook/aurelia": "6.0.0-beta.43",
|
||||
"@storybook/ember": "6.0.0-beta.43",
|
||||
"@storybook/html": "6.0.0-beta.43",
|
||||
"@storybook/marionette": "6.0.0-beta.43",
|
||||
"@storybook/marko": "6.0.0-beta.43",
|
||||
"@storybook/mithril": "6.0.0-beta.43",
|
||||
"@storybook/preact": "6.0.0-beta.43",
|
||||
"@storybook/rax": "6.0.0-beta.43",
|
||||
"@storybook/react": "6.0.0-beta.43",
|
||||
"@storybook/riot": "6.0.0-beta.43",
|
||||
"@storybook/server": "6.0.0-beta.43",
|
||||
"@storybook/svelte": "6.0.0-beta.43",
|
||||
"@storybook/vue": "6.0.0-beta.43",
|
||||
"@storybook/web-components": "6.0.0-beta.43"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-api",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Storybook Client API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,11 +28,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.39",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.39",
|
||||
"@storybook/channels": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/core-events": "6.0.0-beta.39",
|
||||
"@storybook/addons": "6.0.0-beta.43",
|
||||
"@storybook/channel-postmessage": "6.0.0-beta.43",
|
||||
"@storybook/channels": "6.0.0-beta.43",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/core-events": "6.0.0-beta.43",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@types/qs": "^6.9.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
@ -53,7 +53,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -20,16 +20,33 @@ import { defaultDecorateStory } from './decorators';
|
||||
// relevant framework instanciates them via `start.js`. The good news is this happens right away.
|
||||
let singleton: ClientApi;
|
||||
|
||||
export const addDecorator = (decorator: DecoratorFunction) => {
|
||||
const addDecoratorDeprecationWarning = deprecate(
|
||||
() => {},
|
||||
`\`addDecorator\` is deprecated, and will be removed in Storybook 7.0.
|
||||
Instead, use \`export const decorators = [];\` in your \`preview.js\`.
|
||||
Read more at https://github.com/storybookjs/storybook/MIGRATION.md#deprecated-addparameters-and-adddecorator).`
|
||||
);
|
||||
export const addDecorator = (decorator: DecoratorFunction, deprecationWarning = true) => {
|
||||
if (!singleton)
|
||||
throw new Error(`Singleton client API not yet initialized, cannot call addDecorator`);
|
||||
|
||||
if (deprecationWarning) addDecoratorDeprecationWarning();
|
||||
|
||||
singleton.addDecorator(decorator);
|
||||
};
|
||||
export const addParameters = (parameters: Parameters) => {
|
||||
|
||||
const addParametersDeprecationWarning = deprecate(
|
||||
() => {},
|
||||
`\`addParameters\` is deprecated, and will be removed in Storybook 7.0.
|
||||
Instead, use \`export const parameters = {};\` in your \`preview.js\`.
|
||||
Read more at https://github.com/storybookjs/storybook/MIGRATION.md#deprecated-addparameters-and-adddecorator).`
|
||||
);
|
||||
export const addParameters = (parameters: Parameters, deprecationWarning = true) => {
|
||||
if (!singleton)
|
||||
throw new Error(`Singleton client API not yet initialized, cannot call addParameters`);
|
||||
|
||||
if (deprecationWarning) addParametersDeprecationWarning();
|
||||
|
||||
singleton.addParameters(parameters);
|
||||
};
|
||||
|
||||
|
||||
@ -546,7 +546,7 @@ describe('Preview hooks', () => {
|
||||
[
|
||||
(storyFn) => {
|
||||
useGlobals()[1]({ a: 'b' });
|
||||
expect(mockChannel.emit).toHaveBeenCalledWith(UPDATE_GLOBALS, { a: 'b' });
|
||||
expect(mockChannel.emit).toHaveBeenCalledWith(UPDATE_GLOBALS, { globals: { a: 'b' } });
|
||||
return storyFn();
|
||||
},
|
||||
],
|
||||
|
||||
@ -456,10 +456,12 @@ describe('preview.story_store', () => {
|
||||
addStoryToStore(store, 'a', '1', () => 0);
|
||||
|
||||
store.updateGlobals({ foo: 'bar' });
|
||||
expect(onGlobalsChangedChannel).toHaveBeenCalledWith({ foo: 'bar' });
|
||||
expect(onGlobalsChangedChannel).toHaveBeenCalledWith({ globals: { foo: 'bar' } });
|
||||
|
||||
store.updateGlobals({ baz: 'bing' });
|
||||
expect(onGlobalsChangedChannel).toHaveBeenCalledWith({ foo: 'bar', baz: 'bing' });
|
||||
expect(onGlobalsChangedChannel).toHaveBeenCalledWith({
|
||||
globals: { foo: 'bar', baz: 'bing' },
|
||||
});
|
||||
});
|
||||
|
||||
it('should update if the UPDATE_GLOBALS event is received', () => {
|
||||
@ -467,7 +469,7 @@ describe('preview.story_store', () => {
|
||||
const store = new StoryStore({ channel: testChannel });
|
||||
addStoryToStore(store, 'a', '1', () => 0);
|
||||
|
||||
testChannel.emit(Events.UPDATE_GLOBALS, { foo: 'bar' });
|
||||
testChannel.emit(Events.UPDATE_GLOBALS, { globals: { foo: 'bar' } });
|
||||
|
||||
expect(store.getRawStory('a', '1').globals).toEqual({ foo: 'bar' });
|
||||
});
|
||||
|
||||
@ -159,7 +159,9 @@ export default class StoryStore {
|
||||
this.updateStoryArgs(id, newArgs)
|
||||
);
|
||||
|
||||
this._channel.on(Events.UPDATE_GLOBALS, (newGlobals: Args) => this.updateGlobals(newGlobals));
|
||||
this._channel.on(Events.UPDATE_GLOBALS, ({ globals }: { globals: Args }) =>
|
||||
this.updateGlobals(globals)
|
||||
);
|
||||
}
|
||||
|
||||
startConfiguring() {
|
||||
@ -441,7 +443,7 @@ export default class StoryStore {
|
||||
updateGlobals(newGlobals: Args) {
|
||||
this._globals = { ...this._globals, ...newGlobals };
|
||||
this.storeGlobals();
|
||||
this._channel.emit(Events.GLOBALS_UPDATED, this._globals);
|
||||
this._channel.emit(Events.GLOBALS_UPDATED, { globals: this._globals });
|
||||
}
|
||||
|
||||
updateStoryArgs(id: string, newArgs: Args) {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-logger",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,7 +34,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/codemod",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "A collection of codemod scripts written with JSCodeshift",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -30,7 +30,7 @@
|
||||
"dependencies": {
|
||||
"@mdx-js/mdx": "^1.5.1",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.39",
|
||||
"@storybook/node-logger": "6.0.0-beta.43",
|
||||
"core-js": "^3.0.1",
|
||||
"cross-spawn": "^7.0.0",
|
||||
"globby": "^11.0.0",
|
||||
@ -47,5 +47,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/components",
|
||||
"version": "6.0.0-beta.39",
|
||||
"version": "6.0.0-beta.43",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,9 +28,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.0.0-beta.39",
|
||||
"@storybook/client-logger": "6.0.0-beta.43",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/theming": "6.0.0-beta.39",
|
||||
"@storybook/theming": "6.0.0-beta.43",
|
||||
"@types/overlayscrollbars": "^1.9.0",
|
||||
"@types/react-color": "^3.0.1",
|
||||
"@types/react-syntax-highlighter": "11.0.4",
|
||||
@ -64,7 +64,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
|
||||
"gitHead": "99a191894a936ad0476117d857ca0387f2cd5afd",
|
||||
"typesVersions": {
|
||||
"<=3.5": {
|
||||
"*": [
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import React, { FC, useCallback } from 'react';
|
||||
import React, { FC, useCallback, useState, useEffect } from 'react';
|
||||
import { Args, ArgType } from './types';
|
||||
import {
|
||||
ArrayControl,
|
||||
@ -22,17 +22,30 @@ const NoControl = () => <>-</>;
|
||||
|
||||
export const ArgControl: FC<ArgControlProps> = ({ row, arg, updateArgs }) => {
|
||||
const { name, control } = row;
|
||||
|
||||
const [isFocused, setFocused] = useState(false);
|
||||
// box because arg can be a fn (e.g. actions) and useState calls fn's
|
||||
const [boxedValue, setBoxedValue] = useState({ value: arg });
|
||||
|
||||
useEffect(() => {
|
||||
if (!isFocused) setBoxedValue({ value: arg });
|
||||
}, [isFocused, arg]);
|
||||
|
||||
const onChange = useCallback(
|
||||
(argName: string, argVal: any) => {
|
||||
setBoxedValue({ value: argVal });
|
||||
updateArgs({ [name]: argVal });
|
||||
return argVal;
|
||||
},
|
||||
[updateArgs, name]
|
||||
);
|
||||
|
||||
const onBlur = useCallback(() => setFocused(false), []);
|
||||
const onFocus = useCallback(() => setFocused(true), []);
|
||||
|
||||
if (!control || control.disable) return <NoControl />;
|
||||
|
||||
const props = { name, argType: row, value: arg, onChange };
|
||||
const props = { name, argType: row, value: boxedValue.value, onChange, onBlur, onFocus };
|
||||
switch (control.type) {
|
||||
case 'array':
|
||||
return <ArrayControl {...props} {...control} />;
|
||||
|
||||
@ -16,7 +16,15 @@ const Wrapper = styled.label({
|
||||
});
|
||||
|
||||
export type ArrayProps = ControlProps<ArrayValue> & ArrayConfig;
|
||||
export const ArrayControl: FC<ArrayProps> = ({ name, value, onChange, separator = ',' }) => {
|
||||
export const ArrayControl: FC<ArrayProps> = ({
|
||||
name,
|
||||
value,
|
||||
onChange,
|
||||
argType,
|
||||
separator = ',',
|
||||
onBlur,
|
||||
onFocus,
|
||||
}) => {
|
||||
const handleChange = useCallback(
|
||||
(e: ChangeEvent<HTMLTextAreaElement>): void => {
|
||||
const { value: newVal } = e.target;
|
||||
@ -29,11 +37,11 @@ export const ArrayControl: FC<ArrayProps> = ({ name, value, onChange, separator
|
||||
<Wrapper>
|
||||
<Form.Textarea
|
||||
id={name}
|
||||
name={name}
|
||||
value={format(value, separator)}
|
||||
onChange={handleChange}
|
||||
size="flex"
|
||||
placeholder="Adjust array dynamically"
|
||||
{...{ name, onBlur, onFocus }}
|
||||
/>
|
||||
</Wrapper>
|
||||
);
|
||||
|
||||
@ -79,14 +79,14 @@ const format = (value: BooleanValue): string | null => (value ? String(value) :
|
||||
const parse = (value: string | null) => value === 'true';
|
||||
|
||||
export type BooleanProps = ControlProps<BooleanValue> & BooleanConfig;
|
||||
export const BooleanControl: FC<BooleanProps> = ({ name, value, onChange }) => (
|
||||
export const BooleanControl: FC<BooleanProps> = ({ name, value, onChange, onBlur, onFocus }) => (
|
||||
<Label htmlFor={name} title={value ? 'Change to false' : 'Change to true'}>
|
||||
<input
|
||||
id={name}
|
||||
name={name}
|
||||
type="checkbox"
|
||||
onChange={(e) => onChange(name, e.target.checked)}
|
||||
checked={value}
|
||||
{...{ name, onBlur, onFocus }}
|
||||
/>
|
||||
<span>True</span>
|
||||
<span>False</span>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user