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

Merge pull request #3884 from storybooks/move-official-example-ui

Browse Source 
MOVE ui into it's own group
This commit is contained in:
Norbert de Langen 2018-07-16 10:17:26 -07:00 committed by GitHub
commit 6ca316800d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
examples/official-storybook/stories/__snapshots__/addon-backgrounds.stories.storyshot
View File

@ -18,31 +18,31 @@ exports[`Storyshots Addons|Backgrounds story 2 1`] = `
</button> </button>
`; `;
exports[`Storyshots Addons|Backgrounds, parameters disabled via [] 1`] = ` exports[`Storyshots Addons|Backgrounds.parameters disabled via [] 1`] = `
<button> <button>
This one should not use backgrounds This one should not use backgrounds
</button> </button>
`; `;
exports[`Storyshots Addons|Backgrounds, parameters overriden 1`] = ` exports[`Storyshots Addons|Backgrounds.parameters overriden 1`] = `
<button> <button>
This one should have different backgrounds This one should have different backgrounds
</button> </button>
`; `;
exports[`Storyshots Addons|Backgrounds, parameters skipped via disable:true 1`] = ` exports[`Storyshots Addons|Backgrounds.parameters skipped via disable:true 1`] = `
<button> <button>
This one should not use backgrounds either This one should not use backgrounds either
</button> </button>
`; `;
exports[`Storyshots Addons|Backgrounds, parameters story 1 1`] = ` exports[`Storyshots Addons|Backgrounds.parameters story 1 1`] = `
<button> <button>
You should be able to switch backgrounds for this story You should be able to switch backgrounds for this story
</button> </button>
`; `;
exports[`Storyshots Addons|Backgrounds, parameters story 2 1`] = ` exports[`Storyshots Addons|Backgrounds.parameters story 2 1`] = `
<button> <button>
This one too! This one too!
</button> </button>

2
examples/official-storybook/stories/addon-backgrounds.stories.js
View File

@ -23,7 +23,7 @@ storiesOf('Addons|Backgrounds', module)
])(() => <BaseButton label="This one should have different backgrounds" />) ])(() => <BaseButton label="This one should have different backgrounds" />)
); );
storiesOf('Addons|Backgrounds, parameters', module) storiesOf('Addons|Backgrounds.parameters', module)
.addDecorator(withBackgrounds) .addDecorator(withBackgrounds)
.addParameters({ .addParameters({
backgrounds: [ backgrounds: [

2
lib/ui/src/modules/ui/components/__snapshots__/menu_item.stories.storyshot
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots ui/MenuItem default 1`] = ` exports[`Storyshots UI|MenuItem default 1`] = `
<div <div
role="menuitem" role="menuitem"
tabindex="0" tabindex="0"

2
lib/ui/src/modules/ui/components/menu_item.stories.js
View File

