Merge pull request #358 from tweettypography/lookup-story

Lookup story

Author: tweettypography

stories/index.js

@@ -8,4 +8,5 @@ export default from './data-table';
 export default from './forms/input';
 export default from './forms/input/inline';
 export default from './icon';
+export default from './lookup';
 export default from './spinner';

stories/lookup/index.jsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import { storiesOf, action } from '@kadira/storybook';
+
+import { LOOKUP } from '../../utilities/constants';
+import Lookup from '../../components/lookup';
+
+const DemoLookup = React.createClass({
+	displayName: 'DemoLookup',
+
+	getInitialState () {
+		return {
+			options: [
+				{ label: 'File 1' },
+				{ label: 'File 2' },
+				{ label: 'File 3' },
+				{ label: 'File 4' }
+			]
+		};
+	},
+
+	render () {
+		return (
+			<Lookup
+				{...this.props}
+				onChange={action('change')}
+				onSelect={this.handleSelect}
+				options={this.state.options}
+				selectedItem={this.state.selectedItem}
+			/>
+		);
+	},
+
+	handleSelect (selectedItem, ...rest) {
+		action('select')(selectedItem, ...rest);
+
+		this.setState({ selectedItem });
+	}
+});
+
+storiesOf(LOOKUP, module)
+	.addDecorator(getStory => <div className="slds-p-around--medium">{getStory()}</div>)
+	.add('standard', () => <DemoLookup
+		emptyMessage="No Files found"
+		hasError={false}
+		iconCategory="utility"
+		iconInverse={false}
+		iconName="open_folder"
+		label="Files"
+	/>);