Merge branch 'next' into tech/upgrade-chromatic

# Conflicts:
#	examples/dev-kits/package.json
#	examples/official-storybook/config.js
#	examples/official-storybook/package.json
#	package.json
#	yarn.lock
This commit is contained in:
Norbert de Langen 2019-10-03 16:16:20 +02:00
commit 2a52b4cfaa
183 changed files with 1972 additions and 1682 deletions

View File

@ -3,6 +3,22 @@ const ignore = 0;
module.exports = {
root: true,
extends: ['@storybook/eslint-config-storybook'],
rules: {
'import/extensions': [
'error',
'never',
{ ignorePackages: true, md: 'always', svg: 'always', json: 'always', tag: 'always' },
],
'import/no-unresolved': [2, { ignore: ['@storybook'] }],
'react/state-in-constructor': ignore,
'react/static-property-placement': ignore,
'react/jsx-props-no-spreading': ignore,
'react/jsx-fragments': ignore,
'@typescript-eslint/ban-ts-ignore': ignore,
'@typescript-eslint/no-object-literal-type-assertion': ignore,
'react/sort-comp': 'warn',
'max-classes-per-file': ignore,
},
overrides: [
{
files: [
@ -14,6 +30,7 @@ module.exports = {
'docs/src/stories/**',
],
rules: {
'@typescript-eslint/no-empty-function': ignore,
'import/no-extraneous-dependencies': ignore,
},
},

View File

@ -1,3 +1,17 @@
## 5.3.0-alpha.7 (October 2, 2019)
### Features
* UI: Preferred color scheme awareness ([#8271](https://github.com/storybookjs/storybook/pull/8271))
### Bug Fixes
* UI: Fix inline code styling for dark theme ([#8260](https://github.com/storybookjs/storybook/pull/8260))
### Maintenance
* Regenerate lockfile ([#8263](https://github.com/storybookjs/storybook/pull/8263))
## 5.3.0-alpha.6 (October 1, 2019)
### Bug Fixes

View File

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

View File

@ -1,4 +1,3 @@
/* eslint-disable @typescript-eslint/no-object-literal-type-assertion */
import { document } from 'global';
import axe, { AxeResults, ElementContext, RunOptions, Spec } from 'axe-core';
import deprecate from 'util-deprecate';

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Action Logger addon for storybook",
"keywords": [
"storybook"
@ -27,19 +27,19 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/client-api": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/client-api": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"fast-deep-equal": "^2.0.1",
"global": "^4.3.2",
"polished": "^3.3.1",
"prop-types": "^15.7.2",
"react": "^16.8.3",
"react-inspector": "^3.0.2",
"react-inspector": "^4.0.0",
"uuid": "^3.3.2"
},
"devDependencies": {

View File

@ -26,6 +26,8 @@ const safeDeepEqual = (a: any, b: any): boolean => {
};
export default class ActionLogger extends Component<ActionLoggerProps, ActionLoggerState> {
private mounted: boolean;
constructor(props: ActionLoggerProps) {
super(props);
@ -73,8 +75,6 @@ export default class ActionLogger extends Component<ActionLoggerProps, ActionLog
this.setState({ actions: [] });
};
private mounted: boolean;
render() {
const { actions = [] } = this.state;
const { active } = this.props;

View File

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

View File

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

View File

@ -1,4 +1,3 @@
// eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion
const parameters = {
name: 'centered',
parameterName: 'centered',

View File

@ -1,4 +1,3 @@
// eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion
const styles = {
style: {
position: 'fixed',

View File

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

View File

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

View File

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

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Superior documentation for your components",
"keywords": [
"addon",
@ -42,12 +42,12 @@
"@mdx-js/loader": "^1.1.0",
"@mdx-js/mdx": "^1.1.0",
"@mdx-js/react": "^1.0.27",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/router": "5.3.0-alpha.6",
"@storybook/source-loader": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/router": "5.3.0-alpha.7",
"@storybook/source-loader": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"global": "^4.3.2",
"js-string-escape": "^1.0.1",

View File

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

View File

@ -113,7 +113,7 @@ class Item extends Component<ItemProps, ItemState> {
name: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
onEmit: PropTypes.func.isRequired,
// eslint-disable-next-line react/forbid-prop-types, react/no-unused-prop-types
// eslint-disable-next-line react/forbid-prop-types
payload: PropTypes.any,
};

View File

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

View File

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

View File

@ -10,7 +10,7 @@ const FETCH_OPTIONS = {
export const getDefaultFetcher = (url: string) => {
return (params: FetcherParams) => {
const body = JSON.stringify(params);
const options = Object.assign({ body }, FETCH_OPTIONS);
const options = { body, ...FETCH_OPTIONS };
return fetch(url, options).then((res: any) => res.json());
};
};

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-info",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "A Storybook addon to show additional information for your stories.",
"keywords": [
"addon",
@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/client-logger": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/client-logger": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"global": "^4.3.2",
"jsx-to-string": "^1.4.0",

View File

@ -75,12 +75,7 @@ function PreviewArray({
items[`c${i}`] = ',';
});
if (val.length > maxPropArrayLength) {
items.last = (
<span>
{indent(breakIntoNewLines, level)}
{'…'}
</span>
);
items.last = <span>{indent(breakIntoNewLines, level)}</span>;
} else {
delete items[`c${val.length - 1}`];
}
@ -142,12 +137,7 @@ function PreviewObject({
items[`m${i}`] = ',';
});
if (names.length > maxPropObjectKeys) {
items.rest = (
<span>
{indent(breakIntoNewLines, level)}
{'…'}
</span>
);
items.rest = <span>{indent(breakIntoNewLines, level)}</span>;
} else {
delete items[`m${names.length - 1}`];
}

View File

@ -167,7 +167,7 @@ class Story extends Component {
...stylesheet.button.topRight,
};
const infoStyle = Object.assign({}, stylesheet.info);
const infoStyle = { ...stylesheet.info };
if (!open) {
infoStyle.display = 'none';
}

View File

@ -13,7 +13,7 @@ const PropertyLabel = ({ property, required }) => {
return (
<span style={styles.hasProperty}>
{property}
{required ? '' : '?'}:{' '}
{required ? '' : '?'}:&nbsp;
</span>
);
};

View File

@ -1,10 +1,11 @@
/* eslint-disable jsx-a11y/anchor-is-valid */
/* eslint-disable react/prop-types */
import React from 'react';
import { mount } from 'enzyme';
import { withInfo, setDefaults } from '.';
import externalMdDocs from '../README.md';
/* eslint-disable */
const TestComponent = ({ func, obj, array, number, string, bool, empty }) => (
<div>
<h1>{String(func)}</h1>
@ -22,7 +23,6 @@ const TestComponent = ({ func, obj, array, number, string, bool, empty }) => (
</ul>
</div>
);
/* eslint-enable */
const reactClassPath = 'some/path/TestComponent.jsx';
const storybookReactClassMock = {
@ -47,7 +47,6 @@ const testMarkdown = `# Test story
containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)`;
describe('addon Info', () => {
// eslint-disable-next-line react/prop-types
const createStoryFn = Component => ({ name }) => (
<div>
It's a {name} story:

View File

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

View File

@ -272,7 +272,7 @@ const Panel = ({ tests }: PanelProps) => (
<Placeholder>
<Fragment>No tests found</Fragment>
<Fragment>
Learn how to{' '}
Learn how to&nbsp;
<Link
href="https://github.com/storybookjs/storybook/tree/master/addons/jest"
target="_blank"

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-knobs",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Storybook Addon Prop Editor Component",
"keywords": [
"addon",
@ -35,12 +35,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/client-api": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/client-api": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"@types/react-color": "^3.0.1",
"copy-to-clipboard": "^3.0.8",
"core-js": "^3.0.1",
@ -52,7 +52,7 @@
"qs": "^6.6.0",
"react-color": "^2.17.0",
"react-lifecycles-compat": "^3.0.4",
"react-select": "^3.0.0"
"react-select": "^3.0.8"
},
"devDependencies": {
"@types/escape-html": "0.0.20",

View File

@ -58,7 +58,7 @@ export default class KnobManager {
options: KnobManagerOptions = {};
calling: boolean = false;
calling = false;
setChannel(channel: Channel) {
this.channel = channel;

View File

@ -15,6 +15,7 @@ import {
} from '../index';
// Note: this is a helper to batch test return types and avoid "declared but never read" errors
// eslint-disable-next-line @typescript-eslint/no-empty-function
function expectKnobOfType<T>(..._: T[]) {}
const groupId = 'GROUP-ID1';

View File

@ -228,7 +228,6 @@ export default class KnobPanel extends PureComponent<KnobPanelProps> {
render: ({ active }) => (
<TabWrapper key={knobKeyGroupId} active={active}>
<PropForm
// eslint-disable-next-line no-use-before-define
knobs={knobsArray.filter(
knob => (knob.groupId || DEFAULT_GROUP_ID) === knobKeyGroupId
)}
@ -248,7 +247,7 @@ export default class KnobPanel extends PureComponent<KnobPanelProps> {
<Placeholder>
<Fragment>No knobs found</Fragment>
<Fragment>
Learn how to{' '}
Learn how to&nbsp;
<Link
href="https://github.com/storybookjs/storybook/tree/master/addons/knobs"
target="_blank"

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Story Links addon for storybook",
"keywords": [
"addon",
@ -29,10 +29,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/client-logger": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/router": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/client-logger": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/router": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"global": "^4.3.2",
"prop-types": "^15.7.2",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-notes",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Write notes for your Storybook stories.",
"keywords": [
"addon",
@ -30,13 +30,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/client-logger": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/router": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/client-logger": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/router": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"global": "^4.3.2",
"markdown-to-jsx": "^6.10.3",

View File

@ -153,7 +153,7 @@ const NotesPanel = ({ active }: Props) => {
<Placeholder>
<Fragment>No notes yet</Fragment>
<Fragment>
Learn how to{' '}
Learn how to&nbsp;
<Link
href="https://github.com/storybookjs/storybook/tree/master/addons/notes"
target="_blank"

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-ondevice-actions",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Action Logger addon for react-native storybook",
"keywords": [
"storybook"
@ -25,13 +25,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"fast-deep-equal": "^2.0.1"
},
"devDependencies": {
"@storybook/addon-actions": "5.3.0-alpha.6"
"@storybook/addon-actions": "5.3.0-alpha.7"
},
"peerDependencies": {
"@storybook/addon-actions": "*",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-ondevice-backgrounds",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "A react-native storybook addon to show different backgrounds for your preview",
"keywords": [
"addon",
@ -30,9 +30,9 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/client-api": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/client-api": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"prop-types": "^15.7.2"
},

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-ondevice-knobs",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Display storybook story knobs on your deviced.",
"keywords": [
"addon",
@ -26,8 +26,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"deep-equal": "^1.0.1",
"prop-types": "^15.7.2",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-ondevice-notes",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Write notes for your react-native Storybook stories.",
"keywords": [
"addon",
@ -26,11 +26,11 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/client-api": "5.3.0-alpha.6",
"@storybook/client-logger": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/client-api": "5.3.0-alpha.7",
"@storybook/client-logger": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"prop-types": "^15.7.2",
"react-native-simple-markdown": "^1.1.0"

View File

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

View File

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

View File

@ -16,7 +16,7 @@ export const withQuery = makeDecorator({
? qs.parse(parameters, { ignoreQueryPrefix: true })
: parameters;
const newQuery = qs.stringify(Object.assign({}, currentQuery, additionalQuery));
const newQuery = qs.stringify({ ...currentQuery, ...additionalQuery });
const newLocation = location.href.replace(location.search, `?${newQuery}`);
history.replaceState({}, document.title, newLocation);

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
"keywords": [
"addon",
@ -29,16 +29,16 @@
"storybook": "start-storybook -p 6006"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"glob": "^7.1.3",
"global": "^4.3.2",
"jest-specific-snapshot": "^2.0.0",
"read-pkg-up": "^6.0.0",
"read-pkg-up": "^7.0.0",
"regenerator-runtime": "^0.12.1"
},
"devDependencies": {
"enzyme-to-json": "^3.3.5",
"enzyme-to-json": "^3.4.1",
"jest-emotion": "^10.0.17",
"react": "^16.8.3"
},

View File

@ -1,5 +1,3 @@
/* eslint-disable no-empty-function */
/* eslint-disable @typescript-eslint/no-parameter-properties */
/* eslint-disable no-useless-constructor */
/* eslint-disable import/no-extraneous-dependencies */
// We could use NgComponentOutlet here but there's currently no easy way

View File

@ -187,8 +187,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
stories
</button>
</NavButton>
for a component called
for a component called 
<InlineCode>
<code
style={
@ -231,8 +230,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
Button
</code>
</InlineCode>
stories located at
stories located at 
<InlineCode>
<code
style={
@ -255,8 +253,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
<p>
Usually we create stories with smaller UI components in the app.
<br />
Have a look at the
Have a look at the 
<Link
href="https://storybook.js.org/basics/writing-stories"
rel="noopener noreferrer"
@ -278,8 +275,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
Writing Stories
</a>
</Link>
section in our documentation.
 section in our documentation.
</p>
<Note>
<p

View File

@ -122,8 +122,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
stories
</NavButton>
for a component called
for a component called 
<InlineCode>
Button
</InlineCode>
@ -138,8 +137,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
<InlineCode>
Button
</InlineCode>
stories located at
stories located at 
<InlineCode>
src/stories/index.js
</InlineCode>
@ -148,8 +146,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
<p>
Usually we create stories with smaller UI components in the app.
<br />
Have a look at the
Have a look at the 
<Link
href="https://storybook.js.org/basics/writing-stories"
rel="noopener noreferrer"
@ -157,8 +154,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
Writing Stories
</Link>
section in our documentation.
 section in our documentation.
</p>
<Note>
<b>

View File

@ -122,8 +122,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
stories
</NavButton>
for a component called
for a component called 
<InlineCode>
Button
</InlineCode>
@ -138,8 +137,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
<InlineCode>
Button
</InlineCode>
stories located at
stories located at 
<InlineCode>
src/stories/index.js
</InlineCode>
@ -148,8 +146,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
<p>
Usually we create stories with smaller UI components in the app.
<br />
Have a look at the
Have a look at the 
<Link
href="https://storybook.js.org/basics/writing-stories"
rel="noopener noreferrer"
@ -157,8 +154,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
Writing Stories
</Link>
section in our documentation.
 section in our documentation.
</p>
<Note>
<b>

View File

@ -159,8 +159,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
stories
</button>
for a component called
for a component called 
<code
style={
Object {
@ -199,8 +198,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
Button
</code>
stories located at
stories located at 
<code
style={
Object {
@ -221,8 +219,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
<p>
Usually we create stories with smaller UI components in the app.
<br />
Have a look at the
Have a look at the 
<a
href="https://storybook.js.org/basics/writing-stories"
rel="noopener noreferrer"
@ -238,8 +235,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
Writing Stories
</a>
section in our documentation.
 section in our documentation.
</p>
<p
style={

View File

@ -63,8 +63,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
stories
</button>
for a component called
for a component called 
<code
style={
Object {
@ -103,8 +102,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
Button
</code>
stories located at
stories located at 
<code
style={
Object {
@ -125,8 +123,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
<p>
Usually we create stories with smaller UI components in the app.
<br />
Have a look at the
Have a look at the 
<a
href="https://storybook.js.org/basics/writing-stories"
rel="noopener noreferrer"
@ -142,8 +139,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
Writing Stories
</a>
section in our documentation.
 section in our documentation.
</p>
<p
style={

View File

@ -63,8 +63,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
stories
</button>
for a component called
for a component called 
<code
style={
Object {
@ -103,8 +102,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
Button
</code>
stories located at
stories located at 
<code
style={
Object {
@ -125,8 +123,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
<p>
Usually we create stories with smaller UI components in the app.
<br />
Have a look at the
Have a look at the 
<a
href="https://storybook.js.org/basics/writing-stories"
rel="noopener noreferrer"
@ -142,8 +139,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
>
Writing Stories
</a>
section in our documentation.
 section in our documentation.
</p>
<p
style={

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots-puppeteer",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [
"addon",
@ -26,8 +26,8 @@
"prepare": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/node-logger": "5.3.0-alpha.6",
"@storybook/router": "5.3.0-alpha.6",
"@storybook/node-logger": "5.3.0-alpha.7",
"@storybook/router": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"jest-image-snapshot": "^2.8.2",
"regenerator-runtime": "^0.12.1"

View File

@ -48,12 +48,14 @@ Allowed values:
- `typescript`
- `flow`
Be sure to update the regex test for the webpack rule if utilizing Typescript files.
Usage:
```js
module.exports = function({ config }) {
config.module.rules.push({
test: /\.stories\.jsx?$/,
test: /\.stories\.tsx?$/,
loaders: [
{
loader: require.resolve('@storybook/source-loader'),

View File

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

View File

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

View File

@ -20,7 +20,6 @@ interface ViewportItem {
}
const toList = memoize(50)((items: ViewportMap): ViewportItem[] => [
// eslint-disable-next-line no-use-before-define
...baseViewports,
...Object.entries(items).map(([id, { name, ...rest }]) => ({ ...rest, id, title: name })),
]);

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/angular",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -34,15 +34,15 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/core": "5.3.0-alpha.6",
"@storybook/node-logger": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/core": "5.3.0-alpha.7",
"@storybook/node-logger": "5.3.0-alpha.7",
"angular2-template-loader": "^0.6.2",
"core-js": "^3.0.1",
"fork-ts-checker-webpack-plugin": "^1.3.4",
"global": "^4.3.2",
"regenerator-runtime": "^0.12.1",
"sass-loader": "^7.1.0",
"sass-loader": "^8.0.0",
"strip-json-comments": "^3.0.1",
"ts-loader": "^6.0.1",
"tsconfig-paths-webpack-plugin": "^3.2.0"

View File

@ -1,6 +1,4 @@
/* eslint-disable no-empty-function */
/* eslint-disable no-useless-constructor */
/* eslint-disable @typescript-eslint/no-parameter-properties */
// We could use NgComponentOutlet here but there's currently no easy way
// to provide @Inputs and subscribe to @Outputs, see
// https://github.com/angular/angular/issues/15360

View File

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

View File

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

View File

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

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/mithril",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
"keywords": [
"storybook"
@ -32,7 +32,7 @@
},
"dependencies": {
"@babel/plugin-transform-react-jsx": "^7.3.0",
"@storybook/core": "5.3.0-alpha.6",
"@storybook/core": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"global": "^4.3.2",
"regenerator-runtime": "^0.12.1",

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/polymer",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -31,7 +31,7 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/core": "5.3.0-alpha.6",
"@storybook/core": "5.3.0-alpha.7",
"@webcomponents/webcomponentsjs": "^1.2.0",
"core-js": "^3.0.1",
"global": "^4.3.2",

View File

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

View File

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

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react-native-server",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "A better way to develop React Native Components for your app",
"keywords": [
"react",
@ -29,20 +29,20 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/channel-websocket": "5.3.0-alpha.6",
"@storybook/core": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/ui": "5.3.0-alpha.6",
"commander": "^2.19.0",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/channel-websocket": "5.3.0-alpha.7",
"@storybook/core": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/ui": "5.3.0-alpha.7",
"commander": "^3.0.2",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.6.0",
"react-dom": "^16.8.3",
"uuid": "^3.3.2",
"webpack": "^4.33.0",
"ws": "^6.1.0"
"ws": "^7.1.2"
},
"peerDependencies": {
"babel-loader": "^7.0.0 || ^8.0.0"

View File

@ -35,7 +35,7 @@ const PreviewHelp = () => (
stories as you want. Basically a story is like a visual test case.
</p>
<p>
To see your Storybook stories on the device, you should start your mobile app for the{' '}
To see your Storybook stories on the device, you should start your mobile app for the&nbsp;
<span style={styles.code}>&lt;platform&gt;</span> of your choice (typically ios or android).
(Note that due to an implementation detail, your stories will only show up in the left-pane
after your device has connected to this storybook server.)

View File

@ -46,6 +46,10 @@ export default class ReactProvider extends Provider {
return addons.getElements(type);
}
getConfig() {
return this.addons.getConfig();
}
renderPreview() {
return (
<Consumer filter={mapper} pure>

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react-native",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "A better way to develop React Native Components for your app",
"keywords": [
"react",
@ -27,13 +27,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@emotion/core": "^10.0.17",
"@emotion/core": "^10.0.20",
"@emotion/native": "^10.0.14",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/channel-websocket": "5.3.0-alpha.6",
"@storybook/channels": "5.3.0-alpha.6",
"@storybook/client-api": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/channel-websocket": "5.3.0-alpha.7",
"@storybook/channels": "5.3.0-alpha.7",
"@storybook/client-api": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"emotion-theming": "^10.0.19",
"react-native-swipe-gestures": "^1.0.4",

View File

@ -111,6 +111,7 @@ export default class Preview {
this._sendSetStories();
// eslint-disable-next-line @typescript-eslint/no-this-alias
const preview = this;
addons.loadAddons(this._clientApi);
@ -118,7 +119,6 @@ export default class Preview {
const appliedTheme = { ...theme, ...params.theme };
// react-native hot module loader must take in a Class - https://github.com/facebook/react-native/issues/10991
// eslint-disable-next-line react/prefer-stateless-function
return class StorybookRoot extends React.PureComponent {
render() {
if (onDeviceUI) {

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -36,9 +36,9 @@
"@babel/plugin-transform-react-constant-elements": "^7.2.0",
"@babel/preset-flow": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/core": "5.3.0-alpha.6",
"@storybook/node-logger": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/core": "5.3.0-alpha.7",
"@storybook/node-logger": "5.3.0-alpha.7",
"@svgr/webpack": "^4.0.3",
"@types/webpack-env": "^1.13.7",
"babel-plugin-add-react-displayname": "^0.0.5",
@ -48,7 +48,7 @@
"core-js": "^3.0.1",
"global": "^4.3.2",
"lodash": "^4.17.11",
"mini-css-extract-plugin": "^0.7.0",
"mini-css-extract-plugin": "^0.8.0",
"prop-types": "^15.7.2",
"react-dev-utils": "^9.0.0",
"regenerator-runtime": "^0.12.1",
@ -57,8 +57,8 @@
"webpack": "^4.33.0"
},
"devDependencies": {
"@types/mini-css-extract-plugin": "^0.2.1",
"@types/node": "^12.0.8",
"@types/mini-css-extract-plugin": "^0.8.0",
"@types/node": "^12.7.9",
"@types/webpack": "^4.4.32"
},
"peerDependencies": {

View File

@ -142,7 +142,7 @@ const Welcome = ({ showApp }: { showApp: () => void }) => (
(Basically a story is like a visual test case.)
</p>
<p>
See these sample <NavButton onClick={showApp}>stories</NavButton> for a component called{' '}
See these sample <NavButton onClick={showApp}>stories</NavButton> for a component called&nbsp;
<InlineCode>Button</InlineCode>.
</p>
<p>
@ -150,22 +150,22 @@ const Welcome = ({ showApp }: { showApp: () => void }) => (
<br />
You can also edit those components and see changes right away.
<br />
(Try editing the <InlineCode>Button</InlineCode> stories located at{' '}
(Try editing the <InlineCode>Button</InlineCode> stories located at&nbsp;
<InlineCode>src/stories/index.js</InlineCode>
.)
</p>
<p>
Usually we create stories with smaller UI components in the app.
<br />
Have a look at the{' '}
Have a look at the&nbsp;
<Link
href="https://storybook.js.org/basics/writing-stories"
target="_blank"
rel="noopener noreferrer"
>
Writing Stories
</Link>{' '}
section in our documentation.
</Link>
&nbsp;section in our documentation.
</p>
<Note>
<b>NOTE:</b>

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/riot",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -34,7 +34,7 @@
"@storybook/core": "5.3.0-alpha.3",
"core-js": "^3.0.1",
"global": "^4.3.2",
"raw-loader": "^2.0.0",
"raw-loader": "^3.1.0",
"regenerator-runtime": "^0.12.1",
"ts-dedent": "^1.1.0"
},

View File

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

View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -32,8 +32,8 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/core": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/core": "5.3.0-alpha.7",
"@types/webpack-env": "^1.13.9",
"core-js": "^3.0.1",
"global": "^4.3.2",
@ -42,8 +42,8 @@
"webpack": "^4.33.0"
},
"devDependencies": {
"@types/mini-css-extract-plugin": "^0.2.1",
"@types/node": "^12.0.8",
"@types/mini-css-extract-plugin": "^0.8.0",
"@types/node": "^12.7.9",
"@types/webpack": "^4.4.32",
"babel-preset-vue": "^2.0.2",
"vue": "^2.6.8",

View File

@ -1,12 +1,12 @@
{
"name": "@storybook/addon-decorator",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "decorator addon for storybook",
"keywords": [
"devkit",
"addon",
"storybook",
"decorator"
"decorator",
"devkit",
"storybook"
],
"homepage": "https://github.com/storybookjs/storybook/tree/master/addons/actions",
"bugs": {
@ -24,10 +24,10 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/client-api": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/client-api": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"global": "^3.0.1"
"global": "^4.4.0"
},
"publishConfig": {
"access": "public"

View File

@ -1,12 +1,12 @@
{
"name": "@storybook/addon-parameter",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "parameter addon for storybook",
"keywords": [
"devkit",
"addon",
"storybook",
"parameter"
"devkit",
"parameter",
"storybook"
],
"homepage": "https://github.com/storybookjs/storybook#readme",
"bugs": {
@ -24,12 +24,12 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/client-logger": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/client-logger": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",

View File

@ -1,12 +1,12 @@
{
"name": "@storybook/addon-roundtrip",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"description": "roundtrip addon for storybook",
"keywords": [
"devkit",
"addon",
"storybook",
"roundtrip"
"devkit",
"roundtrip",
"storybook"
],
"homepage": "https://github.com/storybooks/storybook#readme",
"bugs": {
@ -24,13 +24,13 @@
"prepare": "node ../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/api": "5.3.0-alpha.6",
"@storybook/client-api": "5.3.0-alpha.6",
"@storybook/client-logger": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/api": "5.3.0-alpha.7",
"@storybook/client-api": "5.3.0-alpha.7",
"@storybook/client-logger": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"core-js": "^3.0.1",
"global": "^4.3.2",
"react": "^16.8.3",

View File

@ -12,8 +12,8 @@ const Platform = () => (
rel="noopener noreferrer"
>
React
</a>{' '}
&{' '}
</a>
&nbsp;&amp;&nbsp;
<a
href="https://github.com/storybookjs/storybook/tree/master/app/react-native"
target="_blank"
@ -22,7 +22,6 @@ const Platform = () => (
React Native
</a>
</p>
<hr />
</div>
</div>

View File

@ -36,3 +36,19 @@ npx http-server .out
Additionally, you can deploy Storybook directly into GitHub pages with our [storybook-deployer](https://github.com/storybookjs/storybook-deployer) tool.
Or, you can simply export your storybook into the docs directory and use it as the root for GitHub pages. Have a look at [this guide](https://github.com/blog/2233-publish-your-project-documentation-with-github-pages) for more information.
## Deploying to ZEIT Now
[ZEIT Now](https://zeit.co/home) is a cloud platform for websites and serverless APIs, that you can use to deploy your Storybook projects to your personal domain (or a free `.now.sh` suffixed URL).
- Install the [Now CLI](https://github.com/zeit/now):
`npm i -g now`
- Configure your `build` script:
`"build": "build-storybook -c .storybook -o public"`
- Execute `now` on your terminal.
[Example project](https://github.com/zeit/now-examples/tree/master/storybook) for reference.

View File

@ -9,7 +9,7 @@ Storybook is theme-able! Just set a `theme` in the [options parameter](../option
It's really easy to theme Storybook globally.
We've created two basic themes that look good of the box: "normal" (a light theme) and "dark" (a dark theme).
We've created two basic themes that look good of the box: "normal" (a light theme) and "dark" (a dark theme). Unless you've set your preferred color scheme as dark Storybook will use the light theme as default.
As the simplest example, you can tell Storybook to use the "dark" theme by modifying `.storybook/config.js`:

View File

@ -1,3 +1,4 @@
/* eslint-disable react/prop-types */
import React from 'react';
import PropTypes from 'prop-types';
import capitalize from 'lodash/capitalize';

View File

@ -1,8 +1,15 @@
{
"name": "crna-kitchen-sink",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"private": true,
"main": "node_modules/expo/AppEntry.js",
"workspaces": {
"nohoist": [
"react-native/**",
"**/app/react-native*",
"expo"
]
},
"scripts": {
"android": "expo start --android",
"eject": "expo eject",
@ -17,35 +24,29 @@
"dependencies": {
"expo": "^33.0.7",
"prop-types": "^15.6.2",
"react": "16.8.6",
"react": "16.10.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
"whatwg-fetch": "^3.0.0"
},
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/plugin-transform-react-jsx-source": "^7.2.0",
"@storybook/addon-actions": "5.3.0-alpha.6",
"@storybook/addon-knobs": "5.3.0-alpha.6",
"@storybook/addon-ondevice-actions": "5.3.0-alpha.6",
"@storybook/addon-ondevice-backgrounds": "5.3.0-alpha.6",
"@storybook/addon-ondevice-knobs": "5.3.0-alpha.6",
"@storybook/addon-ondevice-notes": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/react-native": "5.3.0-alpha.6",
"@storybook/addon-actions": "5.3.0-alpha.7",
"@storybook/addon-knobs": "5.3.0-alpha.7",
"@storybook/addon-links": "5.3.0-alpha.7",
"@storybook/addon-ondevice-actions": "5.3.0-alpha.7",
"@storybook/addon-ondevice-backgrounds": "5.3.0-alpha.7",
"@storybook/addon-ondevice-knobs": "5.3.0-alpha.7",
"@storybook/addon-ondevice-notes": "5.3.0-alpha.7",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/react-native": "5.3.0-alpha.7",
"babel-loader": "^8.0.4",
"babel-plugin-module-resolver": "^3.2.0",
"babel-preset-expo": "^5.1.1",
"babel-preset-expo": "^7.0.0",
"core-js": "^3.0.1",
"expo-cli": "^2.17.1",
"jest-expo": "^33.0.2",
"react-test-renderer": "16.8.6",
"react-test-renderer": "16.10.1",
"schedule": "^0.5.0"
},
"workspaces": {
"nohoist": [
"react-native/**",
"**/app/react-native*",
"expo"
]
}
}

View File

@ -1,4 +1,3 @@
/* eslint-disable import/no-extraneous-dependencies */
import React from 'react';
import { Text } from 'react-native';
@ -8,7 +7,7 @@ import { linkTo } from '@storybook/addon-links';
import { withKnobs } from '@storybook/addon-knobs';
import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
import knobsWrapper from './Knobs';
// eslint-disable-next-line import/no-unresolved, import/extensions
// eslint-disable-next-line import/no-unresolved
import Button from './Button';
import CenterView from './CenterView';
import Welcome from './Welcome';

View File

@ -1,6 +1,6 @@
{
"name": "angular-cli",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"private": true,
"license": "MIT",
"scripts": {
@ -35,24 +35,24 @@
"@angular-devkit/build-angular": "~0.803.6",
"@angular/cli": "^8.3.6",
"@angular/compiler-cli": "^8.2.8",
"@storybook/addon-a11y": "5.3.0-alpha.6",
"@storybook/addon-actions": "5.3.0-alpha.6",
"@storybook/addon-backgrounds": "5.3.0-alpha.6",
"@storybook/addon-centered": "5.3.0-alpha.6",
"@storybook/addon-docs": "5.3.0-alpha.6",
"@storybook/addon-jest": "5.3.0-alpha.6",
"@storybook/addon-knobs": "5.3.0-alpha.6",
"@storybook/addon-links": "5.3.0-alpha.6",
"@storybook/addon-notes": "5.3.0-alpha.6",
"@storybook/addon-options": "5.3.0-alpha.6",
"@storybook/addon-storyshots": "5.3.0-alpha.6",
"@storybook/addon-storysource": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/angular": "5.3.0-alpha.6",
"@storybook/source-loader": "5.3.0-alpha.6",
"@storybook/addon-a11y": "5.3.0-alpha.7",
"@storybook/addon-actions": "5.3.0-alpha.7",
"@storybook/addon-backgrounds": "5.3.0-alpha.7",
"@storybook/addon-centered": "5.3.0-alpha.7",
"@storybook/addon-docs": "5.3.0-alpha.7",
"@storybook/addon-jest": "5.3.0-alpha.7",
"@storybook/addon-knobs": "5.3.0-alpha.7",
"@storybook/addon-links": "5.3.0-alpha.7",
"@storybook/addon-notes": "5.3.0-alpha.7",
"@storybook/addon-options": "5.3.0-alpha.7",
"@storybook/addon-storyshots": "5.3.0-alpha.7",
"@storybook/addon-storysource": "5.3.0-alpha.7",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/angular": "5.3.0-alpha.7",
"@storybook/source-loader": "5.3.0-alpha.7",
"@types/core-js": "^2.5.0",
"@types/jest": "^24.0.11",
"@types/node": "^12.0.8",
"@types/node": "^12.7.9",
"@types/webpack-env": "^1.14.0",
"babel-plugin-require-context-hook": "^1.0.0",
"global": "^4.3.2",
@ -61,7 +61,7 @@
"jest": "^24.7.1",
"jest-preset-angular": "^7.1.0",
"protractor": "~5.4.2",
"ts-node": "~8.3.0",
"ts-node": "~8.4.1",
"typescript": "^3.4.0"
}
}

View File

@ -2,7 +2,7 @@ import { storiesOf } from '@storybook/angular';
import { withTests } from '@storybook/addon-jest';
import { AppComponent } from '../app/app.component';
// eslint-disable-next-line import/no-unresolved
// eslint-disable-next-line
import * as results from '../../addon-jest.testresults.json';
storiesOf('Addon|Jest', module)

View File

@ -1,5 +1,3 @@
/* eslint-disable no-empty-function */
/* eslint-disable @typescript-eslint/no-parameter-properties */
/* eslint-disable no-useless-constructor */
import { Component, Input, InjectionToken, Injector, ElementRef, Inject } from '@angular/core';

View File

@ -12,7 +12,6 @@ const NOOP = () => {};
providers: [
{
provide: NG_VALUE_ACCESSOR,
// eslint-disable-next-line no-use-before-define
useExisting: forwardRef(() => CustomCvaComponent),
multi: true,
},

View File

@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
@Injectable()
export class DummyService {
// eslint-disable-next-line no-useless-constructor, no-empty-function
// eslint-disable-next-line @typescript-eslint/no-empty-function, no-useless-constructor
constructor() {}
getItems() {

View File

@ -16,7 +16,7 @@ export class ServiceComponent implements OnInit {
@Input()
name: any;
// eslint-disable-next-line no-useless-constructor, @typescript-eslint/no-parameter-properties, no-empty-function
// eslint-disable-next-line no-useless-constructor
constructor(private dummy: DummyService) {}
async ngOnInit() {

View File

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

View File

@ -19,7 +19,7 @@ const InfoButton = () => (
borderRadius: '0px 0px 0px 5px',
}}
>
{' Show Info '}
&nbsp;Show Info&nbsp;
</span>
);

View File

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

View File

@ -1,6 +1,6 @@
{
"name": "cra-ts-kitchen-sink",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"private": true,
"scripts": {
"build-storybook": "build-storybook -s public",
@ -13,18 +13,18 @@
"react-dom": "^16.8.3"
},
"devDependencies": {
"@storybook/addon-a11y": "5.3.0-alpha.6",
"@storybook/addon-actions": "5.3.0-alpha.6",
"@storybook/addon-info": "5.3.0-alpha.6",
"@storybook/addon-options": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/react": "5.3.0-alpha.6",
"@storybook/addon-a11y": "5.3.0-alpha.7",
"@storybook/addon-actions": "5.3.0-alpha.7",
"@storybook/addon-info": "5.3.0-alpha.7",
"@storybook/addon-options": "5.3.0-alpha.7",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/react": "5.3.0-alpha.7",
"@types/enzyme": "^3.9.0",
"@types/react": "^16.8.14",
"@types/react-dom": "^16.8.2",
"enzyme": "^3.9.0",
"enzyme-adapter-react-16": "^1.9.1",
"enzyme-to-json": "^3.3.5",
"enzyme-to-json": "^3.4.1",
"fork-ts-checker-webpack-plugin": "^1.3.3",
"react-docgen-typescript-loader": "^3.0.1",
"react-scripts": "^3.0.1",

View File

@ -1,2 +1,9 @@
import '@storybook/addon-roundtrip/register';
import '@storybook/addon-parameter/register';
import { addons } from '@storybook/addons';
import { themes } from '@storybook/theming';
addons.setConfig({
theme: themes.dark,
});

View File

@ -1,27 +1,27 @@
{
"name": "@storybook/example-devkits",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"private": true,
"scripts": {
"build-storybook": "build-storybook -c ./",
"storybook": "start-storybook -p 9011 -c ./"
},
"devDependencies": {
"@storybook/addon-decorator": "5.3.0-alpha.6",
"@storybook/addon-parameter": "5.3.0-alpha.6",
"@storybook/addon-roundtrip": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/node-logger": "5.3.0-alpha.6",
"@storybook/react": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addon-decorator": "5.3.0-alpha.7",
"@storybook/addon-parameter": "5.3.0-alpha.7",
"@storybook/addon-roundtrip": "5.3.0-alpha.7",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/node-logger": "5.3.0-alpha.7",
"@storybook/react": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"cors": "^2.8.5",
"cross-env": "^5.2.0",
"enzyme-to-json": "^3.3.5",
"cross-env": "^6.0.3",
"enzyme-to-json": "^3.4.1",
"eventemitter3": "^4.0.0",
"express": "^4.16.4",
"express-graphql": "^0.8.0",
"express-graphql": "^0.9.0",
"format-json": "^1.0.3",
"global": "^4.3.2",
"graphql": "^14.1.1",
@ -30,7 +30,7 @@
"prop-types": "^15.7.2",
"react": "^16.8.3",
"react-dom": "^16.8.3",
"ts-loader": "^5.3.3",
"ts-loader": "^6.2.0",
"uuid": "^3.3.2",
"webpack": "^4.33.0"
}

View File

@ -1,6 +1,6 @@
{
"name": "ember-example",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"private": true,
"scripts": {
"build": "ember build",
@ -15,22 +15,22 @@
},
"devDependencies": {
"@babel/core": "^7.3.4",
"@storybook/addon-a11y": "5.3.0-alpha.6",
"@storybook/addon-actions": "5.3.0-alpha.6",
"@storybook/addon-backgrounds": "5.3.0-alpha.6",
"@storybook/addon-centered": "5.3.0-alpha.6",
"@storybook/addon-knobs": "5.3.0-alpha.6",
"@storybook/addon-links": "5.3.0-alpha.6",
"@storybook/addon-notes": "5.3.0-alpha.6",
"@storybook/addon-options": "5.3.0-alpha.6",
"@storybook/addon-storysource": "5.3.0-alpha.6",
"@storybook/addon-viewport": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/ember": "5.3.0-alpha.6",
"@storybook/source-loader": "5.3.0-alpha.6",
"@storybook/addon-a11y": "5.3.0-alpha.7",
"@storybook/addon-actions": "5.3.0-alpha.7",
"@storybook/addon-backgrounds": "5.3.0-alpha.7",
"@storybook/addon-centered": "5.3.0-alpha.7",
"@storybook/addon-knobs": "5.3.0-alpha.7",
"@storybook/addon-links": "5.3.0-alpha.7",
"@storybook/addon-notes": "5.3.0-alpha.7",
"@storybook/addon-options": "5.3.0-alpha.7",
"@storybook/addon-storysource": "5.3.0-alpha.7",
"@storybook/addon-viewport": "5.3.0-alpha.7",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/ember": "5.3.0-alpha.7",
"@storybook/source-loader": "5.3.0-alpha.7",
"babel-loader": "^8",
"broccoli-asset-rev": "^3.0.0",
"cross-env": "^5.2.0",
"cross-env": "^6.0.3",
"ember-ajax": "^4.0.2",
"ember-cli": "~3.11.0",
"ember-cli-app-version": "^3.0.0",

View File

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

View File

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

View File

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

View File

@ -108,22 +108,22 @@ const Welcome = {
<br />
You can also edit those components and see changes right away.
<br />
(Try editing the <InlineCode>Button</InlineCode> stories located at{' '}
(Try editing the <InlineCode>Button</InlineCode> stories located at&nbsp;
<InlineCode>src/stories/index.js</InlineCode>
.)
</p>
<p>
Usually we create stories with smaller UI components in the app.
<br />
Have a look at the{' '}
Have a look at the&nbsp;
<Link
href="https://storybook.js.org/basics/writing-stories"
target="_blank"
rel="noopener noreferrer"
>
Writing Stories
</Link>{' '}
section in our documentation.
</Link>
&nbsp;section in our documentation.
</p>
<Note>
<b>NOTE:</b>

View File

@ -1,6 +1,6 @@
{
"name": "official-storybook",
"version": "5.3.0-alpha.6",
"version": "5.3.0-alpha.7",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -13,37 +13,37 @@
},
"devDependencies": {
"@packtracker/webpack-plugin": "^2.0.1",
"@storybook/addon-a11y": "5.3.0-alpha.6",
"@storybook/addon-actions": "5.3.0-alpha.6",
"@storybook/addon-backgrounds": "5.3.0-alpha.6",
"@storybook/addon-centered": "5.3.0-alpha.6",
"@storybook/addon-contexts": "5.3.0-alpha.6",
"@storybook/addon-cssresources": "5.3.0-alpha.6",
"@storybook/addon-design-assets": "5.3.0-alpha.6",
"@storybook/addon-docs": "5.3.0-alpha.6",
"@storybook/addon-events": "5.3.0-alpha.6",
"@storybook/addon-graphql": "5.3.0-alpha.6",
"@storybook/addon-info": "5.3.0-alpha.6",
"@storybook/addon-jest": "5.3.0-alpha.6",
"@storybook/addon-knobs": "5.3.0-alpha.6",
"@storybook/addon-links": "5.3.0-alpha.6",
"@storybook/addon-notes": "5.3.0-alpha.6",
"@storybook/addon-options": "5.3.0-alpha.6",
"@storybook/addon-queryparams": "5.3.0-alpha.6",
"@storybook/addon-storyshots": "5.3.0-alpha.6",
"@storybook/addon-storyshots-puppeteer": "5.3.0-alpha.6",
"@storybook/addon-storysource": "5.3.0-alpha.6",
"@storybook/addon-viewport": "5.3.0-alpha.6",
"@storybook/addons": "5.3.0-alpha.6",
"@storybook/components": "5.3.0-alpha.6",
"@storybook/core-events": "5.3.0-alpha.6",
"@storybook/node-logger": "5.3.0-alpha.6",
"@storybook/react": "5.3.0-alpha.6",
"@storybook/source-loader": "5.3.0-alpha.6",
"@storybook/theming": "5.3.0-alpha.6",
"@storybook/addon-a11y": "5.3.0-alpha.7",
"@storybook/addon-actions": "5.3.0-alpha.7",
"@storybook/addon-backgrounds": "5.3.0-alpha.7",
"@storybook/addon-centered": "5.3.0-alpha.7",
"@storybook/addon-contexts": "5.3.0-alpha.7",
"@storybook/addon-cssresources": "5.3.0-alpha.7",
"@storybook/addon-design-assets": "5.3.0-alpha.7",
"@storybook/addon-docs": "5.3.0-alpha.7",
"@storybook/addon-events": "5.3.0-alpha.7",
"@storybook/addon-graphql": "5.3.0-alpha.7",
"@storybook/addon-info": "5.3.0-alpha.7",
"@storybook/addon-jest": "5.3.0-alpha.7",
"@storybook/addon-knobs": "5.3.0-alpha.7",
"@storybook/addon-links": "5.3.0-alpha.7",
"@storybook/addon-notes": "5.3.0-alpha.7",
"@storybook/addon-options": "5.3.0-alpha.7",
"@storybook/addon-queryparams": "5.3.0-alpha.7",
"@storybook/addon-storyshots": "5.3.0-alpha.7",
"@storybook/addon-storyshots-puppeteer": "5.3.0-alpha.7",
"@storybook/addon-storysource": "5.3.0-alpha.7",
"@storybook/addon-viewport": "5.3.0-alpha.7",
"@storybook/addons": "5.3.0-alpha.7",
"@storybook/components": "5.3.0-alpha.7",
"@storybook/core-events": "5.3.0-alpha.7",
"@storybook/node-logger": "5.3.0-alpha.7",
"@storybook/react": "5.3.0-alpha.7",
"@storybook/source-loader": "5.3.0-alpha.7",
"@storybook/theming": "5.3.0-alpha.7",
"cors": "^2.8.5",
"cross-env": "^5.2.0",
"enzyme-to-json": "^3.3.5",
"cross-env": "^6.0.3",
"enzyme-to-json": "^3.4.1",
"eventemitter3": "^4.0.0",
"express": "^4.17.0",
"express-graphql": "^0.8.0",
@ -56,7 +56,8 @@
"prop-types": "^15.7.2",
"react": "^16.8.3",
"react-dom": "^16.8.3",
"terser-webpack-plugin": "^1.2.4",
"storybook-chromatic": "^3.0.0-debug.2",
"terser-webpack-plugin": "^2.1.2",
"ts-loader": "^6.0.0",
"uuid": "^3.3.2",
"webpack": "^4.33.0"

View File

@ -18,7 +18,9 @@ const Item = styled.div({
});
export default class Logger extends Component {
static LOG_EVENT = 'Logger:log';
state = {
events: [],
};
static propTypes = {
emitter: PropTypes.instanceOf(EventEmitter).isRequired,
@ -29,10 +31,6 @@ export default class Logger extends Component {
title: 'Logger',
};
state = {
events: [],
};
componentDidMount() {
const { emitter } = this.props;
@ -51,6 +49,8 @@ export default class Logger extends Component {
}));
};
static LOG_EVENT = 'Logger:log';
render() {
const { events } = this.state;
const { title } = this.props;

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