Remove mapChildProps option

The caller can transform the props themselves via the function that
receives them.

Author: ragalie

README.md

@@ -68,8 +68,6 @@ The function provided will receive the following object:
     }
 }
 ```
-This structure may be customized by implementing `mapChildProps` API feature.
-
 The information in `detectedEnvironment` is acquired from interaction with this component and will be unset until the first interaction.
 
 ## Props API
@@ -88,12 +86,6 @@ All props are optional.
 
 **isEnabled** : Boolean - Enable or disable cursor position monitoring without remounting. Defaults to true.
 
-**mapChildProps** : Function - Model child component props to your custom shape.
-Function receives one parameter with the signature
-`{ isActive: Boolean, isPositionOutside: Boolean, position: { x: Number, y: Number } }`.  
-It should return an object that is compatible with the props interface of your child components.
-See [example demo](https://ethanselzer.github.io/react-cursor-position/#/map-child-props).
-
 **onActivationChanged** : Function - Called when the component is active.
 Function receives one parameter with the signature `{ isActive: Boolean }`.
 

example/public/map-child-props.html

@@ -46,7 +46,6 @@ class App extends Component {
                                     <NavItem href="#/activate-by-touch">Activate by Touch</NavItem>
                                     <NavItem href="#/class-name">Class Name</NavItem>
                                     <NavItem href="#/hover-delay">Hover Delay</NavItem>
-                                    <NavItem href="#/map-child-props">Map Child Props</NavItem>
                                     <NavItem href="#/detected-environment-changed">On Environment Changed</NavItem>
                                     <NavItem href="#/on-position-changed">On Position Changed</NavItem>
                                     <NavItem href="#/on-activation-changed">On Activation Changed</NavItem>

example/src/components/MapProps.js

@@ -11,7 +11,6 @@ import ClassName from './pages/ClassName';
 import PositionChanged from './pages/PositionChanged';
 import Home from './pages/Home';
 import ImageMagnify from './pages/ImageMagnify';
-import MapProps from './pages/MapProps';
 import Style from './pages/Style';
 import Support from './pages/Support';
 import DetectedEnvironmentChanged from './pages/DetectedEnvironmentChanged';
@@ -28,7 +27,6 @@ const Routes = (props) => (
         <Route path="/activate-by-touch" component={ActivatedByTouch} />
         <Route path="/activate-by-tap" component={ActivateByTap} />
         <Route path="/activate-by-press" component={ActivateByPress} />
-        <Route path="/map-child-props" component={MapProps} />
         <Route path="/on-position-changed" component={PositionChanged} />
         <Route path="/on-activation-changed" component={ActivationChanged} />
         <Route path="/style" component={Style} />

example/src/pages/Home.js

@@ -31,7 +31,6 @@ interface CursorPositionOptionsProps {
   className?: string;
   hoverDelayInMs?: number;
   isEnabled?: boolean;
-  mapChildProps?: (CursorPositionGeneratedProps) => object;
   onActivationChanged?: ({isActive: boolean}) => void;
   onDetectedEnvironmentChanged?: (DetectedEnvironment) => void;
   onPositionChanged?: (CursorPositionGeneratedProps) => void;

example/src/pages/MapProps.js

@@ -77,7 +77,6 @@ export default class extends React.Component {
         hoverDelayInMs: PropTypes.number,
         hoverOffDelayInMs: PropTypes.number,
         isEnabled: PropTypes.bool,
-        mapChildProps: PropTypes.func,
         onActivationChanged: PropTypes.func,
         onDetectedEnvironmentChanged: PropTypes.func,
         onPositionChanged: PropTypes.func,
@@ -95,7 +94,6 @@ export default class extends React.Component {
         hoverDelayInMs: 0,
         hoverOffDelayInMs: 0,
         isEnabled: true,
-        mapChildProps: props => props,
         onActivationChanged: noop,
         onDetectedEnvironmentChanged: noop,
         onPositionChanged: noop,
@@ -453,10 +451,10 @@ export default class extends React.Component {
     }
 
     render() {
-        const { children, className, mapChildProps, style } = this.props;
+        const { children, className, style } = this.props;
         const props = objectAssign(
             {},
-            mapChildProps(this.state),
+            this.state,
             this.getPassThroughProps()
         );
 

example/src/router.js

@@ -624,42 +624,6 @@ describe('ReactCursorPosition', () => {
             expect(tree.css('width')).toBe('100px');
         });
 
-        it('supports mapChildProps', () => {
-            function mapChildProps({ elementDimensions, isActive, isPositionOutside, position }) {
-                return {
-                    elementDimensions,
-                    isOperative: isActive,
-                    isAlfresco: isPositionOutside,
-                    point: position
-                };
-            }
-            const tree = getMountedComponentTree({
-                mapChildProps,
-                activationInteractionMouse: INTERACTIONS.CLICK,
-                activationInteractionTouch: INTERACTIONS.TOUCH
-            });
-            const instance = tree.instance();
-
-            instance.componentDidMount();
-            instance.onTouchStart(touchEvent);
-            instance.onTouchMove(touchEvent);
-            tree.update();
-
-            const childComponent = tree.find(GenericSpanComponent);
-            expect(childComponent.props()).toEqual({
-                elementDimensions: {
-                    width: 4,
-                    height: 4
-                },
-                isOperative: true,
-                isAlfresco: false,
-                point: {
-                    x: 1,
-                    y: 2
-                }
-            });
-        });
-
         it('supports onPositionChanged callback', () => {
             const spy = jest.fn();
             const tree = getMountedComponentTree({

src/ReactCursorPosition.d.ts

@@ -7,7 +7,6 @@ Object {
   "hoverDelayInMs": 0,
   "hoverOffDelayInMs": 0,
   "isEnabled": true,
-  "mapChildProps": [Function],
   "onActivationChanged": [Function],
   "onDetectedEnvironmentChanged": [Function],
   "onPositionChanged": [Function],