mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-08 01:41:49 +08:00
Merge remote-tracking branch 'upstream/next' into next
This commit is contained in:
Joey Cozza
commit
216ea5c014
22
CHANGELOG.md
22
CHANGELOG.md
@ -1,3 +1,25 @@
|
||||
## 5.2.0-beta.45 (August 28, 2019)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* Addon-docs: Fix MDX Story ID to match new CSF ([#7894](https://github.com/storybookjs/storybook/pull/7894))
|
||||
|
||||
## 5.2.0-beta.44 (August 28, 2019)
|
||||
|
||||
Publish failed
|
||||
|
||||
## 5.2.0-beta.43 (August 28, 2019)
|
||||
|
||||
CSF users: This is potentially a breaking change. If you want to opt-out of the new default display name calculation (`lodash.startCase`) you can add the following to your SB config:
|
||||
|
||||
```js
|
||||
addParameters({ options: { makeDisplayName: key => key }});
|
||||
```
|
||||
|
||||
### Features
|
||||
|
||||
* CSF: Transform CSF named exports w/ `makeDisplayName` ([#7878](https://github.com/storybookjs/storybook/pull/7878))
|
||||
|
||||
## 5.2.0-beta.42 (August 28, 2019)
|
||||
|
||||
Addon-docs users: This is a breaking change if you have been hacking the `docs` parameter manually. If you're using the zero-config option for `DocsPage` or `MDX`, you should be unaffected by it.
|
||||
|
||||
@ -76,7 +76,7 @@ You can get the old default back by adding the following to your `config.js`:
|
||||
import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
|
||||
|
||||
addParameters({
|
||||
options: {
|
||||
viewport: {
|
||||
viewports: INITIAL_VIEWPORTS,
|
||||
},
|
||||
});
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "a11y addon for storybook",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -26,12 +26,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"axe-core": "^3.2.2",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,12 +21,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-api": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-api": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^2.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,12 +25,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"memoizerific": "^1.11.3",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -4,6 +4,8 @@ Storybook Centered Decorator can be used to center components inside the preview
|
||||
|
||||
[Framework Support](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
|
||||
|
||||
⚠️ This addon applies styling to the view in order to center the component. This may impact the look and feel of story.
|
||||
|
||||
### Usage
|
||||
|
||||
```sh
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-centered",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook decorator to center components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -23,7 +23,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"util-deprecate": "^1.0.2"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-contexts",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook Addon Contexts",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -28,10 +28,10 @@
|
||||
"dev:check-types": "tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,10 +25,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-design-assets",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Design asset preview for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -27,12 +27,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Superior documentation for your components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,12 +29,12 @@
|
||||
"@mdx-js/loader": "^1.1.0",
|
||||
"@mdx-js/mdx": "^1.1.0",
|
||||
"@mdx-js/react": "^1.0.27",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"js-string-escape": "^1.0.1",
|
||||
|
||||
@ -6,15 +6,11 @@ export interface DocsContextProps {
|
||||
selectedStory?: string;
|
||||
|
||||
/**
|
||||
* mdxKind is a statically-generated "kind" that corresponds to the
|
||||
* component that's being documented in the MDX file, It's combined
|
||||
* with the MDX story name `<Story name='story name'>...</Story>` to
|
||||
* generate a storyId. In the case that the user is viewing a non-MDX
|
||||
* story, the value of `mdxKind` will be the currently-selected kind.
|
||||
* (I can't remember the corner case in which using the currentl-selected
|
||||
* kind breaks down in MDX-defined stories, but there is one!)
|
||||
* mdxStoryNameToId is an MDX-compiler-generated mapping of an MDX story's
|
||||
* display name to its storyId. It's used internally by the `<Story>`
|
||||
* doc block.
|
||||
*/
|
||||
mdxKind?: string;
|
||||
mdxStoryNameToId?: Record<string, string>;
|
||||
parameters?: any;
|
||||
storyStore?: any;
|
||||
forceRender?: () => void;
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import React, { ReactNodeArray } from 'react';
|
||||
import { Preview as PurePreview, PreviewProps as PurePreviewProps } from '@storybook/components';
|
||||
import { toId } from '@storybook/router';
|
||||
import { getSourceProps } from './Source';
|
||||
import { DocsContext, DocsContextProps } from './DocsContext';
|
||||
|
||||
@ -20,7 +19,7 @@ const getPreviewProps = (
|
||||
children,
|
||||
...props
|
||||
}: PreviewProps & { children?: React.ReactNode },
|
||||
{ mdxKind, storyStore }: DocsContextProps
|
||||
{ mdxStoryNameToId, storyStore }: DocsContextProps
|
||||
): PurePreviewProps => {
|
||||
if (withSource === SourceState.NONE && !children) {
|
||||
return props;
|
||||
@ -29,7 +28,7 @@ const getPreviewProps = (
|
||||
const stories = childArray.filter(
|
||||
(c: React.ReactElement) => c.props && (c.props.id || c.props.name)
|
||||
) as React.ReactElement[];
|
||||
const targetIds = stories.map(s => s.props.id || toId(mdxKind, s.props.name));
|
||||
const targetIds = stories.map(s => s.props.id || mdxStoryNameToId[s.props.name]);
|
||||
const sourceProps = getSourceProps({ ids: targetIds }, { storyStore });
|
||||
return {
|
||||
...props, // pass through columns etc.
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
import React from 'react';
|
||||
import { toId } from '@storybook/router';
|
||||
import { Story, StoryProps as PureStoryProps } from '@storybook/components';
|
||||
import { CURRENT_SELECTION } from './shared';
|
||||
|
||||
@ -32,12 +31,12 @@ const inferInlineStories = (framework: string): boolean => {
|
||||
|
||||
export const getStoryProps = (
|
||||
props: StoryProps,
|
||||
{ id: currentId, storyStore, parameters, mdxKind }: DocsContextProps
|
||||
{ id: currentId, storyStore, parameters, mdxStoryNameToId }: DocsContextProps
|
||||
): PureStoryProps => {
|
||||
const { id } = props as StoryRefProps;
|
||||
const { name } = props as StoryDefProps;
|
||||
const inputId = id === CURRENT_SELECTION ? currentId : id;
|
||||
const previewId = inputId || toId(mdxKind, name);
|
||||
const previewId = inputId || mdxStoryNameToId[name];
|
||||
|
||||
const { height, inline } = props;
|
||||
const data = storyStore.fromId(previewId);
|
||||
|
||||
@ -53,6 +53,7 @@ MDXContent.isMDXComponent = true;
|
||||
|
||||
export const one = () => <Button>One</Button>;
|
||||
one.story = {};
|
||||
one.story.name = 'one';
|
||||
one.story.parameters = { mdxSource: '<Button>One</Button>' };
|
||||
one.story.decorators = [storyFn => <div className=\\"local\\">{storyFn()}</div>];
|
||||
|
||||
@ -72,11 +73,12 @@ const componentMeta = {
|
||||
includeStories: ['one'],
|
||||
};
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = { one: 'button--one' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -127,11 +129,12 @@ storybookDocsOnly.story = { parameters: { docsOnly: true } };
|
||||
|
||||
const componentMeta = { title: 'docs-only', includeStories: ['storybookDocsOnly'] };
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = {};
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -181,6 +184,7 @@ MDXContent.isMDXComponent = true;
|
||||
|
||||
export const one = () => <Button>One</Button>;
|
||||
one.story = {};
|
||||
one.story.name = 'one';
|
||||
one.story.parameters = { mdxSource: '<Button>One</Button>' };
|
||||
|
||||
export const helloStory = () => <Button>Hello button</Button>;
|
||||
@ -190,11 +194,12 @@ helloStory.story.parameters = { mdxSource: '<Button>Hello button</Button>' };
|
||||
|
||||
const componentMeta = { title: 'Button', includeStories: ['one', 'helloStory'] };
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = { one: 'button--one', 'hello story': 'button--hellostory' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -274,11 +279,15 @@ const componentMeta = {
|
||||
includeStories: ['componentNotes', 'storyNotes'],
|
||||
};
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = {
|
||||
'component notes': 'button--componentnotes',
|
||||
'story notes': 'button--storynotes',
|
||||
};
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -342,6 +351,7 @@ helloButton.story.parameters = { mdxSource: '<Button>Hello button</Button>' };
|
||||
|
||||
export const two = () => <Button>Two</Button>;
|
||||
two.story = {};
|
||||
two.story.name = 'two';
|
||||
two.story.parameters = { mdxSource: '<Button>Two</Button>' };
|
||||
|
||||
const componentMeta = {
|
||||
@ -352,11 +362,12 @@ const componentMeta = {
|
||||
includeStories: ['helloButton', 'two'],
|
||||
};
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = { 'hello button': 'button--hellobutton', two: 'button--two' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -396,11 +407,12 @@ MDXContent.isMDXComponent = true;
|
||||
|
||||
const componentMeta = { includeStories: [] };
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = {};
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -443,15 +455,17 @@ MDXContent.isMDXComponent = true;
|
||||
|
||||
export const text = () => 'Plain text';
|
||||
text.story = {};
|
||||
text.story.name = 'text';
|
||||
text.story.parameters = { mdxSource: \\"'Plain text'\\" };
|
||||
|
||||
const componentMeta = { title: 'Text', includeStories: ['text'] };
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = { text: 'text--text' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -501,6 +515,7 @@ MDXContent.isMDXComponent = true;
|
||||
|
||||
export const one = () => <Button>One</Button>;
|
||||
one.story = {};
|
||||
one.story.name = 'one';
|
||||
one.story.parameters = { mdxSource: '<Button>One</Button>' };
|
||||
|
||||
export const helloStory = () => <Button>Hello button</Button>;
|
||||
@ -515,11 +530,16 @@ wPunctuation.story.parameters = { mdxSource: '<Button>with punctuation</Button>'
|
||||
|
||||
const componentMeta = { title: 'Button', includeStories: ['one', 'helloStory', 'wPunctuation'] };
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = {
|
||||
one: 'button--one',
|
||||
'hello story': 'button--hellostory',
|
||||
'w/punctuation': 'button--wpunctuation',
|
||||
};
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -561,26 +581,27 @@ function MDXContent({ components, ...props }) {
|
||||
|
||||
MDXContent.isMDXComponent = true;
|
||||
|
||||
export const story0 = () => {
|
||||
export const functionStory = () => {
|
||||
const btn = document.createElement('button');
|
||||
btn.innerHTML = 'Hello Button';
|
||||
btn.addEventListener('click', action('Click'));
|
||||
return btn;
|
||||
};
|
||||
story0.story = {};
|
||||
story0.story.name = 'function';
|
||||
story0.story.parameters = {
|
||||
functionStory.story = {};
|
||||
functionStory.story.name = 'function';
|
||||
functionStory.story.parameters = {
|
||||
mdxSource:
|
||||
\\"() => {\\\\n const btn = document.createElement('button');\\\\n btn.innerHTML = 'Hello Button';\\\\n btn.addEventListener('click', action('Click'));\\\\n return btn;\\\\n}\\",
|
||||
};
|
||||
|
||||
const componentMeta = { includeStories: ['story0'] };
|
||||
const componentMeta = { includeStories: ['functionStory'] };
|
||||
|
||||
const mdxStoryNameToId = {};
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -649,11 +670,12 @@ toStorybook.story.parameters = {
|
||||
|
||||
const componentMeta = { title: 'MDX|Welcome', includeStories: ['toStorybook'] };
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = { 'to storybook': 'mdx-welcome--tostorybook' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -693,11 +715,12 @@ MDXContent.isMDXComponent = true;
|
||||
|
||||
const componentMeta = { includeStories: [] };
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = {};
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
@ -738,11 +761,12 @@ MDXContent.isMDXComponent = true;
|
||||
|
||||
const componentMeta = { includeStories: [] };
|
||||
|
||||
const mdxKind = componentMeta.title;
|
||||
const mdxStoryNameToId = {};
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => (
|
||||
<DocsContainer context={{ ...context, mdxKind }}>{children}</DocsContainer>
|
||||
<DocsContainer context={{ ...context, mdxStoryNameToId }}>{children}</DocsContainer>
|
||||
),
|
||||
page: MDXContent,
|
||||
};
|
||||
|
||||
@ -3,6 +3,7 @@ const parser = require('@babel/parser');
|
||||
const generate = require('@babel/generator').default;
|
||||
const camelCase = require('lodash/camelCase');
|
||||
const jsStringEscape = require('js-string-escape');
|
||||
const { toId } = require('@storybook/router');
|
||||
|
||||
// Generate the MDX as is, but append named exports for every
|
||||
// story in the contents
|
||||
@ -17,17 +18,19 @@ function getAttr(elt, what) {
|
||||
return attr && attr.value;
|
||||
}
|
||||
|
||||
function getStoryFn(name, counter) {
|
||||
if (name) {
|
||||
const storyFn = camelCase(name.replace(/[^a-z0-9-]/g, '-'));
|
||||
if (storyFn.length > 1 && !RESERVED.exec(storyFn)) {
|
||||
return storyFn;
|
||||
}
|
||||
}
|
||||
return `story${counter}`;
|
||||
}
|
||||
const isReserved = name => RESERVED.exec(name);
|
||||
|
||||
function genStoryExport(ast, counter) {
|
||||
const sanitizeName = name => {
|
||||
let key = camelCase(name);
|
||||
if (isReserved(key)) {
|
||||
key = `${key}Story`;
|
||||
}
|
||||
return key;
|
||||
};
|
||||
|
||||
const getStoryKey = (name, counter) => (name ? sanitizeName(name) : `story${counter}`);
|
||||
|
||||
function genStoryExport(ast, context) {
|
||||
let storyName = getAttr(ast.openingElement, 'name');
|
||||
let storyId = getAttr(ast.openingElement, 'id');
|
||||
storyName = storyName && storyName.value;
|
||||
@ -45,7 +48,7 @@ function genStoryExport(ast, counter) {
|
||||
// console.log('genStoryExport', JSON.stringify(ast, null, 2));
|
||||
|
||||
const statements = [];
|
||||
const storyKey = getStoryFn(storyName, counter);
|
||||
const storyKey = getStoryKey(storyName, context.counter);
|
||||
|
||||
let body = ast.children.find(n => n.type !== 'JSXText');
|
||||
let storyCode = null;
|
||||
@ -72,9 +75,8 @@ function genStoryExport(ast, counter) {
|
||||
}
|
||||
statements.push(`${storyKey}.story = {};`);
|
||||
|
||||
if (storyName !== storyKey) {
|
||||
statements.push(`${storyKey}.story.name = '${storyName}';`);
|
||||
}
|
||||
// always preserve the name, since CSF exports can get modified by displayName
|
||||
statements.push(`${storyKey}.story.name = '${storyName}';`);
|
||||
|
||||
let parameters = getAttr(ast.openingElement, 'parameters');
|
||||
parameters = parameters && parameters.expression;
|
||||
@ -94,23 +96,26 @@ function genStoryExport(ast, counter) {
|
||||
statements.push(`${storyKey}.story.decorators = ${decos};`);
|
||||
}
|
||||
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
context.storyNameToKey[storyName] = storyKey;
|
||||
|
||||
return {
|
||||
[storyKey]: statements.join('\n'),
|
||||
};
|
||||
}
|
||||
|
||||
function genPreviewExports(ast, counter) {
|
||||
function genPreviewExports(ast, context) {
|
||||
// console.log('genPreviewExports', JSON.stringify(ast, null, 2));
|
||||
|
||||
let localCounter = counter;
|
||||
const previewExports = {};
|
||||
for (let i = 0; i < ast.children.length; i += 1) {
|
||||
const child = ast.children[i];
|
||||
if (child.type === 'JSXElement' && child.openingElement.name.name === 'Story') {
|
||||
const storyExport = genStoryExport(child, localCounter);
|
||||
const storyExport = genStoryExport(child, context);
|
||||
if (storyExport) {
|
||||
Object.assign(previewExports, storyExport);
|
||||
localCounter += 1;
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
context.counter += 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -163,14 +168,16 @@ function getExports(node, counter) {
|
||||
// insert `mdxKind` into the context so that we can know what "kind" we're rendering into
|
||||
// when we render <Story name="xxx">...</Story>, since this MDX can be attached to any `selectedKind`!
|
||||
const wrapperJs = `
|
||||
const mdxKind = componentMeta.title;
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
container: ({ context, children }) => <DocsContainer context={{...context, mdxKind}}>{children}</DocsContainer>,
|
||||
container: ({ context, children }) => <DocsContainer context={{...context, mdxStoryNameToId}}>{children}</DocsContainer>,
|
||||
page: MDXContent,
|
||||
};
|
||||
`.trim();
|
||||
|
||||
// Use this rather than JSON.stringify because `Meta`'s attributes
|
||||
// are already valid code strings, so we want to insert them raw
|
||||
// rather than add an extra set of quotes
|
||||
function stringifyMeta(meta) {
|
||||
let result = '{ ';
|
||||
Object.entries(meta).forEach(([key, val]) => {
|
||||
@ -188,16 +195,18 @@ function extractExports(node, options) {
|
||||
const storyExports = [];
|
||||
const includeStories = [];
|
||||
let metaExport = null;
|
||||
let counter = 0;
|
||||
const context = {
|
||||
counter: 0,
|
||||
storyNameToKey: {},
|
||||
};
|
||||
node.children.forEach(n => {
|
||||
const exports = getExports(n, counter);
|
||||
const exports = getExports(n, context);
|
||||
if (exports) {
|
||||
const { stories, meta } = exports;
|
||||
if (stories) {
|
||||
Object.entries(stories).forEach(([key, story]) => {
|
||||
includeStories.push(key);
|
||||
storyExports.push(story);
|
||||
counter += 1;
|
||||
});
|
||||
}
|
||||
if (meta) {
|
||||
@ -221,11 +230,23 @@ function extractExports(node, options) {
|
||||
}
|
||||
metaExport.includeStories = JSON.stringify(includeStories);
|
||||
|
||||
const { title } = metaExport;
|
||||
const mdxStoryNameToId = Object.entries(context.storyNameToKey).reduce(
|
||||
(acc, [storyName, storyKey]) => {
|
||||
if (title) {
|
||||
acc[storyName] = toId(title, storyKey);
|
||||
}
|
||||
return acc;
|
||||
},
|
||||
{}
|
||||
);
|
||||
|
||||
const fullJsx = [
|
||||
'import { DocsContainer } from "@storybook/addon-docs/blocks";',
|
||||
defaultJsx,
|
||||
...storyExports,
|
||||
`const componentMeta = ${stringifyMeta(metaExport)};`,
|
||||
`const mdxStoryNameToId = ${JSON.stringify(mdxStoryNameToId)};`,
|
||||
wrapperJs,
|
||||
'export default componentMeta;',
|
||||
].join('\n\n');
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,11 +24,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-api": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-api": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"format-json": "^1.0.3",
|
||||
"lodash": "^4.17.11",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,8 +20,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react-ga": "^2.5.7"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,8 +22,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"graphiql": "^0.13.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-info",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "A Storybook addon to show additional information for your stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,10 +22,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"jsx-to-string": "^1.4.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,11 +28,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,12 +22,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-api": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-api": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"copy-to-clipboard": "^3.0.8",
|
||||
"core-js": "^3.0.1",
|
||||
"escape-html": "^1.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,9 +22,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-notes",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Write notes for your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -23,13 +23,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"markdown-to-jsx": "^6.10.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-actions",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Action Logger addon for react-native storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -19,13 +19,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^2.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.2.0-beta.42"
|
||||
"@storybook/addon-actions": "5.2.0-beta.45"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-actions": "*",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-backgrounds",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "A react-native storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,7 +24,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"prop-types": "^15.7.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-knobs",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Display storybook story knobs on your deviced.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -21,8 +21,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"deep-equal": "^1.0.1",
|
||||
"prop-types": "^15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-ondevice-notes",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Write notes for your react-native Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,8 +20,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"prop-types": "^15.7.2",
|
||||
"react-native-simple-markdown": "^1.1.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-options",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Options addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,7 +22,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-queryparams",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -23,12 +23,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,7 +25,7 @@
|
||||
"storybook": "start-storybook -p 6006"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"glob": "^7.1.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,8 +22,8 @@
|
||||
"prepare": "node ../../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/node-logger": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/node-logger": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"jest-image-snapshot": "^2.8.2",
|
||||
"regenerator-runtime": "^0.12.1"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Stories addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -22,11 +22,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"estraverse": "^4.2.0",
|
||||
"loader-utils": "^1.2.3",
|
||||
|
||||
@ -25,6 +25,7 @@ Then, add following content to .storybook/addons.js
|
||||
```js
|
||||
import '@storybook/addon-viewport/register';
|
||||
```
|
||||
|
||||
You should now be able to see the viewport addon icon in the the toolbar at the top of the screen.
|
||||
|
||||
## Configuration
|
||||
@ -34,7 +35,12 @@ The viewport addon is configured by story parameters with the `viewport` key. To
|
||||
```js
|
||||
import { addParameters } from '@storybook/react';
|
||||
|
||||
addParameters({ viewport: { viewports: newViewports } });
|
||||
addParameters({
|
||||
viewport: {
|
||||
viewports: newViewports, // newViewports would be an ViewportMap. (see below for examples)
|
||||
defaultViewport: 'someDefault',
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
Options can take a object with the following keys:
|
||||
@ -49,7 +55,7 @@ Setting this property to, let say `iphone6`, will make `iPhone 6` the default de
|
||||
|
||||
---
|
||||
|
||||
A key-value pair of viewport's key and properties (see `Viewport` definition below) for all viewports to be displayed. Default is [`INITIAL_VIEWPORTS`](src/defaults.ts)
|
||||
A key-value pair of viewport's key and properties (see `Viewport` definition below) for all viewports to be displayed. Default is [`MINIMAL_VIEWPORTS`](src/defaults.ts)
|
||||
|
||||
#### Viewport Model
|
||||
|
||||
@ -95,6 +101,21 @@ addStories('Stories', module)
|
||||
|
||||
## Examples
|
||||
|
||||
### Use Detailed Set of Devices
|
||||
|
||||
The default viewports being used is [`MINIMAL_VIEWPORTS`](src/defaults.ts). If you'd like to use a more granular list of devices, you can use [`INITIAL_VIEWPORTS`](src/defaults.ts) like so in your `config.js` file in your `.storybook` directory.
|
||||
|
||||
```js
|
||||
import { addParameters } from '@storybook/react';
|
||||
import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
|
||||
|
||||
addParameters({
|
||||
viewport: {
|
||||
viewports: INITIAL_VIEWPORTS,
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
### Use Custom Set of Devices
|
||||
|
||||
This will replace all previous devices with `Kindle Fire 2` and `Kindle Fire HD` by simply calling `addParameters` with the two devices as `viewports` in `config.js` file in your `.storybook` directory.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook addon to change the viewport size to mobile",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -21,12 +21,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,9 +26,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/node-logger": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"@storybook/node-logger": "5.2.0-beta.45",
|
||||
"angular2-template-loader": "^0.6.2",
|
||||
"core-js": "^3.0.1",
|
||||
"fork-ts-checker-webpack-plugin": "^1.3.4",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -24,7 +24,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^1.5.0",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,8 +26,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -27,8 +27,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@marko/webpack": "^1.2.0",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -27,7 +27,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/polymer",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -27,8 +27,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/rax",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Rax: Develop Rax Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -27,7 +27,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^2.6.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-native-server",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "A better way to develop React Native Components for your app",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -24,12 +24,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/channel-websocket": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/ui": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/channel-websocket": "5.2.0-beta.45",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/ui": "5.2.0-beta.45",
|
||||
"commander": "^2.19.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-native",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "A better way to develop React Native Components for your app",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -24,11 +24,11 @@
|
||||
"dependencies": {
|
||||
"@emotion/core": "^10.0.14",
|
||||
"@emotion/native": "^10.0.14",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/channel-websocket": "5.2.0-beta.42",
|
||||
"@storybook/channels": "5.2.0-beta.42",
|
||||
"@storybook/client-api": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/channel-websocket": "5.2.0-beta.45",
|
||||
"@storybook/channels": "5.2.0-beta.45",
|
||||
"@storybook/client-api": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"emotion-theming": "^10.0.14",
|
||||
"react-native-swipe-gestures": "^1.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -29,9 +29,9 @@
|
||||
"@babel/plugin-transform-react-constant-elements": "^7.2.0",
|
||||
"@babel/preset-flow": "^7.0.0",
|
||||
"@babel/preset-react": "^7.0.0",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/node-logger": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"@storybook/node-logger": "5.2.0-beta.45",
|
||||
"@svgr/webpack": "^4.0.3",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
"babel-plugin-named-asset-import": "^0.3.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/riot",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,7 +26,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,8 +26,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-decorator",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "decorator addon for storybook",
|
||||
"keywords": [
|
||||
"devkit",
|
||||
@ -24,8 +24,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/client-api": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/client-api": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^3.0.1"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-parameter",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"devkit",
|
||||
@ -24,12 +24,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-roundtrip",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "roundtrip addon for storybook",
|
||||
"keywords": [
|
||||
"devkit",
|
||||
@ -24,13 +24,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/client-api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/client-api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -82,6 +82,14 @@ addParameters({
|
||||
* @type {Function}
|
||||
*/
|
||||
storySort: undefined
|
||||
|
||||
/**
|
||||
* Function to transform Component Story Format named exports (typically camel-case
|
||||
* variables) into display names. If the story specifies a `story.name` option, that
|
||||
* will not be transformed and will always take precedence over a named export.
|
||||
* @type {Function}
|
||||
*/
|
||||
makeDisplayName: lodash.startCase
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"5.2.0-beta.42","info":{"plain":"Addon-docs users: This is a breaking change if you have been hacking the `docs` parameter manually. If you're using the zero-config option for `DocsPage` or `MDX`, you should be unaffected by it.\n\n### Maintenance\n\n* Addon-docs: Make config API consistent with other addons ([#7874](https://github.com/storybookjs/storybook/pull/7874))"}}
|
||||
{"version":"5.2.0-beta.45","info":{"plain":"### Bug Fixes\n\n* Addon-docs: Fix MDX Story ID to match new CSF ([#7894](https://github.com/storybookjs/storybook/pull/7894))"}}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "crna-kitchen-sink",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"main": "node_modules/expo/AppEntry.js",
|
||||
"scripts": {
|
||||
@ -24,14 +24,14 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.2.2",
|
||||
"@babel/plugin-transform-react-jsx-source": "^7.2.0",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-ondevice-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-ondevice-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-ondevice-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-ondevice-notes": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/react-native": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-ondevice-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-ondevice-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-ondevice-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-ondevice-notes": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/react-native": "5.2.0-beta.45",
|
||||
"babel-loader": "^8.0.4",
|
||||
"babel-plugin-module-resolver": "^3.2.0",
|
||||
"babel-preset-expo": "^5.1.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -34,21 +34,21 @@
|
||||
"@angular-devkit/build-angular": "^0.13.4",
|
||||
"@angular/cli": "^7.3.6",
|
||||
"@angular/compiler-cli": "^7.2.6",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-docs": "5.2.0-beta.42",
|
||||
"@storybook/addon-jest": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/angular": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-docs": "5.2.0-beta.45",
|
||||
"@storybook/addon-jest": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/angular": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"@types/core-js": "^2.5.0",
|
||||
"@types/jest": "^24.0.11",
|
||||
"@types/node": "~12.0.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -19,23 +19,23 @@
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-docs": "5.2.0-beta.42",
|
||||
"@storybook/addon-events": "5.2.0-beta.42",
|
||||
"@storybook/addon-info": "5.2.0-beta.42",
|
||||
"@storybook/addon-jest": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/react": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-docs": "5.2.0-beta.45",
|
||||
"@storybook/addon-events": "5.2.0-beta.45",
|
||||
"@storybook/addon-info": "5.2.0-beta.45",
|
||||
"@storybook/addon-jest": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/react": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"react-scripts": "^3.0.1"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"babel-loader": "8.0.6",
|
||||
@ -19,10 +19,10 @@
|
||||
"build-storybook": "build-storybook -s public"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/react": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/react": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -14,12 +14,12 @@
|
||||
"react-dom": "^16.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-info": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/react": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-info": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/react": "5.2.0-beta.45",
|
||||
"@types/enzyme": "^3.9.0",
|
||||
"@types/react": "^16.8.3",
|
||||
"@types/react-dom": "^16.8.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-devkits",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -c ./ -s built-storybooks",
|
||||
@ -8,15 +8,15 @@
|
||||
"storybook": "start-storybook -p 9011 -c ./"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-decorator": "5.2.0-beta.42",
|
||||
"@storybook/addon-parameter": "5.2.0-beta.42",
|
||||
"@storybook/addon-roundtrip": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/node-logger": "5.2.0-beta.42",
|
||||
"@storybook/react": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addon-decorator": "5.2.0-beta.45",
|
||||
"@storybook/addon-parameter": "5.2.0-beta.45",
|
||||
"@storybook/addon-roundtrip": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/node-logger": "5.2.0-beta.45",
|
||||
"@storybook/react": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^5.2.0",
|
||||
"enzyme-to-json": "^3.3.5",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build",
|
||||
@ -15,19 +15,19 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/ember": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/ember": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^5.2.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,26 +14,26 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-docs": "5.2.0-beta.42",
|
||||
"@storybook/addon-events": "5.2.0-beta.42",
|
||||
"@storybook/addon-jest": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/client-api": "5.2.0-beta.42",
|
||||
"@storybook/core": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/html": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-docs": "5.2.0-beta.45",
|
||||
"@storybook/addon-events": "5.2.0-beta.45",
|
||||
"@storybook/addon-jest": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/client-api": "5.2.0-beta.45",
|
||||
"@storybook/core": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/html": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
"global": "^4.3.2"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addons|Actions Decorated actions + config 1`] = `
|
||||
exports[`Storyshots Addons|Actions story1 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
@ -8,7 +8,7 @@ exports[`Storyshots Addons|Actions Decorated actions + config 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Decorated actions 1`] = `
|
||||
exports[`Storyshots Addons|Actions story2 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
@ -16,7 +16,7 @@ exports[`Storyshots Addons|Actions Decorated actions 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Hello World 1`] = `
|
||||
exports[`Storyshots Addons|Actions story3 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
@ -24,7 +24,7 @@ exports[`Storyshots Addons|Actions Hello World 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions + config 1`] = `
|
||||
exports[`Storyshots Addons|Actions story4 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
@ -32,36 +32,36 @@ exports[`Storyshots Addons|Actions Multiple actions + config 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions, object + config 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions, object 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions, selector 1`] = `
|
||||
exports[`Storyshots Addons|Actions story5 1`] = `
|
||||
|
||||
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Backgrounds story 1 1`] = `
|
||||
exports[`Storyshots Addons|Actions story6 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions story7 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions story8 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Backgrounds story1 1`] = `
|
||||
<span
|
||||
style="color: white"
|
||||
>
|
||||
@ -69,7 +69,7 @@ exports[`Storyshots Addons|Backgrounds story 1 1`] = `
|
||||
</span>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Backgrounds story 2 1`] = `
|
||||
exports[`Storyshots Addons|Backgrounds story2 1`] = `
|
||||
<span
|
||||
style="color: white"
|
||||
>
|
||||
@ -77,7 +77,7 @@ exports[`Storyshots Addons|Backgrounds story 2 1`] = `
|
||||
</span>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Centered button in center 1`] = `
|
||||
exports[`Storyshots Addons|Centered story1 1`] = `
|
||||
<div
|
||||
id="sb-addon-centered-wrapper"
|
||||
style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
|
||||
@ -100,7 +100,27 @@ exports[`Storyshots Addons|Events Logger 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Jest withTests 1`] = `This story shows test results`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs All knobs 1`] = `
|
||||
exports[`Storyshots Addons|Knobs DOM 1`] = `
|
||||
<p>
|
||||
John Doe
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs Simple 1`] = `
|
||||
<div>
|
||||
I am John Doe and I'm 44 years old.
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs story3 1`] = `
|
||||
<p
|
||||
style="transition: color 0.5s ease-out; color: orangered;"
|
||||
>
|
||||
John Doe
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs story4 1`] = `
|
||||
<div
|
||||
style="border: 2px dotted deeppink; padding: 8px 22px; border-radius: 8px"
|
||||
>
|
||||
@ -147,29 +167,9 @@ exports[`Storyshots Addons|Knobs All knobs 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs CSS transitions 1`] = `
|
||||
<p
|
||||
style="transition: color 0.5s ease-out; color: orangered;"
|
||||
>
|
||||
John Doe
|
||||
</p>
|
||||
`;
|
||||
exports[`Storyshots Addons|Knobs story5 1`] = `<img src=x onerror="alert('XSS Attack')" >`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs DOM 1`] = `
|
||||
<p>
|
||||
John Doe
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs Simple 1`] = `
|
||||
<div>
|
||||
I am John Doe and I'm 44 years old.
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs XSS safety 1`] = `<img src=x onerror="alert('XSS Attack')" >`;
|
||||
|
||||
exports[`Storyshots Addons|Notes Simple note 1`] = `
|
||||
exports[`Storyshots Addons|Notes story1 1`] = `
|
||||
<p>
|
||||
|
||||
|
||||
@ -185,8 +185,6 @@ exports[`Storyshots Addons|Notes Simple note 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|a11y Default 1`] = `<button />`;
|
||||
|
||||
exports[`Storyshots Addons|a11y Delayed render 1`] = `<div />`;
|
||||
|
||||
exports[`Storyshots Addons|a11y Disabled 1`] = `
|
||||
<button
|
||||
disabled=""
|
||||
@ -195,20 +193,22 @@ exports[`Storyshots Addons|a11y Disabled 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|a11y Invalid contrast 1`] = `
|
||||
<button
|
||||
style="color: black; background-color: brown;"
|
||||
>
|
||||
Testing the a11y addon
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|a11y Label 1`] = `
|
||||
<button>
|
||||
Testing the a11y addon
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|a11y story4 1`] = `
|
||||
<button
|
||||
style="color: black; background-color: brown;"
|
||||
>
|
||||
Testing the a11y addon
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|a11y story5 1`] = `<div />`;
|
||||
|
||||
exports[`Storyshots Demo button 1`] = `
|
||||
<button>
|
||||
Hello Button
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"description": "Demo of how to build an app using marko-starter",
|
||||
"repository": {
|
||||
@ -24,14 +24,14 @@
|
||||
"marko-starter": "^2.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/marko": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/marko": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"prettier": "^1.16.4",
|
||||
"webpack": "^4.33.0"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -11,20 +11,20 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/mithril": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/mithril": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"webpack": "^4.33.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
import React from 'react';
|
||||
import startCase from 'lodash/startCase';
|
||||
import { configure, addDecorator, addParameters } from '@storybook/react';
|
||||
import { Global, ThemeProvider, themes, createReset, convert } from '@storybook/theming';
|
||||
import { withCssResources } from '@storybook/addon-cssresources';
|
||||
@ -52,6 +53,7 @@ addParameters({
|
||||
theme: themes.light, // { base: 'dark', brandTitle: 'Storybook!' },
|
||||
storySort: (a, b) =>
|
||||
a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, { numeric: true }),
|
||||
makeDisplayName: key => startCase(key).toLowerCase(),
|
||||
},
|
||||
backgrounds: [
|
||||
{ name: 'storybook app', value: themes.light.appBg, default: true },
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -c ./ -s built-storybooks",
|
||||
@ -15,34 +15,34 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.0.1",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-contexts": "5.2.0-beta.42",
|
||||
"@storybook/addon-cssresources": "5.2.0-beta.42",
|
||||
"@storybook/addon-design-assets": "5.2.0-beta.42",
|
||||
"@storybook/addon-docs": "5.2.0-beta.42",
|
||||
"@storybook/addon-events": "5.2.0-beta.42",
|
||||
"@storybook/addon-graphql": "5.2.0-beta.42",
|
||||
"@storybook/addon-info": "5.2.0-beta.42",
|
||||
"@storybook/addon-jest": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-queryparams": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots-puppeteer": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/components": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/node-logger": "5.2.0-beta.42",
|
||||
"@storybook/react": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-contexts": "5.2.0-beta.45",
|
||||
"@storybook/addon-cssresources": "5.2.0-beta.45",
|
||||
"@storybook/addon-design-assets": "5.2.0-beta.45",
|
||||
"@storybook/addon-docs": "5.2.0-beta.45",
|
||||
"@storybook/addon-events": "5.2.0-beta.45",
|
||||
"@storybook/addon-graphql": "5.2.0-beta.45",
|
||||
"@storybook/addon-info": "5.2.0-beta.45",
|
||||
"@storybook/addon-jest": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-queryparams": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots-puppeteer": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/components": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/node-logger": "5.2.0-beta.45",
|
||||
"@storybook/react": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^5.2.0",
|
||||
"enzyme-to-json": "^3.3.5",
|
||||
@ -53,6 +53,7 @@
|
||||
"global": "^4.3.2",
|
||||
"graphql": "^14.1.1",
|
||||
"jest-emotion": "^10.0.11",
|
||||
"lodash": "^4.17.11",
|
||||
"paths.macro": "^2.0.2",
|
||||
"prop-types": "^15.7.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "polymer-cli",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -10,17 +10,17 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@polymer/polymer": "^2.6.0",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/polymer": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/polymer": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"global": "^4.3.2",
|
||||
"lit-html": "^1.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addons|Actions Action and method 1`] = `
|
||||
exports[`Storyshots Addons|Actions actionAndMethod 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
onclick={[Function]}
|
||||
@ -9,7 +9,7 @@ exports[`Storyshots Addons|Actions Action and method 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Action only 1`] = `
|
||||
exports[`Storyshots Addons|Actions actionOnly 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
onclick={[Function]}
|
||||
@ -18,7 +18,7 @@ exports[`Storyshots Addons|Actions Action only 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions 1`] = `
|
||||
exports[`Storyshots Addons|Actions multipleActions 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
onclick={[Function]}
|
||||
@ -28,7 +28,7 @@ exports[`Storyshots Addons|Actions Multiple actions 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions, object 1`] = `
|
||||
exports[`Storyshots Addons|Actions multipleActionsObject 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
onclick={[Function]}
|
||||
@ -38,7 +38,7 @@ exports[`Storyshots Addons|Actions Multiple actions, object 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Backgrounds Example 1 1`] = `
|
||||
exports[`Storyshots Addons|Backgrounds example1 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
>
|
||||
@ -46,7 +46,7 @@ exports[`Storyshots Addons|Backgrounds Example 1 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Backgrounds Example 2 1`] = `
|
||||
exports[`Storyshots Addons|Backgrounds example2 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
>
|
||||
@ -54,7 +54,7 @@ exports[`Storyshots Addons|Backgrounds Example 2 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Centered Button 1`] = `
|
||||
exports[`Storyshots Addons|Centered button 1`] = `
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
@ -86,7 +86,7 @@ exports[`Storyshots Addons|Centered Button 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Contexts Simple CSS Theming 1`] = `
|
||||
exports[`Storyshots Addons|Contexts simpleCssTheming 1`] = `
|
||||
<div
|
||||
style={
|
||||
Object {
|
||||
@ -103,7 +103,13 @@ exports[`Storyshots Addons|Contexts Simple CSS Theming 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs All knobs 1`] = `
|
||||
exports[`Storyshots Addons|Knobs Simple 1`] = `
|
||||
<div>
|
||||
I am John Doe and I'm 44 years old.
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs allKnobs 1`] = `
|
||||
<div
|
||||
style="border:2px dotted deeppink; padding: 8px 22px; border-radius: 8px"
|
||||
>
|
||||
@ -136,13 +142,7 @@ exports[`Storyshots Addons|Knobs All knobs 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Knobs Simple 1`] = `
|
||||
<div>
|
||||
I am John Doe and I'm 44 years old.
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Links Go to welcome 1`] = `
|
||||
exports[`Storyshots Addons|Links goToWelcome 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
onclick={[Function]}
|
||||
@ -151,7 +151,7 @@ exports[`Storyshots Addons|Links Go to welcome 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Notes Note with HTML 1`] = `
|
||||
exports[`Storyshots Addons|Notes noteWithHtml 1`] = `
|
||||
<p>
|
||||
<span>
|
||||
🤔😳😯😮
|
||||
@ -167,7 +167,7 @@ exports[`Storyshots Addons|Notes Note with HTML 1`] = `
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addons|Notes Simple note 1`] = `
|
||||
exports[`Storyshots Addons|Notes simpleNote 1`] = `
|
||||
<p>
|
||||
<strong>
|
||||
Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.
|
||||
@ -175,7 +175,7 @@ exports[`Storyshots Addons|Notes Simple note 1`] = `
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Button with some emoji 1`] = `
|
||||
exports[`Storyshots Button withSomeEmoji 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
onclick={[Function]}
|
||||
@ -189,7 +189,7 @@ exports[`Storyshots Button with some emoji 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Button with text 1`] = `
|
||||
exports[`Storyshots Button withText 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
onclick={[Function]}
|
||||
@ -198,7 +198,7 @@ exports[`Storyshots Button with text 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
exports[`Storyshots Welcome toStorybook 1`] = `
|
||||
<article
|
||||
style={
|
||||
Object {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -16,21 +16,21 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@babel/plugin-transform-runtime": "^7.2.0",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-contexts": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/preact": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-contexts": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/preact": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^5.2.0",
|
||||
"file-loader": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "rax-kitchen-sink",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"test:generate-output": "jest --json --outputFile=jest-test-results.json --config=./jest-addon.config.js",
|
||||
@ -24,23 +24,23 @@
|
||||
"rax-view": "^0.6.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-events": "5.2.0-beta.42",
|
||||
"@storybook/addon-info": "5.2.0-beta.42",
|
||||
"@storybook/addon-jest": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/rax": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-events": "5.2.0-beta.45",
|
||||
"@storybook/addon-info": "5.2.0-beta.45",
|
||||
"@storybook/addon-jest": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/rax": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"babel-eslint": "^8.2.2",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"rax-scripts": "^1.0.0-beta.10",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addon|Actions Action only 1`] = `
|
||||
exports[`Storyshots Addon|Actions actionOnly 1`] = `
|
||||
<div
|
||||
data-is="my-button"
|
||||
id="root"
|
||||
@ -14,7 +14,7 @@ exports[`Storyshots Addon|Actions Action only 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Actions Multiple actions 1`] = `
|
||||
exports[`Storyshots Addon|Actions multipleActions 1`] = `
|
||||
<div
|
||||
data-is="my-button"
|
||||
id="root"
|
||||
@ -28,7 +28,7 @@ exports[`Storyshots Addon|Actions Multiple actions 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Backgrounds story 1 1`] = `
|
||||
exports[`Storyshots Addon|Backgrounds story1 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -44,7 +44,7 @@ exports[`Storyshots Addon|Backgrounds story 1 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Backgrounds story 2 1`] = `
|
||||
exports[`Storyshots Addon|Backgrounds story2 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -60,7 +60,18 @@ exports[`Storyshots Addon|Backgrounds story 2 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Knobs All knobs 1`] = `
|
||||
exports[`Storyshots Addon|Knobs Simple 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
>
|
||||
<div>
|
||||
I am John Doe and I'm 44 years old.
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Knobs allKnobs 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -115,18 +126,7 @@ exports[`Storyshots Addon|Knobs All knobs 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Knobs Simple 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
>
|
||||
<div>
|
||||
I am John Doe and I'm 44 years old.
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Knobs XSS safety 1`] = `
|
||||
exports[`Storyshots Addon|Knobs xssSafety 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -137,7 +137,7 @@ exports[`Storyshots Addon|Knobs XSS safety 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Links Go to welcome 1`] = `
|
||||
exports[`Storyshots Addon|Links goToWelcome 1`] = `
|
||||
<div
|
||||
data-is="my-button"
|
||||
id="root"
|
||||
@ -151,7 +151,7 @@ exports[`Storyshots Addon|Links Go to welcome 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Notes Note with HTML 1`] = `
|
||||
exports[`Storyshots Addon|Notes noteWithHtml 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -168,7 +168,7 @@ exports[`Storyshots Addon|Notes Note with HTML 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Notes Simple note 1`] = `
|
||||
exports[`Storyshots Addon|Notes simpleNote 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -181,18 +181,18 @@ exports[`Storyshots Addon|Notes Simple note 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Core|Parameters passed to story 1`] = `
|
||||
exports[`Storyshots Core|Parameters passedToStory 1`] = `
|
||||
<div
|
||||
data-is="parameters"
|
||||
id="root"
|
||||
>
|
||||
<div>
|
||||
Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"docs":{},"globalParameter":"globalParameter","framework":"riot","chapterParameter":"chapterParameter","storyParameter":"storyParameter","id":"root","dataIs":"parameters"}
|
||||
Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"docs":{},"globalParameter":"globalParameter","framework":"riot","chapterParameter":"chapterParameter","displayName":"passed to story","storyParameter":"storyParameter","id":"root","dataIs":"parameters"}
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|How to create a story built as string 1`] = `
|
||||
exports[`Storyshots Story|How to create a story builtAsString 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -205,7 +205,7 @@ exports[`Storyshots Story|How to create a story built as string 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|How to create a story built from raw import 1`] = `
|
||||
exports[`Storyshots Story|How to create a story builtFromRawImport 1`] = `
|
||||
<div
|
||||
data-is="simpletest"
|
||||
id="root"
|
||||
@ -216,7 +216,7 @@ exports[`Storyshots Story|How to create a story built from raw import 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|How to create a story built from tags and template 1`] = `
|
||||
exports[`Storyshots Story|How to create a story builtFromTagsAndTemplate 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -231,7 +231,7 @@ exports[`Storyshots Story|How to create a story built from tags and template 1`]
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|How to create a story built from the precompilation 1`] = `
|
||||
exports[`Storyshots Story|How to create a story builtFromThePrecompilation 1`] = `
|
||||
<div
|
||||
data-is="anothertest"
|
||||
id="root"
|
||||
@ -242,7 +242,7 @@ exports[`Storyshots Story|How to create a story built from the precompilation 1`
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|How to create a story built with tag 1`] = `
|
||||
exports[`Storyshots Story|How to create a story builtWithTag 1`] = `
|
||||
<div
|
||||
data-is="test"
|
||||
id="root"
|
||||
@ -253,7 +253,7 @@ exports[`Storyshots Story|How to create a story built with tag 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|How to create a story tags, template and tagConstructor at once 1`] = `
|
||||
exports[`Storyshots Story|How to create a story tagsTemplateAndTagConstructorAtOnce 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
@ -269,7 +269,7 @@ exports[`Storyshots Story|How to create a story tags, template and tagConstructo
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|How to create a story the mount instruction is not necessary 1`] = `
|
||||
exports[`Storyshots Story|How to create a story theMountInstructionIsNotNecessary 1`] = `
|
||||
<div
|
||||
data-is="anothertest"
|
||||
id="root"
|
||||
@ -280,7 +280,7 @@ exports[`Storyshots Story|How to create a story the mount instruction is not nec
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|How to create a story the opts value is not necessary 1`] = `
|
||||
exports[`Storyshots Story|How to create a story theOptsValueIsNotNecessary 1`] = `
|
||||
<div
|
||||
data-is="anothertest"
|
||||
id="root"
|
||||
@ -349,7 +349,7 @@ exports[`Storyshots Story|Nest tags Matriochka 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Story|Nest tags Three tags 1`] = `
|
||||
exports[`Storyshots Story|Nest tags threeTags 1`] = `
|
||||
<div
|
||||
data-is="root"
|
||||
id="root"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "riot-example",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -16,20 +16,20 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/riot": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/riot": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^5.2.0",
|
||||
"file-loader": "^3.0.1",
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/react": "5.2.0-beta.42",
|
||||
"@storybook/react": "5.2.0-beta.45",
|
||||
"parcel": "^1.12.3",
|
||||
"react": "^16.8.4",
|
||||
"react-dom": "^16.8.4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addon|Actions Action on component method 1`] = `
|
||||
exports[`Storyshots Addon|Actions actionOnComponentMethod 1`] = `
|
||||
<section
|
||||
class="storybook-snapshot-container"
|
||||
>
|
||||
@ -19,7 +19,7 @@ exports[`Storyshots Addon|Actions Action on component method 1`] = `
|
||||
</section>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Actions Action on view method 1`] = `
|
||||
exports[`Storyshots Addon|Actions actionOnViewMethod 1`] = `
|
||||
<section
|
||||
class="storybook-snapshot-container"
|
||||
>
|
||||
@ -61,7 +61,7 @@ exports[`Storyshots Addon|Actions Action on view method 1`] = `
|
||||
</section>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Backgrounds story 1 1`] = `
|
||||
exports[`Storyshots Addon|Backgrounds story1 1`] = `
|
||||
<section
|
||||
class="storybook-snapshot-container"
|
||||
>
|
||||
@ -122,7 +122,7 @@ exports[`Storyshots Addon|Centered rounded 1`] = `
|
||||
</section>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Centered with action 1`] = `
|
||||
exports[`Storyshots Addon|Centered withAction 1`] = `
|
||||
<section
|
||||
class="storybook-snapshot-container"
|
||||
>
|
||||
@ -155,7 +155,7 @@ exports[`Storyshots Addon|Knobs Simple 1`] = `
|
||||
</section>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Links Go to welcome view 1`] = `
|
||||
exports[`Storyshots Addon|Links goToWelcomeView 1`] = `
|
||||
<section
|
||||
class="storybook-snapshot-container"
|
||||
>
|
||||
@ -183,7 +183,7 @@ exports[`Storyshots Addon|Links Go to welcome view 1`] = `
|
||||
</section>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Notes Note with HTML 1`] = `
|
||||
exports[`Storyshots Addon|Notes noteWithHtml 1`] = `
|
||||
<section
|
||||
class="storybook-snapshot-container"
|
||||
>
|
||||
@ -225,7 +225,7 @@ exports[`Storyshots Addon|Notes Note with HTML 1`] = `
|
||||
</section>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Notes Simple note 1`] = `
|
||||
exports[`Storyshots Addon|Notes simpleNote 1`] = `
|
||||
<section
|
||||
class="storybook-snapshot-container"
|
||||
>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -11,19 +11,19 @@
|
||||
"global": "^4.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/svelte": "5.2.0-beta.42"
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"@storybook/svelte": "5.2.0-beta.45"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Addon|Actions Action and method 1`] = `
|
||||
exports[`Storyshots Addon|Actions actionAndMethod 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
@ -9,7 +9,7 @@ exports[`Storyshots Addon|Actions Action and method 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Actions Action only 1`] = `
|
||||
exports[`Storyshots Addon|Actions actionOnly 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
@ -18,7 +18,7 @@ exports[`Storyshots Addon|Actions Action only 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Actions Multiple actions 1`] = `
|
||||
exports[`Storyshots Addon|Actions multipleActions 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
@ -27,7 +27,7 @@ exports[`Storyshots Addon|Actions Multiple actions 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Actions Multiple actions, object 1`] = `
|
||||
exports[`Storyshots Addon|Actions multipleActionsObject 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
@ -36,13 +36,13 @@ exports[`Storyshots Addon|Actions Multiple actions, object 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Backgrounds story 1 1`] = `
|
||||
exports[`Storyshots Addon|Backgrounds story1 1`] = `
|
||||
<button>
|
||||
You should be able to switch backgrounds for this story
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Backgrounds story 2 1`] = `
|
||||
exports[`Storyshots Addon|Backgrounds story2 1`] = `
|
||||
<button>
|
||||
This one too!
|
||||
</button>
|
||||
@ -77,7 +77,7 @@ exports[`Storyshots Addon|Contexts Languages 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Contexts Simple CSS Theming 1`] = `
|
||||
exports[`Storyshots Addon|Contexts simpleCssTheming 1`] = `
|
||||
<div
|
||||
style="color: white; background: rgb(23, 63, 95); height: 100vh; padding: 10px;"
|
||||
>
|
||||
@ -87,7 +87,13 @@ exports[`Storyshots Addon|Contexts Simple CSS Theming 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Knobs All knobs 1`] = `
|
||||
exports[`Storyshots Addon|Knobs Simple 1`] = `
|
||||
<div>
|
||||
I am John Doe and I'm 40 years old.
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Knobs allKnobs 1`] = `
|
||||
<div
|
||||
style="border: 2px dotted; padding: 8px 22px; border-radius: 8px; border-color: deeppink;"
|
||||
>
|
||||
@ -125,19 +131,13 @@ exports[`Storyshots Addon|Knobs All knobs 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Knobs Simple 1`] = `
|
||||
<div>
|
||||
I am John Doe and I'm 40 years old.
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Knobs XSS safety 1`] = `
|
||||
exports[`Storyshots Addon|Knobs xssSafety 1`] = `
|
||||
<div>
|
||||
<img src=x onerror="alert('XSS Attack')" >
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Links Go to welcome 1`] = `
|
||||
exports[`Storyshots Addon|Links goToWelcome 1`] = `
|
||||
<button
|
||||
class="button rounded"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
@ -146,7 +146,7 @@ exports[`Storyshots Addon|Links Go to welcome 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Notes Note with HTML 1`] = `
|
||||
exports[`Storyshots Addon|Notes noteWithHtml 1`] = `
|
||||
<p>
|
||||
🤔😳😯😮
|
||||
<br />
|
||||
@ -156,7 +156,7 @@ exports[`Storyshots Addon|Notes Note with HTML 1`] = `
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Addon|Notes Simple note 1`] = `
|
||||
exports[`Storyshots Addon|Notes simpleNote 1`] = `
|
||||
<p>
|
||||
<strong>
|
||||
Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.
|
||||
@ -164,7 +164,7 @@ exports[`Storyshots Addon|Notes Simple note 1`] = `
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots App App 1`] = `
|
||||
exports[`Storyshots App app 1`] = `
|
||||
<div
|
||||
id="app"
|
||||
>
|
||||
@ -278,13 +278,13 @@ exports[`Storyshots Button square 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Core|Parameters passed to story 1`] = `
|
||||
exports[`Storyshots Core|Parameters passedToStory 1`] = `
|
||||
<div>
|
||||
Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"docs":{"iframeHeight":"60px"},"globalParameter":"globalParameter","framework":"vue","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
|
||||
Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"docs":{"iframeHeight":"60px"},"globalParameter":"globalParameter","framework":"vue","chapterParameter":"chapterParameter","storyParameter":"storyParameter","displayName":"passed to story"}
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Core|Template string only 1`] = `
|
||||
exports[`Storyshots Core|Template stringOnly 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
@ -351,6 +351,7 @@ exports[`Storyshots Custom|Decorator for Vue withData 1`] = `
|
||||
},
|
||||
"globalParameter": "globalParameter",
|
||||
"framework": "vue",
|
||||
"displayName": "With Data",
|
||||
"customParameter": 42
|
||||
}
|
||||
}
|
||||
@ -368,7 +369,7 @@ exports[`Storyshots Custom|Method for rendering Vue JSX 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue pre-registered component 1`] = `
|
||||
exports[`Storyshots Custom|Method for rendering Vue preRegisteredComponent 1`] = `
|
||||
<p>
|
||||
<em>
|
||||
This component was pre-registered in .storybook/config.js
|
||||
@ -384,7 +385,13 @@ exports[`Storyshots Custom|Method for rendering Vue pre-registered component 1`]
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue render + component 1`] = `
|
||||
exports[`Storyshots Custom|Method for rendering Vue render 1`] = `
|
||||
<div>
|
||||
renders a div with some text in it..
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue renderComponent 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: pink; border-color: pink;"
|
||||
@ -393,13 +400,19 @@ exports[`Storyshots Custom|Method for rendering Vue render + component 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue render 1`] = `
|
||||
exports[`Storyshots Custom|Method for rendering Vue template 1`] = `
|
||||
<div>
|
||||
renders a div with some text in it..
|
||||
<h1>
|
||||
A template
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
rendered in vue in storybook
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue template + component 1`] = `
|
||||
exports[`Storyshots Custom|Method for rendering Vue templateComponent 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
@ -408,7 +421,7 @@ exports[`Storyshots Custom|Method for rendering Vue template + component 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue template + methods 1`] = `
|
||||
exports[`Storyshots Custom|Method for rendering Vue templateMethods 1`] = `
|
||||
<p>
|
||||
<em>
|
||||
Clicking the button will navigate to another story using the 'addon-links'
|
||||
@ -424,19 +437,7 @@ exports[`Storyshots Custom|Method for rendering Vue template + methods 1`] = `
|
||||
</p>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue template 1`] = `
|
||||
<div>
|
||||
<h1>
|
||||
A template
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
rendered in vue in storybook
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue vuex + actions 1`] = `
|
||||
exports[`Storyshots Custom|Method for rendering Vue vuexActions 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
@ -445,7 +446,7 @@ exports[`Storyshots Custom|Method for rendering Vue vuex + actions 1`] = `
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Custom|Method for rendering Vue whatever you want 1`] = `
|
||||
exports[`Storyshots Custom|Method for rendering Vue whateverYouWant 1`] = `
|
||||
<button
|
||||
class="button"
|
||||
style="color: rgb(66, 185, 131); border-color: #42b983;"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,22 +15,22 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.3.4",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.42",
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-contexts": "5.2.0-beta.42",
|
||||
"@storybook/addon-docs": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.42",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/source-loader": "5.2.0-beta.42",
|
||||
"@storybook/vue": "5.2.0-beta.42",
|
||||
"@storybook/addon-a11y": "5.2.0-beta.45",
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-contexts": "5.2.0-beta.45",
|
||||
"@storybook/addon-docs": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addon-storysource": "5.2.0-beta.45",
|
||||
"@storybook/addon-viewport": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/source-loader": "5.2.0-beta.45",
|
||||
"@storybook/vue": "5.2.0-beta.45",
|
||||
"babel-core": "^7.0.0-bridge.0",
|
||||
"babel-loader": "^8.0.5",
|
||||
"cross-env": "^5.2.0",
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "5.2.0-beta.42"
|
||||
"version": "5.2.0-beta.45"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,10 +21,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "5.2.0-beta.42",
|
||||
"@storybook/channels": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/api": "5.2.0-beta.45",
|
||||
"@storybook/channels": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"util-deprecate": "^1.0.2"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/api",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Core Storybook API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -20,11 +20,11 @@
|
||||
"prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/channels": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^2.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1 +1 @@
|
||||
export const version = '5.2.0-beta.42';
|
||||
export const version = '5.2.0-beta.45';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,8 +21,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/channels": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"telejson": "^2.2.2"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,7 +21,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "5.2.0-beta.42",
|
||||
"@storybook/channels": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"json-fn": "^1.1.1"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
||||
"keywords": [
|
||||
"cli",
|
||||
@ -29,7 +29,7 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.4.5",
|
||||
"@babel/preset-env": "^7.4.5",
|
||||
"@storybook/codemod": "5.2.0-beta.42",
|
||||
"@storybook/codemod": "5.2.0-beta.45",
|
||||
"chalk": "^2.4.1",
|
||||
"commander": "^2.19.0",
|
||||
"core-js": "^3.0.1",
|
||||
@ -47,33 +47,33 @@
|
||||
"update-notifier": "^3.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "5.2.0-beta.42",
|
||||
"@storybook/addon-centered": "5.2.0-beta.42",
|
||||
"@storybook/addon-graphql": "5.2.0-beta.42",
|
||||
"@storybook/addon-info": "5.2.0-beta.42",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.42",
|
||||
"@storybook/addon-links": "5.2.0-beta.42",
|
||||
"@storybook/addon-notes": "5.2.0-beta.42",
|
||||
"@storybook/addon-options": "5.2.0-beta.42",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/angular": "5.2.0-beta.42",
|
||||
"@storybook/channel-postmessage": "5.2.0-beta.42",
|
||||
"@storybook/channel-websocket": "5.2.0-beta.42",
|
||||
"@storybook/channels": "5.2.0-beta.42",
|
||||
"@storybook/ember": "5.2.0-beta.42",
|
||||
"@storybook/html": "5.2.0-beta.42",
|
||||
"@storybook/marko": "5.2.0-beta.42",
|
||||
"@storybook/mithril": "5.2.0-beta.42",
|
||||
"@storybook/polymer": "5.2.0-beta.42",
|
||||
"@storybook/preact": "5.2.0-beta.42",
|
||||
"@storybook/rax": "5.2.0-beta.42",
|
||||
"@storybook/react": "5.2.0-beta.42",
|
||||
"@storybook/react-native": "5.2.0-beta.42",
|
||||
"@storybook/riot": "5.2.0-beta.42",
|
||||
"@storybook/svelte": "5.2.0-beta.42",
|
||||
"@storybook/ui": "5.2.0-beta.42",
|
||||
"@storybook/vue": "5.2.0-beta.42"
|
||||
"@storybook/addon-actions": "5.2.0-beta.45",
|
||||
"@storybook/addon-centered": "5.2.0-beta.45",
|
||||
"@storybook/addon-graphql": "5.2.0-beta.45",
|
||||
"@storybook/addon-info": "5.2.0-beta.45",
|
||||
"@storybook/addon-knobs": "5.2.0-beta.45",
|
||||
"@storybook/addon-links": "5.2.0-beta.45",
|
||||
"@storybook/addon-notes": "5.2.0-beta.45",
|
||||
"@storybook/addon-options": "5.2.0-beta.45",
|
||||
"@storybook/addon-storyshots": "5.2.0-beta.45",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/angular": "5.2.0-beta.45",
|
||||
"@storybook/channel-postmessage": "5.2.0-beta.45",
|
||||
"@storybook/channel-websocket": "5.2.0-beta.45",
|
||||
"@storybook/channels": "5.2.0-beta.45",
|
||||
"@storybook/ember": "5.2.0-beta.45",
|
||||
"@storybook/html": "5.2.0-beta.45",
|
||||
"@storybook/marko": "5.2.0-beta.45",
|
||||
"@storybook/mithril": "5.2.0-beta.45",
|
||||
"@storybook/polymer": "5.2.0-beta.45",
|
||||
"@storybook/preact": "5.2.0-beta.45",
|
||||
"@storybook/rax": "5.2.0-beta.45",
|
||||
"@storybook/react": "5.2.0-beta.45",
|
||||
"@storybook/react-native": "5.2.0-beta.45",
|
||||
"@storybook/riot": "5.2.0-beta.45",
|
||||
"@storybook/svelte": "5.2.0-beta.45",
|
||||
"@storybook/ui": "5.2.0-beta.45",
|
||||
"@storybook/vue": "5.2.0-beta.45"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-api",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook Client API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,12 +21,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/channel-postmessage": "5.2.0-beta.42",
|
||||
"@storybook/channels": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/channel-postmessage": "5.2.0-beta.45",
|
||||
"@storybook/channels": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"eventemitter3": "^4.0.0",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/* eslint-disable no-underscore-dangle */
|
||||
import { logger } from '@storybook/client-logger';
|
||||
import addons, { mockChannel } from '@storybook/addons';
|
||||
import ClientApi from './client_api';
|
||||
import ClientApi, { defaultMakeDisplayName } from './client_api';
|
||||
import ConfigApi from './config_api';
|
||||
import StoryStore from './story_store';
|
||||
|
||||
@ -26,6 +26,20 @@ jest.mock('@storybook/client-logger', () => ({
|
||||
}));
|
||||
|
||||
describe('preview.client_api', () => {
|
||||
describe('defaultMakeDisplayName', () => {
|
||||
it('should format CSF exports with sensible defaults', () => {
|
||||
const testCases = {
|
||||
name: 'Name',
|
||||
someName: 'Some Name',
|
||||
someNAME: 'Some NAME',
|
||||
some_custom_NAME: 'Some Custom NAME',
|
||||
};
|
||||
Object.entries(testCases).forEach(([key, val]) =>
|
||||
expect(defaultMakeDisplayName(key)).toBe(val)
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('setAddon', () => {
|
||||
it('should register addons', () => {
|
||||
const { clientApi } = getContext(undefined);
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint no-underscore-dangle: 0 */
|
||||
import deprecate from 'util-deprecate';
|
||||
import isPlainObject from 'is-plain-object';
|
||||
import startCase from 'lodash/startCase';
|
||||
import { logger } from '@storybook/client-logger';
|
||||
import addons, { StoryContext, StoryFn, Parameters, OptionsParameter } from '@storybook/addons';
|
||||
import Events from '@storybook/core-events';
|
||||
@ -82,6 +83,8 @@ const withSubscriptionTracking = (storyFn: StoryFn) => {
|
||||
return result;
|
||||
};
|
||||
|
||||
export const defaultMakeDisplayName = (key: string) => startCase(key);
|
||||
|
||||
export default class ClientApi {
|
||||
private _storyStore: StoryStore;
|
||||
|
||||
@ -123,6 +126,10 @@ export default class ClientApi {
|
||||
this._globalParameters.options
|
||||
);
|
||||
|
||||
getMakeDisplayName = () =>
|
||||
(this._globalParameters.options && this._globalParameters.options.makeDisplayName) ||
|
||||
defaultMakeDisplayName;
|
||||
|
||||
addDecorator = (decorator: DecoratorFunction) => {
|
||||
this._globalDecorators.push(decorator);
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-logger",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/codemod",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "A collection of codemod scripts written with JSCodeshift",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -22,7 +22,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@mdx-js/mdx": "^1.0.0",
|
||||
"@storybook/node-logger": "5.2.0-beta.42",
|
||||
"@storybook/node-logger": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"cross-spawn": "^6.0.5",
|
||||
"globby": "^10.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/components",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,8 +21,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"@types/react-syntax-highlighter": "10.1.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -32,7 +32,5 @@ const cssCode = `
|
||||
export const css = () => <Source code={cssCode} language="css" />;
|
||||
|
||||
export const noStory = () => <Source error={SourceError.NO_STORY} />;
|
||||
noStory.story = { name: 'no story' };
|
||||
|
||||
export const sourceUnavailable = () => <Source error={SourceError.SOURCE_UNAVAILABLE} />;
|
||||
sourceUnavailable.story = { name: 'source unavailable' };
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-events",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Event names used in storybook core",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,15 +25,15 @@
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
|
||||
"@babel/plugin-transform-react-constant-elements": "^7.2.0",
|
||||
"@babel/preset-env": "^7.4.5",
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/channel-postmessage": "5.2.0-beta.42",
|
||||
"@storybook/client-api": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/core-events": "5.2.0-beta.42",
|
||||
"@storybook/node-logger": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/theming": "5.2.0-beta.42",
|
||||
"@storybook/ui": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/channel-postmessage": "5.2.0-beta.45",
|
||||
"@storybook/client-api": "5.2.0-beta.45",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"@storybook/core-events": "5.2.0-beta.45",
|
||||
"@storybook/node-logger": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"@storybook/theming": "5.2.0-beta.45",
|
||||
"@storybook/ui": "5.2.0-beta.45",
|
||||
"airbnb-js-shims": "^1 || ^2",
|
||||
"ansi-to-html": "^0.6.11",
|
||||
"autoprefixer": "^9.4.9",
|
||||
|
||||
@ -398,6 +398,9 @@ export default function start(render, { decorateStory } = {}) {
|
||||
// We pass true here to avoid the warning about HMR. It's cool clientApi, we got this
|
||||
const kind = clientApi.storiesOf(kindName, true);
|
||||
|
||||
// Transform the CSF named export if the user hasn't specified a name
|
||||
const makeDisplayName = clientApi.getMakeDisplayName();
|
||||
|
||||
// we should always have a framework, rest optional
|
||||
kind.addParameters({ framework, component, ...params });
|
||||
|
||||
@ -414,7 +417,10 @@ export default function start(render, { decorateStory } = {}) {
|
||||
`${kindName} => ${name || key}: story.parameters.decorators is deprecated; use story.decorators instead.`)();
|
||||
}
|
||||
const decoratorParams = decorators ? { decorators } : null;
|
||||
kind.add(name || key, storyFn, { ...parameters, ...decoratorParams });
|
||||
const displayNameParams = {
|
||||
displayName: name || makeDisplayName(key),
|
||||
};
|
||||
kind.add(key, storyFn, { ...parameters, ...decoratorParams, ...displayNameParams });
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/node-logger",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/router",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Core Storybook Router",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/source-loader",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Source loader",
|
||||
"keywords": [
|
||||
"lib",
|
||||
@ -22,8 +22,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "5.2.0-beta.42",
|
||||
"@storybook/router": "5.2.0-beta.42",
|
||||
"@storybook/addons": "5.2.0-beta.45",
|
||||
"@storybook/router": "5.2.0-beta.45",
|
||||
"core-js": "^3.0.1",
|
||||
"estraverse": "^4.2.0",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/theming",
|
||||
"version": "5.2.0-beta.42",
|
||||
"version": "5.2.0-beta.45",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -23,7 +23,7 @@
|
||||
"dependencies": {
|
||||
"@emotion/core": "^10.0.14",
|
||||
"@emotion/styled": "^10.0.14",
|
||||
"@storybook/client-logger": "5.2.0-beta.42",
|
||||
"@storybook/client-logger": "5.2.0-beta.45",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"deep-object-diff": "^1.1.0",
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user