Skip to content

Commit b5ee038

Browse files
usulprousulpro
committed
Fix linting
1 parent 4f1a122 commit b5ee038

File tree

13 files changed

+770
-770
lines changed

13 files changed

+770
-770
lines changed

‎develop/stories/index.js‎

Lines changed: 106 additions & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -1,106 +1,106 @@
1-
/* eslint-disable import/no-extraneous-dependencies */
2-
/* eslint-disable react/jsx-filename-extension */
3-
4-
import React from 'react';
5-
import { storiesOf, action, addDecorator } from '@storybook/react';
6-
import { setOptions } from '@storybook/addon-options';
7-
import { muiTheme } from 'storybook-addon-material-ui';
8-
import { WithNotes } from '@storybook/addon-notes';
9-
import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';
10-
11-
import App from '../App';
12-
import Header from '../Header';
13-
import Intro from '../Intro';
14-
import Button from '../button';
15-
import '../App.css';
16-
17-
const reqThemes = require.context('../.themes/', true, /.json/);
18-
const themesList = [];
19-
reqThemes.keys().forEach((filename) => {
20-
themesList.push(reqThemes(filename));
21-
});
22-
23-
/** note: decorators
24-
* You can add decorator globally:
25-
* addDecorator(muiTheme(greyTheme));
26-
* You can pass a single object or an array of themes
27-
*/
28-
29-
30-
storiesOf('No decorator', module)
31-
.add('Example1', () => (
32-
<div className="example-component">
33-
<Button title="no decor 1" />
34-
</div>
35-
))
36-
.add('Example2', () => (
37-
<div className="example-component">
38-
<Button title="no decor 2" />
39-
</div>
40-
))
41-
.querry()
42-
43-
44-
storiesOf('Podda App1', module)
45-
.add('Example1', () => (
46-
<div className="example-component">
47-
<Button title="Example 1" />
48-
</div>
49-
))
50-
.add('Example2', () => (
51-
<div className="example-component">
52-
<Button title="Example 2" />
53-
</div>
54-
));
55-
56-
storiesOf('Podda App2', module)
57-
.add('Example3', () => (
58-
<div className="example-component">
59-
<Button title="Example 3" />
60-
</div>
61-
))
62-
63-
.add('Example4', () => (
64-
<div className="example-component">
65-
<Button title="Example 4" />
66-
</div>
67-
));
68-
69-
storiesOf('Knobs1', module)
70-
.addDecorator(withKnobs)
71-
.add('Knob1', () => (
72-
<div>
73-
<p>{text('Title1', 'Knob1.Title')}!!!</p>
74-
<p>{text('Subtitle1', 'Knob1.SubTitle')}</p>
75-
</div>
76-
))
77-
.add('Knob2', () => (
78-
<div>
79-
<p>{text('Title2', 'Knob2.Title')}</p>
80-
<p>{text('Subtitle2', 'Knob2.SubTitle')}</p>
81-
</div>
82-
));
83-
84-
85-
storiesOf('Knobs2', module)
86-
.addDecorator(withKnobs)
87-
.add('Knob3', () => (
88-
<div>
89-
<p>{text('Title3', 'Knob1.Title')}</p>
90-
<p>{text('Subtitle3', 'Knob1.SubTitle')}</p>
91-
</div>
92-
))
93-
.add('Knob4', () => (
94-
<div>
95-
<p>{text('Title4', 'Knob2.Title')}</p>
96-
<p>{text('Subtitle4', 'Knob2.SubTitle')}</p>
97-
</div>
98-
));
99-
100-
101-
102-
function withNote(note, child) {
103-
return (
104-
<WithNotes notes={note}>{child || null}</WithNotes>
105-
);
106-
}
1+
/* eslint-disable import/no-extraneous-dependencies */
2+
/* eslint-disable react/jsx-filename-extension */
3+
4+
import React from 'react';
5+
import { storiesOf, action, addDecorator } from '@storybook/react';
6+
import { setOptions } from '@storybook/addon-options';
7+
import { muiTheme } from 'storybook-addon-material-ui';
8+
import { WithNotes } from '@storybook/addon-notes';
9+
import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';
10+
11+
import App from '../App';
12+
import Header from '../Header';
13+
import Intro from '../Intro';
14+
import Button from '../button';
15+
import '../App.css';
16+
17+
const reqThemes = require.context('../.themes/', true, /.json/);
18+
const themesList = [];
19+
reqThemes.keys().forEach((filename) => {
20+
themesList.push(reqThemes(filename));
21+
});
22+
23+
/** note: decorators
24+
* You can add decorator globally:
25+
* addDecorator(muiTheme(greyTheme));
26+
* You can pass a single object or an array of themes
27+
*/
28+
29+
30+
storiesOf('No decorator', module)
31+
.add('Example1', () => (
32+
<div className="example-component">
33+
<Button title="no decor 1" />
34+
</div>
35+
))
36+
.add('Example2', () => (
37+
<div className="example-component">
38+
<Button title="no decor 2" />
39+
</div>
40+
))
41+
.querry()
42+
43+
44+
storiesOf('Podda App1', module)
45+
.add('Example1', () => (
46+
<div className="example-component">
47+
<Button title="Example 1" />
48+
</div>
49+
))
50+
.add('Example2', () => (
51+
<div className="example-component">
52+
<Button title="Example 2" />
53+
</div>
54+
));
55+
56+
storiesOf('Podda App2', module)
57+
.add('Example3', () => (
58+
<div className="example-component">
59+
<Button title="Example 3" />
60+
</div>
61+
))
62+
63+
.add('Example4', () => (
64+
<div className="example-component">
65+
<Button title="Example 4" />
66+
</div>
67+
));
68+
69+
storiesOf('Knobs1', module)
70+
.addDecorator(withKnobs)
71+
.add('Knob1', () => (
72+
<div>
73+
<p>{text('Title1', 'Knob1.Title')}!!!</p>
74+
<p>{text('Subtitle1', 'Knob1.SubTitle')}</p>
75+
</div>
76+
))
77+
.add('Knob2', () => (
78+
<div>
79+
<p>{text('Title2', 'Knob2.Title')}</p>
80+
<p>{text('Subtitle2', 'Knob2.SubTitle')}</p>
81+
</div>
82+
));
83+
84+
85+
storiesOf('Knobs2', module)
86+
.addDecorator(withKnobs)
87+
.add('Knob3', () => (
88+
<div>
89+
<p>{text('Title3', 'Knob1.Title')}</p>
90+
<p>{text('Subtitle3', 'Knob1.SubTitle')}</p>
91+
</div>
92+
))
93+
.add('Knob4', () => (
94+
<div>
95+
<p>{text('Title4', 'Knob2.Title')}</p>
96+
<p>{text('Subtitle4', 'Knob2.SubTitle')}</p>
97+
</div>
98+
));
99+
100+
101+
102+
function withNote(note, child) {
103+
return (
104+
<WithNotes notes={note}>{child || null}</WithNotes>
105+
);
106+
}

