Rename stories files (#328)

* Rename stories files

* Add title property to stories

src/components/ArrayInput/index.stories.tsx → src/components/ArrayInput/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/ArrayInput',
     component: Component
 };
 

src/components/BooleanInput/index.stories.tsx → src/components/BooleanInput/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/BooleanInput',
     component: Component
 };
 

src/components/Button/index.stories.tsx → src/components/Button/component.stories.tsx

@@ -4,6 +4,7 @@ import '../../scss/index.js';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/Button',
     component: Component
 };
 

src/components/Canvas/index.stories.tsx → src/components/Canvas/component.stories.tsx

@@ -3,6 +3,7 @@ import * as React from 'react';
 import CanvasComponent from './component';
 
 export default {
+    title: 'Components/Canvas',
     component: CanvasComponent
 };
 

src/components/Code/index.stories.tsx → src/components/Code/component.stories.tsx

@@ -4,6 +4,7 @@ import Component from './component';
 import '../../scss/index.js';
 
 export default {
+    title: 'Components/Code',
     component: Component
 };
 

src/components/ColorPicker/index.stories.tsx → src/components/ColorPicker/component.stories.tsx

@@ -3,6 +3,7 @@ import * as React from 'react';
 import ColorPickerComponent from './component';
 
 export default {
+    title: 'Components/ColorPicker',
     component: ColorPickerComponent
 };
 

src/components/Container/index.stories.tsx → src/components/Container/component.stories.tsx

@@ -4,6 +4,7 @@ import Container from './component';
 import Label from '../Label/component';
 
 export default {
+    title: 'Components/Container',
     component: Container
 };
 

src/components/Progress/index.stories.tsx → src/components/Divider/component.stories.tsx

@@ -4,6 +4,7 @@ import Component from './component';
 import '../../scss/index.js';
 
 export default {
+    title: 'Components/Divider',
     component: Component
 };
 

src/components/GradientPicker/index.stories.tsx → src/components/GradientPicker/component.stories.tsx

@@ -22,6 +22,7 @@ const defaultValue = {
 };
 
 export default {
+    title: 'Components/GradientPicker',
     component: GradientPickerComponent
 };
 

src/components/GridView/index.stories.tsx → src/components/GridView/component.stories.tsx

@@ -4,6 +4,7 @@ import GridView from './component';
 import GridViewItem from '../GridViewItem/component';
 
 export default {
+    title: 'Components/GridView',
     component: GridView
 };
 

src/components/InfoBox/index.stories.tsx → src/components/InfoBox/component.stories.tsx

@@ -4,6 +4,7 @@ import Component from './component';
 import '../../scss/index.js';
 
 export default {
+    title: 'Components/InfoBox',
     component: Component
 };
 

src/components/Label/index.stories.tsx → src/components/Label/component.stories.tsx

@@ -4,6 +4,7 @@ import Component from './component';
 import '../../scss/index.js';
 
 export default {
+    title: 'Components/Label',
     component: Component
 };
 

src/components/LabelGroup/index.stories.tsx → src/components/LabelGroup/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import TextInput from '../TextInput/component';
 
 export default {
+    title: 'Components/LabelGroup',
     component: Component
 };
 

src/components/Menu/index.stories.tsx → src/components/Menu/component.stories.tsx

@@ -9,6 +9,7 @@ import Menu from '../Menu';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/Menu',
     component: Component
 };
 

src/components/NumericInput/component.stories.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+import Component from './component';
+import '../../scss/index.js';
+import { action } from '@storybook/addon-actions';
+
+export default {
+    title: 'Components/NumericInput',
+    component: Component
+};
+
+export const Main = args => <Component onChange={action('value-change')} {...args} />;

src/components/Overlay/index.stories.tsx → src/components/Overlay/component.stories.tsx

@@ -3,6 +3,7 @@ import Component from './component';
 import '../../scss/index.js';
 
 export default {
+    title: 'Components/Overlay',
     component: Component
 };
 

src/components/Panel/index.stories.tsx → src/components/Panel/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import Label from '../Label/component';
 
 export default {
+    title: 'Components/Panel',
     component: Component
 };
 

src/components/Divider/index.stories.tsx → src/components/Progress/component.stories.tsx

@@ -4,6 +4,7 @@ import Component from './component';
 import '../../scss/index.js';
 
 export default {
+    title: 'Components/Progress',
     component: Component
 };
 

src/components/RadioButton/index.stories.tsx → src/components/RadioButton/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/RadioButton',
     component: Component
 };
 

src/components/TextInput/index.stories.tsx → src/components/SelectInput/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/SelectInput',
     component: Component
 };
 

src/components/TextAreaInput/index.stories.tsx → src/components/SliderInput/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/SliderInput',
     component: Component
 };
 

src/components/Spinner/index.stories.tsx → src/components/Spinner/component.stories.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
 
 import SpinnerComponent from './component';
+
 export default {
+    title: 'Components/Spinner',
     component: SpinnerComponent
 };
 

src/components/TextAreaInput/component.stories.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+import Component from './component';
+import '../../scss/index.js';
+import { action } from '@storybook/addon-actions';
+
+export default {
+    title: 'Components/TextAreaInput',
+    component: Component
+};
+
+export const Main = args => <Component onChange={action('value-change')} {...args} />;

src/components/NumericInput/index.stories.tsx → src/components/TextInput/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/TextInput',
     component: Component
 };
 

src/components/TreeView/index.stories.tsx → src/components/TreeView/component.stories.tsx

@@ -4,6 +4,7 @@ import TreeView from './component';
 import TreeViewItem from '../TreeViewItem/component';
 
 export default {
+    title: 'Components/TreeView',
     component: TreeView
 };
 

src/components/SelectInput/index.stories.tsx → src/components/VectorInput/component.stories.tsx

@@ -5,6 +5,7 @@ import '../../scss/index.js';
 import { action } from '@storybook/addon-actions';
 
 export default {
+    title: 'Components/VectorInput',
     component: Component
 };