react-popper - npm Package Compare versions

Comparing version 1.3.5 to 1.3.6

dist/index.umd.js

@@ -93,3 +93,3 @@ (function (global, factory) {
       _defineProperty(_assertThisInitialized(_this), "setReferenceNode", function (newReferenceNode) {
-        if (_this.referenceNode !== newReferenceNode) {
+        if (newReferenceNode && _this.referenceNode !== newReferenceNode) {
           _this.referenceNode = newReferenceNode;
@@ -106,2 +106,6 @@
 
+    _proto.componentWillUnmount = function componentWillUnmount() {
+      this.referenceNode = null;
+    };
+
     _proto.render = function render() {
@@ -108,0 +112,0 @@ return React.createElement(ManagerReferenceNodeContext.Provider, {

dist/index.umd.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("create-react-context"),require("popper.js"),require("warning")):"function"==typeof define&&define.amd?define(["exports","react","create-react-context","popper.js","warning"],t):t(e.ReactPopper={},e.React,null,e.Popper,null)}(this,function(e,r,t,p,n){"use strict";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 s(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}t=t&&t.hasOwnProperty("default")?t.default:t,p=p&&p.hasOwnProperty("default")?p.default:p,n=n&&n.hasOwnProperty("default")?n.default:n;var u=t(),l=t(),o=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(c(t=o.call.apply(o,[this].concat(n))||this),"referenceNode",void 0),a(c(t),"setReferenceNode",function(e){t.referenceNode!==e&&(t.referenceNode=e,t.forceUpdate())}),t}return s(e,o),e.prototype.render=function(){return r.createElement(u.Provider,{value:this.referenceNode},r.createElement(l.Provider,{value:this.setReferenceNode},this.props.children))},e}(r.Component),d=function(e){return Array.isArray(e)?e[0]:e},f=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)}},h=function(e,t){if("function"==typeof e)return f(e,t);null!=e&&(e.current=t)},m={position:"absolute",top:0,left:0,opacity:0,pointerEvents:"none"},y={},v=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(c(n=o.call.apply(o,[this].concat(t))||this),"state",{data:void 0,placement:void 0}),a(c(n),"popperInstance",void 0),a(c(n),"popperNode",null),a(c(n),"arrowNode",null),a(c(n),"setPopperNode",function(e){e&&n.popperNode!==e&&(h(n.props.innerRef,e),n.popperNode=e,n.updatePopperInstance())}),a(c(n),"setArrowNode",function(e){n.arrowNode=e}),a(c(n),"updateStateModifier",{enabled:!0,order:900,fn:function(e){var t=e.placement;return n.setState({data:e,placement:t}),e}}),a(c(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(c(n),"getPopperStyle",function(){return n.popperNode&&n.state.data?i({position:n.state.data.offsets.popper.position},n.state.data.styles):m}),a(c(n),"getPopperPlacement",function(){return n.state.data?n.state.placement:void 0}),a(c(n),"getArrowStyle",function(){return n.arrowNode&&n.state.data?n.state.data.arrowStyles:y}),a(c(n),"getOutOfBoundariesState",function(){return n.state.data?n.state.data.hide:void 0}),a(c(n),"destroyPopperInstance",function(){n.popperInstance&&(n.popperInstance.destroy(),n.popperInstance=null)}),a(c(n),"updatePopperInstance",function(){n.destroyPopperInstance();var e=c(n).popperNode,t=n.props.referenceElement;t&&e&&(n.popperInstance=new p(t,e,n.getOptions()))}),a(c(n),"scheduleUpdate",function(){n.popperInstance&&n.popperInstance.scheduleUpdate()}),n}s(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.props.modifiers!==e.modifiers?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(){h(this.props.innerRef,null),this.destroyPopperInstance()},t.render=function(){return d(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}(r.Component);a(v,"defaultProps",{placement:"bottom",eventsEnabled:!0,referenceElement:void 0,positionFixed:!1});var w=p.placements;var P=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(c(t=o.call.apply(o,[this].concat(n))||this),"refHandler",function(e){h(t.props.innerRef,e),f(t.props.setReferenceNode,e)}),t}s(e,o);var t=e.prototype;return t.componentWillUnmount=function(){h(this.props.innerRef,null)},t.render=function(){return n(Boolean(this.props.setReferenceNode),"`Reference` should not be used outside of a `Manager` component."),d(this.props.children)({ref:this.refHandler})},e}(r.Component);e.Popper=function(e){var t=e.referenceElement,n=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 r.createElement(u.Consumer,null,function(e){return r.createElement(v,i({referenceElement:void 0!==t?t:e},n))})},e.placements=w,e.Manager=o,e.Reference=function(t){return r.createElement(l.Consumer,null,function(e){return r.createElement(P,i({setReferenceNode:e},t))})},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("create-react-context"),require("popper.js"),require("warning")):"function"==typeof define&&define.amd?define(["exports","react","create-react-context","popper.js","warning"],t):t(e.ReactPopper={},e.React,null,e.Popper,null)}(this,function(e,r,t,p,n){"use strict";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 s(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}t=t&&t.hasOwnProperty("default")?t.default:t,p=p&&p.hasOwnProperty("default")?p.default:p,n=n&&n.hasOwnProperty("default")?n.default:n;var u=t(),l=t(),o=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(c(t=o.call.apply(o,[this].concat(n))||this),"referenceNode",void 0),a(c(t),"setReferenceNode",function(e){e&&t.referenceNode!==e&&(t.referenceNode=e,t.forceUpdate())}),t}s(e,o);var t=e.prototype;return t.componentWillUnmount=function(){this.referenceNode=null},t.render=function(){return r.createElement(u.Provider,{value:this.referenceNode},r.createElement(l.Provider,{value:this.setReferenceNode},this.props.children))},e}(r.Component),d=function(e){return Array.isArray(e)?e[0]:e},f=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)}},h=function(e,t){if("function"==typeof e)return f(e,t);null!=e&&(e.current=t)},m={position:"absolute",top:0,left:0,opacity:0,pointerEvents:"none"},y={},v=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(c(n=o.call.apply(o,[this].concat(t))||this),"state",{data:void 0,placement:void 0}),a(c(n),"popperInstance",void 0),a(c(n),"popperNode",null),a(c(n),"arrowNode",null),a(c(n),"setPopperNode",function(e){e&&n.popperNode!==e&&(h(n.props.innerRef,e),n.popperNode=e,n.updatePopperInstance())}),a(c(n),"setArrowNode",function(e){n.arrowNode=e}),a(c(n),"updateStateModifier",{enabled:!0,order:900,fn:function(e){var t=e.placement;return n.setState({data:e,placement:t}),e}}),a(c(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(c(n),"getPopperStyle",function(){return n.popperNode&&n.state.data?i({position:n.state.data.offsets.popper.position},n.state.data.styles):m}),a(c(n),"getPopperPlacement",function(){return n.state.data?n.state.placement:void 0}),a(c(n),"getArrowStyle",function(){return n.arrowNode&&n.state.data?n.state.data.arrowStyles:y}),a(c(n),"getOutOfBoundariesState",function(){return n.state.data?n.state.data.hide:void 0}),a(c(n),"destroyPopperInstance",function(){n.popperInstance&&(n.popperInstance.destroy(),n.popperInstance=null)}),a(c(n),"updatePopperInstance",function(){n.destroyPopperInstance();var e=c(n).popperNode,t=n.props.referenceElement;t&&e&&(n.popperInstance=new p(t,e,n.getOptions()))}),a(c(n),"scheduleUpdate",function(){n.popperInstance&&n.popperInstance.scheduleUpdate()}),n}s(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.props.modifiers!==e.modifiers?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(){h(this.props.innerRef,null),this.destroyPopperInstance()},t.render=function(){return d(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}(r.Component);a(v,"defaultProps",{placement:"bottom",eventsEnabled:!0,referenceElement:void 0,positionFixed:!1});var w=p.placements;var P=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(c(t=o.call.apply(o,[this].concat(n))||this),"refHandler",function(e){h(t.props.innerRef,e),f(t.props.setReferenceNode,e)}),t}s(e,o);var t=e.prototype;return t.componentWillUnmount=function(){h(this.props.innerRef,null)},t.render=function(){return n(Boolean(this.props.setReferenceNode),"`Reference` should not be used outside of a `Manager` component."),d(this.props.children)({ref:this.refHandler})},e}(r.Component);e.Popper=function(e){var t=e.referenceElement,n=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 r.createElement(u.Consumer,null,function(e){return r.createElement(v,i({referenceElement:void 0!==t?t:e},n))})},e.placements=w,e.Manager=o,e.Reference=function(t){return r.createElement(l.Consumer,null,function(e){return r.createElement(P,i({setReferenceNode:e},t))})},Object.defineProperty(e,"__esModule",{value:!0})});

lib/cjs/Manager.js

@@ -42,3 +42,3 @@ "use strict";
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setReferenceNode", function (newReferenceNode) {
-      if (_this.referenceNode !== newReferenceNode) {
+      if (newReferenceNode && _this.referenceNode !== newReferenceNode) {
         _this.referenceNode = newReferenceNode;
@@ -54,2 +54,6 @@
 
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.referenceNode = null;
+  };
+
   _proto.render = function render() {
@@ -56,0 +60,0 @@ return React.createElement(ManagerReferenceNodeContext.Provider, {

lib/esm/Manager.js

@@ -26,3 +26,3 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
     _defineProperty(_assertThisInitialized(_this), "setReferenceNode", function (newReferenceNode) {
-      if (_this.referenceNode !== newReferenceNode) {
+      if (newReferenceNode && _this.referenceNode !== newReferenceNode) {
         _this.referenceNode = newReferenceNode;
@@ -39,2 +39,6 @@
 
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.referenceNode = null;
+  };
+
   _proto.render = function render() {
@@ -41,0 +45,0 @@ return React.createElement(ManagerReferenceNodeContext.Provider, {

package.json

 {
   "name": "react-popper",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "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

85021

increased by0.63%

Lines of code

1166

increased by0.87%

No dependency changes