mapDomNodeToProps → mapNodeToProps

Author: ngryman

README.md

@@ -115,18 +115,18 @@ const CoolGreeting = ({ userId, name }) => (
 )
 ```
 
-By using the `mapDomNodeToProps` prop, you can easily pass this data like so:
+By using the `mapNodeToProps` prop, you can easily pass this data like so:
 
 ```js
 import dataAttributes from 'data-attributes';
 
-const mapDomNodeToProps = (node) => ({
+const mapNodeToProps = (node) => ({
   name: node.textContent,
   ...dataAttributes(node)
 });
 
 ReactDOM.render(
-  <ElementPortal id="header" mapDomNodeToProps={mapDomNodeToProps} />,
+  <ElementPortal id="header" mapNodeToProps={mapNodeToProps} />,
   document.getElementById('app')
 );
 ```

src/ElementPortal.js

@@ -11,7 +11,7 @@ const ElementPortal = createReactClass({
   propTypes: {
     selector: PropTypes.string,
     component: PropTypes.func,
-    mapDomNodeToProps: PropTypes.func,
+    mapNodeToProps: PropTypes.func,
     resetStyle: PropTypes.bool
   },
 
@@ -34,15 +34,15 @@ const ElementPortal = createReactClass({
   },
 
   renderNode(node) {
-    const mapDomNodeToProps = this.props.mapDomNodeToProps || noop;
+    const mapNodeToProps = this.props.mapNodeToProps || noop;
 
     if (this.props.resetStyle) {
       node.removeAttribute('class');
       node.removeAttribute('style');
     }
 
     const children = this.props.component
-      ? React.createElement(this.props.component, mapDomNodeToProps(node))
+      ? React.createElement(this.props.component, mapNodeToProps(node))
       : React.Children.only(this.props.children);
 
     ReactDOM.unstable_renderSubtreeIntoContainer(

src/withElementPortal.js

@@ -6,12 +6,12 @@ function getDisplayName(Component) {
 }
 
 const withElementPortal = (Child) => {
-  const Portal = ({ selector, resetStyle, mapDomNodeToProps, ...childProps }) => {
+  const Portal = ({ selector, resetStyle, mapNodeToProps, ...childProps }) => {
     const ChildWrapper = (props) => <Child {...childProps} {...props} />;
     return <ElementPortal
       selector={selector}
       component={ChildWrapper}
-      mapDomNodeToProps={mapDomNodeToProps}
+      mapNodeToProps={mapNodeToProps}
       resetStyle={resetStyle}
     />;
   };

test/ElementPortal.js

@@ -95,14 +95,14 @@ test('map dom node to props', t => {
     <div id="${appId}">
     </div>
   `;
-  const mapDomNodeToProps = (domNode) => ({
+  const mapNodeToProps = (domNode) => ({
     name: domNode.textContent,
     isNew: !!domNode.getAttribute('data-new')
   });
   const Greeting = ({ name, isNew }) => (<div>Hello {isNew && 'and welcome '}{name}</div>);
   render(
     <div>
-      <ElementPortal selector="li.greeting" component={Greeting} mapDomNodeToProps={mapDomNodeToProps} />
+      <ElementPortal selector="li.greeting" component={Greeting} mapNodeToProps={mapNodeToProps} />
     </div>,
     document.getElementById(appId)
   );
@@ -238,7 +238,7 @@ test('map dom node to props when used as HOC', t => {
     <div id="${headerId}" data-new="true">Joe</div>
     <div id="${appId}">Mary</div>
   `;
-  const mapDomNodeToProps = (domNode) => ({
+  const mapNodeToProps = (domNode) => ({
     name: domNode.textContent,
     isNew: !!domNode.getAttribute('data-new')
   });
@@ -247,7 +247,7 @@ test('map dom node to props when used as HOC', t => {
 
   render(
     <div>
-      <GreetingWithPortal selector={`#${headerId}`} mapDomNodeToProps={mapDomNodeToProps} />
+      <GreetingWithPortal selector={`#${headerId}`} mapNodeToProps={mapNodeToProps} />
     </div>,
     document.getElementById(appId)
   );