react-popper - npm Package Compare versions

Comparing version 1.3.2 to 1.3.3

dist/index.umd.js

@@ -1147,3 +1147,3 @@ (function (global, factory) {
   var ManagerContext = createContext({
-    getReferenceRef: undefined,
+    setReferenceNode: undefined,
     referenceNode: undefined
@@ -1162,4 +1162,8 @@ });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getReferenceRef", function (referenceNode) {
-        return _this.setState(function (_ref) {
+      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "setReferenceNode", function (referenceNode) {
+        if (!referenceNode || _this.state.context.referenceNode === referenceNode) {
+          return;
+        }
+
+        _this.setState(function (_ref) {
           var context = _ref.context;
@@ -1176,3 +1180,3 @@ return {
         context: {
-          getReferenceRef: _this.getReferenceRef,
+          setReferenceNode: _this.setReferenceNode,
           referenceNode: undefined
@@ -1470,3 +1474,3 @@ }
         safeInvoke(_this.props.innerRef, node);
-        safeInvoke(_this.props.getReferenceRef, node);
+        safeInvoke(_this.props.setReferenceNode, node);
       });
@@ -1480,3 +1484,3 @@
     _proto.render = function render() {
-      warning_1$1(this.props.getReferenceRef, '`Reference` should not be used outside of a `Manager` component.');
+      warning_1$1(Boolean(this.props.setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
       return unwrapArray(this.props.children)({
@@ -1492,5 +1496,5 @@ ref: this.refHandler
     return React.createElement(ManagerContext.Consumer, null, function (_ref) {
-      var getReferenceRef = _ref.getReferenceRef;
+      var setReferenceNode = _ref.setReferenceNode;
       return React.createElement(InnerReference, _extends({
-        getReferenceRef: getReferenceRef
+        setReferenceNode: setReferenceNode
       }, props));
@@ -1497,0 +1501,0 @@ });

dist/index.umd.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","react","popper.js"],t):t(e.ReactPopper={},e.React,e.Popper)}(this,function(e,o,p){"use strict";var d="default"in o?o.default:o;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function n(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}p=p&&p.hasOwnProperty("default")?p.default:p;var t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function u(e,t){return e(t={exports:{}},t.exports),t.exports}var c=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;(function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}})()&&Object.assign;function h(){}var y=u(function(e){e.exports=function(){function e(e,t,n,r,o,p){if("SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"!==p){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function t(){return e}var n={array:e.isRequired=e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=h,n.PropTypes=n}()}),v="__global_unique_id__",m=function(){return t[v]=(t[v]||0)+1};function b(e){return function(){return e}}var g=function(){};g.thatReturns=b,g.thatReturnsFalse=b(!1),g.thatReturnsTrue=b(!0),g.thatReturnsNull=b(null),g.thatReturnsThis=function(){return this},g.thatReturnsArgument=function(e){return e};var O=g,w=u(function(e,t){t.__esModule=!0;n(d);var a=n(y),s=n(m);n(O);function n(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var l=1073741823;t.default=function(e,i){var t,n,r="__create-react-context-"+(0,s.default)()+"__",o=function(a){function s(){var e,t,n,r;u(this,s);for(var o=arguments.length,p=Array(o),i=0;i<o;i++)p[i]=arguments[i];return(e=t=c(this,a.call.apply(a,[this].concat(p)))).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(t){r=r.filter(function(e){return e!==t})},get:function(){return n},set:function(e,t){n=e,r.forEach(function(e){return e(n,t)})}}),c(t,e)}return f(s,a),s.prototype.getChildContext=function(){var e;return(e={})[r]=this.emitter,e},s.prototype.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var t=this.props.value,n=e.value,r=void 0;((o=t)===(p=n)?0!==o||1/o==1/p:o!=o&&p!=p)?r=0:(r="function"==typeof i?i(t,n):l,0!=(r|=0)&&this.emitter.set(e.value,r))}var o,p},s.prototype.render=function(){return this.props.children},s}(d.Component);o.childContextTypes=((t={})[r]=a.default.object.isRequired,t);var p=function(p){function i(){var e,n;u(this,i);for(var t=arguments.length,r=Array(t),o=0;o<t;o++)r[o]=arguments[o];return(e=n=c(this,p.call.apply(p,[this].concat(r)))).state={value:n.getValue()},n.onUpdate=function(e,t){0!=((0|n.observedBits)&t)&&n.setState({value:n.getValue()})},c(n,e)}return f(i,p),i.prototype.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?l:t},i.prototype.componentDidMount=function(){this.context[r]&&this.context[r].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?l:e},i.prototype.componentWillUnmount=function(){this.context[r]&&this.context[r].off(this.onUpdate)},i.prototype.getValue=function(){return this.context[r]?this.context[r].get():e},i.prototype.render=function(){return e=this.props.children,(Array.isArray(e)?e[0]:e)(this.state.value);var e},i}(d.Component);return p.contextTypes=((n={})[r]=a.default.object,n),{Provider:o,Consumer:p}},e.exports=t.default});r(w);var P=r(u(function(e,t){t.__esModule=!0;var n=o(d),r=o(w);function o(e){return e&&e.__esModule?e:{default:e}}t.default=n.default.createContext||r.default,e.exports=t.default}))({getReferenceRef:void 0,referenceNode:void 0}),_=function(t){function e(){var e;return i(s(s(e=t.call(this)||this)),"getReferenceRef",function(t){return e.setState(function(e){return{context:a({},e.context,{referenceNode:t})}})}),e.state={context:{getReferenceRef:e.getReferenceRef,referenceNode:void 0}},e}return n(e,t),e.prototype.render=function(){return o.createElement(P.Provider,{value:this.state.context},this.props.children)},e}(o.Component),R=function(e){return Array.isArray(e)?e[0]:e},E=function(e){if("function"==typeof e){for(var t=arguments.length,n=new Array(1<t?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return e.apply(void 0,n)}},x={position:"absolute",top:0,left:0,opacity:0,pointerEvents:"none"},j={},N=function(o){function e(){for(var n,e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return i(s(s(n=o.call.apply(o,[this].concat(t))||this)),"state",{data:void 0,placement:void 0}),i(s(s(n)),"popperInstance",void 0),i(s(s(n)),"popperNode",null),i(s(s(n)),"arrowNode",null),i(s(s(n)),"setPopperNode",function(e){e&&n.popperNode!==e&&(E(n.props.innerRef,e),n.popperNode=e,n.updatePopperInstance())}),i(s(s(n)),"setArrowNode",function(e){n.arrowNode=e}),i(s(s(n)),"updateStateModifier",{enabled:!0,order:900,fn:function(e){var t=e.placement;return n.setState({data:e,placement:t}),e}}),i(s(s(n)),"getOptions",function(){return{placement:n.props.placement,eventsEnabled:n.props.eventsEnabled,positionFixed:n.props.positionFixed,modifiers:a({},n.props.modifiers,{arrow:a({},n.props.modifiers&&n.props.modifiers.arrow,{enabled:!!n.arrowNode,element:n.arrowNode}),applyStyle:{enabled:!1},updateStateModifier:n.updateStateModifier})}}),i(s(s(n)),"getPopperStyle",function(){return n.popperNode&&n.state.data?a({position:n.state.data.offsets.popper.position},n.state.data.styles):x}),i(s(s(n)),"getPopperPlacement",function(){return n.state.data?n.state.placement:void 0}),i(s(s(n)),"getArrowStyle",function(){return n.arrowNode&&n.state.data?n.state.data.arrowStyles:j}),i(s(s(n)),"getOutOfBoundariesState",function(){return n.state.data?n.state.data.hide:void 0}),i(s(s(n)),"destroyPopperInstance",function(){n.popperInstance&&(n.popperInstance.destroy(),n.popperInstance=null)}),i(s(s(n)),"updatePopperInstance",function(){n.destroyPopperInstance();var e=s(s(n)).popperNode,t=n.props.referenceElement;t&&e&&(n.popperInstance=new p(t,e,n.getOptions()))}),i(s(s(n)),"scheduleUpdate",function(){n.popperInstance&&n.popperInstance.scheduleUpdate()}),n}n(e,o);var t=e.prototype;return t.componentDidUpdate=function(e,t){this.props.placement!==e.placement||this.props.referenceElement!==e.referenceElement||this.props.positionFixed!==e.positionFixed?this.updatePopperInstance():this.props.eventsEnabled!==e.eventsEnabled&&this.popperInstance&&(this.props.eventsEnabled?this.popperInstance.enableEventListeners():this.popperInstance.disableEventListeners()),t.placement!==this.state.placement&&this.scheduleUpdate()},t.componentWillUnmount=function(){E(this.props.innerRef,null),this.destroyPopperInstance()},t.render=function(){return R(this.props.children)({ref:this.setPopperNode,style:this.getPopperStyle(),placement:this.getPopperPlacement(),outOfBoundaries:this.getOutOfBoundariesState(),scheduleUpdate:this.scheduleUpdate,arrowProps:{ref:this.setArrowNode,style:this.getArrowStyle()}})},e}(o.Component);i(N,"defaultProps",{placement:"bottom",eventsEnabled:!0,referenceElement:void 0,positionFixed:!1});var S=p.placements;var I=function(){},C=function(o){function e(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return i(s(s(t=o.call.apply(o,[this].concat(n))||this)),"refHandler",function(e){E(t.props.innerRef,e),E(t.props.getReferenceRef,e)}),t}return n(e,o),e.prototype.render=function(){return I(this.props.getReferenceRef,"`Reference` should not be used outside of a `Manager` component."),R(this.props.children)({ref:this.refHandler})},e}(o.Component);e.Popper=function(e){var n=e.referenceElement,r=function(e,t){if(null==e)return{};var n,r,o={},p=Object.keys(e);for(r=0;r<p.length;r++)n=p[r],0<=t.indexOf(n)||(o[n]=e[n]);return o}(e,["referenceElement"]);return o.createElement(P.Consumer,null,function(e){var t=e.referenceNode;return o.createElement(N,a({referenceElement:void 0!==n?n:t},r))})},e.placements=S,e.Manager=_,e.Reference=function(n){return o.createElement(P.Consumer,null,function(e){var t=e.getReferenceRef;return o.createElement(C,a({getReferenceRef:t},n))})},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","react","popper.js"],t):t(e.ReactPopper={},e.React,e.Popper)}(this,function(e,o,p){"use strict";var d="default"in o?o.default:o;function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function n(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}p=p&&p.hasOwnProperty("default")?p.default:p;var t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function c(e,t){return e(t={exports:{}},t.exports),t.exports}var u=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;(function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}})()&&Object.assign;function h(){}var y=c(function(e){e.exports=function(){function e(e,t,n,r,o,p){if("SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"!==p){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}var n={array:e.isRequired=e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=h,n.PropTypes=n}()}),v="__global_unique_id__",m=function(){return t[v]=(t[v]||0)+1};function b(e){return function(){return e}}var g=function(){};g.thatReturns=b,g.thatReturnsFalse=b(!1),g.thatReturnsTrue=b(!0),g.thatReturnsNull=b(null),g.thatReturnsThis=function(){return this},g.thatReturnsArgument=function(e){return e};var O=g,w=c(function(e,t){t.__esModule=!0;n(d);var i=n(y),s=n(m);n(O);function n(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var l=1073741823;t.default=function(e,a){var t,n,r="__create-react-context-"+(0,s.default)()+"__",o=function(i){function s(){var e,t,n,r;c(this,s);for(var o=arguments.length,p=Array(o),a=0;a<o;a++)p[a]=arguments[a];return(e=t=u(this,i.call.apply(i,[this].concat(p)))).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(t){r=r.filter(function(e){return e!==t})},get:function(){return n},set:function(e,t){n=e,r.forEach(function(e){return e(n,t)})}}),u(t,e)}return f(s,i),s.prototype.getChildContext=function(){var e;return(e={})[r]=this.emitter,e},s.prototype.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var t=this.props.value,n=e.value,r=void 0;((o=t)===(p=n)?0!==o||1/o==1/p:o!=o&&p!=p)?r=0:(r="function"==typeof a?a(t,n):l,0!=(r|=0)&&this.emitter.set(e.value,r))}var o,p},s.prototype.render=function(){return this.props.children},s}(d.Component);o.childContextTypes=((t={})[r]=i.default.object.isRequired,t);var p=function(p){function a(){var e,n;c(this,a);for(var t=arguments.length,r=Array(t),o=0;o<t;o++)r[o]=arguments[o];return(e=n=u(this,p.call.apply(p,[this].concat(r)))).state={value:n.getValue()},n.onUpdate=function(e,t){0!=((0|n.observedBits)&t)&&n.setState({value:n.getValue()})},u(n,e)}return f(a,p),a.prototype.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?l:t},a.prototype.componentDidMount=function(){this.context[r]&&this.context[r].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?l:e},a.prototype.componentWillUnmount=function(){this.context[r]&&this.context[r].off(this.onUpdate)},a.prototype.getValue=function(){return this.context[r]?this.context[r].get():e},a.prototype.render=function(){return e=this.props.children,(Array.isArray(e)?e[0]:e)(this.state.value);var e},a}(d.Component);return p.contextTypes=((n={})[r]=i.default.object,n),{Provider:o,Consumer:p}},e.exports=t.default});r(w);var P=r(c(function(e,t){t.__esModule=!0;var n=o(d),r=o(w);function o(e){return e&&e.__esModule?e:{default:e}}t.default=n.default.createContext||r.default,e.exports=t.default}))({setReferenceNode:void 0,referenceNode:void 0}),_=function(t){function e(){var e;return a(s(s(e=t.call(this)||this)),"setReferenceNode",function(t){t&&e.state.context.referenceNode!==t&&e.setState(function(e){return{context:i({},e.context,{referenceNode:t})}})}),e.state={context:{setReferenceNode:e.setReferenceNode,referenceNode:void 0}},e}return n(e,t),e.prototype.render=function(){return o.createElement(P.Provider,{value:this.state.context},this.props.children)},e}(o.Component),x=function(e){return Array.isArray(e)?e[0]:e},E=function(e){if("function"==typeof e){for(var t=arguments.length,n=new Array(1<t?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return e.apply(void 0,n)}},j={position:"absolute",top:0,left:0,opacity:0,pointerEvents:"none"},N={},R=function(o){function e(){for(var n,e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return a(s(s(n=o.call.apply(o,[this].concat(t))||this)),"state",{data:void 0,placement:void 0}),a(s(s(n)),"popperInstance",void 0),a(s(s(n)),"popperNode",null),a(s(s(n)),"arrowNode",null),a(s(s(n)),"setPopperNode",function(e){e&&n.popperNode!==e&&(E(n.props.innerRef,e),n.popperNode=e,n.updatePopperInstance())}),a(s(s(n)),"setArrowNode",function(e){n.arrowNode=e}),a(s(s(n)),"updateStateModifier",{enabled:!0,order:900,fn:function(e){var t=e.placement;return n.setState({data:e,placement:t}),e}}),a(s(s(n)),"getOptions",function(){return{placement:n.props.placement,eventsEnabled:n.props.eventsEnabled,positionFixed:n.props.positionFixed,modifiers:i({},n.props.modifiers,{arrow:i({},n.props.modifiers&&n.props.modifiers.arrow,{enabled:!!n.arrowNode,element:n.arrowNode}),applyStyle:{enabled:!1},updateStateModifier:n.updateStateModifier})}}),a(s(s(n)),"getPopperStyle",function(){return n.popperNode&&n.state.data?i({position:n.state.data.offsets.popper.position},n.state.data.styles):j}),a(s(s(n)),"getPopperPlacement",function(){return n.state.data?n.state.placement:void 0}),a(s(s(n)),"getArrowStyle",function(){return n.arrowNode&&n.state.data?n.state.data.arrowStyles:N}),a(s(s(n)),"getOutOfBoundariesState",function(){return n.state.data?n.state.data.hide:void 0}),a(s(s(n)),"destroyPopperInstance",function(){n.popperInstance&&(n.popperInstance.destroy(),n.popperInstance=null)}),a(s(s(n)),"updatePopperInstance",function(){n.destroyPopperInstance();var e=s(s(n)).popperNode,t=n.props.referenceElement;t&&e&&(n.popperInstance=new p(t,e,n.getOptions()))}),a(s(s(n)),"scheduleUpdate",function(){n.popperInstance&&n.popperInstance.scheduleUpdate()}),n}n(e,o);var t=e.prototype;return t.componentDidUpdate=function(e,t){this.props.placement!==e.placement||this.props.referenceElement!==e.referenceElement||this.props.positionFixed!==e.positionFixed?this.updatePopperInstance():this.props.eventsEnabled!==e.eventsEnabled&&this.popperInstance&&(this.props.eventsEnabled?this.popperInstance.enableEventListeners():this.popperInstance.disableEventListeners()),t.placement!==this.state.placement&&this.scheduleUpdate()},t.componentWillUnmount=function(){E(this.props.innerRef,null),this.destroyPopperInstance()},t.render=function(){return x(this.props.children)({ref:this.setPopperNode,style:this.getPopperStyle(),placement:this.getPopperPlacement(),outOfBoundaries:this.getOutOfBoundariesState(),scheduleUpdate:this.scheduleUpdate,arrowProps:{ref:this.setArrowNode,style:this.getArrowStyle()}})},e}(o.Component);a(R,"defaultProps",{placement:"bottom",eventsEnabled:!0,referenceElement:void 0,positionFixed:!1});var S=p.placements;var I=function(){},C=function(o){function e(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return a(s(s(t=o.call.apply(o,[this].concat(n))||this)),"refHandler",function(e){E(t.props.innerRef,e),E(t.props.setReferenceNode,e)}),t}return n(e,o),e.prototype.render=function(){return I(Boolean(this.props.setReferenceNode),"`Reference` should not be used outside of a `Manager` component."),x(this.props.children)({ref:this.refHandler})},e}(o.Component);e.Popper=function(e){var n=e.referenceElement,r=function(e,t){if(null==e)return{};var n,r,o={},p=Object.keys(e);for(r=0;r<p.length;r++)n=p[r],0<=t.indexOf(n)||(o[n]=e[n]);return o}(e,["referenceElement"]);return o.createElement(P.Consumer,null,function(e){var t=e.referenceNode;return o.createElement(R,i({referenceElement:void 0!==n?n:t},r))})},e.placements=S,e.Manager=_,e.Reference=function(n){return o.createElement(P.Consumer,null,function(e){var t=e.setReferenceNode;return o.createElement(C,i({setReferenceNode:t},n))})},Object.defineProperty(e,"__esModule",{value:!0})});

lib/cjs/Manager.js

@@ -25,3 +25,3 @@ "use strict";
 var ManagerContext = (0, _createReactContext.default)({
-  getReferenceRef: undefined,
+  setReferenceNode: undefined,
   referenceNode: undefined
@@ -40,4 +40,8 @@ });
     _this = _React$Component.call(this) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "getReferenceRef", function (referenceNode) {
-      return _this.setState(function (_ref) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "setReferenceNode", function (referenceNode) {
+      if (!referenceNode || _this.state.context.referenceNode === referenceNode) {
+        return;
+      }
+
+      _this.setState(function (_ref) {
         var context = _ref.context;
@@ -53,3 +57,3 @@ return {
       context: {
-        getReferenceRef: _this.getReferenceRef,
+        setReferenceNode: _this.setReferenceNode,
         referenceNode: undefined
@@ -56,0 +60,0 @@ }

lib/cjs/Reference.js

@@ -43,3 +43,3 @@ "use strict";
       (0, _utils.safeInvoke)(_this.props.innerRef, node);
-      (0, _utils.safeInvoke)(_this.props.getReferenceRef, node);
+      (0, _utils.safeInvoke)(_this.props.setReferenceNode, node);
     });
@@ -52,3 +52,3 @@ return _this;
   _proto.render = function render() {
-    (0, _warning.default)(this.props.getReferenceRef, '`Reference` should not be used outside of a `Manager` component.');
+    (0, _warning.default)(Boolean(this.props.setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
     return (0, _utils.unwrapArray)(this.props.children)({
@@ -64,7 +64,7 @@ ref: this.refHandler
   return React.createElement(_Manager.ManagerContext.Consumer, null, function (_ref) {
-    var getReferenceRef = _ref.getReferenceRef;
+    var setReferenceNode = _ref.setReferenceNode;
     return React.createElement(InnerReference, (0, _extends2.default)({
-      getReferenceRef: getReferenceRef
+      setReferenceNode: setReferenceNode
     }, props));
   });
 }

lib/esm/Manager.js

@@ -5,6 +5,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import createContext from "create-react-context";
+import * as React from 'react';
+import createContext from 'create-react-context';
 export var ManagerContext = createContext({
-  getReferenceRef: undefined,
+  setReferenceNode: undefined,
   referenceNode: undefined
@@ -23,4 +23,8 @@ });
 
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getReferenceRef", function (referenceNode) {
-      return _this.setState(function (_ref) {
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "setReferenceNode", function (referenceNode) {
+      if (!referenceNode || _this.state.context.referenceNode === referenceNode) {
+        return;
+      }
+
+      _this.setState(function (_ref) {
         var context = _ref.context;
@@ -37,3 +41,3 @@ return {
       context: {
-        getReferenceRef: _this.getReferenceRef,
+        setReferenceNode: _this.setReferenceNode,
         referenceNode: undefined
@@ -40,0 +44,0 @@ }

lib/esm/Reference.js

@@ -26,3 +26,3 @@ import _extends from "@babel/runtime/helpers/extends";
       safeInvoke(_this.props.innerRef, node);
-      safeInvoke(_this.props.getReferenceRef, node);
+      safeInvoke(_this.props.setReferenceNode, node);
     });
@@ -36,3 +36,3 @@
   _proto.render = function render() {
-    warning(this.props.getReferenceRef, '`Reference` should not be used outside of a `Manager` component.');
+    warning(Boolean(this.props.setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
     return unwrapArray(this.props.children)({
@@ -48,7 +48,7 @@ ref: this.refHandler
   return React.createElement(ManagerContext.Consumer, null, function (_ref) {
-    var getReferenceRef = _ref.getReferenceRef;
+    var setReferenceNode = _ref.setReferenceNode;
     return React.createElement(InnerReference, _extends({
-      getReferenceRef: getReferenceRef
+      setReferenceNode: setReferenceNode
     }, props));
   });
 }

package.json

 {
   "name": "react-popper",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "React wrapper around Popper.js",
@@ -5,0 +5,0 @@ "license": "MIT",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

123331

increased by0.47%

Lines of code

2046

increased by0.49%

No dependency changes