‎setAddon/addon_querry.js‎

Lines changed: 41 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,41 @@
1-
import React from 'react';
2-
import { initStore } from '../src';
3-
import { ENQ_ASK } from '../src/store/store';
4-
5-
import config from './config';
6-
7-
const storeEnv = initStore(config);
8-
const setupChannel = storeEnv.channelInit(ENQ_ASK, 'ad02');
9-
const stopChannel = setupChannel();
10-
// console.log(storeEnv);
11-
const store = storeEnv.addonStore.getAll();
12-
// console.log('store:', store);
13-
let querry = {
14-
chapter: 'undef',
15-
};
16-
const stopQuerySubscription = storeEnv.addonStore.watch('queryData', (data) => {
17-
// console.info('queryData in addon:', data)
18-
querry = data;
19-
});
20-
21-
const querryManager = {
22-
qIndex: 0,
23-
getInd() {
24-
return querryManager.qIndex++;
25-
},
26-
}
27-
28-
const addons = {
29-
querry() {
30-
// console.log('store querry:', storeEnv.addonStore.getAll());
31-
this.add('querry addon', () => {
32-
// console.log('store select:', storeEnv.addonStore.getAll());
33-
// storeEnv.addonStore.set('queryData', {chapter: 'lalala'});
34-
return (<div>
35-
It is a test querry addon: {`#${querry.chapter}`}
36-
</div>)
37-
})
38-
}
39-
}
40-
41-
export default addons;
1+
import React from 'react';
2+
import { initStore } from '../src';
3+
import { ENQ_ASK } from '../src/store/store';
4+
5+
import config from './config';
6+
7+
const storeEnv = initStore(config);
8+
const setupChannel = storeEnv.channelInit(ENQ_ASK, 'ad02');
9+
const stopChannel = setupChannel();
10+
// console.log(storeEnv);
11+
const store = storeEnv.addonStore.getAll();
12+
// console.log('store:', store);
13+
let querry = {
14+
chapter: 'undef',
15+
};
16+
const stopQuerySubscription = storeEnv.addonStore.watch('queryData', (data) => {
17+
// console.info('queryData in addon:', data)
18+
querry = data;
19+
});
20+
21+
const querryManager = {
22+
qIndex: 0,
23+
getInd() {
24+
return querryManager.qIndex++;
25+
},
26+
}
27+
28+
const addons = {
29+
querry() {
30+
// console.log('store querry:', storeEnv.addonStore.getAll());
31+
this.add('querry addon', () => {
32+
// console.log('store select:', storeEnv.addonStore.getAll());
33+
// storeEnv.addonStore.set('queryData', {chapter: 'lalala'});
34+
return (<div>
35+
It is a test querry addon: {`#${querry.chapter}`}
36+
</div>)
37+
})
38+
}
39+
}
40+
41+
export default addons;

