remove withKnobs in each stories as it is loaded by default in config.js

stomita · stomita · commit 8c45d917416f · 2017-03-30T19:17:20.000+09:00
diff --git a/stories/BadgeStories.js b/stories/BadgeStories.js
@@ -1,10 +1,8 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs } from '@kadira/storybook-addon-knobs';
 import { Badge } from '../src/scripts';
 
 storiesOf('Badge', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Default', 'Default badge', () => (
     <Badge onClick={ action('click') }>Badge Label</Badge>
   ))
diff --git a/stories/BreadCrumbsStories.js b/stories/BreadCrumbsStories.js
@@ -1,10 +1,8 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs } from '@kadira/storybook-addon-knobs';
 import { BreadCrumbs, Crumb } from '../src/scripts';
 
 storiesOf('BreadCrumbs', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Default', 'Default BreadCrumbs', () => (
     <BreadCrumbs>
       <Crumb onClick={ action('crumb1#click') }>Parent Entity</Crumb>
diff --git a/stories/ButtonGroupStories.js b/stories/ButtonGroupStories.js
@@ -1,12 +1,10 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs } from '@kadira/storybook-addon-knobs';
 import { ButtonGroup, Button, DropdownButton, MenuItem } from '../src/scripts';
 
 const darkBgStyle = { backgroundColor: '#16325c', padding: 4 };
 
 const stories = storiesOf('ButtonGroup', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Default', 'Default grouped buttons', () => (
     <ButtonGroup>
       <Button type='neutral' onClick={ action('click') }>Refresh</Button>
diff --git a/stories/ButtonStories.js b/stories/ButtonStories.js
@@ -1,13 +1,12 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean, select } from '@kadira/storybook-addon-knobs';
+import { text, boolean, select } from '@kadira/storybook-addon-knobs';
 import { Button } from '../src/scripts';
 
 const darkBgStyle = { backgroundColor: '#16325c', padding: 4 };
 const lightBgStyle = { backgroundColor: '#cccccc', padding: 4 };
 
 const stories = storiesOf('Button', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Button controlled with knobs', () => {
     const typeOptions = {
       '': '(none)',
diff --git a/stories/CheckboxStories.js b/stories/CheckboxStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean } from '@kadira/storybook-addon-knobs';
+import { text, boolean } from '@kadira/storybook-addon-knobs';
 import { CheckboxGroup, Checkbox } from '../src/scripts';
 
 storiesOf('Checkbox', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Checkbox controlled with knobs', () => (
     <CheckboxGroup
       label={ text('label', 'Checkbox Group Label') }
diff --git a/stories/DateInputStories.js b/stories/DateInputStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean } from '@kadira/storybook-addon-knobs';
+import { text, boolean } from '@kadira/storybook-addon-knobs';
 import { DateInput } from '../src/scripts';
 
 storiesOf('DateInput', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'DateInput controlled with knobs', () => (
     <DateInput
       label={ text('label', 'Date Input Label') }
diff --git a/stories/DatepickerStories.js b/stories/DatepickerStories.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import moment from 'moment';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text } from '@kadira/storybook-addon-knobs';
+import { text } from '@kadira/storybook-addon-knobs';
 import { Datepicker, Button } from '../src/scripts';
 
 const TodayButtonExtensionRenderer = (props) => {
@@ -27,7 +27,6 @@ const datepickerWrapperStyle = {
 };
 
 storiesOf('Datepicker', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'DateInput controlled with knobs', () => (
     <div style={ datepickerWrapperStyle }>
       <Datepicker
diff --git a/stories/DropdownButtonStories.js b/stories/DropdownButtonStories.js
@@ -1,13 +1,12 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean, select } from '@kadira/storybook-addon-knobs';
+import { text, boolean, select } from '@kadira/storybook-addon-knobs';
 import { DropdownButton, MenuItem } from '../src/scripts';
 
 const darkBgStyle = { backgroundColor: '#16325c', padding: 4 };
 const lightBgStyle = { backgroundColor: '#cccccc', padding: 4 };
 
 const stories = storiesOf('DropdownButton', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Dropdown button controlled with knobs', () => {
     const typeOptions = {
       '': '(none)',
diff --git a/stories/GridStories.js b/stories/GridStories.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import { storiesOf } from '@kadira/storybook';
-import { withKnobs } from '@kadira/storybook-addon-knobs';
 import { Grid, Row, Col } from '../src/scripts';
 
 const Box = ({ children }) => {
@@ -18,7 +17,6 @@ Box.propTypes = {
 };
 
 storiesOf('Grid', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Weighted', 'columns with weighted width', () => (
     <Grid>
       <Row cols={4}>
diff --git a/stories/IconStories.js b/stories/IconStories.js
@@ -1,14 +1,13 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, select } from '@kadira/storybook-addon-knobs';
+import { text, select } from '@kadira/storybook-addon-knobs';
 import { Icon } from '../src/scripts';
 
 const iconListItemStyle = {
   float: 'left', width: '10rem', height: '5rem', padding: '1.5rem', textAlign: 'center',
 };
 
 storiesOf('Icon', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Icon controlled with knobs', () => {
     const categoryOptions = {
       '': '(none)',
diff --git a/stories/InputStories.js b/stories/InputStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean, select } from '@kadira/storybook-addon-knobs';
+import { text, boolean, select } from '@kadira/storybook-addon-knobs';
 import { Input } from '../src/scripts';
 
 storiesOf('Input', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Input controlled with knobs', () => {
     const iconOptions = {
       '': '(none)',
diff --git a/stories/LookupStories.js b/stories/LookupStories.js
@@ -1,6 +1,6 @@
 import React, { PropTypes } from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean, object } from '@kadira/storybook-addon-knobs';
+import { text, boolean, object } from '@kadira/storybook-addon-knobs';
 import { Button, Lookup } from '../src/scripts';
 import COMPANIES from './data/COMPANIES';
 import OPPORTUNITIES from './data/OPPORTUNITIES';
@@ -147,7 +147,6 @@ class LookupControlled extends React.Component {
  * Lookup stories
  */
 storiesOf('Lookup', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Lookup controlled with knobs', () => (
     <Lookup
       label={ text('label', 'Lookup Label') }
diff --git a/stories/MediaObjectStories.js b/stories/MediaObjectStories.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import { storiesOf } from '@kadira/storybook';
-import { withKnobs } from '@kadira/storybook-addon-knobs';
 import { MediaObject, util } from '../src/scripts';
 
 const image1 = (
@@ -23,7 +22,6 @@ Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure
 Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis.`;
 
 storiesOf('MediaObject', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Figure', 'Media Object with figure in left', () => (
     <MediaObject figureLeft={ image1 }>
       <p>{ mediaText }</p>
diff --git a/stories/ModalStories.js b/stories/ModalStories.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, select, boolean } from '@kadira/storybook-addon-knobs';
+import { text, select, boolean } from '@kadira/storybook-addon-knobs';
 import {
   Modal, Button, Form, FieldSet, Input, DateInput, Picklist, PicklistItem, Lookup,
 } from '../src/scripts';
@@ -16,7 +16,6 @@ const LOOKUP_DATA = [
 
 
 storiesOf('Modal', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Modal controlled with knobs', () => (
     <Modal
       opened={ boolean('opened', true) }
diff --git a/stories/NotificationStories.js b/stories/NotificationStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, select, text, boolean } from '@kadira/storybook-addon-knobs';
+import { select, text, boolean } from '@kadira/storybook-addon-knobs';
 import { Notification, Alert, Toast } from '../src/scripts';
 
 storiesOf('Notification', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Notification controlled with knobs', () => {
     const typeOptions = {
       alert: 'alert',
diff --git a/stories/PageHeaderStories.js b/stories/PageHeaderStories.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import { storiesOf } from '@kadira/storybook';
-import { withKnobs } from '@kadira/storybook-addon-knobs';
 import {
   PageHeader,
   PageHeaderHeading,
@@ -13,7 +12,6 @@ import {
 } from '../src/scripts';
 
 storiesOf('PageHeader', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Base', 'Default Page Header', () => (
     <PageHeader>
       <PageHeaderHeading
diff --git a/stories/PicklistStories.js b/stories/PicklistStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean } from '@kadira/storybook-addon-knobs';
+import { text, boolean } from '@kadira/storybook-addon-knobs';
 import { Picklist, PicklistItem } from '../src/scripts';
 
 storiesOf('Picklist', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Picklist controlled with knobs', () => (
     <Picklist
       label={ text('label', 'Picklist Label') }
diff --git a/stories/PopoverStories.js b/stories/PopoverStories.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { storiesOf } from '@kadira/storybook';
-import { withKnobs, select, boolean } from '@kadira/storybook-addon-knobs';
+import { select, boolean } from '@kadira/storybook-addon-knobs';
 import { Popover } from '../src/scripts';
 
 const popoverText = `Lorem ipsum dolor sit amet, consectetur adipisicing elit.
@@ -9,7 +9,6 @@ ea corrupti odit minima?
 `;
 
 storiesOf('Popover', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Popover controlled with knobs', () => {
     const positionOptions = {
       '': '(none)',
diff --git a/stories/RadioStories.js b/stories/RadioStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean } from '@kadira/storybook-addon-knobs';
+import { text, boolean } from '@kadira/storybook-addon-knobs';
 import { RadioGroup, Radio } from '../src/scripts';
 
 storiesOf('Radio', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Radio Group controlled with knobs', () => (
     <RadioGroup
       label={ text('label', 'Radio Group Label') }
diff --git a/stories/SelectStories.js b/stories/SelectStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean } from '@kadira/storybook-addon-knobs';
+import { text, boolean } from '@kadira/storybook-addon-knobs';
 import { Select, Option } from '../src/scripts';
 
 storiesOf('Select', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Select controlled with knobs', () => (
     <Select
       label={ text('label', 'Select Label') }
diff --git a/stories/SpinnerStories.js b/stories/SpinnerStories.js
@@ -1,14 +1,13 @@
 import React from 'react';
 import { storiesOf } from '@kadira/storybook';
-import { withKnobs, select } from '@kadira/storybook-addon-knobs';
+import { select } from '@kadira/storybook-addon-knobs';
 import { Spinner } from '../src/scripts';
 
 
 const containerStyle = { position: 'relative', width: 100, height: 100, display: 'inline-block' };
 const inverseContainerStyle = Object.assign({}, containerStyle, { background: '#16325C' });
 
 storiesOf('Spinner', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Spinner with knobs', () => {
     const sizeOptions = {
       '': '(none)',
diff --git a/stories/TableStories.js b/stories/TableStories.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { storiesOf } from '@kadira/storybook';
-import { withKnobs, boolean } from '@kadira/storybook-addon-knobs';
+import { boolean } from '@kadira/storybook-addon-knobs';
 import {
   Table,
   TableHeader,
@@ -19,7 +19,6 @@ const records = new Array(6).join('_').split('').map((_, i) => [
 ]);
 
 storiesOf('Table', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Table controlled with knobs', () => {
     const bordered = boolean('bordered');
     const sortable = boolean('sortable');
diff --git a/stories/TabsStories.js b/stories/TabsStories.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text } from '@kadira/storybook-addon-knobs';
+import { text } from '@kadira/storybook-addon-knobs';
 import { Tabs, Tab, Icon, MenuItem } from '../src/scripts';
 
 function createMenu() {
@@ -32,7 +32,6 @@ function CustomTabItemContent(props) {
 }
 
 storiesOf('Tabs', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Tabs controlled with knobs', () => (
     <Tabs
       type={ text('type', 'default') }
diff --git a/stories/TextareaStories.js b/stories/TextareaStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean } from '@kadira/storybook-addon-knobs';
+import { text, boolean } from '@kadira/storybook-addon-knobs';
 import { Textarea } from '../src/scripts';
 
 storiesOf('Textarea', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Textarea controlled with knobs', () => (
     <Textarea
       label={ text('label', 'Textarea Label') }
diff --git a/stories/ToggleStories.js b/stories/ToggleStories.js
@@ -1,10 +1,9 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean } from '@kadira/storybook-addon-knobs';
+import { text, boolean } from '@kadira/storybook-addon-knobs';
 import { Toggle } from '../src/scripts';
 
 storiesOf('Toggle', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Toggle controlled with knobs', () => (
     <Toggle
       label={ text('label', 'Toggle Label') }
diff --git a/stories/TreeStories.js b/stories/TreeStories.js
@@ -1,11 +1,10 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import { withKnobs, text, boolean } from '@kadira/storybook-addon-knobs';
+import { text, boolean } from '@kadira/storybook-addon-knobs';
 import { Tree, TreeNode } from '../src/scripts';
 
 
 storiesOf('Tree', module)
-  .addDecorator(withKnobs)
   .addWithInfo('Controlled with knobs', 'Tree / TreeNode controlled with knobs', () => (
     <Tree
       label={ text('label tree', 'Tree Example #1') }
