feat: add <HoverSensor>

Author: streamich

src/HoverSensor/__story__/story.tsx

@@ -0,0 +1,64 @@
+import {Component, cloneElement} from 'react';
+import {h, noop} from '../util';
+import renderProp from '../util/renderProp';
+import faccToHoc from '../util/faccToHoc';
+
+export interface IHoverSensorProps {
+  bond?: boolean | string;
+}
+
+export interface IHoverSensorState {
+  isHover: boolean;
+}
+
+export class HoverSensor extends Component<IHoverSensorProps, IHoverSensorState> {
+  state: IHoverSensorState = {
+    isHover: false
+  };
+
+  onMouseEnter = (originalOnMouseEnter?) => (event) => {
+    (originalOnMouseEnter || noop)(event);
+
+    this.setState({
+      isHover: true
+    });
+  };
+
+  onMouseLeave = (originalOnMouseLeave?) => (event) => {
+    (originalOnMouseLeave || noop)(event);
+
+    this.setState({
+      isHover: false
+    });
+  };
+
+  render () {
+    const state = {
+      ...this.state
+    };
+
+    let {bond} = this.props;
+
+    if (bond) {
+      if (typeof bond === 'boolean') {
+        bond = 'bond';
+      }
+
+      state[bond] = {
+        onMouseEnter: this.onMouseEnter(),
+        onMouseLeave: this.onMouseLeave()
+      };
+
+      return renderProp(this.props, state);
+    } else {
+      const element = renderProp(this.props, state);
+
+      return cloneElement(element, {
+        onMouseEnter: this.onMouseEnter(element.props.onMouseEnter),
+        onMouseLeave: this.onMouseLeave(element.props.onMouseLeave)
+      });
+    }
+  }
+}
+
+export const withHover = faccToHoc(HoverSensor, 'hover');