Skip to content

Commit

Permalink
fix: stories fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
atanasster committed Jun 20, 2020
1 parent e5ad426 commit 80a981e
Show file tree
Hide file tree
Showing 4 changed files with 15 additions and 28 deletions.
4 changes: 2 additions & 2 deletions core/core/src/stories/controls-text.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ overview.story = {
},
};

export const hidden = ({ text }) => text;
export const hidden = ({ text }) => <div>{text}</div>;

hidden.story = {
description: 'Hidden controls in story',
Expand All @@ -30,7 +30,7 @@ hidden.story = {
},
};

export const placeholder = ({ text }) => text;
export const placeholder = ({ text }) => <div>{text}</div>;

placeholder.story = {
description: 'Placeholder text with empty value',
Expand Down
9 changes: 4 additions & 5 deletions examples/gatsby/.config/buildtime.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,10 @@ module.exports = {
'../src/stories/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/app/src/**/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/components/src/**/*.stories.(js|jsx|tsx|mdx)',

//'../../../ui/blocks/src/**/*.stories.(js|jsx|tsx|mdx)',
//'../../../core/core/src/stories/**/*.stories.(js|jsx|tsx|mdx)',
//'../../../ui/editors/src/**/*.stories.(js|jsx|tsx|mdx)',
//'../../../plugins/axe-plugin/src/stories/**/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/blocks/src/**/*.stories.(js|jsx|tsx|mdx)',
'../../../core/core/src/stories/**/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/editors/src/**/*.stories.(js|jsx|tsx|mdx)',
'../../../plugins/axe-plugin/src/stories/**/*.stories.(js|jsx|tsx|mdx)',
],
pages: {
story: {
Expand Down
4 changes: 2 additions & 2 deletions examples/storybook-6/.storybook/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,11 @@ const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPl

module.exports = {
stories: [
'../../../core/core/src/stories/**/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/editors/src/**/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/app/src/**/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/components/src/**/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/app/src/**/*.stories.(js|jsx|tsx|mdx)',
'../../../ui/blocks/src/**/*.stories.(js|jsx|tsx|mdx)',
'../../../core/core/src/stories/**/*.stories.(js|jsx|tsx|mdx)',
'../../../plugins/axe-plugin/src/stories/**/*.stories.(js|jsx|tsx|mdx)',
'../../stories/src/**/*.stories.(js|jsx|tsx|mdx)',
'../stories/**/*.stories.(js|jsx|tsx|mdx)',
Expand Down
26 changes: 7 additions & 19 deletions ui/blocks/src/PageContainer/PageContainer.stories.tsx
Original file line number Diff line number Diff line change
@@ -1,37 +1,25 @@
/* eslint-disable react/display-name */
import React from 'react';
import { Store } from '@component-controls/store';
import { PageContainer, PageContainerProps } from '.';
import { PageContainer } from '.';
import { MockContext } from '../test/MockContext';
import { Title } from '../Title';

import { store } from '../test/storyStore';

export default {
title: 'Blocks/PageContainer',
component: PageContainer,
};

const MockPageContainer: React.FC<Omit<
PageContainerProps,
'store'
>> = props => {
const storyStore = React.useMemo(
() => new Store({ store, updateLocalStorage: false }),
[],
);
return <PageContainer store={storyStore} {...props} />;
};
export const overview = () => (
<MockPageContainer storyId="id-of-story">
<MockContext storyId="id-of-story">
<Title />
</MockPageContainer>
</MockContext>
);

export const components = () => (
<MockPageContainer
<MockContext
storyId="mdx-story"
components={{ h1: props => <div {...props} /> }}
components={{ h1: (props: any) => <div {...props} /> }}
>
<Title />
</MockPageContainer>
</MockContext>
);

0 comments on commit 80a981e

Please sign in to comment.