update suggestor examples.. (ss-wrap)

example/components/example/Example.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Section from '../section/Section';
-import SuggestorWrapper from './suggestor-wrapper/SuggestorWrapper';
+import SuggestorWrapper from '../wrapper';
 import Update from '../update/Update';
 import { countries, suggestions, numbers } from '../../data';
 import styles from './example.scss';

example/components/update/Update.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Suggestor from '../../../src';
 import Section from '../section/Section';
+import SuggestorWrapper from '../wrapper';
 import { countries, suggestions } from '../../data';
 import styles from './update.scss';
 
@@ -57,14 +57,12 @@ class Update extends React.Component {
 		return (
 			<div className={styles.container}>
 				<Section title="Updating props">
-					<Suggestor
+					<SuggestorWrapper
 						value={value}
 						list={suggestions}
-						onChange={console.info}
 						placeholder="..."
 						tooltip="type something"
-						style={{ width: '100%' }}
-						ref={this.suggestor}
+						ssRef={this.suggestor}
 					/>
 					<br />
 					<div className={styles.actions}>

example/components/example/suggestor-wrapper/SuggestorWrapper.jsx → example/components/wrapper/Wrapper.jsx

@@ -1,7 +1,8 @@
 import React from 'react';
-import Suggestor from '../../../../src';
-import '../../../../src/styles/index.scss';
-import { bootstrap3 as classSchema } from '../../../../src/themes';
+import PropTypes from 'prop-types';
+import Suggestor from '../../../src';
+import '../../../src/styles/index.scss';
+import { bootstrap3 as classSchema } from '../../../src/themes';
 
 const valueSelected = (value, item) => console.info('select: %s -> %o', value, item);
 
@@ -14,8 +15,13 @@ const SuggestorWrapper = props => (
 		onSelect={valueSelected}
 		placeholder="..."
 		style={{ width: '100%' }}
+		ref={props.ssRef}
 		{...props}
 	/>
 );
 
+SuggestorWrapper.propTypes = {
+	ssRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+};
+
 export default SuggestorWrapper;

example/components/wrapper/index.js

@@ -0,0 +1,3 @@
+import SuggestorWrapper from './Wrapper';
+
+export default SuggestorWrapper;