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

Merge branch 'next' into ts/ui-slow

Browse Source 
# Conflicts:
#	lib/ui/package.json
#	lib/ui/src/components/layout/mobile.tsx
This commit is contained in:
Norbert de Langen 2020-02-10 11:38:30 +01:00
commit da53d636c5
No known key found for this signature in database
GPG Key ID: 976651DA156C2825
93 changed files with 655 additions and 547 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
CHANGELOG.md
View File

@ -1,3 +1,18 @@
## 6.0.0-alpha.9 (February 9, 2020)
### Features
* Addon-docs: Add preset options for vue-docgen-api ([#9699](https://github.com/storybookjs/storybook/pull/9699))
* UI: Add initialActive option parameter ([#9141](https://github.com/storybookjs/storybook/pull/9141))
### Bug Fixes
* Components: Import react-syntax-highlighter/create-element from cjs ([#9795](https://github.com/storybookjs/storybook/pull/9795))
### Maintenance
* Examples: Change main.js to main.ts to show it's possible ([#9775](https://github.com/storybookjs/storybook/pull/9775))
## 6.0.0-alpha.8 (February 8, 2020)
### Maintenance

16
addons/a11y/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-a11y",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "a11y addon for storybook",
"keywords": [
"a11y",
@ -32,13 +32,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"axe-core": "^3.3.2",
"core-js": "^3.0.1",
"global": "^4.3.2",

14
addons/actions/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Action Logger addon for storybook",
"keywords": [
"storybook"
@ -27,12 +27,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"fast-deep-equal": "^3.1.1",
"global": "^4.3.2",

14
addons/backgrounds/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-backgrounds",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "A storybook addon to show different backgrounds for your preview",
"keywords": [
"addon",
@ -31,12 +31,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"memoizerific": "^1.11.3",
"react": "^16.8.3",

4
addons/centered/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-centered",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook decorator to center components",
"keywords": [
"addon",
@ -29,7 +29,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"util-deprecate": "^1.0.2"

10
addons/contexts/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-contexts",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook Addon Contexts",
"keywords": [
"preact",
@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"qs": "^6.6.0"

12
addons/cssresources/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-cssresources",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "A storybook addon to switch between css resources at runtime for your story",
"keywords": [
"addon",
@ -31,11 +31,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3"

14
addons/design-assets/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-design-assets",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Design asset preview for storybook",
"keywords": [
"addon",
@ -33,12 +33,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",

16
addons/docs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Superior documentation for your components",
"keywords": [
"addon",
@ -45,14 +45,14 @@
"@mdx-js/loader": "^1.5.1",
"@mdx-js/mdx": "^1.5.1",
"@mdx-js/react": "^1.5.1",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/csf": "0.0.1",
"@storybook/postinstall": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/postinstall": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"acorn": "^7.1.0",
"acorn-jsx": "^5.1.0",
"acorn-walk": "^7.0.0",

8
addons/docs/src/frameworks/vue/preset.ts
View File

@ -1,8 +1,14 @@
export function webpack(webpackConfig: any = {}, options: any = {}) {
export function webpackFinal(webpackConfig: any = {}, options: any = {}) {
webpackConfig.module.rules.push({
test: /\.vue$/,
loader: 'vue-docgen-loader',
enforce: 'post',
options: {
docgenOptions: {
alias: webpackConfig.resolve.alias,
...options.vueDocgenOptions,
},
},
});
return webpackConfig;
}

27
addons/docs/vue/README.md
View File

@ -32,11 +32,36 @@ module.exports = {
};
```
## Preset options
The `addon-docs` preset for Vue has a configuration option that can be used to configure [`vue-docgen-api`](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api), a tool which extracts information from Vue components. Here's an example of how to use the preset with options for Vue app:
```js
const path = require('path');
module.exports = {
addons: [
{
name: '@storybook/addon-docs',
options: {
vueDocgenOptions: {
alias: {
'@': path.resolve(__dirname, '../'),
},
},
},
},
],
};
```
The `vueDocgenOptions` is an object for configuring `vue-docgen-api`. See [`vue-docgen-api`'s docs](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api#options-docgenoptions) for available configuration options.
## DocsPage
When you [install docs](#installation) you should get basic [DocsPage](../docs/docspage.md) documentation automagically for all your stories, available in the `Docs` tab of the Storybook UI.
Props tables for your components requires a few more steps. Docs for Vue relies on [Addon-vue-info](https://github.com/pocka/storybook-addon-vue-info)'s loader. It supports `props`, `events`, and `slots` as first class prop types.
Props tables for your components requires a few more steps. Docs for Vue relies on [`vue-docgen-loader`](https://github.com/pocka/vue-docgen-loader). It supports `props`, `events`, and `slots` as first class prop types.
Finally, be sure to fill in the `component` field in your story metadata:

12
addons/essentials/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-essentials",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Curated addons to bring out the best of Storybook",
"keywords": [
"addon",
@ -27,11 +27,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/node-logger": "6.0.0-alpha.9",
"ts-dedent": "^1.1.1"
},
"devDependencies": {

12
addons/events/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-events",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Add events to your Storybook stories.",
"keywords": [
"addon",
@ -30,11 +30,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"format-json": "^1.0.3",
"lodash": "^4.17.15",

6
addons/google-analytics/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-google-analytics",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook addon for google analytics",
"keywords": [
"addon",
@ -20,8 +20,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react-ga": "^2.5.7"

6
addons/graphql/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-graphql",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook addon to display the GraphiQL IDE",
"keywords": [
"addon",
@ -28,8 +28,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"graphiql": "^0.17.5",

12
addons/jest/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-jest",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "React storybook addon that show component jest report",
"keywords": [
"addon",
@ -34,11 +34,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",

14
addons/knobs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-knobs",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook Addon Prop Editor Component",
"keywords": [
"addon",
@ -28,12 +28,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"@types/react-color": "^3.0.1",
"copy-to-clipboard": "^3.0.8",
"core-js": "^3.0.1",

10
addons/links/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Story Links addon for storybook",
"keywords": [
"addon",
@ -28,11 +28,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/csf": "0.0.1",
"@storybook/router": "6.0.0-alpha.8",
"@storybook/router": "6.0.0-alpha.9",
"@types/qs": "^6.9.0",
"core-js": "^3.0.1",
"global": "^4.3.2",

4
addons/options/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-options",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Options addon for storybook",
"keywords": [
"addon",
@ -28,7 +28,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"util-deprecate": "^1.0.2"
},

14
addons/queryparams/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-queryparams",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "parameter addon for storybook",
"keywords": [
"addon",
@ -29,12 +29,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"qs": "^6.6.0",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
"keywords": [
"addon",
@ -32,9 +32,9 @@
},
"dependencies": {
"@jest/transform": "^25.1.0",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@types/glob": "^7.1.1",
"@types/jest": "^25.1.1",
"@types/jest-specific-snapshot": "^0.5.3",
@ -49,8 +49,8 @@
"ts-dedent": "^1.1.1"
},
"devDependencies": {
"@storybook/addon-docs": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.8",
"@storybook/addon-docs": "6.0.0-alpha.9",
"@storybook/react": "6.0.0-alpha.9",
"babel-loader": "^8.0.6",
"enzyme-to-json": "^3.4.1",
"jest-emotion": "^10.0.17",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots-puppeteer",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [
"addon",
@ -29,7 +29,7 @@
},
"dependencies": {
"@storybook/csf": "0.0.1",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.9",
"@types/jest-image-snapshot": "^2.8.0",
"@wordpress/jest-puppeteer-axe": "^1.5.0",
"core-js": "^3.0.1",
@ -41,7 +41,7 @@
"@types/puppeteer": "^2.0.0"
},
"peerDependencies": {
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"puppeteer": "^1.12.2 || ^2.0.0"
},
"peerDependenciesMeta": {

16
addons/storysource/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storysource",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Stories addon for storybook",
"keywords": [
"addon",
@ -28,13 +28,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/router": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/router": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"estraverse": "^4.2.0",
"loader-utils": "^1.2.3",

14
addons/viewport/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-viewport",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook addon to change the viewport size to mobile",
"keywords": [
"addon",
@ -28,12 +28,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"memoizerific": "^1.11.3",

8
app/angular/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/angular",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -33,9 +33,9 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@storybook/node-logger": "6.0.0-alpha.9",
"@types/webpack-env": "^1.15.1",
"core-js": "^3.0.1",
"fork-ts-checker-webpack-plugin": "^4.0.3",

4
app/ember/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/ember",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
"bugs": {
@ -31,7 +31,7 @@
},
"dependencies": {
"@ember/test-helpers": "^1.7.0",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"regenerator-runtime": "^0.13.3",

6
app/html/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/html",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -33,8 +33,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@types/webpack-env": "^1.15.1",
"core-js": "^3.0.1",
"global": "^4.3.2",

4
app/marionette/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/marionette",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Marionette: Develop Marionette.js component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -25,7 +25,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.9",
"common-tags": "^1.8.0",
"core-js": "^3.0.1",
"global": "^4.3.2",

6
app/marko/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/marko",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -33,8 +33,8 @@
},
"dependencies": {
"@marko/webpack": "^2.1.0",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"regenerator-runtime": "^0.13.3",

6
app/mithril/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/mithril",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
"keywords": [
"storybook"
@ -35,8 +35,8 @@
"dependencies": {
"@babel/core": "^7.8.4",
"@babel/plugin-transform-react-jsx": "^7.3.0",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@types/mithril": "^2.0.0",
"@types/webpack-env": "^1.15.1",
"core-js": "^3.0.1",

6
app/preact/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preact",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [
"storybook"
@ -34,8 +34,8 @@
},
"dependencies": {
"@babel/plugin-transform-react-jsx": "^7.3.0",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@types/webpack-env": "^1.15.1",
"core-js": "^3.0.1",
"global": "^4.3.2",

4
app/rax/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/rax",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Rax: Develop Rax Component in isolation.",
"keywords": [
"rax",
@ -33,7 +33,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.9",
"babel-preset-rax": "^1.0.0-beta.0",
"core-js": "^3.0.1",
"driver-dom": "^2.0.0",

8
app/react/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -36,9 +36,9 @@
"@babel/plugin-transform-react-constant-elements": "^7.6.3",
"@babel/preset-flow": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@storybook/node-logger": "6.0.0-alpha.9",
"@svgr/webpack": "^5.1.0",
"@types/webpack-env": "^1.15.1",
"babel-plugin-add-react-displayname": "^0.0.5",

4
app/riot/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/riot",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -33,7 +33,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"raw-loader": "^4.0.0",

6
app/server/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/server",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -33,8 +33,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@storybook/node-logger": "^5.2.8",
"@types/webpack-env": "^1.13.9",
"core-js": "^3.0.1",

6
app/svelte/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -33,8 +33,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"regenerator-runtime": "^0.13.3",

6
app/vue/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -33,8 +33,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@types/webpack-env": "^1.15.1",
"core-js": "^3.0.1",
"global": "^4.3.2",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
"keywords": [
"lit-html",
@ -37,8 +37,8 @@
"dependencies": {
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/plugin-syntax-import-meta": "^7.2.0",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@types/webpack-env": "^1.15.1",
"babel-plugin-bundled-import-meta": "^0.3.1",
"core-js": "^3.0.1",

6
dev-kits/addon-decorator/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-decorator",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "decorator addon for storybook",
"keywords": [
"addon",
@ -24,8 +24,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.4.0"
},

14
dev-kits/addon-parameter/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-parameter",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "parameter addon for storybook",
"keywords": [
"addon",
@ -24,12 +24,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",

4
dev-kits/addon-preview-wrapper/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-preview-wrapper",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "preview wrapper addon for storybook",
"keywords": [
"addon",
@ -24,7 +24,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"react": "^16.8.3"
},
"publishConfig": {

16
dev-kits/addon-roundtrip/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-roundtrip",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "roundtrip addon for storybook",
"keywords": [
"addon",
@ -24,13 +24,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",

7
docs/src/pages/configurations/options-parameter/index.md
View File

@ -65,6 +65,13 @@ addons.setConfig({
* @type {String}
*/
selectedPanel: undefined,
/**
* Select the default active tab on Mobile.
* 'sidebar' | 'canvas' | 'addons'
* @type {('sidebar'|'canvas'|'addons')}
*/
initialActive: 'sidebar',
});
```

2
docs/src/versions/next.json
View File

@ -1 +1 @@
{"version":"6.0.0-alpha.8","info":{"plain":"### Maintenance\n\n* Replace lodash named imports with specific imports ([#9787](https://github.com/storybookjs/storybook/pull/9787))"}}
{"version":"6.0.0-alpha.9","info":{"plain":"### Features\n\n* Addon-docs: Add preset options for vue-docgen-api ([#9699](https://github.com/storybookjs/storybook/pull/9699))\n* UI: Add initialActive option parameter ([#9141](https://github.com/storybookjs/storybook/pull/9141))\n\n### Bug Fixes\n\n* Components: Import react-syntax-highlighter/create-element from cjs ([#9795](https://github.com/storybookjs/storybook/pull/9795))\n\n### Maintenance\n\n* Examples: Change main.js to main.ts to show it's possible ([#9775](https://github.com/storybookjs/storybook/pull/9775))"}}

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

@ -1,6 +1,6 @@
{
"name": "angular-cli",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"license": "MIT",
"scripts": {
@ -37,20 +37,20 @@
"@angular/cli": "^8.3.6",
"@angular/compiler-cli": "^8.2.8",
"@compodoc/compodoc": "^1.1.11",
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-docs": "6.0.0-alpha.8",
"@storybook/addon-jest": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/angular": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-docs": "6.0.0-alpha.9",
"@storybook/addon-jest": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/angular": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"@types/core-js": "^2.5.0",
"@types/jest": "^25.1.1",
"@types/node": "^13.5.3",

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

@ -1,6 +1,6 @@
{
"name": "cra-kitchen-sink",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -18,21 +18,21 @@
"react-lifecycles-compat": "^3.0.4"
},
"devDependencies": {
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-docs": "6.0.0-alpha.8",
"@storybook/addon-events": "6.0.0-alpha.8",
"@storybook/addon-jest": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-docs": "6.0.0-alpha.9",
"@storybook/addon-events": "6.0.0-alpha.9",
"@storybook/addon-jest": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/react": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"react-scripts": "^3.0.1"
}
}

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

@ -1,6 +1,6 @@
{
"name": "cra-react15",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -18,11 +18,11 @@
"react-scripts": "3.0.1"
},
"devDependencies": {
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/react": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"babel-core": "6",
"babel-runtime": "6"
}

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

@ -1,6 +1,6 @@
{
"name": "cra-ts-essentials",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -36,9 +36,9 @@
"typescript": "3.7.5"
},
"devDependencies": {
"@storybook/addon-essentials": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/addon-essentials": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/preset-create-react-app": "^1.5.0",
"@storybook/react": "6.0.0-alpha.8"
"@storybook/react": "6.0.0-alpha.9"
}
}

3
examples/cra-ts-kitchen-sink/.storybook/main.js → examples/cra-ts-kitchen-sink/.storybook/main.ts
View File

@ -1,3 +1,4 @@
// @ts-ignore
const path = require('path');
module.exports = {
@ -9,7 +10,7 @@ module.exports = {
tsDocgenLoaderOptions: {
tsconfigPath: path.resolve(__dirname, '../tsconfig.json'),
shouldExtractLiteralValuesFromEnum: true,
propFilter: prop => {
propFilter: (prop: any) => {
// Currently not working, prop.parent is always null.
if (prop.parent) {
return !prop.parent.fileName.includes('node_modules/@types/react/');

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

@ -1,6 +1,6 @@
{
"name": "cra-ts-kitchen-sink",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "react-scripts build",
@ -34,15 +34,16 @@
"typescript": "3.7.5"
},
"devDependencies": {
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/preset-create-react-app": "^1.5.0",
"@storybook/react": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.9",
"@types/enzyme": "^3.9.0",
"@types/node": "13.5.3",
"@types/react": "^16.8.14",
"@types/react-dom": "^16.8.2",
"enzyme": "^3.9.0",
@ -52,6 +53,7 @@
"react-docgen-typescript-loader": "^3.3.0",
"react-moment-proptypes": "^1.7.0",
"react-scripts": "^3.0.1",
"ts-node": "~7.0.0",
"tslint": "^6.0.0",
"tslint-config-airbnb": "^5.11.1",
"typescript": "^3.4.0"

3
examples/cra-ts-kitchen-sink/tsconfig.json
View File

@ -20,6 +20,7 @@
"jsx": "react"
},
"include": [
"src"
"src/**/*",
".storybook/**/*"
]
}

26
examples/dev-kits/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/example-devkits",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -8,18 +8,18 @@
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
},
"devDependencies": {
"@storybook/addon-decorator": "6.0.0-alpha.8",
"@storybook/addon-parameter": "6.0.0-alpha.8",
"@storybook/addon-preview-wrapper": "6.0.0-alpha.8",
"@storybook/addon-roundtrip": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addon-decorator": "6.0.0-alpha.9",
"@storybook/addon-parameter": "6.0.0-alpha.9",
"@storybook/addon-preview-wrapper": "6.0.0-alpha.9",
"@storybook/addon-roundtrip": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/node-logger": "6.0.0-alpha.9",
"@storybook/react": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"cors": "^2.8.5",
"cross-env": "^7.0.0",
"enzyme-to-json": "^3.4.1",

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

@ -1,6 +1,6 @@
{
"name": "ember-example",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "ember build --output-path ember-output",
@ -16,20 +16,20 @@
"devDependencies": {
"@babel/core": "^7.8.4",
"@ember/optional-features": "^1.3.0",
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-docs": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/ember": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-docs": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/ember": "6.0.0-alpha.9",
"@storybook/ember-cli-storybook": "^0.2.0",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.9",
"babel-loader": "^8",
"broccoli-asset-rev": "^3.0.0",
"cross-env": "^7.0.0",

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

@ -1,6 +1,6 @@
{
"name": "html-kitchen-sink",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"description": "",
"keywords": [],
@ -13,25 +13,25 @@
"storybook": "start-storybook -p 9006"
},
"devDependencies": {
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-docs": "6.0.0-alpha.8",
"@storybook/addon-events": "6.0.0-alpha.8",
"@storybook/addon-jest": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/html": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-docs": "6.0.0-alpha.9",
"@storybook/addon-events": "6.0.0-alpha.9",
"@storybook/addon-jest": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/html": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"eventemitter3": "^4.0.0",
"format-json": "^1.0.3",
"global": "^4.3.2",

18
examples/marko-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "marko-cli",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"description": "Demo of how to build an app using marko-starter",
"repository": {
@ -23,14 +23,14 @@
"marko-starter": "^2.1.0"
},
"devDependencies": {
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/marko": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/marko": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"prettier": "^1.16.4",
"webpack": "^4.33.0"
}

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

@ -1,6 +1,6 @@
{
"name": "mithril-example",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build-storybook": "build-storybook",
@ -10,19 +10,19 @@
"mithril": "^1.1.6"
},
"devDependencies": {
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/mithril": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/mithril": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"webpack": "^4.33.0"
}
}

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

@ -1,6 +1,6 @@
{
"name": "official-storybook",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -14,32 +14,32 @@
},
"devDependencies": {
"@packtracker/webpack-plugin": "^2.0.1",
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-contexts": "6.0.0-alpha.8",
"@storybook/addon-cssresources": "6.0.0-alpha.8",
"@storybook/addon-design-assets": "6.0.0-alpha.8",
"@storybook/addon-docs": "6.0.0-alpha.8",
"@storybook/addon-events": "6.0.0-alpha.8",
"@storybook/addon-graphql": "6.0.0-alpha.8",
"@storybook/addon-jest": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-queryparams": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storyshots-puppeteer": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-contexts": "6.0.0-alpha.9",
"@storybook/addon-cssresources": "6.0.0-alpha.9",
"@storybook/addon-design-assets": "6.0.0-alpha.9",
"@storybook/addon-docs": "6.0.0-alpha.9",
"@storybook/addon-events": "6.0.0-alpha.9",
"@storybook/addon-graphql": "6.0.0-alpha.9",
"@storybook/addon-jest": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-queryparams": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storyshots-puppeteer": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/node-logger": "6.0.0-alpha.9",
"@storybook/react": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"cors": "^2.8.5",
"cross-env": "^7.0.0",
"enzyme-to-json": "^3.4.1",

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

@ -1,6 +1,6 @@
{
"name": "preact-example",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -15,20 +15,20 @@
"devDependencies": {
"@babel/core": "^7.8.4",
"@babel/plugin-transform-runtime": "^7.2.0",
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-contexts": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/preact": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-contexts": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/preact": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"babel-loader": "^8.0.4",
"cross-env": "^7.0.0",
"file-loader": "^5.0.2",

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

@ -1,6 +1,6 @@
{
"name": "rax-kitchen-sink",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "build-scripts build",
@ -20,22 +20,22 @@
"devDependencies": {
"@alib/build-scripts": "^0.1.8",
"@babel/preset-react": "^7.7.4",
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-events": "6.0.0-alpha.8",
"@storybook/addon-jest": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/rax": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-events": "6.0.0-alpha.9",
"@storybook/addon-jest": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/rax": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"babel-eslint": "^10.0.3",
"build-plugin-rax-app": "^0.2.0",
"stylesheet-loader": "^0.7.0"

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

@ -1,6 +1,6 @@
{
"name": "riot-example",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -15,19 +15,19 @@
},
"devDependencies": {
"@babel/core": "^7.8.4",
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/riot": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/riot": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"babel-loader": "^8.0.4",
"cross-env": "^7.0.0",
"file-loader": "^5.0.2",

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

@ -1,6 +1,6 @@
{
"name": "server-kitchen-sink",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"description": "",
"keywords": [],
@ -14,14 +14,14 @@
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
},
"devDependencies": {
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/server": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/node-logger": "6.0.0-alpha.9",
"@storybook/server": "6.0.0-alpha.9",
"concurrently": "^5.0.2",
"cors": "^2.8.5",
"express": "~4.16.4",

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

@ -1,12 +1,12 @@
{
"name": "standalone-preview",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"storybook": "parcel ./storybook.html --port 1337"
},
"devDependencies": {
"@storybook/react": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.9",
"parcel": "^1.12.3",
"react": "^16.8.4",
"react-dom": "^16.8.4"

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

@ -1,6 +1,6 @@
{
"name": "svelte-example",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build-storybook": "build-storybook -s public",
@ -10,18 +10,18 @@
"global": "^4.3.2"
},
"devDependencies": {
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/svelte": "6.0.0-alpha.8"
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"@storybook/svelte": "6.0.0-alpha.9"
}
}

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

@ -1,6 +1,6 @@
{
"name": "vue-example",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -14,21 +14,21 @@
},
"devDependencies": {
"@babel/core": "^7.8.4",
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-contexts": "6.0.0-alpha.8",
"@storybook/addon-docs": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/vue": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-contexts": "6.0.0-alpha.9",
"@storybook/addon-docs": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"@storybook/vue": "6.0.0-alpha.9",
"babel-core": "^7.0.0-bridge.0",
"babel-loader": "^8.0.5",
"cross-env": "^7.0.0",

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

@ -1,6 +1,6 @@
{
"name": "web-components-kitchen-sink",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"private": true,
"description": "",
"keywords": [],
@ -12,25 +12,25 @@
"storybook": "start-storybook -p 9006"
},
"devDependencies": {
"@storybook/addon-a11y": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-backgrounds": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-docs": "6.0.0-alpha.8",
"@storybook/addon-events": "6.0.0-alpha.8",
"@storybook/addon-jest": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addon-storysource": "6.0.0-alpha.8",
"@storybook/addon-viewport": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/core": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/source-loader": "6.0.0-alpha.8",
"@storybook/web-components": "6.0.0-alpha.8",
"@storybook/addon-a11y": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-backgrounds": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-docs": "6.0.0-alpha.9",
"@storybook/addon-events": "6.0.0-alpha.9",
"@storybook/addon-jest": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addon-storysource": "6.0.0-alpha.9",
"@storybook/addon-viewport": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/core": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/source-loader": "6.0.0-alpha.9",
"@storybook/web-components": "6.0.0-alpha.9",
"babel-loader": "^8.0.5",
"eventemitter3": "^4.0.0",
"format-json": "^1.0.3",

2
lerna.json
View File

@ -2,5 +2,5 @@
"npmClient": "yarn",
"useWorkspaces": true,
"registry": "https://registry.npmjs.org",
"version": "6.0.0-alpha.8"
"version": "6.0.0-alpha.9"
}

10
lib/addons/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addons",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook addons store",
"keywords": [
"storybook"
@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/api": "6.0.0-alpha.8",
"@storybook/channels": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/channels": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"util-deprecate": "^1.0.2"

12
lib/api/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/api",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Core Storybook API & Context",
"keywords": [
"storybook"
@ -27,12 +27,12 @@
},
"dependencies": {
"@reach/router": "^1.2.1",
"@storybook/channels": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/channels": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/csf": "0.0.1",
"@storybook/router": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/router": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"@types/reach__router": "^1.2.3",
"core-js": "^3.0.1",
"fast-deep-equal": "^3.1.1",

7
lib/api/src/index.tsx
View File

@ -31,7 +31,11 @@ import initStories, {
SubAPI as StoriesAPI,
StoriesRaw,
} from './modules/stories';
import initLayout, { SubState as LayoutSubState, SubAPI as LayoutAPI } from './modules/layout';
import initLayout, {
ActiveTabs,
SubState as LayoutSubState,
SubAPI as LayoutAPI,
} from './modules/layout';
import initShortcuts, {
SubState as ShortcutsSubState,
SubAPI as ShortcutsAPI,
@ -43,6 +47,7 @@ import initVersions, {
} from './modules/versions';
export { Options as StoreOptions, Listener as ChannelListener };
export { ActiveTabs };
const ManagerContext = createContext({ api: undefined, state: getInitialState({}) });

8
lib/api/src/modules/layout.ts
View File

@ -11,8 +11,15 @@ import Store from '../store';
import { Provider } from '../init-provider-api';
export type PanelPositions = 'bottom' | 'right';
export type ActiveTabsType = 'sidebar' | 'canvas' | 'addons';
export const ActiveTabs = {
SIDEBAR: 'sidebar' as 'sidebar',
CANVAS: 'canvas' as 'canvas',
ADDONS: 'addons' as 'addons',
};
export interface Layout {
initialActive: ActiveTabsType;
isFullscreen: boolean;
showPanel: boolean;
panelPosition: PanelPositions;
@ -137,6 +144,7 @@ const initial: SubState = {
docsMode: false,
},
layout: {
initialActive: ActiveTabs.SIDEBAR,
isToolshown: true,
isFullscreen: false,
showPanel: true,

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

@ -1 +1 @@
export const version = '6.0.0-alpha.8';
export const version = '6.0.0-alpha.9';

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

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-postmessage",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "",
"keywords": [
"storybook"
@ -27,8 +27,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/channels": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"telejson": "^3.2.0"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-websocket",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "",
"keywords": [
"storybook"
@ -27,7 +27,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "6.0.0-alpha.8",
"@storybook/channels": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
"json-fn": "^1.1.1"

2
lib/channels/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channels",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "sb",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -22,7 +22,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "6.0.0-alpha.8"
"@storybook/cli": "6.0.0-alpha.9"
},
"publishConfig": {
"access": "public"

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

@ -1,6 +1,6 @@
{
"name": "storybook",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -23,7 +23,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "6.0.0-alpha.8"
"@storybook/cli": "6.0.0-alpha.9"
},
"publishConfig": {
"access": "public"

54
lib/cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/cli",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
"keywords": [
"cli",
@ -37,7 +37,7 @@
"dependencies": {
"@babel/core": "^7.8.4",
"@babel/preset-env": "^7.8.4",
"@storybook/codemod": "6.0.0-alpha.8",
"@storybook/codemod": "6.0.0-alpha.9",
"chalk": "^3.0.0",
"commander": "^4.0.1",
"core-js": "^3.0.1",
@ -57,32 +57,32 @@
"update-notifier": "^4.0.0"
},
"devDependencies": {
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-centered": "6.0.0-alpha.8",
"@storybook/addon-graphql": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/addon-links": "6.0.0-alpha.8",
"@storybook/addon-options": "6.0.0-alpha.8",
"@storybook/addon-storyshots": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/angular": "6.0.0-alpha.8",
"@storybook/channel-postmessage": "6.0.0-alpha.8",
"@storybook/channel-websocket": "6.0.0-alpha.8",
"@storybook/channels": "6.0.0-alpha.8",
"@storybook/ember": "6.0.0-alpha.8",
"@storybook/html": "6.0.0-alpha.8",
"@storybook/marionette": "6.0.0-alpha.8",
"@storybook/marko": "6.0.0-alpha.8",
"@storybook/mithril": "6.0.0-alpha.8",
"@storybook/preact": "6.0.0-alpha.8",
"@storybook/rax": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-centered": "6.0.0-alpha.9",
"@storybook/addon-graphql": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"@storybook/addon-links": "6.0.0-alpha.9",
"@storybook/addon-options": "6.0.0-alpha.9",
"@storybook/addon-storyshots": "6.0.0-alpha.9",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/angular": "6.0.0-alpha.9",
"@storybook/channel-postmessage": "6.0.0-alpha.9",
"@storybook/channel-websocket": "6.0.0-alpha.9",
"@storybook/channels": "6.0.0-alpha.9",
"@storybook/ember": "6.0.0-alpha.9",
"@storybook/html": "6.0.0-alpha.9",
"@storybook/marionette": "6.0.0-alpha.9",
"@storybook/marko": "6.0.0-alpha.9",
"@storybook/mithril": "6.0.0-alpha.9",
"@storybook/preact": "6.0.0-alpha.9",
"@storybook/rax": "6.0.0-alpha.9",
"@storybook/react": "6.0.0-alpha.9",
"@storybook/react-native": "6.0.0-alpha.0",
"@storybook/riot": "6.0.0-alpha.8",
"@storybook/svelte": "6.0.0-alpha.8",
"@storybook/ui": "6.0.0-alpha.8",
"@storybook/vue": "6.0.0-alpha.8",
"@storybook/web-components": "6.0.0-alpha.8"
"@storybook/riot": "6.0.0-alpha.9",
"@storybook/svelte": "6.0.0-alpha.9",
"@storybook/ui": "6.0.0-alpha.9",
"@storybook/vue": "6.0.0-alpha.9",
"@storybook/web-components": "6.0.0-alpha.9"
},
"publishConfig": {
"access": "public"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/client-api",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook Client API",
"keywords": [
"storybook"
@ -27,11 +27,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/channel-postmessage": "6.0.0-alpha.8",
"@storybook/channels": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/channel-postmessage": "6.0.0-alpha.9",
"@storybook/channels": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/csf": "0.0.1",
"@types/webpack-env": "^1.15.1",
"core-js": "^3.0.1",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/client-logger",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "",
"keywords": [
"storybook"

4
lib/codemod/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/codemod",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "A collection of codemod scripts written with JSCodeshift",
"keywords": [
"storybook"
@ -29,7 +29,7 @@
"dependencies": {
"@mdx-js/mdx": "^1.5.1",
"@storybook/csf": "0.0.1",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"cross-spawn": "^7.0.0",
"globby": "^11.0.0",

6
lib/components/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/components",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Core Storybook Components",
"keywords": [
"storybook"
@ -27,8 +27,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"@types/react-textarea-autosize": "^4.3.3",
"core-js": "^3.0.1",
"global": "^4.3.2",

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

@ -12,7 +12,7 @@ import typescript from 'react-syntax-highlighter/dist/cjs/languages/prism/typesc
import { PrismLight as ReactSyntaxHighlighter } from 'react-syntax-highlighter';
// @ts-ignore
import createElement from 'react-syntax-highlighter/dist/esm/create-element';
import createElement from 'react-syntax-highlighter/dist/cjs/create-element';
import { ActionBar } from '../ActionBar/ActionBar';
import { ScrollArea } from '../ScrollArea/ScrollArea';

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

@ -1,6 +1,6 @@
{
"name": "@storybook/core-events",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Event names used in storybook core",
"keywords": [
"storybook"

20
lib/core/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -35,16 +35,16 @@
"@babel/preset-env": "^7.8.4",
"@babel/preset-react": "^7.8.3",
"@babel/preset-typescript": "^7.8.3",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/channel-postmessage": "6.0.0-alpha.8",
"@storybook/client-api": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/channel-postmessage": "6.0.0-alpha.9",
"@storybook/client-api": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/csf": "0.0.1",
"@storybook/node-logger": "6.0.0-alpha.8",
"@storybook/router": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/ui": "6.0.0-alpha.8",
"@storybook/node-logger": "6.0.0-alpha.9",
"@storybook/router": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"@storybook/ui": "6.0.0-alpha.9",
"airbnb-js-shims": "^2.2.1",
"ansi-to-html": "^0.6.11",
"autoprefixer": "^9.7.2",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/node-logger",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "",
"keywords": [
"storybook"

2
lib/postinstall/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/postinstall",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Storybook addons postinstall utilities",
"keywords": [
"api",

2
lib/router/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/router",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Core Storybook Router",
"keywords": [
"storybook"

6
lib/source-loader/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/source-loader",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Source loader",
"keywords": [
"lib",
@ -28,8 +28,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/csf": "0.0.1",
"core-js": "^3.0.1",
"estraverse": "^4.2.0",

4
lib/theming/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/theming",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Core Storybook Components",
"keywords": [
"storybook"
@ -30,7 +30,7 @@
"@emotion/core": "^10.0.20",
"@emotion/is-prop-valid": "^0.8.6",
"@emotion/styled": "^10.0.17",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.9",
"core-js": "^3.0.1",
"deep-object-diff": "^1.1.0",
"emotion-theming": "^10.0.19",

24
lib/ui/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/ui",
"version": "6.0.0-alpha.8",
"version": "6.0.0-alpha.9",
"description": "Core Storybook UI",
"keywords": [
"storybook"
@ -28,14 +28,14 @@
},
"dependencies": {
"@emotion/core": "^10.0.20",
"@storybook/addons": "6.0.0-alpha.8",
"@storybook/api": "6.0.0-alpha.8",
"@storybook/channels": "6.0.0-alpha.8",
"@storybook/client-logger": "6.0.0-alpha.8",
"@storybook/components": "6.0.0-alpha.8",
"@storybook/core-events": "6.0.0-alpha.8",
"@storybook/router": "6.0.0-alpha.8",
"@storybook/theming": "6.0.0-alpha.8",
"@storybook/addons": "6.0.0-alpha.9",
"@storybook/api": "6.0.0-alpha.9",
"@storybook/channels": "6.0.0-alpha.9",
"@storybook/client-logger": "6.0.0-alpha.9",
"@storybook/components": "6.0.0-alpha.9",
"@storybook/core-events": "6.0.0-alpha.9",
"@storybook/router": "6.0.0-alpha.9",
"@storybook/theming": "6.0.0-alpha.9",
"@types/markdown-to-jsx":"^6.9.1",
"copy-to-clipboard": "^3.0.8",
"core-js": "^3.0.1",
@ -64,9 +64,9 @@
"util-deprecate": "^1.0.2"
},
"devDependencies": {
"@storybook/react": "6.0.0-alpha.8",
"@storybook/addon-actions": "6.0.0-alpha.8",
"@storybook/addon-knobs": "6.0.0-alpha.8",
"@storybook/react": "6.0.0-alpha.9",
"@storybook/addon-actions": "6.0.0-alpha.9",
"@storybook/addon-knobs": "6.0.0-alpha.9",
"corejs-upgrade-webpack-plugin": "^3.0.1",
"flush-promises": "^1.0.2",
"terser-webpack-plugin": "^2.3.4",

15
lib/ui/src/components/layout/layout.stories.js
View File

@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
import { storiesOf } from '@storybook/react';
import { withKnobs, boolean, number } from '@storybook/addon-knobs';
import { styled } from '@storybook/theming';
import { ActiveTabs } from '@storybook/api';
import { isChromatic } from 'storybook-chromatic/isChromatic';
@ -209,13 +210,19 @@ storiesOf('UI/Layout/Mobile', module)
return storyFn({ props });
})
.add('initial 0', ({ props }) => <Mobile {...props} options={{ initialActive: 0 }} />)
.add('initial 1', ({ props }) => <Mobile {...props} options={{ initialActive: 1 }} />)
.add('initial 2', ({ props }) => <Mobile {...props} options={{ initialActive: 2 }} />)
.add('initial sidebar', ({ props }) => (
<Mobile {...props} options={{ initialActive: ActiveTabs.SIDEBAR }} />
))
.add('initial canvas', ({ props }) => (
<Mobile {...props} options={{ initialActive: ActiveTabs.CANVAS }} />
))
.add('initial addons', ({ props }) => (
<Mobile {...props} options={{ initialActive: ActiveTabs.ADDONS }} />
))
.add('page', ({ props }) => (
<Mobile
{...props}
options={{ initialActive: 1 }}
options={{ initialActive: ActiveTabs.CANVAS }}
pages={[
{
key: 'settings',

27
lib/ui/src/components/layout/mobile.tsx
View File

@ -1,11 +1,15 @@
import React, { Component, Children, ComponentType, FunctionComponent, ReactNode } from 'react';
import { State } from '@storybook/api';
import { State, ActiveTabs } from '@storybook/api';
import { styled } from '@storybook/theming';
import { TabButton } from '@storybook/components';
import { Root } from './Root';
const Pane = styled.div<{ index: number; active: number }>(
export type ActiveTabsType = 'sidebar' | 'canvas' | 'addons';
const { SIDEBAR, CANVAS, ADDONS } = ActiveTabs;
const Pane = styled.div<{ index: number; active: ActiveTabsType }>(
{
transition: 'transform .2s ease',
position: 'absolute',
@ -52,22 +56,22 @@ const Pane = styled.div<{ index: number; active: number }>(
},
({ active, index }) => {
switch (true) {
case index === 0 && active === 0: {
case index === 0 && active === SIDEBAR: {
return {
transform: 'translateX(-0px)',
};
}
case index === 1 && active === 0: {
case index === 1 && active === SIDEBAR: {
return {
transform: 'translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2)',
};
}
case index === 1 && active === 2: {
case index === 1 && active === ADDONS: {
return {
transform: 'translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2)',
};
}
case index === 2 && active === 2: {
case index === 2 && active === ADDONS: {
return {
transform: 'translateX(0px)',
};
@ -149,7 +153,7 @@ class Mobile extends Component<MobileProps, MobileState> {
const { options } = props;
this.state = {
active: options.initialActive || 0,
active: options.initialActive || SIDEBAR,
};
}
@ -188,17 +192,20 @@ class Mobile extends Component<MobileProps, MobileState> {
<Panel hidden={!viewMode} />
</Panels>
<Bar>
<TabButton onClick={() => this.setState({ active: 0 })} active={active === 0}>
<TabButton onClick={() => this.setState({ active: SIDEBAR })} active={active === SIDEBAR}>
Sidebar
</TabButton>
<TabButton onClick={() => this.setState({ active: 1 })} active={active === 1}>
<TabButton
onClick={() => this.setState({ active: CANVAS })}
active={active === CANVAS || active === false}
>
{viewMode ? 'Canvas' : null}
{pages.map(({ key, route: Route }) => (
<Route key={key}>{key}</Route>
))}
</TabButton>
{viewMode ? (
<TabButton onClick={() => this.setState({ active: 2 })} active={active === 2}>
<TabButton onClick={() => this.setState({ active: ADDONS })} active={active === ADDONS}>
Addons
</TabButton>
) : null}

26
yarn.lock
View File

@ -8154,7 +8154,7 @@ buffer-fill@^1.0.0:
resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
integrity sha1-+PeLdniYiO858gXNY39o5wISKyw=
buffer-from@1.x, buffer-from@^1.0.0:
buffer-from@1.x, buffer-from@^1.0.0, buffer-from@^1.1.0:
version "1.1.1"
resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
@ -10976,6 +10976,11 @@ diff-sequences@^25.1.0:
resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-25.1.0.tgz#fd29a46f1c913fd66c22645dc75bffbe43051f32"
integrity sha512-nFIfVk5B/NStCsJ+zaPO4vYuLjlzQ6uFvPxzYyHlejNZ/UGa7G/n7peOXVrVNvRuyfstt+mZQYGpjxg9Z6N8Kw==
diff@^3.1.0:
version "3.5.0"
resolved "https://registry.yarnpkg.com/diff/-/diff-3.5.0.tgz#800c0dd1e0a8bfbc95835c202ad220fe317e5a12"
integrity sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==
diff@^4.0.1:
version "4.0.2"
resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
@ -29200,6 +29205,20 @@ ts-map@^1.0.3:
resolved "https://registry.yarnpkg.com/ts-map/-/ts-map-1.0.3.tgz#1c4d218dec813d2103b7e04e4bcf348e1471c1ff"
integrity sha512-vDWbsl26LIcPGmDpoVzjEP6+hvHZkBkLW7JpvwbCv/5IYPJlsbzCVXY3wsCeAxAUeTclNOUZxnLdGh3VBD/J6w==
ts-node@~7.0.0:
version "7.0.1"
resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-7.0.1.tgz#9562dc2d1e6d248d24bc55f773e3f614337d9baf"
integrity sha512-BVwVbPJRspzNh2yfslyT1PSbl5uIk03EZlb493RKHN4qej/D06n1cEhjlOJG69oFsE7OT8XjpTUcYf6pKTLMhw==
dependencies:
arrify "^1.0.0"
buffer-from "^1.1.0"
diff "^3.1.0"
make-error "^1.1.1"
minimist "^1.2.0"
mkdirp "^0.5.1"
source-map-support "^0.5.6"
yn "^2.0.0"
ts-node@~8.6.2:
version "8.6.2"
resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.6.2.tgz#7419a01391a818fbafa6f826a33c1a13e9464e35"
@ -31952,6 +31971,11 @@ yn@3.1.1:
resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
yn@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/yn/-/yn-2.0.0.tgz#e5adabc8acf408f6385fc76495684c88e6af689a"
integrity sha1-5a2ryKz0CPY4X8dklWhMiOavaJo=
yui@^3.18.1:
version "3.18.1"
resolved "https://registry.yarnpkg.com/yui/-/yui-3.18.1.tgz#e000269ec0a7b6fbc741cbb8fcbd0e65117b014c"