@ -4,7 +4,7 @@ import { action } from '@storybook/addon-actions';
import MenuItem from './menu_item'; import MenuItem from './menu_item';
storiesOf('ui/MenuItem', module).add('default', () => ( storiesOf('UI|MenuItem', module).add('default', () => (
<MenuItem title="title" onClick={action('onClick')}> <MenuItem title="title" onClick={action('onClick')}>
Content Content
</MenuItem> </MenuItem>

2
lib/ui/src/modules/ui/components/search_box.stories.js
View File

@ -23,7 +23,7 @@ if (rootElement != null) {
// For some reason react-modal causes an segfault (infinite loop maybe?) // For some reason react-modal causes an segfault (infinite loop maybe?)
// when rendered by storyshots/react-test-renderer // when rendered by storyshots/react-test-renderer
if (!navigator.userAgent.match(/Node\.js/) && !navigator.userAgent.match(/jsdom/)) { if (!navigator.userAgent.match(/Node\.js/) && !navigator.userAgent.match(/jsdom/)) {
storiesOf('ui/SearchBox', module) storiesOf('UI|SearchBox', module)
.add('default', () => ( .add('default', () => (
<Component showSearchBox onSelectStory={onSelectStory} onClose={onClose} /> <Component showSearchBox onSelectStory={onSelectStory} onClose={onClose} />
)) ))

2
lib/ui/src/modules/ui/components/shortcuts_help.stories.js
View File

@ -16,7 +16,7 @@ if (rootElement != null) {
// For some reason react-modal causes an segfault (infinite loop maybe?) // For some reason react-modal causes an segfault (infinite loop maybe?)
// when rendered by storyshots/react-test-renderer // when rendered by storyshots/react-test-renderer
if (!navigator.userAgent.match(/Node\.js/) && !navigator.userAgent.match(/jsdom/)) { if (!navigator.userAgent.match(/Node\.js/) && !navigator.userAgent.match(/jsdom/)) {
storiesOf('ui/ShortcutHelp', module).add('default', () => ( storiesOf('UI|ShortcutHelp', module).add('default', () => (
<ShortcutsHelp isOpen onClose={onClose} /> <ShortcutsHelp isOpen onClose={onClose} />
)); ));
} }

8
lib/ui/src/modules/ui/components/stories_panel/__snapshots__/index.stories.storyshot
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots ui/stories/StoriesPanel default 1`] = ` exports[`Storyshots UI|stories/StoriesPanel default 1`] = `
<div <div
class="css-3dwd22" class="css-3dwd22"
> >
@ -33,7 +33,7 @@ exports[`Storyshots ui/stories/StoriesPanel default 1`] = `
</div> </div>
`; `;
exports[`Storyshots ui/stories/StoriesPanel storiesHierarchies exists but is empty 1`] = ` exports[`Storyshots UI|stories/StoriesPanel storiesHierarchies exists but is empty 1`] = `
<div <div
class="css-3dwd22" class="css-3dwd22"
> >
@ -66,7 +66,7 @@ exports[`Storyshots ui/stories/StoriesPanel storiesHierarchies exists but is emp
</div> </div>
`; `;
exports[`Storyshots ui/stories/StoriesPanel when open on mobile device 1`] = ` exports[`Storyshots UI|stories/StoriesPanel when open on mobile device 1`] = `
<div <div
class="css-nk32ej" class="css-nk32ej"
> >
@ -99,7 +99,7 @@ exports[`Storyshots ui/stories/StoriesPanel when open on mobile device 1`] = `
</div> </div>
`; `;
exports[`Storyshots ui/stories/StoriesPanel with storiesHierarchies prop 1`] = ` exports[`Storyshots UI|stories/StoriesPanel with storiesHierarchies prop 1`] = `
<div <div
class="css-3dwd22" class="css-3dwd22"
> >

4
lib/ui/src/modules/ui/components/stories_panel/__snapshots__/text_filter.stories.storyshot
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots ui/stories/TextFilter with filterText 1`] = ` exports[`Storyshots UI|stories/TextFilter with filterText 1`] = `
<div <div
class="css-79elbk" class="css-79elbk"
> >
@ -19,7 +19,7 @@ exports[`Storyshots ui/stories/TextFilter with filterText 1`] = `
</div> </div>
`; `;
exports[`Storyshots ui/stories/TextFilter without filterText 1`] = ` exports[`Storyshots UI|stories/TextFilter without filterText 1`] = `
<div <div
class="css-79elbk" class="css-79elbk"
> >

2
lib/ui/src/modules/ui/components/stories_panel/index.stories.js
View File

@ -26,7 +26,7 @@ const decorator = withLifecyle({
const storiesHierarchies = createHierarchies([{ kind: 'kk', namespaces: ['kk'], stories: ['bb'] }]); const storiesHierarchies = createHierarchies([{ kind: 'kk', namespaces: ['kk'], stories: ['bb'] }]);
const openShortcutsHelp = action('openShortcutsHelp'); const openShortcutsHelp = action('openShortcutsHelp');
const onStoryFilter = action('onStoryFilter'); const onStoryFilter = action('onStoryFilter');
storiesOf('ui/stories/StoriesPanel', module) storiesOf('UI|stories/StoriesPanel', module)
.addDecorator(decorator) .addDecorator(decorator)
.add('default', () => ( .add('default', () => (
<StoriesPanel <StoriesPanel

10
lib/ui/src/modules/ui/components/stories_panel/stories_tree/__snapshots__/index.stories.storyshot
View File

@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots ui/stories/Stories empty 1`] = ` exports[`Storyshots UI|stories/Stories empty 1`] = `
<div <div
class="css-7w6khc" class="css-7w6khc"
> >
@ -20,7 +20,7 @@ exports[`Storyshots ui/stories/Stories empty 1`] = `
</div> </div>
`; `;
exports[`Storyshots ui/stories/Stories simple 1`] = ` exports[`Storyshots UI|stories/Stories simple 1`] = `
<div <div
class="css-7w6khc" class="css-7w6khc"
> >
@ -178,7 +178,7 @@ exports[`Storyshots ui/stories/Stories simple 1`] = `
</div> </div>
`; `;
exports[`Storyshots ui/stories/Stories with hierarchy - hierarchySeparator is defined 1`] = ` exports[`Storyshots UI|stories/Stories with hierarchy - hierarchySeparator is defined 1`] = `
<div <div
class="css-7w6khc" class="css-7w6khc"
> >
@ -436,7 +436,7 @@ exports[`Storyshots ui/stories/Stories with hierarchy - hierarchySeparator is de
</div> </div>
`; `;
exports[`Storyshots ui/stories/Stories with highlighting when storiesFilter is provided 1`] = ` exports[`Storyshots UI|stories/Stories with highlighting when storiesFilter is provided 1`] = `
<div <div
class="css-7w6khc" class="css-7w6khc"
> >
@ -659,7 +659,7 @@ exports[`Storyshots ui/stories/Stories with highlighting when storiesFilter is p
</div> </div>
`; `;
exports[`Storyshots ui/stories/Stories without hierarchy - hierarchySeparator is defined 1`] = ` exports[`Storyshots UI|stories/Stories without hierarchy - hierarchySeparator is defined 1`] = `
<div <div
class="css-7w6khc" class="css-7w6khc"
> >

2
lib/ui/src/modules/ui/components/stories_panel/stories_tree/index.stories.js
View File

@ -52,7 +52,7 @@ const decorator = withLifecyle({
}, },
}); });
storiesOf('ui/stories/Stories', module) storiesOf('UI|stories/Stories', module)
.addDecorator(decorator) .addDecorator(decorator)
.add('empty', () => ( .add('empty', () => (
<Stories <Stories

2
lib/ui/src/modules/ui/components/stories_panel/text_filter.stories.js
View File

@ -6,7 +6,7 @@ import TextFilter from './text_filter';
const onChange = action('onChange'); const onChange = action('onChange');
const onClear = action('onClear'); const onClear = action('onClear');
storiesOf('ui/stories/TextFilter', module) storiesOf('UI|stories/TextFilter', module)
.add('without filterText', () => <TextFilter onChange={onChange} onClear={onClear} />) .add('without filterText', () => <TextFilter onChange={onChange} onClear={onClear} />)
.add('with filterText', () => ( .add('with filterText', () => (
<TextFilter text="Filter Text" onChange={onChange} onClear={onClear} /> <TextFilter text="Filter Text" onChange={onChange} onClear={onClear} />