GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-07 04:31:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'next' into fix/13561-sb-extract

Browse Source
This commit is contained in:
Michael Shilman 2021-11-02 03:31:15 +08:00
commit d0bb360756
111 changed files with 1779 additions and 1466 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
CHANGELOG.md
View File

@ -1,3 +1,33 @@
## 6.4.0-beta.23 (October 29, 2021)
### Features
- Core: Add support for async `getProjectAnnotations` function ([#16495](https://github.com/storybookjs/storybook/pull/16495))
### Bug Fixes
- Addon-docs: Fix centered layout on DocsPage ([#16506](https://github.com/storybookjs/storybook/pull/16506))
- Addon-docs/Angular: Fix missing condition in compodoc resolveTypealias ([#16523](https://github.com/storybookjs/storybook/pull/16523))
- Core: Fix `toImportFn` when dealing with `../`-led paths ([#16474](https://github.com/storybookjs/storybook/pull/16474))
### Maintenance
- UI: Update the toolbar button styles ([#16429](https://github.com/storybookjs/storybook/pull/16429))
- CLI: Fix build selection menu ([#16521](https://github.com/storybookjs/storybook/pull/16521))
- Core: Use synchronous promises to "fake" promises for sync code ([#16517](https://github.com/storybookjs/storybook/pull/16517))
- UI: Improve WithTooltip contrast and positioning ([#16510](https://github.com/storybookjs/storybook/pull/16510))
## 6.4.0-beta.22 (October 28, 2021)
### Bug Fixes
- Addon-docs: Track code-level args changes in `ArgsTable` ([#16488](https://github.com/storybookjs/storybook/pull/16488))
### Maintenance
- Addon-a11y: Lazy load axe-core only when running tests ([#16484](https://github.com/storybookjs/storybook/pull/16484))
- Addon-docs: Lazy load Prettier in Vue and Angular ([#16459](https://github.com/storybookjs/storybook/pull/16459))
## 6.4.0-beta.21 (October 28, 2021) ## 6.4.0-beta.21 (October 28, 2021)
### Features ### Features

18
addons/a11y/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-a11y", "name": "@storybook/addon-a11y",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Test component compliance with web accessibility standards", "description": "Test component compliance with web accessibility standards",
"keywords": [ "keywords": [
"a11y", "a11y",
@ -45,14 +45,14 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"axe-core": "^4.2.0", "axe-core": "^4.2.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -81,7 +81,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Accessibility", "displayName": "Accessibility",

14
addons/actions/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-actions", "name": "@storybook/addon-actions",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Get UI feedback when an action is performed on an interactive element", "description": "Get UI feedback when an action is performed on an interactive element",
"keywords": [ "keywords": [
"storybook", "storybook",
@ -41,12 +41,12 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
"global": "^4.4.0", "global": "^4.4.0",
@ -79,7 +79,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Actions", "displayName": "Actions",

16
addons/backgrounds/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-backgrounds", "name": "@storybook/addon-backgrounds",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Switch backgrounds to view components in different settings", "description": "Switch backgrounds to view components in different settings",
"keywords": [ "keywords": [
"addon", "addon",
@ -45,13 +45,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"memoizerific": "^1.11.3", "memoizerific": "^1.11.3",
@ -77,7 +77,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Backgrounds", "displayName": "Backgrounds",

20
addons/controls/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-controls", "name": "@storybook/addon-controls",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Interact with component inputs dynamically in the Storybook UI", "description": "Interact with component inputs dynamically in the Storybook UI",
"keywords": [ "keywords": [
"addon", "addon",
@ -45,15 +45,15 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"lodash": "^4.17.20", "lodash": "^4.17.20",
"ts-dedent": "^2.0.0" "ts-dedent": "^2.0.0"
@ -73,7 +73,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/register.js", "sbmodern": "dist/modern/register.js",
"storybook": { "storybook": {
"displayName": "Controls", "displayName": "Controls",

54
addons/docs/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-docs", "name": "@storybook/addon-docs",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Document component usage and properties in Markdown", "description": "Document component usage and properties in Markdown",
"keywords": [ "keywords": [
"addon", "addon",
@ -63,21 +63,21 @@
"@mdx-js/loader": "^1.6.22", "@mdx-js/loader": "^1.6.22",
"@mdx-js/mdx": "^1.6.22", "@mdx-js/mdx": "^1.6.22",
"@mdx-js/react": "^1.6.22", "@mdx-js/react": "^1.6.22",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/builder-webpack4": "6.4.0-beta.21", "@storybook/builder-webpack4": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/csf-tools": "6.4.0-beta.21", "@storybook/csf-tools": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/postinstall": "6.4.0-beta.21", "@storybook/postinstall": "6.4.0-beta.23",
"@storybook/preview-web": "6.4.0-beta.21", "@storybook/preview-web": "6.4.0-beta.23",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"acorn": "^7.4.1", "acorn": "^7.4.1",
"acorn-jsx": "^5.3.1", "acorn-jsx": "^5.3.1",
"acorn-walk": "^7.2.0", "acorn-walk": "^7.2.0",
@ -106,11 +106,11 @@
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@emotion/core": "^10.1.1", "@emotion/core": "^10.1.1",
"@emotion/styled": "^10.0.27", "@emotion/styled": "^10.0.27",
"@storybook/angular": "6.4.0-beta.21", "@storybook/angular": "6.4.0-beta.23",
"@storybook/html": "6.4.0-beta.21", "@storybook/html": "6.4.0-beta.23",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@storybook/vue": "6.4.0-beta.21", "@storybook/vue": "6.4.0-beta.23",
"@storybook/web-components": "6.4.0-beta.21", "@storybook/web-components": "6.4.0-beta.23",
"@types/cross-spawn": "^6.0.2", "@types/cross-spawn": "^6.0.2",
"@types/doctrine": "^0.0.3", "@types/doctrine": "^0.0.3",
"@types/enzyme": "^3.10.8", "@types/enzyme": "^3.10.8",
@ -140,12 +140,12 @@
"zone.js": "^0.11.3" "zone.js": "^0.11.3"
}, },
"peerDependencies": { "peerDependencies": {
"@storybook/angular": "6.4.0-beta.21", "@storybook/angular": "6.4.0-beta.23",
"@storybook/html": "6.4.0-beta.21", "@storybook/html": "6.4.0-beta.23",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@storybook/vue": "6.4.0-beta.21", "@storybook/vue": "6.4.0-beta.23",
"@storybook/vue3": "6.4.0-beta.21", "@storybook/vue3": "6.4.0-beta.23",
"@storybook/web-components": "6.4.0-beta.21", "@storybook/web-components": "6.4.0-beta.23",
"lit": "^2.0.0-rc.1", "lit": "^2.0.0-rc.1",
"lit-html": "^1.4.1 || ^2.0.0-rc.3", "lit-html": "^1.4.1 || ^2.0.0-rc.3",
"react": "^16.8.0 || ^17.0.0", "react": "^16.8.0 || ^17.0.0",
@ -202,7 +202,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Docs", "displayName": "Docs",

2
addons/docs/src/blocks/DocsStory.tsx
View File

@ -41,7 +41,7 @@ export const DocsStory: FunctionComponent<DocsStoryProps> = ({
{subheading && <Subheading>{subheading}</Subheading>} {subheading && <Subheading>{subheading}</Subheading>}
{description && <Description markdown={description} />} {description && <Description markdown={description} />}
<Canvas withToolbar={withToolbar}> <Canvas withToolbar={withToolbar}>
<Story id={id} /> <Story id={id} parameters={parameters} />
</Canvas> </Canvas>
</Anchor> </Anchor>
); );

2
addons/docs/src/frameworks/angular/compodoc.ts
View File

@ -217,7 +217,7 @@ const extractDefaultValue = (property: Property) => {
const resolveTypealias = (compodocType: string): string => { const resolveTypealias = (compodocType: string): string => {
const compodocJson = getCompodocJson(); const compodocJson = getCompodocJson();
const typeAlias = compodocJson?.miscellaneous.typealiases.find((x) => x.name === compodocType); const typeAlias = compodocJson?.miscellaneous?.typealiases?.find((x) => x.name === compodocType);
return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType; return typeAlias ? resolveTypealias(typeAlias.rawtype) : compodocType;
}; };

32
addons/essentials/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-essentials", "name": "@storybook/addon-essentials",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Curated addons to bring out the best of Storybook", "description": "Curated addons to bring out the best of Storybook",
"keywords": [ "keywords": [
"addon", "addon",
@ -39,31 +39,31 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-measure": "6.4.0-beta.21", "@storybook/addon-measure": "6.4.0-beta.23",
"@storybook/addon-outline": "6.4.0-beta.21", "@storybook/addon-outline": "6.4.0-beta.23",
"@storybook/addon-toolbars": "6.4.0-beta.21", "@storybook/addon-toolbars": "6.4.0-beta.23",
"@storybook/addon-viewport": "6.4.0-beta.21", "@storybook/addon-viewport": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7", "regenerator-runtime": "^0.13.7",
"ts-dedent": "^2.0.0" "ts-dedent": "^2.0.0"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@storybook/vue": "6.4.0-beta.21", "@storybook/vue": "6.4.0-beta.23",
"@types/jest": "^26.0.16", "@types/jest": "^26.0.16",
"@types/webpack-env": "^1.16.0" "@types/webpack-env": "^1.16.0"
}, },
"peerDependencies": { "peerDependencies": {
"@babel/core": "^7.9.6", "@babel/core": "^7.9.6",
"@storybook/vue": "6.4.0-beta.21", "@storybook/vue": "6.4.0-beta.23",
"@storybook/web-components": "6.4.0-beta.21", "@storybook/web-components": "6.4.0-beta.23",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"lit-html": "^1.4.1 || ^2.0.0-rc.3", "lit-html": "^1.4.1 || ^2.0.0-rc.3",
"react": "^16.8.0 || ^17.0.0", "react": "^16.8.0 || ^17.0.0",
@ -93,6 +93,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

18
addons/interactions/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-interactions", "name": "@storybook/addon-interactions",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Automate, test and debug user interactions", "description": "Automate, test and debug user interactions",
"keywords": [ "keywords": [
"storybook-addons", "storybook-addons",
@ -41,14 +41,14 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/instrumenter": "6.4.0-beta.21", "@storybook/instrumenter": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"global": "^4.4.0", "global": "^4.4.0",
"jest-mock": "^27.0.6", "jest-mock": "^27.0.6",
"polished": "^4.0.5", "polished": "^4.0.5",
@ -74,7 +74,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Interactions", "displayName": "Interactions",

43
addons/interactions/src/components/Subnav/Subnav.tsx
View File

@ -86,6 +86,21 @@ const JumpToEndButton = styled(StyledButton)({
lineHeight: '12px', lineHeight: '12px',
}); });
const withTooltipModifiers = [
{
name: 'preventOverflow',
options: {
padding: 0,
},
},
{
name: 'offset',
options: {
offset: [0, -2],
},
},
];
export const Subnav: React.FC<SubnavProps> = ({ export const Subnav: React.FC<SubnavProps> = ({
isDisabled, isDisabled,
hasNext, hasNext,
@ -112,13 +127,23 @@ export const Subnav: React.FC<SubnavProps> = ({
<StyledSeparator /> <StyledSeparator />
<WithTooltip hasChrome={false} tooltip={<Note note="Go to start" />}> <WithTooltip
modifiers={withTooltipModifiers}
hasChrome={false}
trigger={hasPrevious ? 'hover' : 'none'}
tooltip={<Note note="Go to start" />}
>
<RewindButton containsIcon onClick={onStart} disabled={isDisabled || !hasPrevious}> <RewindButton containsIcon onClick={onStart} disabled={isDisabled || !hasPrevious}>
<Icons icon="rewind" /> <Icons icon="rewind" />
</RewindButton> </RewindButton>
</WithTooltip> </WithTooltip>
<WithTooltip hasChrome={false} tooltip={<Note note="Go back" />}> <WithTooltip
modifiers={withTooltipModifiers}
hasChrome={false}
trigger={hasPrevious ? 'hover' : 'none'}
tooltip={<Note note="Go back" />}
>
<StyledIconButton <StyledIconButton
containsIcon containsIcon
onClick={onPrevious} onClick={onPrevious}
@ -128,13 +153,23 @@ export const Subnav: React.FC<SubnavProps> = ({
</StyledIconButton> </StyledIconButton>
</WithTooltip> </WithTooltip>
<WithTooltip hasChrome={false} tooltip={<Note note="Go forward" />}> <WithTooltip
modifiers={withTooltipModifiers}
hasChrome={false}
trigger={hasNext ? 'hover' : 'none'}
tooltip={<Note note="Go forward" />}
>
<StyledIconButton containsIcon onClick={onNext} disabled={isDisabled || !hasNext}> <StyledIconButton containsIcon onClick={onNext} disabled={isDisabled || !hasNext}>
<Icons icon="playnext" /> <Icons icon="playnext" />
</StyledIconButton> </StyledIconButton>
</WithTooltip> </WithTooltip>
<WithTooltip hasChrome={false} tooltip={<Note note="Go to end" />}> <WithTooltip
modifiers={withTooltipModifiers}
trigger={hasNext ? 'hover' : 'none'}
hasChrome={false}
tooltip={<Note note="Go to end" />}
>
<StyledIconButton containsIcon onClick={onEnd} disabled={isDisabled || !hasNext}> <StyledIconButton containsIcon onClick={onEnd} disabled={isDisabled || !hasNext}>
<Icons icon="fastforward" /> <Icons icon="fastforward" />
</StyledIconButton> </StyledIconButton>

14
addons/jest/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-jest", "name": "@storybook/addon-jest",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "React storybook addon that show component jest report", "description": "React storybook addon that show component jest report",
"keywords": [ "keywords": [
"addon", "addon",
@ -47,11 +47,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"react-sizeme": "^3.0.1", "react-sizeme": "^3.0.1",
@ -76,7 +76,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Jest", "displayName": "Jest",

12
addons/links/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-links", "name": "@storybook/addon-links",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Link stories together to build demos and prototypes with your UI components", "description": "Link stories together to build demos and prototypes with your UI components",
"keywords": [ "keywords": [
"addon", "addon",
@ -41,11 +41,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.4.0-beta.21", "@storybook/router": "6.4.0-beta.23",
"@types/qs": "^6.9.5", "@types/qs": "^6.9.5",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -72,7 +72,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Links", "displayName": "Links",

14
addons/measure/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-measure", "name": "@storybook/addon-measure",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Inspect layouts by visualizing the box model", "description": "Inspect layouts by visualizing the box model",
"keywords": [ "keywords": [
"storybook-addons", "storybook-addons",
@ -44,11 +44,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0" "global": "^4.4.0"
@ -71,7 +71,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Measure", "displayName": "Measure",

14
addons/outline/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-outline", "name": "@storybook/addon-outline",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Outline all elements with CSS to help with layout placement and alignment", "description": "Outline all elements with CSS to help with layout placement and alignment",
"keywords": [ "keywords": [
"storybook-addons", "storybook-addons",
@ -47,11 +47,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -76,7 +76,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Outline", "displayName": "Outline",

24
addons/storyshots/storyshots-core/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-storyshots", "name": "@storybook/addon-storyshots",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Take a code snapshot of every story automatically with Jest", "description": "Take a code snapshot of every story automatically with Jest",
"keywords": [ "keywords": [
"addon", "addon",
@ -45,11 +45,11 @@
}, },
"dependencies": { "dependencies": {
"@jest/transform": "^26.6.2", "@jest/transform": "^26.6.2",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-client": "6.4.0-beta.21", "@storybook/core-client": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@types/glob": "^7.1.3", "@types/glob": "^7.1.3",
"@types/jest": "^26.0.16", "@types/jest": "^26.0.16",
@ -69,11 +69,11 @@
"devDependencies": { "devDependencies": {
"@angular/core": "^11.2.0", "@angular/core": "^11.2.0",
"@angular/platform-browser-dynamic": "^11.2.0", "@angular/platform-browser-dynamic": "^11.2.0",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/angular": "6.4.0-beta.21", "@storybook/angular": "6.4.0-beta.23",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@storybook/vue": "6.4.0-beta.21", "@storybook/vue": "6.4.0-beta.23",
"@storybook/vue3": "6.4.0-beta.21", "@storybook/vue3": "6.4.0-beta.23",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"enzyme": "^3.11.0", "enzyme": "^3.11.0",
"enzyme-to-json": "^3.6.1", "enzyme-to-json": "^3.6.1",
@ -151,7 +151,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"storybook": { "storybook": {
"displayName": "Storyshots", "displayName": "Storyshots",
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png", "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",

99
addons/storyshots/storyshots-core/src/api/index.ts
View File

@ -6,7 +6,7 @@ import integrityTest from './integrityTestTemplate';
import loadFramework from '../frameworks/frameworkLoader'; import loadFramework from '../frameworks/frameworkLoader';
import { StoryshotsOptions } from './StoryshotsOptions'; import { StoryshotsOptions } from './StoryshotsOptions';
const { describe } = global; const { describe, window: globalWindow } = global;
global.STORYBOOK_REACT_CLASSES = global.STORYBOOK_REACT_CLASSES || {}; global.STORYBOOK_REACT_CLASSES = global.STORYBOOK_REACT_CLASSES || {};
type TestMethod = 'beforeAll' | 'beforeEach' | 'afterEach' | 'afterAll'; type TestMethod = 'beforeAll' | 'beforeEach' | 'afterEach' | 'afterAll';
@ -48,55 +48,62 @@ function testStorySnapshots(options: StoryshotsOptions = {}) {
stories2snapsConverter, stories2snapsConverter,
}; };
const data = storybook.raw().reduce( // NOTE: as the store + preview's initialization process entirely uses
(acc, item) => { // `SychronousPromise`s in the v6 store case, the callback to the `then()` here
if (storyNameRegex && !item.name.match(storyNameRegex)) { // will run *immediately* (in the same tick), and thus the `snapshotsTests`, and
return acc; // subsequent calls to `it()` etc will all happen within this tick, which is required
} // by Jest (cannot add tests asynchronously)
globalWindow.__STORYBOOK_STORY_STORE__.initializationPromise.then(() => {
if (storyKindRegex && !item.kind.match(storyKindRegex)) { const data = storybook.raw().reduce(
return acc; (acc, item) => {
} if (storyNameRegex && !item.name.match(storyNameRegex)) {
return acc;
const { kind, storyFn: render, parameters } = item;
const existing = acc.find((i: any) => i.kind === kind);
const { fileName } = item.parameters;
if (!isDisabled(parameters.storyshots)) {
if (existing) {
existing.children.push({ ...item, render, fileName });
} else {
acc.push({
kind,
children: [{ ...item, render, fileName }],
});
} }
}
return acc;
},
[] as {
kind: string;
children: any[];
}[]
);
if (data.length) { if (storyKindRegex && !item.kind.match(storyKindRegex)) {
callTestMethodGlobals(testMethod); return acc;
}
snapshotsTests({ const { kind, storyFn: render, parameters } = item;
data, const existing = acc.find((i: any) => i.kind === kind);
asyncJest, const { fileName } = item.parameters;
suite,
framework,
testMethod,
testMethodParams,
snapshotSerializers,
});
integrityTest(integrityOptions, stories2snapsConverter); if (!isDisabled(parameters.storyshots)) {
} else { if (existing) {
throw new Error('storyshots found 0 stories'); existing.children.push({ ...item, render, fileName });
} } else {
acc.push({
kind,
children: [{ ...item, render, fileName }],
});
}
}
return acc;
},
[] as {
kind: string;
children: any[];
}[]
);
if (data.length) {
callTestMethodGlobals(testMethod);
snapshotsTests({
data,
asyncJest,
suite,
framework,
testMethod,
testMethodParams,
snapshotSerializers,
});
integrityTest(integrityOptions, stories2snapsConverter);
} else {
throw new Error('storyshots found 0 stories');
}
});
} }
export default testStorySnapshots; export default testStorySnapshots;

8
addons/storyshots/storyshots-puppeteer/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-storyshots-puppeteer", "name": "@storybook/addon-storyshots-puppeteer",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Image snapshots addition to StoryShots based on puppeteer", "description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [ "keywords": [
"addon", "addon",
@ -42,7 +42,7 @@
"dependencies": { "dependencies": {
"@axe-core/puppeteer": "^4.2.0", "@axe-core/puppeteer": "^4.2.0",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@types/jest-image-snapshot": "^4.1.3", "@types/jest-image-snapshot": "^4.1.3",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"jest-image-snapshot": "^4.3.0", "jest-image-snapshot": "^4.3.0",
@ -53,7 +53,7 @@
"@types/puppeteer": "^5.4.0" "@types/puppeteer": "^5.4.0"
}, },
"peerDependencies": { "peerDependencies": {
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"puppeteer": "^2.0.0 || ^3.0.0" "puppeteer": "^2.0.0 || ^3.0.0"
}, },
"peerDependenciesMeta": { "peerDependenciesMeta": {
@ -64,5 +64,5 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92" "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
} }

18
addons/storysource/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-storysource", "name": "@storybook/addon-storysource",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "View a story’s source code to see how it works and paste into your app", "description": "View a story’s source code to see how it works and paste into your app",
"keywords": [ "keywords": [
"addon", "addon",
@ -41,13 +41,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/router": "6.4.0-beta.21", "@storybook/router": "6.4.0-beta.23",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"estraverse": "^5.2.0", "estraverse": "^5.2.0",
"loader-utils": "^2.0.0", "loader-utils": "^2.0.0",
@ -75,7 +75,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Storysource", "displayName": "Storysource",

12
addons/toolbars/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-toolbars", "name": "@storybook/addon-toolbars",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Create your own toolbar items that control story rendering", "description": "Create your own toolbar items that control story rendering",
"keywords": [ "keywords": [
"addon", "addon",
@ -45,10 +45,10 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7" "regenerator-runtime": "^0.13.7"
}, },
@ -67,7 +67,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/register.js", "sbmodern": "dist/modern/register.js",
"storybook": { "storybook": {
"displayName": "Toolbars", "displayName": "Toolbars",

16
addons/viewport/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-viewport", "name": "@storybook/addon-viewport",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation", "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
"keywords": [ "keywords": [
"addon", "addon",
@ -42,12 +42,12 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"memoizerific": "^1.11.3", "memoizerific": "^1.11.3",
@ -69,7 +69,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/preview.js", "sbmodern": "dist/modern/preview.js",
"storybook": { "storybook": {
"displayName": "Viewport", "displayName": "Viewport",

18
app/angular/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/angular", "name": "@storybook/angular",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.", "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,14 +45,14 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"autoprefixer": "^9.8.6", "autoprefixer": "^9.8.6",
"core-js": "^3.8.2", "core-js": "^3.8.2",
@ -131,5 +131,5 @@
"access": "public" "access": "public"
}, },
"builders": "dist/ts3.9/builders/builders.json", "builders": "dist/ts3.9/builders/builders.json",
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92" "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
} }

10
app/ember/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/ember", "name": "@storybook/ember",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.", "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember", "homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
"bugs": { "bugs": {
@ -43,9 +43,9 @@
}, },
"dependencies": { "dependencies": {
"@ember/test-helpers": "^2.1.4", "@ember/test-helpers": "^2.1.4",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"react": "16.14.0", "react": "16.14.0",
@ -66,6 +66,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

16
app/html/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/html", "name": "@storybook/html",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.", "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,13 +45,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/preview-web": "6.4.0-beta.21", "@storybook/preview-web": "6.4.0-beta.23",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -71,6 +71,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

12
app/preact/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/preact", "name": "@storybook/preact",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for Preact: Develop Preact Component in isolation.", "description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -46,11 +46,11 @@
}, },
"dependencies": { "dependencies": {
"@babel/plugin-transform-react-jsx": "^7.12.12", "@babel/plugin-transform-react-jsx": "^7.12.12",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -74,6 +74,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

16
app/react/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/react", "name": "@storybook/react",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.", "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -49,14 +49,14 @@
"@babel/preset-flow": "^7.12.1", "@babel/preset-flow": "^7.12.1",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.1", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0", "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"babel-plugin-add-react-displayname": "^0.0.5", "babel-plugin-add-react-displayname": "^0.0.5",
"babel-plugin-named-asset-import": "^0.3.1", "babel-plugin-named-asset-import": "^0.3.1",
@ -73,7 +73,7 @@
"webpack": "4" "webpack": "4"
}, },
"devDependencies": { "devDependencies": {
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@types/node": "^14.14.20", "@types/node": "^14.14.20",
"@types/prompts": "^2.0.9" "@types/prompts": "^2.0.9"
}, },
@ -96,6 +96,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

20
app/server/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/server", "name": "@storybook/server",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.", "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,15 +45,15 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/preview-web": "6.4.0-beta.21", "@storybook/preview-web": "6.4.0-beta.23",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -75,6 +75,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

12
app/svelte/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/svelte", "name": "@storybook/svelte",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.", "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,11 +45,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"react": "16.14.0", "react": "16.14.0",
@ -75,6 +75,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

12
app/vue/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/vue", "name": "@storybook/vue",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.", "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,11 +45,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -83,6 +83,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

12
app/vue3/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/vue3", "name": "@storybook/vue3",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.", "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,11 +45,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -81,6 +81,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

16
app/web-components/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/web-components", "name": "@storybook/web-components",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.", "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"lit-html", "lit-html",
@ -50,13 +50,13 @@
"@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/plugin-syntax-import-meta": "^7.10.4", "@babel/plugin-syntax-import-meta": "^7.10.4",
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/preview-web": "6.4.0-beta.21", "@storybook/preview-web": "6.4.0-beta.23",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"babel-plugin-bundled-import-meta": "^0.3.1", "babel-plugin-bundled-import-meta": "^0.3.1",
"core-js": "^3.8.2", "core-js": "^3.8.2",
@ -79,6 +79,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

2
docs/configure/overview.md
View File

@ -46,7 +46,7 @@ By default, Storybook will load stories from your project based on a glob (patte
└── Button.stories.js └── Button.stories.js
``` ```
If you want to use a different naming convention, you can alter the glob, using the syntax supported by [micromatch](https://github.com/micromatch/micromatch#extended-globbing). If you want to use a different naming convention, you can alter the glob, using the syntax supported by [picomatch](https://github.com/micromatch/picomatch#globbing-features).
For example if you wanted to pull both `.md` and `.js` files from the `my-project/src/components` directory, you could write: For example if you wanted to pull both `.md` and `.js` files from the `my-project/src/components` directory, you could write:

4
docs/snippets/react/button-story-with-args.ts.mdx
View File

@ -5,7 +5,7 @@ import React from 'react';
import { Story, Meta } from '@storybook/react'; import { Story, Meta } from '@storybook/react';
import { Button } from './Button'; import { Button, ButtonProps } from './Button';
export default { export default {
component: Button, component: Button,
@ -21,4 +21,4 @@ Primary.args = {
primary: true, primary: true,
label: 'Button', label: 'Button',
}; };
``` ```

4
docs/snippets/react/my-component-story-with-nonstory.js.mdx
View File

@ -1,5 +1,5 @@
```js ```js
// MyComponent.stories.js | MyComponent.stories.jsx | MyComponent.stories.jsx | MyComponent.stories.tsx // MyComponent.stories.js | MyComponent.stories.jsx | MyComponent.stories.ts | MyComponent.stories.tsx
import React from 'react'; import React from 'react';
@ -19,4 +19,4 @@ export const complexData = { foo: 1, foobar: { bar: 'baz', baz: someData } };
export const SimpleStory = () => <MyComponent data={simpleData} />; export const SimpleStory = () => <MyComponent data={simpleData} />;
export const ComplexStory = () => <MyComponent data={complexData} />; export const ComplexStory = () => <MyComponent data={complexData} />;
``` ```

6
docs/snippets/react/page-story-slots.ts.mdx
View File

@ -5,16 +5,16 @@ import React from 'react';
import { Story, Meta } from '@storybook/react'; import { Story, Meta } from '@storybook/react';
import Page from './Page'; import { Page, PageProps } from './Page';
export default { export default {
component: Page, component: Page,
title: 'Page', title: 'Page',
} as Meta; } as Meta;
const Template: Story<Page> = (args) => ( const Template: Story<PageProps> = (args) => (
<Page {...args}> <Page {...args}>
<footer>{args.footer}</footer <footer>{args.footer}</footer>
</Page> </Page>
); );

2
docs/versions/next.json
View File

@ -1 +1 @@
{"version":"6.4.0-beta.21","info":{"plain":"### Features\n\n- Core: Rerun loaders when args/globals change ([#16476](https://github.com/storybookjs/storybook/pull/16476))\n- Interactions: move step debugger behind a feature flag ([#16481](https://github.com/storybookjs/storybook/pull/16481))\n\n### Bug Fixes\n\n- Core: Always update initial args when loading a story ([#16487](https://github.com/storybookjs/storybook/pull/16487))\n- Core: Ensure we don't reset `WebPreview` if calling `start()` in v7 mode ([#16475](https://github.com/storybookjs/storybook/pull/16475))\n- Core: Save and restore globals on preview init using the channel ([#16469](https://github.com/storybookjs/storybook/pull/16469))\n\n### Maintenance\n\n- CI: Upgrade Cypress and Node.js version used in e2e tests ([#16263](https://github.com/storybookjs/storybook/pull/16263))\n\n### Dependency Upgrades\n\n- Interactions: Use latest package versions ([#16464](https://github.com/storybookjs/storybook/pull/16464))"}} {"version":"6.4.0-beta.23","info":{"plain":"### Features\n\n- Core: Add support for async `getProjectAnnotations` function ([#16495](https://github.com/storybookjs/storybook/pull/16495))\n\n### Bug Fixes\n\n- Addon-docs: Fix centered layout on DocsPage ([#16506](https://github.com/storybookjs/storybook/pull/16506))\n- Addon-docs/Angular: Fix missing condition in compodoc resolveTypealias ([#16523](https://github.com/storybookjs/storybook/pull/16523))\n- Core: Fix `toImportFn` when dealing with `../`-led paths ([#16474](https://github.com/storybookjs/storybook/pull/16474))\n\n### Maintenance\n\n- UI: Update the toolbar button styles ([#16429](https://github.com/storybookjs/storybook/pull/16429))\n- CLI: Fix build selection menu ([#16521](https://github.com/storybookjs/storybook/pull/16521))\n- Core: Use synchronous promises to \"fake\" promises for sync code ([#16517](https://github.com/storybookjs/storybook/pull/16517))\n- UI: Improve WithTooltip contrast and positioning ([#16510](https://github.com/storybookjs/storybook/pull/16510))"}}

25
docs/writing-docs/docs-page.md
View File

@ -91,7 +91,7 @@ For example, with Angular start by adding a `babel.config.js` file at the root o
```js ```js
// babel.config.js // babel.config.js
module.exports = function(api) { module.exports = function (api) {
process.env.NODE_ENV === 'development' ? api.cache(false) : api.cache(true); process.env.NODE_ENV === 'development' ? api.cache(false) : api.cache(true);
const presets = [ const presets = [
[ [
@ -124,8 +124,8 @@ Then, update your `tsconfig.json` to include the following:
}, },
} }
``` ```
Finally write your custom React component and and update the `docs.page` [parameter](../writing-stories/parameters.md) to render the custom documentation.
Finally write your custom React component and and update the `docs.page` [parameter](../writing-stories/parameters.md) to render the custom documentation.
<!-- prettier-ignore-start --> <!-- prettier-ignore-start -->
@ -168,11 +168,26 @@ Unless you use a custom [webpack configuration](../configure/webpack.md#extendin
DocsPage displays all the stories of a component on one page. You have the option of rendering those stories inline or in an iframe. DocsPage displays all the stories of a component on one page. You have the option of rendering those stories inline or in an iframe.
By default, we render React and Vue stories inline. Stories from other supported frameworks will render in an `<iframe>` by default. The iframe creates a clean separation between your code and Storybook’s UI, which is useful if your stories are rendering correctly in the Canvas but not on the docs page, for instance with fixed positioned components like modals.
The iframe creates a clean separation between your code and Storybook’s UI. But using an iframe has disadvantages. For example, you have to set the height of iframe stories explicitly, or you’ll see a scroll bar. And certain dev tools might not work right. But using an iframe has disadvantages. For example, you have to set the height of iframe stories explicitly, or you’ll see a scroll bar. Having more than a few iframe stories on a page can lead to performance issues. And certain dev tools might not work right.
Render your framework’s stories inline using two docs configuration options in tandem, `inlineStories` and `prepareForInline`. Therefore, we recommend inline rendering where possible. It's the default mode for all the frameworks in which [we support it](../api/frameworks-feature-support.md). The one exception is Angular, where it's opt-in.
To toggle the between the two settings, set `docs.inlineStories` in `.storybook/preview.js`. Like most [parameters](../writing-stories/parameters.md), you can also toggle at the component or story level:
```js
export const parameters = {
docs: {
// opt-out of inline rendering
inlineStories: false,
},
};
```
### Custom inline rendering
If your framework doesn't [support inline rendering](../api/frameworks-feature-support.md), you also need to provide a `prepareForInline` function in addition to the `inlineStories` parameter.
Setting `inlineStories` to `true` tells Storybook to stop putting your stories in an iframe. The `prepareForInline` accepts a function that transforms story content from your given framework to something React can render (Storybook’s UI is built in React). Setting `inlineStories` to `true` tells Storybook to stop putting your stories in an iframe. The `prepareForInline` accepts a function that transforms story content from your given framework to something React can render (Storybook’s UI is built in React).

28
examples/angular-cli/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "angular-cli", "name": "angular-cli",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {
@ -39,20 +39,20 @@
"@angular/compiler-cli": "^11.2.14", "@angular/compiler-cli": "^11.2.14",
"@angular/elements": "^11.2.14", "@angular/elements": "^11.2.14",
"@compodoc/compodoc": "^1.1.14", "@compodoc/compodoc": "^1.1.14",
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-interactions": "6.4.0-beta.21", "@storybook/addon-interactions": "6.4.0-beta.23",
"@storybook/addon-jest": "6.4.0-beta.21", "@storybook/addon-jest": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/angular": "6.4.0-beta.21", "@storybook/angular": "6.4.0-beta.23",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"@types/core-js": "^2.5.4", "@types/core-js": "^2.5.4",
"@types/jest": "^26.0.16", "@types/jest": "^26.0.16",

26
examples/cra-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "cra-kitchen-sink", "name": "cra-kitchen-sink",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "react-scripts build", "build": "react-scripts build",
@ -11,7 +11,7 @@
"test": "react-scripts test --env=jsdom" "test": "react-scripts test --env=jsdom"
}, },
"dependencies": { "dependencies": {
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"global": "^4.4.0", "global": "^4.4.0",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react": "16.14.0", "react": "16.14.0",
@ -21,19 +21,19 @@
}, },
"devDependencies": { "devDependencies": {
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0", "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-jest": "6.4.0-beta.21", "@storybook/addon-jest": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/builder-webpack4": "6.4.0-beta.21", "@storybook/builder-webpack4": "6.4.0-beta.23",
"@storybook/preset-create-react-app": "^3.1.6", "@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"webpack": "4" "webpack": "4"
}, },
"storybook": { "storybook": {

14
examples/cra-react15/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "cra-react15", "name": "cra-react15",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "react-scripts build", "build": "react-scripts build",
@ -19,14 +19,14 @@
"react-scripts": "3.4.4" "react-scripts": "3.4.4"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0", "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/builder-webpack4": "6.4.0-beta.21", "@storybook/builder-webpack4": "6.4.0-beta.23",
"@storybook/preset-create-react-app": "^3.1.6", "@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"babel-core": "6", "babel-core": "6",
"babel-runtime": "6", "babel-runtime": "6",
"webpack": "4" "webpack": "4"

10
examples/cra-ts-essentials/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "cra-ts-essentials", "name": "cra-ts-essentials",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "react-scripts build", "build": "react-scripts build",
@ -34,12 +34,12 @@
"typescript": "^3.9.7" "typescript": "^3.9.7"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-essentials": "6.4.0-beta.21", "@storybook/addon-essentials": "6.4.0-beta.23",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0", "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/builder-webpack4": "6.4.0-beta.21", "@storybook/builder-webpack4": "6.4.0-beta.23",
"@storybook/preset-create-react-app": "^3.1.6", "@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"webpack": "4" "webpack": "4"
}, },
"storybook": { "storybook": {

16
examples/cra-ts-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "cra-ts-kitchen-sink", "name": "cra-ts-kitchen-sink",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "react-scripts build", "build": "react-scripts build",
@ -34,15 +34,15 @@
"typescript": "^3.9.7" "typescript": "^3.9.7"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0", "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/builder-webpack4": "6.4.0-beta.21", "@storybook/builder-webpack4": "6.4.0-beta.23",
"@storybook/preset-create-react-app": "^3.1.6", "@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@types/enzyme": "^3.10.8", "@types/enzyme": "^3.10.8",
"enzyme": "^3.11.0", "enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.9.1", "enzyme-adapter-react-16": "^1.9.1",

24
examples/ember-cli/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "ember-example", "name": "ember-example",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "ember build --output-path ember-output", "build": "ember build --output-path ember-output",
@ -17,18 +17,18 @@
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@ember/optional-features": "^2.0.0", "@ember/optional-features": "^2.0.0",
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/addon-viewport": "6.4.0-beta.21", "@storybook/addon-viewport": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/ember": "6.4.0-beta.21", "@storybook/ember": "6.4.0-beta.23",
"@storybook/ember-cli-storybook": "^0.2.1", "@storybook/ember-cli-storybook": "^0.2.1",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"broccoli-asset-rev": "^3.0.0", "broccoli-asset-rev": "^3.0.0",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",

34
examples/html-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "html-kitchen-sink", "name": "html-kitchen-sink",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"description": "", "description": "",
"keywords": [], "keywords": [],
@ -13,23 +13,23 @@
"storybook": "start-storybook -p 9006 --no-manager-cache" "storybook": "start-storybook -p 9006 --no-manager-cache"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-jest": "6.4.0-beta.21", "@storybook/addon-jest": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-postcss": "^2.0.0", "@storybook/addon-postcss": "^2.0.0",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/addon-viewport": "6.4.0-beta.21", "@storybook/addon-viewport": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/html": "6.4.0-beta.21", "@storybook/html": "6.4.0-beta.23",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"autoprefixer": "^10.0.1", "autoprefixer": "^10.0.1",
"eventemitter3": "^4.0.7", "eventemitter3": "^4.0.7",
"format-json": "^1.0.3", "format-json": "^1.0.3",

46
examples/official-storybook/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "official-storybook", "name": "official-storybook",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./", "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -14,31 +14,31 @@
"devDependencies": { "devDependencies": {
"@packtracker/webpack-plugin": "^2.3.0", "@packtracker/webpack-plugin": "^2.3.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-interactions": "6.4.0-beta.21", "@storybook/addon-interactions": "6.4.0-beta.23",
"@storybook/addon-jest": "6.4.0-beta.21", "@storybook/addon-jest": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.21", "@storybook/addon-storyshots-puppeteer": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/addon-toolbars": "6.4.0-beta.21", "@storybook/addon-toolbars": "6.4.0-beta.23",
"@storybook/addon-viewport": "6.4.0-beta.21", "@storybook/addon-viewport": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/cli": "6.4.0-beta.21", "@storybook/cli": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/design-system": "^5.4.7", "@storybook/design-system": "^5.4.7",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@storybook/router": "6.4.0-beta.21", "@storybook/router": "6.4.0-beta.23",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@testing-library/dom": "^7.31.2", "@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9", "@testing-library/user-event": "^13.1.9",
"chromatic": "^6.0.2", "chromatic": "^6.0.2",

6
examples/official-storybook/stories/core/layout.stories.js
View File

@ -7,6 +7,9 @@ const Box = ({ children, display = 'block', width, height }) => (
export default { export default {
title: 'Core/Layout', title: 'Core/Layout',
parameters: {
layout: 'centered',
},
}; };
export const Default = () => <Box>padded by default</Box>; export const Default = () => <Box>padded by default</Box>;
@ -38,5 +41,8 @@ CenteredWide.parameters = { layout: 'centered' };
export const None = () => <Box>none</Box>; export const None = () => <Box>none</Box>;
None.parameters = { layout: 'none' }; None.parameters = { layout: 'none' };
export const Inherited = () => <Box>none</Box>;
Inherited.parameters = {};
export const Invalid = () => <Box>invalid layout value</Box>; export const Invalid = () => <Box>invalid layout value</Box>;
Invalid.parameters = { layout: '!invalid!' }; Invalid.parameters = { layout: '!invalid!' };

22
examples/preact-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "preact-example", "name": "preact-example",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -15,16 +15,16 @@
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@babel/plugin-transform-runtime": "^7.12.10", "@babel/plugin-transform-runtime": "^7.12.10",
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/addon-viewport": "6.4.0-beta.21", "@storybook/addon-viewport": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/preact": "6.4.0-beta.21", "@storybook/preact": "6.4.0-beta.23",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@types/prop-types": "^15.7.3", "@types/prop-types": "^15.7.3",
"@types/react": "^17", "@types/react": "^17",
"@types/react-dom": "^17", "@types/react-dom": "^17",

10
examples/react-ts-webpack4/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/example-react-ts-webpack4", "name": "@storybook/example-react-ts-webpack4",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./", "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -8,10 +8,10 @@
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache" "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache"
}, },
"dependencies": { "dependencies": {
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-essentials": "6.4.0-beta.21", "@storybook/addon-essentials": "6.4.0-beta.23",
"@storybook/builder-webpack4": "6.4.0-beta.21", "@storybook/builder-webpack4": "6.4.0-beta.23",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@types/react": "^16.14.2", "@types/react": "^16.14.2",
"@types/react-dom": "^16.9.10", "@types/react-dom": "^16.9.10",
"prop-types": "15.7.2", "prop-types": "15.7.2",

16
examples/react-ts/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/example-react-ts", "name": "@storybook/example-react-ts",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook", "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook",
@ -18,13 +18,13 @@
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7", "@babel/preset-typescript": "^7.12.7",
"@storybook/addon-essentials": "6.4.0-beta.21", "@storybook/addon-essentials": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/cli": "6.4.0-beta.21", "@storybook/cli": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@testing-library/dom": "^7.31.2", "@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9", "@testing-library/user-event": "^13.1.9",
"@types/babel__preset-env": "^7", "@types/babel__preset-env": "^7",

16
examples/server-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "server-kitchen-sink", "name": "server-kitchen-sink",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"description": "", "description": "",
"keywords": [], "keywords": [],
@ -14,13 +14,13 @@
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet" "storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/server": "6.4.0-beta.21", "@storybook/server": "6.4.0-beta.23",
"concurrently": "^5.3.0", "concurrently": "^5.3.0",
"cors": "^2.8.5", "cors": "^2.8.5",
"express": "~4.17.1", "express": "~4.17.1",

6
examples/standalone-preview/package.json
View File

@ -1,13 +1,13 @@
{ {
"name": "standalone-preview", "name": "standalone-preview",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"storybook": "parcel ./storybook.html --port 1337" "storybook": "parcel ./storybook.html --port 1337"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"parcel": "^1.12.4", "parcel": "^1.12.4",
"react": "16.14.0", "react": "16.14.0",
"react-dom": "16.14.0" "react-dom": "16.14.0"

28
examples/svelte-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "svelte-example", "name": "svelte-example",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build-storybook": "build-storybook -s public", "build-storybook": "build-storybook -s public",
@ -10,20 +10,20 @@
"global": "^4.4.0" "global": "^4.4.0"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-interactions": "6.4.0-beta.21", "@storybook/addon-interactions": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/addon-viewport": "6.4.0-beta.21", "@storybook/addon-viewport": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@storybook/svelte": "6.4.0-beta.21", "@storybook/svelte": "6.4.0-beta.23",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"svelte-jester": "1.3.0", "svelte-jester": "1.3.0",
"svelte-preprocess": "4.6.8" "svelte-preprocess": "4.6.8"

14
examples/vue-3-cli/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "vue-3-cli-example", "name": "vue-3-cli-example",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "vue-cli-service build", "build": "vue-cli-service build",
@ -14,14 +14,14 @@
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-essentials": "6.4.0-beta.21", "@storybook/addon-essentials": "6.4.0-beta.23",
"@storybook/addon-interactions": "6.4.0-beta.21", "@storybook/addon-interactions": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"@storybook/vue3": "6.4.0-beta.21", "@storybook/vue3": "6.4.0-beta.23",
"@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-typescript": "~4.5.0", "@vue/cli-plugin-typescript": "~4.5.0",
"@vue/cli-service": "~4.5.0", "@vue/cli-service": "~4.5.0",

10
examples/vue-cli/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "vue-cli-example", "name": "vue-cli-example",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "vue-cli-service build", "build": "vue-cli-service build",
@ -15,11 +15,11 @@
"vue-property-decorator": "^9.1.2" "vue-property-decorator": "^9.1.2"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-essentials": "6.4.0-beta.21", "@storybook/addon-essentials": "6.4.0-beta.23",
"@storybook/preset-scss": "^1.0.3", "@storybook/preset-scss": "^1.0.3",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@storybook/vue": "6.4.0-beta.21", "@storybook/vue": "6.4.0-beta.23",
"@vue/cli-plugin-babel": "~4.3.1", "@vue/cli-plugin-babel": "~4.3.1",
"@vue/cli-plugin-typescript": "~4.3.1", "@vue/cli-plugin-typescript": "~4.3.1",
"@vue/cli-service": "~4.3.1", "@vue/cli-service": "~4.3.1",

28
examples/vue-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "vue-example", "name": "vue-example",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -14,21 +14,21 @@
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-interactions": "6.4.0-beta.21", "@storybook/addon-interactions": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/addon-viewport": "6.4.0-beta.21", "@storybook/addon-viewport": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"@storybook/vue": "6.4.0-beta.21", "@storybook/vue": "6.4.0-beta.23",
"@vue/babel-preset-jsx": "^1.2.4", "@vue/babel-preset-jsx": "^1.2.4",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",

2
examples/web-components-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "web-components-kitchen-sink", "name": "web-components-kitchen-sink",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"private": true, "private": true,
"description": "", "description": "",
"keywords": [], "keywords": [],

2
lerna.json
View File

@ -2,5 +2,5 @@
"npmClient": "yarn", "npmClient": "yarn",
"useWorkspaces": true, "useWorkspaces": true,
"registry": "https://registry.npmjs.org", "registry": "https://registry.npmjs.org",
"version": "6.4.0-beta.21" "version": "6.4.0-beta.23"
} }

16
lib/addons/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addons", "name": "@storybook/addons",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook addons store", "description": "Storybook addons store",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,13 +40,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.4.0-beta.21", "@storybook/router": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -59,6 +59,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/public_api.js" "sbmodern": "dist/modern/public_api.js"
} }

18
lib/api/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/api", "name": "@storybook/api",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Core Storybook API & Context", "description": "Core Storybook API & Context",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -38,13 +38,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.4.0-beta.21", "@storybook/router": "6.4.0-beta.23",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
"global": "^4.4.0", "global": "^4.4.0",
@ -58,9 +58,11 @@
}, },
"devDependencies": { "devDependencies": {
"@types/lodash": "^4.14.167", "@types/lodash": "^4.14.167",
"@types/qs": "^6",
"@types/semver": "^7.3.4", "@types/semver": "^7.3.4",
"flush-promises": "^1.0.2", "flush-promises": "^1.0.2",
"preval.macro": "^5.0.0" "preval.macro": "^5.0.0",
"qs": "^6.10.1"
}, },
"peerDependencies": { "peerDependencies": {
"react": "^16.8.0 || ^17.0.0", "react": "^16.8.0 || ^17.0.0",
@ -69,6 +71,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

2
lib/api/src/version.ts
View File

@ -1 +1 @@
export const version = '6.4.0-beta.21'; export const version = '6.4.0-beta.23';

34
lib/builder-webpack4/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/builder-webpack4", "name": "@storybook/builder-webpack4",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -61,22 +61,22 @@
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7", "@babel/preset-typescript": "^7.12.7",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/channel-postmessage": "6.4.0-beta.21", "@storybook/channel-postmessage": "6.4.0-beta.23",
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/preview-web": "6.4.0-beta.21", "@storybook/preview-web": "6.4.0-beta.23",
"@storybook/router": "6.4.0-beta.21", "@storybook/router": "6.4.0-beta.23",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@storybook/ui": "6.4.0-beta.21", "@storybook/ui": "6.4.0-beta.23",
"@types/node": "^14.0.10", "@types/node": "^14.0.10",
"@types/webpack": "^4.41.26", "@types/webpack": "^4.41.26",
"autoprefixer": "^9.8.6", "autoprefixer": "^9.8.6",
@ -131,6 +131,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

32
lib/builder-webpack5/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/builder-webpack5", "name": "@storybook/builder-webpack5",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -60,21 +60,21 @@
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7", "@babel/preset-typescript": "^7.12.7",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/channel-postmessage": "6.4.0-beta.21", "@storybook/channel-postmessage": "6.4.0-beta.23",
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/preview-web": "6.4.0-beta.21", "@storybook/preview-web": "6.4.0-beta.23",
"@storybook/router": "6.4.0-beta.21", "@storybook/router": "6.4.0-beta.23",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@types/node": "^14.0.10", "@types/node": "^14.0.10",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"babel-plugin-macros": "^3.0.1", "babel-plugin-macros": "^3.0.1",
@ -117,6 +117,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

10
lib/channel-postmessage/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/channel-postmessage", "name": "@storybook/channel-postmessage",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,9 +40,9 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"qs": "^6.10.0", "qs": "^6.10.0",
@ -51,6 +51,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

6
lib/channel-websocket/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/channel-websocket", "name": "@storybook/channel-websocket",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,7 +40,7 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"telejson": "^5.3.2" "telejson": "^5.3.2"
@ -48,6 +48,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

4
lib/channels/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/channels", "name": "@storybook/channels",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -47,6 +47,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

6
lib/cli-sb/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "sb", "name": "sb",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook CLI", "description": "Storybook CLI",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -24,10 +24,10 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/cli": "6.4.0-beta.21" "@storybook/cli": "6.4.0-beta.23"
}, },
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92" "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
} }

6
lib/cli-storybook/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "storybook", "name": "storybook",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook CLI", "description": "Storybook CLI",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/cli": "6.4.0-beta.21" "@storybook/cli": "6.4.0-beta.23"
}, },
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92" "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
} }

14
lib/cli/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/cli", "name": "@storybook/cli",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook's CLI - easiest method of adding storybook to your projects", "description": "Storybook's CLI - easiest method of adding storybook to your projects",
"keywords": [ "keywords": [
"cli", "cli",
@ -48,10 +48,10 @@
"dependencies": { "dependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@storybook/codemod": "6.4.0-beta.21", "@storybook/codemod": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf-tools": "6.4.0-beta.21", "@storybook/csf-tools": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"boxen": "^5.1.2", "boxen": "^5.1.2",
"chalk": "^4.1.0", "chalk": "^4.1.0",
@ -76,7 +76,7 @@
"update-notifier": "^5.0.1" "update-notifier": "^5.0.1"
}, },
"devDependencies": { "devDependencies": {
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@types/cross-spawn": "^6.0.2", "@types/cross-spawn": "^6.0.2",
"@types/prompts": "^2.0.9", "@types/prompts": "^2.0.9",
"@types/puppeteer-core": "^2.1.0", "@types/puppeteer-core": "^2.1.0",
@ -92,5 +92,5 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92" "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a"
} }

114
lib/cli/src/versions.json
View File

@ -1,59 +1,59 @@
{ {
"@storybook/addon-a11y": "6.4.0-beta.21", "@storybook/addon-a11y": "6.4.0-beta.23",
"@storybook/addon-actions": "6.4.0-beta.21", "@storybook/addon-actions": "6.4.0-beta.23",
"@storybook/addon-backgrounds": "6.4.0-beta.21", "@storybook/addon-backgrounds": "6.4.0-beta.23",
"@storybook/addon-controls": "6.4.0-beta.21", "@storybook/addon-controls": "6.4.0-beta.23",
"@storybook/addon-docs": "6.4.0-beta.21", "@storybook/addon-docs": "6.4.0-beta.23",
"@storybook/addon-essentials": "6.4.0-beta.21", "@storybook/addon-essentials": "6.4.0-beta.23",
"@storybook/addon-interactions": "6.4.0-beta.21", "@storybook/addon-interactions": "6.4.0-beta.23",
"@storybook/addon-jest": "6.4.0-beta.21", "@storybook/addon-jest": "6.4.0-beta.23",
"@storybook/addon-links": "6.4.0-beta.21", "@storybook/addon-links": "6.4.0-beta.23",
"@storybook/addon-storyshots": "6.4.0-beta.21", "@storybook/addon-storyshots": "6.4.0-beta.23",
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.21", "@storybook/addon-storyshots-puppeteer": "6.4.0-beta.23",
"@storybook/addon-storysource": "6.4.0-beta.21", "@storybook/addon-storysource": "6.4.0-beta.23",
"@storybook/addon-toolbars": "6.4.0-beta.21", "@storybook/addon-toolbars": "6.4.0-beta.23",
"@storybook/addon-viewport": "6.4.0-beta.21", "@storybook/addon-viewport": "6.4.0-beta.23",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/angular": "6.4.0-beta.21", "@storybook/angular": "6.4.0-beta.23",
"@storybook/api": "6.4.0-beta.21", "@storybook/api": "6.4.0-beta.23",
"@storybook/aurelia": "6.4.0-beta.21", "@storybook/aurelia": "6.4.0-beta.23",
"@storybook/builder-webpack4": "6.4.0-beta.21", "@storybook/builder-webpack4": "6.4.0-beta.23",
"@storybook/builder-webpack5": "6.4.0-beta.21", "@storybook/builder-webpack5": "6.4.0-beta.23",
"@storybook/channel-postmessage": "6.4.0-beta.21", "@storybook/channel-postmessage": "6.4.0-beta.23",
"@storybook/channel-websocket": "6.4.0-beta.21", "@storybook/channel-websocket": "6.4.0-beta.23",
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"@storybook/cli": "6.4.0-beta.21", "@storybook/cli": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/codemod": "6.4.0-beta.21", "@storybook/codemod": "6.4.0-beta.23",
"@storybook/components": "6.4.0-beta.21", "@storybook/components": "6.4.0-beta.23",
"@storybook/core": "6.4.0-beta.21", "@storybook/core": "6.4.0-beta.23",
"@storybook/core-client": "6.4.0-beta.21", "@storybook/core-client": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/core-server": "6.4.0-beta.21", "@storybook/core-server": "6.4.0-beta.23",
"@storybook/csf-tools": "6.4.0-beta.21", "@storybook/csf-tools": "6.4.0-beta.23",
"@storybook/ember": "6.4.0-beta.21", "@storybook/ember": "6.4.0-beta.23",
"@storybook/html": "6.4.0-beta.21", "@storybook/html": "6.4.0-beta.23",
"@storybook/instrumenter": "6.4.0-beta.21", "@storybook/instrumenter": "6.4.0-beta.23",
"@storybook/manager-webpack4": "6.4.0-beta.21", "@storybook/manager-webpack4": "6.4.0-beta.23",
"@storybook/manager-webpack5": "6.4.0-beta.21", "@storybook/manager-webpack5": "6.4.0-beta.23",
"@storybook/marionette": "6.4.0-beta.21", "@storybook/marionette": "6.4.0-beta.23",
"@storybook/marko": "6.4.0-beta.21", "@storybook/marko": "6.4.0-beta.23",
"@storybook/mithril": "6.4.0-beta.21", "@storybook/mithril": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/postinstall": "6.4.0-beta.21", "@storybook/postinstall": "6.4.0-beta.23",
"@storybook/preact": "6.4.0-beta.21", "@storybook/preact": "6.4.0-beta.23",
"@storybook/rax": "6.4.0-beta.21", "@storybook/rax": "6.4.0-beta.23",
"@storybook/react": "6.4.0-beta.21", "@storybook/react": "6.4.0-beta.23",
"@storybook/riot": "6.4.0-beta.21", "@storybook/riot": "6.4.0-beta.23",
"@storybook/router": "6.4.0-beta.21", "@storybook/router": "6.4.0-beta.23",
"@storybook/server": "6.4.0-beta.21", "@storybook/server": "6.4.0-beta.23",
"@storybook/source-loader": "6.4.0-beta.21", "@storybook/source-loader": "6.4.0-beta.23",
"@storybook/svelte": "6.4.0-beta.21", "@storybook/svelte": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@storybook/ui": "6.4.0-beta.21", "@storybook/ui": "6.4.0-beta.23",
"@storybook/vue": "6.4.0-beta.21", "@storybook/vue": "6.4.0-beta.23",
"@storybook/vue3": "6.4.0-beta.21", "@storybook/vue3": "6.4.0-beta.23",
"@storybook/web-components": "6.4.0-beta.21" "@storybook/web-components": "6.4.0-beta.23"
} }

17
lib/client-api/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/client-api", "name": "@storybook/client-api",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook Client API", "description": "Storybook Client API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,13 +40,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/channel-postmessage": "6.4.0-beta.21", "@storybook/channel-postmessage": "6.4.0-beta.23",
"@storybook/channels": "6.4.0-beta.21", "@storybook/channels": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/qs": "^6.9.5", "@types/qs": "^6.9.5",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
@ -57,6 +57,7 @@
"qs": "^6.10.0", "qs": "^6.10.0",
"regenerator-runtime": "^0.13.7", "regenerator-runtime": "^0.13.7",
"store2": "^2.12.0", "store2": "^2.12.0",
"synchronous-promise": "^2.0.15",
"ts-dedent": "^2.0.0", "ts-dedent": "^2.0.0",
"util-deprecate": "^1.0.2" "util-deprecate": "^1.0.2"
}, },
@ -67,6 +68,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

9
lib/client-api/src/StoryStoreFacade.ts
View File

@ -1,5 +1,6 @@
import global from 'global'; import global from 'global';
import dedent from 'ts-dedent'; import dedent from 'ts-dedent';
import { SynchronousPromise } from 'synchronous-promise';
import { import {
StoryId, StoryId,
AnyFramework, AnyFramework,
@ -59,9 +60,11 @@ export class StoryStoreFacade<TFramework extends AnyFramework> {
// This doesn't actually import anything because the client-api loads fully // This doesn't actually import anything because the client-api loads fully
// on startup, but this is a shim after all. // on startup, but this is a shim after all.
importFn(path: Path) { importFn(path: Path) {
const moduleExports = this.csfExports[path]; return SynchronousPromise.resolve().then(() => {
if (!moduleExports) throw new Error(`Unknown path: ${path}`); const moduleExports = this.csfExports[path];
return moduleExports; if (!moduleExports) throw new Error(`Unknown path: ${path}`);
return moduleExports;
});
} }
getStoryIndex(store: StoryStore<TFramework>) { getStoryIndex(store: StoryStore<TFramework>) {

4
lib/client-logger/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/client-logger", "name": "@storybook/client-logger",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -46,6 +46,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

8
lib/codemod/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/codemod", "name": "@storybook/codemod",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "A collection of codemod scripts written with JSCodeshift", "description": "A collection of codemod scripts written with JSCodeshift",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -44,8 +44,8 @@
"@babel/types": "^7.12.11", "@babel/types": "^7.12.11",
"@mdx-js/mdx": "^1.6.22", "@mdx-js/mdx": "^1.6.22",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/csf-tools": "6.4.0-beta.21", "@storybook/csf-tools": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"cross-spawn": "^7.0.3", "cross-spawn": "^7.0.3",
"globby": "^11.0.2", "globby": "^11.0.2",
@ -62,6 +62,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

8
lib/components/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/components", "name": "@storybook/components",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Core Storybook Components", "description": "Core Storybook Components",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -41,9 +41,9 @@
}, },
"dependencies": { "dependencies": {
"@popperjs/core": "^2.6.0", "@popperjs/core": "^2.6.0",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@types/color-convert": "^2.0.0", "@types/color-convert": "^2.0.0",
"@types/overlayscrollbars": "^1.12.0", "@types/overlayscrollbars": "^1.12.0",
"@types/react-syntax-highlighter": "11.0.5", "@types/react-syntax-highlighter": "11.0.5",
@ -76,6 +76,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

6
lib/components/src/bar/bar.tsx
View File

@ -14,12 +14,14 @@ const Side = styled.div<SideProps>(
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
flexBasis: 'auto', flexBasis: 'auto',
flexShrink: 0, flexShrink: 0,
marginLeft: 3,
marginRight: 3,
}, },
({ left }) => ({ left }) =>
left left
? { ? {
'& > *': { '& > *': {
marginLeft: 15, marginLeft: 4,
}, },
} }
: {}, : {},
@ -28,7 +30,7 @@ const Side = styled.div<SideProps>(
? { ? {
marginLeft: 30, marginLeft: 30,
'& > *': { '& > *': {
marginRight: 15, marginRight: 4,
}, },
} }
: {} : {}

36
lib/components/src/bar/button.stories.tsx Normal file
View File

@ -0,0 +1,36 @@
import React from 'react';
import { IconButton } from './button';
import { Icons } from '../icon/icon';
export default {
component: IconButton,
title: 'Basics/IconButton',
};
// eslint-disable-next-line no-underscore-dangle
export const _IconButton = () => (
<IconButton>
<Icons icon="bookmark" />
</IconButton>
);
export const Active = () => (
<IconButton active>
<Icons icon="beaker" />
</IconButton>
);
export const WithText = () => (
<IconButton>
<Icons icon="circlehollow" />
&nbsp;Howdy!
</IconButton>
);
export const WithTextActive = () => (
<IconButton active>
<Icons icon="circlehollow" />
&nbsp;Howdy!
</IconButton>
);

42
lib/components/src/bar/button.tsx
View File

@ -1,5 +1,7 @@
import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps } from 'react'; import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
import { styled, isPropValid } from '@storybook/theming'; import { styled, isPropValid } from '@storybook/theming';
import { darken, transparentize } from 'polished';
import { auto } from '@popperjs/core';
interface ButtonProps interface ButtonProps
extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> { extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
@ -76,39 +78,39 @@ export interface IconButtonProps {
export const IconButton = styled(ButtonOrLink, { shouldForwardProp: isPropValid })<IconButtonProps>( export const IconButton = styled(ButtonOrLink, { shouldForwardProp: isPropValid })<IconButtonProps>(
({ theme }) => ({ ({ theme }) => ({
display: 'inline-flex',
justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
height: 40, background: 'transparent',
background: 'none', border: 'none',
borderRadius: 4,
color: 'inherit', color: 'inherit',
padding: 0,
cursor: 'pointer', cursor: 'pointer',
display: 'inline-flex',
// Icon Buttons may have text depending on user preferences.
// While we don't recommend having text for IconButtons, this style ensures that the text is the correct size.
fontWeight: 'bold',
fontSize: 13, fontSize: 13,
fontWeight: 'bold',
height: 28,
justifyContent: 'center',
marginTop: 6,
padding: '8px 7px',
border: '0 solid transparent', '&:hover, &:focus-visible': {
borderTop: '3px solid transparent', background: transparentize(0.88, theme.color.secondary),
borderBottom: '3px solid transparent',
transition: 'color 0.2s linear, border-bottom-color 0.2s linear',
'&:hover, &:focus': {
outline: '0 none',
color: theme.color.secondary, color: theme.color.secondary,
}, },
'&:focus-visible': {
outline: auto, // Ensures links have the same focus style
},
'&:focus:not(:focus-visible)': {
outline: 'none',
},
'& > svg': { '& > svg': {
width: 15, width: 14,
}, },
}), }),
({ active, theme }) => ({ active, theme }) =>
active active
? { ? {
outline: '0 none', backgroundColor: theme.background.hoverable,
borderBottomColor: theme.color.secondary, color: theme.color.secondary,
} }
: {} : {}
); );

6
lib/components/src/bar/separator.tsx
View File

@ -4,9 +4,11 @@ import { styled } from '@storybook/theming';
export const Separator = styled.span<SeparatorProps>( export const Separator = styled.span<SeparatorProps>(
({ theme }) => ({ ({ theme }) => ({
width: 1, width: 1,
height: 24, height: 20,
background: theme.appBorderColor, background: theme.appBorderColor,
marginTop: 8, marginTop: 10,
marginLeft: 6,
marginRight: 2,
}), }),
({ force }) => ({ force }) =>
force force

2
lib/components/src/tabs/tabs.tsx
View File

@ -51,7 +51,7 @@ export const TabBar = styled.div({
overflow: 'hidden', overflow: 'hidden',
'&:first-of-type': { '&:first-of-type': {
marginLeft: 0, marginLeft: -3,
}, },
}); });

2
lib/components/src/tooltip/TooltipNote.tsx
View File

@ -12,7 +12,7 @@ const Note = styled.div(({ theme }) => ({
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
pointerEvents: 'none', pointerEvents: 'none',
zIndex: -1, zIndex: -1,
background: 'rgba(0, 0, 0, 0.4)', background: theme.base === 'light' ? 'rgba(60, 60, 60, 0.9)' : 'rgba(20, 20, 20, 0.85)',
margin: 6, margin: 6,
})); }));

20
lib/core-client/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/core-client", "name": "@storybook/core-client",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,15 +40,15 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/channel-postmessage": "6.4.0-beta.21", "@storybook/channel-postmessage": "6.4.0-beta.23",
"@storybook/client-api": "6.4.0-beta.21", "@storybook/client-api": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/preview-web": "6.4.0-beta.21", "@storybook/preview-web": "6.4.0-beta.23",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@storybook/ui": "6.4.0-beta.21", "@storybook/ui": "6.4.0-beta.23",
"airbnb-js-shims": "^2.2.1", "airbnb-js-shims": "^2.2.1",
"ansi-to-html": "^0.6.11", "ansi-to-html": "^0.6.11",
"core-js": "^3.8.2", "core-js": "^3.8.2",
@ -73,6 +73,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

10
lib/core-common/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/core-common", "name": "@storybook/core-common",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -61,9 +61,8 @@
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7", "@babel/preset-typescript": "^7.12.7",
"@babel/register": "^7.12.1", "@babel/register": "^7.12.1",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@types/micromatch": "^4.0.1",
"@types/node": "^14.0.10", "@types/node": "^14.0.10",
"@types/pretty-hrtime": "^1.0.0", "@types/pretty-hrtime": "^1.0.0",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
@ -81,7 +80,7 @@
"interpret": "^2.2.0", "interpret": "^2.2.0",
"json5": "^2.1.3", "json5": "^2.1.3",
"lazy-universal-dotenv": "^3.0.1", "lazy-universal-dotenv": "^3.0.1",
"micromatch": "^4.0.2", "picomatch": "^2.3.0",
"pkg-dir": "^5.0.0", "pkg-dir": "^5.0.0",
"pretty-hrtime": "^1.0.3", "pretty-hrtime": "^1.0.3",
"resolve-from": "^5.0.0", "resolve-from": "^5.0.0",
@ -96,6 +95,7 @@
"@types/compression": "^1.7.0", "@types/compression": "^1.7.0",
"@types/interpret": "^1.1.1", "@types/interpret": "^1.1.1",
"@types/mock-fs": "^4.13.0", "@types/mock-fs": "^4.13.0",
"@types/picomatch": "^2.3.0",
"mock-fs": "^4.13.0" "mock-fs": "^4.13.0"
}, },
"peerDependencies": { "peerDependencies": {
@ -110,6 +110,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

181
lib/core-common/src/utils/__tests__/to-importFn.test.ts Normal file
View File

@ -0,0 +1,181 @@
import { webpackIncludeRegexp } from '../to-importFn';
import { normalizeStoriesEntry } from '../normalize-stories';
const testCases: [string, string[], string[]][] = [
[
'**/*.stories.tsx',
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/src/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
],
[
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
[
'./**/*.stories.tsx',
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/src/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
],
[
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
[
'../**/*.stories.tsx',
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/src/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
],
[
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
[
'src',
[],
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/src/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
[
'src/*',
['/Users/user/code/src/Icon.stories.tsx'],
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
[
'./src/**/*.stories.tsx',
[
'/Users/user/code/src/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
],
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
[
'../src/**/*.stories.tsx',
[
'/Users/user/code/src/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
],
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
[
'../../src/**/*.stories.tsx',
[
'/Users/user/code/src/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
],
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
[
'./../../src/**/*.stories.tsx',
[
'/Users/user/code/src/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories.tsx',
'/Users/user/code/src/components/Icon.stories/Icon.stories.tsx',
],
[
'/Users/user/code/Icon.stories.tsx',
'/Users/user/code/stories.tsx',
'/Users/user/code/Icon.stories.ts',
'/Users/user/code/Icon.stories.js',
'/Users/user/code/src/components/stories.tsx',
'/Users/user/code/src/components/Icon.stories/stories.tsx',
'/Users/user/code/src/components/Icon.stories.ts',
'/Users/user/code/src/components/Icon.stories.js',
],
],
];
describe('toImportFn - webpackIncludeRegexp', () => {
it.each(testCases)('matches only suitable paths - %s', (glob, validPaths, invalidPaths) => {
const regex = webpackIncludeRegexp(
normalizeStoriesEntry(glob, { configDir: '/path', workingDir: '/path' })
);
const isNotMatchedForValidPaths = validPaths.filter(
(absolutePath) => !regex.test(absolutePath)
);
const isMatchedForInvalidPaths = invalidPaths.filter(
(absolutePath) => !!regex.test(absolutePath)
);
expect(isNotMatchedForValidPaths).toEqual([]);
expect(isMatchedForInvalidPaths).toEqual([]);
});
});

4
lib/core-common/src/utils/glob-to-regexp.ts
View File

@ -1,6 +1,6 @@
import { makeRe } from 'micromatch'; import { makeRe } from 'picomatch';
export function globToRegex(glob: string) { export function globToRegexp(glob: string) {
const regex = makeRe(glob, { const regex = makeRe(glob, {
fastpaths: false, fastpaths: false,
noglobstar: false, noglobstar: false,

6
lib/core-common/src/utils/normalize-stories.ts
View File

@ -2,11 +2,11 @@ import fs from 'fs';
import path from 'path'; import path from 'path';
import deprecate from 'util-deprecate'; import deprecate from 'util-deprecate';
import dedent from 'ts-dedent'; import dedent from 'ts-dedent';
import { scan } from 'micromatch'; import { scan } from 'picomatch';
import slash from 'slash'; import slash from 'slash';
import type { StoriesEntry, NormalizedStoriesSpecifier } from '../types'; import type { StoriesEntry, NormalizedStoriesSpecifier } from '../types';
import { globToRegex } from './glob-to-regexp'; import { globToRegexp } from './glob-to-regexp';
const DEFAULT_TITLE_PREFIX = ''; const DEFAULT_TITLE_PREFIX = '';
const DEFAULT_FILES = '**/*.stories.@(mdx|tsx|ts|jsx|js)'; const DEFAULT_FILES = '**/*.stories.@(mdx|tsx|ts|jsx|js)';
@ -101,7 +101,7 @@ export const normalizeStoriesEntry = (
directory = directory.replace(/\/$/, ''); directory = directory.replace(/\/$/, '');
// Now make the importFn matcher. // Now make the importFn matcher.
const importPathMatcher = globToRegex(`${directory}/${files}`); const importPathMatcher = globToRegexp(`${directory}/${files}`);
return { return {
...specifierWithoutMatcher, ...specifierWithoutMatcher,

24
lib/core-common/src/utils/to-importFn.ts
View File

@ -1,16 +1,28 @@
import dedent from 'ts-dedent'; import dedent from 'ts-dedent';
import type { NormalizedStoriesSpecifier } from '../types'; import type { NormalizedStoriesSpecifier } from '../types';
import { globToRegexp } from './glob-to-regexp';
export function toImportFnPart(specifier: NormalizedStoriesSpecifier) { export function webpackIncludeRegexp(specifier: NormalizedStoriesSpecifier) {
const { directory, importPathMatcher } = specifier; const { directory, files } = specifier;
// It appears webpack passes *something* similar to the absolute path to the file // It appears webpack passes *something* similar to the absolute path to the file
// on disk (prefixed with something unknown) to the matcher. // on disk (prefixed with something unknown) to the matcher.
// We don't want to include the absolute path in our bundle, so we will just pull the // We don't want to include the absolute path in our bundle, so we will just pull any leading
// '^' and any leading '.' off the regexp and match on that. // `./` or `../` off our directory and match on that.
// It's imperfect as it could match extra things in extremely unusual cases, but it'll do for now. // It's imperfect as it could match extra things in extremely unusual cases, but it'll do for now.
const webpackIncludeRegex = new RegExp(importPathMatcher.source.replace(/^\^\\\.*/, '')); // NOTE: directory is "slashed" so will contain only `/` (no `\`), even on windows
const directoryWithoutLeadingDots = directory.replace(/^(\.+\/)+/, '/');
const webpackIncludeGlob = ['.', '..'].includes(directory)
? files
: `${directoryWithoutLeadingDots}/${files}`;
const webpackIncludeRegexpWithCaret = globToRegexp(webpackIncludeGlob);
// picomatch is creating an exact match, but we are only matching the end of the filename
return new RegExp(webpackIncludeRegexpWithCaret.source.replace(/^\^/, ''));
}
export function toImportFnPart(specifier: NormalizedStoriesSpecifier) {
const { directory, importPathMatcher } = specifier;
return dedent` return dedent`
async (path) => { async (path) => {
@ -20,7 +32,7 @@ export function toImportFnPart(specifier: NormalizedStoriesSpecifier) {
const pathRemainder = path.substring(${directory.length + 1}); const pathRemainder = path.substring(${directory.length + 1});
return import( return import(
/* webpackInclude: ${webpackIncludeRegex} */ /* webpackInclude: ${webpackIncludeRegexp(specifier)} */
'${directory}/' + pathRemainder '${directory}/' + pathRemainder
); );
} }

4
lib/core-common/src/utils/to-require-context.ts
View File

@ -1,12 +1,12 @@
import { NormalizedStoriesSpecifier } from '../types'; import { NormalizedStoriesSpecifier } from '../types';
import { globToRegex } from './glob-to-regexp'; import { globToRegexp } from './glob-to-regexp';
export const toRequireContext = (specifier: NormalizedStoriesSpecifier) => { export const toRequireContext = (specifier: NormalizedStoriesSpecifier) => {
const { directory, files } = specifier; const { directory, files } = specifier;
// The importPathMatcher is a `./`-prefixed matcher that includes the directory // The importPathMatcher is a `./`-prefixed matcher that includes the directory
// For `require.context()` we want the same thing, relative to directory // For `require.context()` we want the same thing, relative to directory
const match = globToRegex(`./${files}`); const match = globToRegexp(`./${files}`);
return { return {
path: directory, path: directory,
recursive: !!files.match(/^\*{1,2}\//), recursive: !!files.match(/^\*{1,2}\//),

4
lib/core-events/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/core-events", "name": "@storybook/core-events",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Event names used in storybook core", "description": "Event names used in storybook core",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,6 +45,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

24
lib/core-server/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/core-server", "name": "@storybook/core-server",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -41,15 +41,15 @@
}, },
"dependencies": { "dependencies": {
"@discoveryjs/json-ext": "^0.5.3", "@discoveryjs/json-ext": "^0.5.3",
"@storybook/builder-webpack4": "6.4.0-beta.21", "@storybook/builder-webpack4": "6.4.0-beta.23",
"@storybook/core-client": "6.4.0-beta.21", "@storybook/core-client": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/csf-tools": "6.4.0-beta.21", "@storybook/csf-tools": "6.4.0-beta.23",
"@storybook/manager-webpack4": "6.4.0-beta.21", "@storybook/manager-webpack4": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"@types/node": "^14.0.10", "@types/node": "^14.0.10",
"@types/node-fetch": "^2.5.7", "@types/node-fetch": "^2.5.7",
"@types/pretty-hrtime": "^1.0.0", "@types/pretty-hrtime": "^1.0.0",
@ -81,15 +81,15 @@
"webpack": "4" "webpack": "4"
}, },
"devDependencies": { "devDependencies": {
"@storybook/builder-webpack5": "6.4.0-beta.21", "@storybook/builder-webpack5": "6.4.0-beta.23",
"@types/compression": "^1.7.0", "@types/compression": "^1.7.0",
"@types/ip": "^1.1.0", "@types/ip": "^1.1.0",
"@types/serve-favicon": "^2.5.2", "@types/serve-favicon": "^2.5.2",
"jest-specific-snapshot": "^4.0.0" "jest-specific-snapshot": "^4.0.0"
}, },
"peerDependencies": { "peerDependencies": {
"@storybook/builder-webpack5": "6.4.0-beta.21", "@storybook/builder-webpack5": "6.4.0-beta.23",
"@storybook/manager-webpack5": "6.4.0-beta.21", "@storybook/manager-webpack5": "6.4.0-beta.23",
"react": "^16.8.0 || ^17.0.0", "react": "^16.8.0 || ^17.0.0",
"react-dom": "^16.8.0 || ^17.0.0" "react-dom": "^16.8.0 || ^17.0.0"
}, },
@ -107,6 +107,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

10
lib/core/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/core", "name": "@storybook/core",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,11 +40,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/core-client": "6.4.0-beta.21", "@storybook/core-client": "6.4.0-beta.23",
"@storybook/core-server": "6.4.0-beta.21" "@storybook/core-server": "6.4.0-beta.23"
}, },
"peerDependencies": { "peerDependencies": {
"@storybook/builder-webpack5": "6.4.0-beta.21", "@storybook/builder-webpack5": "6.4.0-beta.23",
"react": "^16.8.0 || ^17.0.0", "react": "^16.8.0 || ^17.0.0",
"react-dom": "^16.8.0 || ^17.0.0", "react-dom": "^16.8.0 || ^17.0.0",
"webpack": "*" "webpack": "*"
@ -60,6 +60,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

4
lib/csf-tools/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/csf-tools", "name": "@storybook/csf-tools",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -65,6 +65,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

10
lib/instrumenter/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/instrumenter", "name": "@storybook/instrumenter",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,14 +40,14 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"global": "^4.4.0" "global": "^4.4.0"
}, },
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

16
lib/manager-webpack4/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/manager-webpack4", "name": "@storybook/manager-webpack4",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,12 +45,12 @@
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@babel/plugin-transform-template-literals": "^7.12.1", "@babel/plugin-transform-template-literals": "^7.12.1",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/core-client": "6.4.0-beta.21", "@storybook/core-client": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@storybook/ui": "6.4.0-beta.21", "@storybook/ui": "6.4.0-beta.23",
"@types/node": "^14.0.10", "@types/node": "^14.0.10",
"@types/webpack": "^4.41.26", "@types/webpack": "^4.41.26",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
@ -97,6 +97,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

16
lib/manager-webpack5/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/manager-webpack5", "name": "@storybook/manager-webpack5",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,12 +45,12 @@
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@babel/plugin-transform-template-literals": "^7.12.1", "@babel/plugin-transform-template-literals": "^7.12.1",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/core-client": "6.4.0-beta.21", "@storybook/core-client": "6.4.0-beta.23",
"@storybook/core-common": "6.4.0-beta.21", "@storybook/core-common": "6.4.0-beta.23",
"@storybook/node-logger": "6.4.0-beta.21", "@storybook/node-logger": "6.4.0-beta.23",
"@storybook/theming": "6.4.0-beta.21", "@storybook/theming": "6.4.0-beta.23",
"@storybook/ui": "6.4.0-beta.21", "@storybook/ui": "6.4.0-beta.23",
"@types/node": "^14.0.10", "@types/node": "^14.0.10",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"case-sensitive-paths-webpack-plugin": "^2.3.0", "case-sensitive-paths-webpack-plugin": "^2.3.0",
@ -93,6 +93,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

4
lib/node-logger/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/node-logger", "name": "@storybook/node-logger",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -52,6 +52,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

4
lib/postinstall/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/postinstall", "name": "@storybook/postinstall",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Storybook addons postinstall utilities", "description": "Storybook addons postinstall utilities",
"keywords": [ "keywords": [
"api", "api",
@ -51,6 +51,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

15
lib/preview-web/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/preview-web", "name": "@storybook/preview-web",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,18 +40,19 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.21", "@storybook/addons": "6.4.0-beta.23",
"@storybook/channel-postmessage": "6.4.0-beta.21", "@storybook/channel-postmessage": "6.4.0-beta.23",
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"@storybook/core-events": "6.4.0-beta.21", "@storybook/core-events": "6.4.0-beta.23",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.21", "@storybook/store": "6.4.0-beta.23",
"ansi-to-html": "^0.6.11", "ansi-to-html": "^0.6.11",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"lodash": "^4.17.20", "lodash": "^4.17.20",
"qs": "^6.10.0", "qs": "^6.10.0",
"regenerator-runtime": "^0.13.7", "regenerator-runtime": "^0.13.7",
"synchronous-promise": "^2.0.15",
"ts-dedent": "^2.0.0", "ts-dedent": "^2.0.0",
"unfetch": "^4.2.0", "unfetch": "^4.2.0",
"util-deprecate": "^1.0.2" "util-deprecate": "^1.0.2"
@ -63,6 +64,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

16
lib/preview-web/src/PreviewWeb.test.ts
View File

@ -117,7 +117,7 @@ describe('PreviewWeb', () => {
it('shows an error if getProjectAnnotations throws', async () => { it('shows an error if getProjectAnnotations throws', async () => {
const err = new Error('meta error'); const err = new Error('meta error');
const preview = new PreviewWeb(); const preview = new PreviewWeb();
preview.initialize({ await preview.initialize({
importFn, importFn,
getProjectAnnotations: () => { getProjectAnnotations: () => {
throw err; throw err;
@ -185,6 +185,18 @@ describe('PreviewWeb', () => {
foo: 'url', foo: 'url',
}); });
}); });
it('allows async getProjectAnnotations', async () => {
const preview = new PreviewWeb();
await preview.initialize({
importFn,
getProjectAnnotations: async () => {
return getProjectAnnotations();
},
});
expect(preview.storyStore.globals.get()).toEqual({ a: 'b' });
});
}); });
describe('initial selection', () => { describe('initial selection', () => {
@ -2385,7 +2397,7 @@ describe('PreviewWeb', () => {
mockChannel.emit.mockClear(); mockChannel.emit.mockClear();
const err = new Error('error getting meta'); const err = new Error('error getting meta');
preview.onGetProjectAnnotationsChanged({ await preview.onGetProjectAnnotationsChanged({
getProjectAnnotations: () => { getProjectAnnotations: () => {
throw err; throw err;
}, },

127
lib/preview-web/src/PreviewWeb.tsx
View File

@ -1,8 +1,9 @@
import deprecate from 'util-deprecate'; import deprecate from 'util-deprecate';
import dedent from 'ts-dedent'; import dedent from 'ts-dedent';
import global from 'global';
import { SynchronousPromise } from 'synchronous-promise';
import Events, { IGNORED_EXCEPTION } from '@storybook/core-events'; import Events, { IGNORED_EXCEPTION } from '@storybook/core-events';
import { logger } from '@storybook/client-logger'; import { logger } from '@storybook/client-logger';
import global from 'global';
import { addons, Channel } from '@storybook/addons'; import { addons, Channel } from '@storybook/addons';
import { import {
AnyFramework, AnyFramework,
@ -50,6 +51,7 @@ function createController() {
} }
export type RenderPhase = 'loading' | 'rendering' | 'playing' | 'completed' | 'aborted' | 'errored'; export type RenderPhase = 'loading' | 'rendering' | 'playing' | 'completed' | 'aborted' | 'errored';
type PromiseLike<T> = Promise<T> | SynchronousPromise<T>;
type MaybePromise<T> = Promise<T> | T; type MaybePromise<T> = Promise<T> | T;
type StoryCleanupFn = () => MaybePromise<void>; type StoryCleanupFn = () => MaybePromise<void>;
@ -92,6 +94,12 @@ export class PreviewWeb<TFramework extends AnyFramework> {
); );
} }
// NOTE: the reason that the preview and store's initialization code is written in a promise
// style and not `async-await`, and the use of `SynchronousPromise`s is in order to allow
// storyshots to immediately call `raw()` on the store without waiting for a later tick.
// (Even simple things like `Promise.resolve()` and `await` involve the callback happening
// in the next promise "tick").
// See the comment in `storyshots-core/src/api/index.ts` for more detail.
initialize({ initialize({
getStoryIndex, getStoryIndex,
importFn, importFn,
@ -101,54 +109,58 @@ export class PreviewWeb<TFramework extends AnyFramework> {
// getProjectAnnotations has been run, thus this slightly awkward approach // getProjectAnnotations has been run, thus this slightly awkward approach
getStoryIndex?: () => StoryIndex; getStoryIndex?: () => StoryIndex;
importFn: ModuleImportFn; importFn: ModuleImportFn;
getProjectAnnotations: () => WebProjectAnnotations<TFramework>; getProjectAnnotations: () => MaybePromise<WebProjectAnnotations<TFramework>>;
}): MaybePromise<void> { }): PromiseLike<void> {
this.storyStore.setProjectAnnotations( return this.getProjectAnnotationsOrRenderError(getProjectAnnotations).then(
this.getProjectAnnotationsOrRenderError(getProjectAnnotations) || {} (projectAnnotations) => {
); this.storyStore.setProjectAnnotations(projectAnnotations);
this.setupListeners(); this.setupListeners();
if (FEATURES?.storyStoreV7) { let storyIndexPromise: PromiseLike<StoryIndex>;
this.indexClient = new StoryIndexClient(); if (FEATURES?.storyStoreV7) {
return this.indexClient this.indexClient = new StoryIndexClient();
.fetch() storyIndexPromise = this.indexClient.fetch();
.then((storyIndex: StoryIndex) => { } else {
this.storyStore.initialize({ if (!getStoryIndex) {
storyIndex, throw new Error('No `getStoryIndex` passed defined in v6 mode');
importFn, }
cache: false, storyIndexPromise = SynchronousPromise.resolve().then(getStoryIndex);
}
return storyIndexPromise
.then((storyIndex: StoryIndex) => {
return this.storyStore
.initialize({
storyIndex,
importFn,
cache: !FEATURES?.storyStoreV7,
})
.then(() => {
if (!FEATURES?.storyStoreV7) {
this.channel.emit(Events.SET_STORIES, this.storyStore.getSetStoriesPayload());
}
this.setGlobalsAndRenderSelection();
});
})
.catch((err) => {
logger.warn(err);
this.renderPreviewEntryError(err);
}); });
return this.setGlobalsAndRenderSelection(); }
}) );
.catch((err) => {
logger.warn(err);
this.renderPreviewEntryError(err);
});
}
if (!getStoryIndex) {
throw new Error('No `getStoryIndex` passed defined in v6 mode');
}
this.storyStore.initialize({
storyIndex: getStoryIndex(),
importFn,
cache: true,
});
this.channel.emit(Events.SET_STORIES, this.storyStore.getSetStoriesPayload());
return this.setGlobalsAndRenderSelection();
} }
getProjectAnnotationsOrRenderError( getProjectAnnotationsOrRenderError(
getProjectAnnotations: () => WebProjectAnnotations<TFramework> getProjectAnnotations: () => MaybePromise<WebProjectAnnotations<TFramework>>
): ProjectAnnotations<TFramework> | undefined { ): PromiseLike<ProjectAnnotations<TFramework>> {
let projectAnnotations; return SynchronousPromise.resolve()
try { .then(() => getProjectAnnotations())
projectAnnotations = getProjectAnnotations(); .then((projectAnnotations) => {
this.renderToDOM = projectAnnotations.renderToDOM; this.renderToDOM = projectAnnotations.renderToDOM;
if (!this.renderToDOM) { if (!this.renderToDOM) {
throw new Error(dedent` throw new Error(dedent`
Expected 'framework' in your main.js to export 'renderToDOM', but none found. Expected 'framework' in your main.js to export 'renderToDOM', but none found.
You can fix this automatically by running: You can fix this automatically by running:
@ -157,15 +169,16 @@ export class PreviewWeb<TFramework extends AnyFramework> {
More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field
`); `);
} }
return projectAnnotations; return projectAnnotations;
} catch (err) { })
logger.warn(err); .catch((err) => {
// This is an error extracting the projectAnnotations (i.e. evaluating the previewEntries) and logger.warn(err);
// needs to be show to the user as a simple error // This is an error extracting the projectAnnotations (i.e. evaluating the previewEntries) and
this.renderPreviewEntryError(err); // needs to be show to the user as a simple error
return undefined; this.renderPreviewEntryError(err);
} return {};
});
} }
setupListeners() { setupListeners() {
@ -300,12 +313,12 @@ export class PreviewWeb<TFramework extends AnyFramework> {
} }
// This happens when a config file gets reloade // This happens when a config file gets reloade
onGetProjectAnnotationsChanged({ async onGetProjectAnnotationsChanged({
getProjectAnnotations, getProjectAnnotations,
}: { }: {
getProjectAnnotations: () => ProjectAnnotations<TFramework>; getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TFramework>>;
}) { }) {
const projectAnnotations = this.getProjectAnnotationsOrRenderError(getProjectAnnotations); const projectAnnotations = await this.getProjectAnnotationsOrRenderError(getProjectAnnotations);
if (!projectAnnotations) { if (!projectAnnotations) {
return; return;
} }
@ -391,9 +404,7 @@ export class PreviewWeb<TFramework extends AnyFramework> {
async renderDocs({ story }: { story: Story<TFramework> }) { async renderDocs({ story }: { story: Story<TFramework> }) {
const { id, title, name } = story; const { id, title, name } = story;
const element = this.view.prepareForDocs(); const element = this.view.prepareForDocs();
const csfFile: CSFFile<TFramework> = await this.storyStore.loadCSFFileByStoryId(id, { const csfFile: CSFFile<TFramework> = await this.storyStore.loadCSFFileByStoryId(id);
sync: false,
});
const docsContext = { const docsContext = {
id, id,
title, title,

6
lib/router/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/router", "name": "@storybook/router",
"version": "6.4.0-beta.21", "version": "6.4.0-beta.23",
"description": "Core Storybook Router", "description": "Core Storybook Router",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,7 +40,7 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/client-logger": "6.4.0-beta.21", "@storybook/client-logger": "6.4.0-beta.23",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
"global": "^4.4.0", "global": "^4.4.0",
@ -59,6 +59,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92", "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

Some files were not shown because too many files have changed in this diff Show More