test: add <HoverSensor> docs

Author: streamich

src/HoverSensor/__story__/story.tsx

@@ -0,0 +1,43 @@
+import {createElement as h} from 'react';
+import {storiesOf} from '@storybook/react';
+import {action} from '@storybook/addon-actions';
+import {linkTo} from '@storybook/addon-links';
+import {HoverSensor, withHover} from '..';
+import ShowDocs from '../../../.storybook/ShowDocs'
+
+const Demo = ({bond, isHover}) =>
+  <div {...bond} style={{
+    border: '1px solid tomato',
+    padding: 30
+  }}>
+    {isHover ? 'HOVERED' : '...'}
+  </div>;
+
+const Hoc = withHover(Demo, '');
+
+storiesOf('Sensors/HoverSensor', module)
+  .add('Documentation', () => h(ShowDocs, {name: 'HoverSensor'}))
+  .add('FaCC', () =>
+    <HoverSensor>{({isHover}) =>
+      <div style={{
+        border: '1px solid tomato',
+        padding: 30
+      }}>
+        {isHover ? 'HOVERED' : '...'}
+      </div>
+    }</HoverSensor>
+  )
+  .add('FaCC with bond', () =>
+    <HoverSensor bond>{({bond, isHover}) =>
+      <div style={{border: '1px solid yellow'}}>
+        <div {...bond} style={{
+          border: '1px solid tomato',
+          padding: 30,
+          margin: 30
+        }}>
+          {isHover ? 'HOVERED' : '...'}
+        </div>
+      </div>
+    }</HoverSensor>
+  )
+  .add('HOC', () => <Hoc />);

src/HoverSensor/index.ts

@@ -61,4 +61,9 @@ export class HoverSensor extends Component<IHoverSensorProps, IHoverSensorState>
   }
 }
 
-export const withHover = faccToHoc(HoverSensor, 'hover');
+const HoverSensorWithBond = (props) => h(HoverSensor, {
+  bond: true,
+  ...props
+});
+
+export const withHover = faccToHoc(HoverSensorWithBond, 'hover');