StoryUpdates

.eslintrc.json

@@ -2,6 +2,7 @@
   "parser": "babel-eslint",
   "extends": "appfolio-react",
   "rules": {
+    "max-len": 0,
     "react/prefer-stateless-function": 0,
     "react/prop-types": 1,
     "require-jsdoc": 0

stories/Address.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
-import Select from '../src/components/Select';
 import { boolean, text, select, object } from '@kadira/storybook-addon-knobs';
 import { AddressInput } from '../src';
 import states from '../src/components/address/USStates.js';

stories/Card.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Button } from 'reactstrap';
 import { storiesOf } from '@kadira/storybook';
 import { text, boolean, select } from '@kadira/storybook-addon-knobs';
 

stories/Datapair.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, Card, CardBlock, Container } from 'reactstrap';
+import { Button, Card, CardBlock } from 'reactstrap';
 import { storiesOf } from '@kadira/storybook';
 
 import { Datapair } from '../src';

stories/FeatureBanner.js

@@ -5,14 +5,14 @@ import { text } from '@kadira/storybook-addon-knobs';
 
 storiesOf('FeatureBanner', module)
   .addWithInfo('Live example', () => (
-      <FeatureBanner
-        alertText={text('alertText', 'New')}
-        title={text('title', 'Company-Wide View of Text Messages')}
-        subtitle={text('subtitle', 'View all text messages sent by your company from this page.')}
-      >
-        <Button className="font-weight-bold text-uppercase bg-muted text-primary" outline>
-          <Icon name="envelope" className="mr-2" />
-          Feedback
-        </Button>
-      </FeatureBanner>
-    ));
+    <FeatureBanner
+      alertText={text('alertText', 'New')}
+      title={text('title', 'Company-Wide View of Text Messages')}
+      subtitle={text('subtitle', 'View all text messages sent by your company from this page.')}
+    >
+      <Button className="font-weight-bold text-uppercase bg-muted text-primary" outline>
+        <Icon name="envelope" className="mr-2" />
+        Feedback
+      </Button>
+    </FeatureBanner>
+  ));

stories/Forms.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Container, Input } from 'reactstrap';
+import { Input } from 'reactstrap';
 import { storiesOf, action } from '@kadira/storybook';
 
 import { BoundForm, BoundFormRow, FormRow, FormChoice, CurrencyInput, AddressInput } from '../src';
@@ -35,7 +35,7 @@ storiesOf('Forms', module)
           sm: number('sm width', 12, colKnobOptions),
           md: number('md width', 12, colKnobOptions),
           lg: number('lg width', 12, colKnobOptions),
-          xl: number('xl width', 12, colKnobOptions )
+          xl: number('xl width', 12, colKnobOptions)
         }}
         name="live-input"
       >
@@ -66,7 +66,7 @@ storiesOf('Forms', module)
       <FormRow label="DOB" required />
       <FormRow label="Disabled Field" disabled />
       <FormRow label="Who is Luke's Father?" value="Darth Vader" type="static" />
-      <FormRow state="warning" placeholder="Labels can be omitted but that may be bad"/>
+      <FormRow state="warning" placeholder="Labels can be omitted but that may be bad" />
       <FormRow type="textarea" label="Notes" />
       <FormRow type="select" label="Select Movie" color="success" feedback="Awesome!">
         <FormChoice value="override">A New Hope</FormChoice>
@@ -96,7 +96,8 @@ storiesOf('Forms', module)
     <BoundForm
       object={formData}
       errors={object('errors', { lastName: "can't be blank" })}
-      onSubmit={action('submit')}>
+      onSubmit={action('submit')}
+    >
       <BoundFormRow label="First Name" name="firstName" />
       <BoundFormRow label="Last Name" name="lastName" required />
       <BoundFormRow type={CurrencyInput} label="How much would you pay to meet the cast?" name="amount" />
@@ -118,7 +119,7 @@ storiesOf('Forms', module)
         <FormChoice value="shuttle">Imperial Shuttle</FormChoice>
       </BoundFormRow>
       <BoundFormRow type={AddressInput} name="address" label="Address" />
-      <BoundFormRow type="file" label="Death Star Schematics" name="deathStarPlans" multiple/>
+      <BoundFormRow type="file" label="Death Star Schematics" name="deathStarPlans" multiple />
       <button className="btn btn-primary">Submit</button>
     </BoundForm>
   ));

stories/Icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { storiesOf } from '@kadira/storybook';
 
 import { Button, Icon } from '../src';
-import { text, boolean, number, object, select } from '@kadira/storybook-addon-knobs';
+import { text, boolean, select } from '@kadira/storybook-addon-knobs';
 
 storiesOf('Icon', module)
   .addWithInfo('Live example', () => (

stories/Layout.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { storiesOf } from '@kadira/storybook';
 
-import { Card, Container, Col, Row } from '../src';
+import { Container, Col, Row } from '../src';
 
 storiesOf('Layout', module)
   .addWithInfo('Grid', () => (

stories/More.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { storiesOf } from '@kadira/storybook';
-import { Alert, Col, Row } from '../src';
+import { Alert } from '../src';
 
 storiesOf('and more...', module)
   .add('', () => (

stories/Note.js

@@ -46,7 +46,7 @@ storiesOf('Note', module)
         onSave={() => alert('Save')}
         onUndelete={n => alert(`onUndelete: ${JSON.stringify(n)}`)}
       >
-        <img src="http://lorempixel.com/200/100/sports/" />
+        <img src="http://lorempixel.com/200/100/sports/" alt="Sample" />
       </Note>
     );
   });