‎setAddon/index.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
import querryAddon from './addon_querry';
2-
export default querryAddon ;
1+
import querryAddon from './addon_querry';
2+
export default querryAddon;

‎setAddon/register.js‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import { register } from '../src';
2-
import { ENQ_SEND } from '../src/store/store';
3-
//import addonApi from './api';
4-
import config from './config';
5-
//import defaultData from './defaultData';
6-
//import panelRoutes from './panelRoutes';
7-
8-
9-
register(config, (env) => {
10-
const setupChannel = env.channelInit(ENQ_SEND, 'qq01');
11-
const stopChannel = setupChannel();
12-
});
1+
import { register } from '../src';
2+
import { ENQ_SEND } from '../src/store/store';
3+
//import addonApi from './api';
4+
import config from './config';
5+
//import defaultData from './defaultData';
6+
//import panelRoutes from './panelRoutes';
7+
8+
9+
register(config, (env) => {
10+
const setupChannel = env.channelInit(ENQ_SEND, 'qq01');
11+
const stopChannel = setupChannel();
12+
});

‎setup/index.js‎

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
1-
import { addDecorator } from '@storybook/react';
2-
import { addonManager } from '../src';
3-
import decorComposer from './containers/addonDecorator';
4-
import routes from './decoratorRoutes';
5-
6-
import addonApi from './api';
7-
import config from './config';
8-
import defaultData from './defaultData';
9-
10-
//addonManager.setDefaultData(defaultData);
11-
//addonManager.setAddonApi(api);
12-
//addonManager.setConfig(config);
13-
addonManager.setStoreSettings({
14-
defaultData,
15-
addonApi,
16-
config,
17-
queryParams: {
18-
label: 'init',
19-
index: 0,
20-
},
21-
});
22-
23-
export function addonDecorator(initData) {
24-
// const keyGen = (keyPref, context) => `${keyPref}::${context.kind}`;
25-
return addonManager.buidDecorator(initData, routes, 'lc');
26-
}
27-
28-
export function globalDecorator(initData) {
29-
// const keyGen = (keyPref, context) => `${keyPref}`;
30-
// const keyGen = (keyPref, context) => `${keyPref}::${context.kind}`;
31-
addDecorator(addonManager.buidDecorator(initData, routes, 'gl'));
32-
}
33-
1+
import { addDecorator } from '@storybook/react';
2+
import { addonManager } from '../src';
3+
import decorComposer from './containers/addonDecorator';
4+
import routes from './decoratorRoutes';
5+
6+
import addonApi from './api';
7+
import config from './config';
8+
import defaultData from './defaultData';
9+
10+
//addonManager.setDefaultData(defaultData);
11+
//addonManager.setAddonApi(api);
12+
//addonManager.setConfig(config);
13+
addonManager.setStoreSettings({
14+
defaultData,
15+
addonApi,
16+
config,
17+
queryParams: {
18+
label: 'init',
19+
index: 0,
20+
},
21+
});
22+
23+
export function addonDecorator(initData) {
24+
// const keyGen = (keyPref, context) => `${keyPref}::${context.kind}`;
25+
return addonManager.buidDecorator(initData, routes, 'lc');
26+
}
27+
28+
export function globalDecorator(initData) {
29+
// const keyGen = (keyPref, context) => `${keyPref}`;
30+
// const keyGen = (keyPref, context) => `${keyPref}::${context.kind}`;
31+
addDecorator(addonManager.buidDecorator(initData, routes, 'gl'));
32+
}
33+

0 commit comments

Comments
 (0)