react-popper - npm Package Compare versions

Comparing version 2.2.4 to 2.2.5

dist/index.umd.js

@@ -16,11 +16,17 @@ (function (global, factory) {
 
+    var hasUnmounted = React.useRef(false);
     React.useEffect(function () {
       return function () {
-        setReferenceNode(null);
+        hasUnmounted.current = true;
       };
-    }, [setReferenceNode]);
+    }, []);
+    var handleSetReferenceNode = React.useCallback(function (node) {
+      if (!hasUnmounted.current) {
+        setReferenceNode(node);
+      }
+    }, []);
     return /*#__PURE__*/React.createElement(ManagerReferenceNodeContext.Provider, {
       value: referenceNode
     }, /*#__PURE__*/React.createElement(ManagerReferenceNodeSetterContext.Provider, {
-      value: setReferenceNode
+      value: handleSetReferenceNode
     }, children));
@@ -232,2 +238,5 @@ }
           top: '0'
+        },
+        arrow: {
+          position: 'absolute'
         }
@@ -234,0 +243,0 @@ },

dist/index.umd.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@popperjs/core")):"function"==typeof define&&define.amd?define(["exports","react","@popperjs/core"],t):t((e=e||self).ReactPopper={},e.React,e.Popper)}(this,(function(e,t,r){"use strict";var n=t.createContext(),o=t.createContext();var u=function(e){return Array.isArray(e)?e[0]:e},i=function(e){if("function"==typeof e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return e.apply(void 0,r)}},a=function(e,t){if("function"==typeof e)return i(e,t);null!=e&&(e.current=t)},f=function(e){return e.reduce((function(e,t){var r=t[0],n=t[1];return e[r]=n,e}),{})},c="undefined"!=typeof window&&window.document&&window.document.createElement?t.useLayoutEffect:t.useEffect,s="undefined"!=typeof Element,l="function"==typeof Map,p="function"==typeof Set,d="function"==typeof ArrayBuffer;var y=function(e,t){try{return function e(t,r){if(t===r)return!0;if(t&&r&&"object"==typeof t&&"object"==typeof r){if(t.constructor!==r.constructor)return!1;var n,o,u,i;if(Array.isArray(t)){if((n=t.length)!=r.length)return!1;for(o=n;0!=o--;)if(!e(t[o],r[o]))return!1;return!0}if(l&&t instanceof Map&&r instanceof Map){if(t.size!==r.size)return!1;for(i=t.entries();!(o=i.next()).done;)if(!r.has(o.value[0]))return!1;for(i=t.entries();!(o=i.next()).done;)if(!e(o.value[1],r.get(o.value[0])))return!1;return!0}if(p&&t instanceof Set&&r instanceof Set){if(t.size!==r.size)return!1;for(i=t.entries();!(o=i.next()).done;)if(!r.has(o.value[0]))return!1;return!0}if(d&&ArrayBuffer.isView(t)&&ArrayBuffer.isView(r)){if((n=t.length)!=r.length)return!1;for(o=n;0!=o--;)if(t[o]!==r[o])return!1;return!0}if(t.constructor===RegExp)return t.source===r.source&&t.flags===r.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===r.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===r.toString();if((n=(u=Object.keys(t)).length)!==Object.keys(r).length)return!1;for(o=n;0!=o--;)if(!Object.prototype.hasOwnProperty.call(r,u[o]))return!1;if(s&&t instanceof Element)return!1;for(o=n;0!=o--;)if(!("_owner"===u[o]&&t.$$typeof||e(t[u[o]],r[u[o]])))return!1;return!0}return t!=t&&r!=r}(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}},m=[],v=function(e,n,o){void 0===o&&(o={});var u=t.useRef(null),i={onFirstUpdate:o.onFirstUpdate,placement:o.placement||"bottom",strategy:o.strategy||"absolute",modifiers:o.modifiers||m},a=t.useState({styles:{popper:{position:i.strategy,left:"0",top:"0"}},attributes:{}}),s=a[0],l=a[1],p=t.useMemo((function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(e){var t=e.state,r=Object.keys(t.elements);l({styles:f(r.map((function(e){return[e,t.styles[e]||{}]}))),attributes:f(r.map((function(e){return[e,t.attributes[e]]})))})},requires:["computeStyles"]}}),[]),d=t.useMemo((function(){var e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[].concat(i.modifiers,[p,{name:"applyStyles",enabled:!1}])};return y(u.current,e)?u.current||e:(u.current=e,e)}),[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,p]),v=t.useRef();return c((function(){v.current&&v.current.setOptions(d)}),[d]),c((function(){if(null!=e&&null!=n){var t=(o.createPopper||r.createPopper)(e,n,d);return v.current=t,function(){t.destroy(),v.current=null}}}),[e,n,o.createPopper]),{state:v.current?v.current.state:null,styles:s.styles,attributes:s.attributes,update:v.current?v.current.update:null,forceUpdate:v.current?v.current.forceUpdate:null}},g=function(){},h=function(){return Promise.resolve(null)},b=[];e.Manager=function(e){var r=e.children,u=t.useState(null),i=u[0],a=u[1];return t.useEffect((function(){return function(){a(null)}}),[a]),t.createElement(n.Provider,{value:i},t.createElement(o.Provider,{value:a},r))},e.Popper=function(e){var r=e.placement,o=void 0===r?"bottom":r,i=e.strategy,f=void 0===i?"absolute":i,c=e.modifiers,s=void 0===c?b:c,l=e.referenceElement,p=e.onFirstUpdate,d=e.innerRef,y=e.children,m=t.useContext(n),w=t.useState(null),E=w[0],P=w[1],S=t.useState(null),O=S[0],j=S[1];t.useEffect((function(){a(d,E)}),[d,E]);var x=t.useMemo((function(){return{placement:o,strategy:f,onFirstUpdate:p,modifiers:[].concat(s,[{name:"arrow",enabled:null!=O,options:{element:O}}])}}),[o,f,p,s,O]),U=v(l||m,E,x),R=U.state,M=U.styles,A=U.forceUpdate,F=U.update,k=t.useMemo((function(){return{ref:P,style:M.popper,placement:R?R.placement:o,hasPopperEscaped:R&&R.modifiersData.hide?R.modifiersData.hide.hasPopperEscaped:null,isReferenceHidden:R&&R.modifiersData.hide?R.modifiersData.hide.isReferenceHidden:null,arrowProps:{style:M.arrow,ref:j},forceUpdate:A||g,update:F||h}}),[P,j,o,R,M,F,A]);return u(y)(k)},e.Reference=function(e){var r=e.children,n=e.innerRef,f=t.useContext(o),c=t.useCallback((function(e){a(n,e),i(f,e)}),[n,f]);return t.useEffect((function(){return function(){return a(n,null)}})),t.useEffect((function(){}),[f]),u(r)({ref:c})},e.usePopper=v,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@popperjs/core")):"function"==typeof define&&define.amd?define(["exports","react","@popperjs/core"],t):t((e=e||self).ReactPopper={},e.React,e.Popper)}(this,(function(e,t,r){"use strict";var n=t.createContext(),o=t.createContext();var u=function(e){return Array.isArray(e)?e[0]:e},i=function(e){if("function"==typeof e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return e.apply(void 0,r)}},a=function(e,t){if("function"==typeof e)return i(e,t);null!=e&&(e.current=t)},f=function(e){return e.reduce((function(e,t){var r=t[0],n=t[1];return e[r]=n,e}),{})},c="undefined"!=typeof window&&window.document&&window.document.createElement?t.useLayoutEffect:t.useEffect,s="undefined"!=typeof Element,l="function"==typeof Map,p="function"==typeof Set,d="function"==typeof ArrayBuffer;var y=function(e,t){try{return function e(t,r){if(t===r)return!0;if(t&&r&&"object"==typeof t&&"object"==typeof r){if(t.constructor!==r.constructor)return!1;var n,o,u,i;if(Array.isArray(t)){if((n=t.length)!=r.length)return!1;for(o=n;0!=o--;)if(!e(t[o],r[o]))return!1;return!0}if(l&&t instanceof Map&&r instanceof Map){if(t.size!==r.size)return!1;for(i=t.entries();!(o=i.next()).done;)if(!r.has(o.value[0]))return!1;for(i=t.entries();!(o=i.next()).done;)if(!e(o.value[1],r.get(o.value[0])))return!1;return!0}if(p&&t instanceof Set&&r instanceof Set){if(t.size!==r.size)return!1;for(i=t.entries();!(o=i.next()).done;)if(!r.has(o.value[0]))return!1;return!0}if(d&&ArrayBuffer.isView(t)&&ArrayBuffer.isView(r)){if((n=t.length)!=r.length)return!1;for(o=n;0!=o--;)if(t[o]!==r[o])return!1;return!0}if(t.constructor===RegExp)return t.source===r.source&&t.flags===r.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===r.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===r.toString();if((n=(u=Object.keys(t)).length)!==Object.keys(r).length)return!1;for(o=n;0!=o--;)if(!Object.prototype.hasOwnProperty.call(r,u[o]))return!1;if(s&&t instanceof Element)return!1;for(o=n;0!=o--;)if(!("_owner"===u[o]&&t.$$typeof||e(t[u[o]],r[u[o]])))return!1;return!0}return t!=t&&r!=r}(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}},m=[],v=function(e,n,o){void 0===o&&(o={});var u=t.useRef(null),i={onFirstUpdate:o.onFirstUpdate,placement:o.placement||"bottom",strategy:o.strategy||"absolute",modifiers:o.modifiers||m},a=t.useState({styles:{popper:{position:i.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),s=a[0],l=a[1],p=t.useMemo((function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(e){var t=e.state,r=Object.keys(t.elements);l({styles:f(r.map((function(e){return[e,t.styles[e]||{}]}))),attributes:f(r.map((function(e){return[e,t.attributes[e]]})))})},requires:["computeStyles"]}}),[]),d=t.useMemo((function(){var e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[].concat(i.modifiers,[p,{name:"applyStyles",enabled:!1}])};return y(u.current,e)?u.current||e:(u.current=e,e)}),[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,p]),v=t.useRef();return c((function(){v.current&&v.current.setOptions(d)}),[d]),c((function(){if(null!=e&&null!=n){var t=(o.createPopper||r.createPopper)(e,n,d);return v.current=t,function(){t.destroy(),v.current=null}}}),[e,n,o.createPopper]),{state:v.current?v.current.state:null,styles:s.styles,attributes:s.attributes,update:v.current?v.current.update:null,forceUpdate:v.current?v.current.forceUpdate:null}},b=function(){},g=function(){return Promise.resolve(null)},h=[];e.Manager=function(e){var r=e.children,u=t.useState(null),i=u[0],a=u[1],f=t.useRef(!1);t.useEffect((function(){return function(){f.current=!0}}),[]);var c=t.useCallback((function(e){f.current||a(e)}),[]);return t.createElement(n.Provider,{value:i},t.createElement(o.Provider,{value:c},r))},e.Popper=function(e){var r=e.placement,o=void 0===r?"bottom":r,i=e.strategy,f=void 0===i?"absolute":i,c=e.modifiers,s=void 0===c?h:c,l=e.referenceElement,p=e.onFirstUpdate,d=e.innerRef,y=e.children,m=t.useContext(n),w=t.useState(null),E=w[0],P=w[1],S=t.useState(null),O=S[0],j=S[1];t.useEffect((function(){a(d,E)}),[d,E]);var x=t.useMemo((function(){return{placement:o,strategy:f,onFirstUpdate:p,modifiers:[].concat(s,[{name:"arrow",enabled:null!=O,options:{element:O}}])}}),[o,f,p,s,O]),R=v(l||m,E,x),U=R.state,M=R.styles,A=R.forceUpdate,F=R.update,k=t.useMemo((function(){return{ref:P,style:M.popper,placement:U?U.placement:o,hasPopperEscaped:U&&U.modifiersData.hide?U.modifiersData.hide.hasPopperEscaped:null,isReferenceHidden:U&&U.modifiersData.hide?U.modifiersData.hide.isReferenceHidden:null,arrowProps:{style:M.arrow,ref:j},forceUpdate:A||b,update:F||g}}),[P,j,o,U,M,F,A]);return u(y)(k)},e.Reference=function(e){var r=e.children,n=e.innerRef,f=t.useContext(o),c=t.useCallback((function(e){a(n,e),i(f,e)}),[n,f]);return t.useEffect((function(){return function(){return a(n,null)}})),t.useEffect((function(){}),[f]),u(r)({ref:c})},e.usePopper=v,Object.defineProperty(e,"__esModule",{value:!0})}));

lib/cjs/__typings__/main-test.js

@@ -8,8 +8,10 @@ "use strict";
 
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 
 var _ = require("..");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -20,8 +22,8 @@
 
-  return /*#__PURE__*/_react["default"].createElement(_.Manager, null, /*#__PURE__*/_react["default"].createElement(_.Reference, null), /*#__PURE__*/_react["default"].createElement(_.Reference, null, function (_ref) {
+  return /*#__PURE__*/React.createElement(_.Manager, null, /*#__PURE__*/React.createElement(_.Reference, null), /*#__PURE__*/React.createElement(_.Reference, null, function (_ref) {
     var ref = _ref.ref;
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: ref
     });
-  }), /*#__PURE__*/_react["default"].createElement(_.Popper // $FlowExpectError: should be one of allowed placements
+  }), /*#__PURE__*/React.createElement(_.Popper // $FlowExpectError: should be one of allowed placements
   , (_React$createElement = {
@@ -44,6 +46,6 @@ placement: "custom"
         arrowProps = _ref2.arrowProps;
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: ref,
       style: _extends({}, style, {
-        opacity: isReferenceHidden || hasPopperEscaped ? 0 : 1
+        opacity: isReferenceHidden === true || hasPopperEscaped === true ? 0 : 1
       }),
@@ -54,11 +56,11 @@ "data-placement": placement,
       }
-    }, "Popper", /*#__PURE__*/_react["default"].createElement("div", {
+    }, "Popper", /*#__PURE__*/React.createElement("div", {
       ref: arrowProps.ref,
       style: arrowProps.style
     }));
-  }), /*#__PURE__*/_react["default"].createElement(_.Popper, null, function (_ref3) {
+  }), /*#__PURE__*/React.createElement(_.Popper, null, function (_ref3) {
     var ref = _ref3.ref,
         style = _ref3.style,
         placement = _ref3.placement;
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: ref,
@@ -65,0 +67,0 @@ style: style,

lib/cjs/Manager.js

@@ -27,12 +27,18 @@ "use strict";
 
+  var hasUnmounted = React.useRef(false);
   React.useEffect(function () {
     return function () {
-      setReferenceNode(null);
+      hasUnmounted.current = true;
     };
-  }, [setReferenceNode]);
+  }, []);
+  var handleSetReferenceNode = React.useCallback(function (node) {
+    if (!hasUnmounted.current) {
+      setReferenceNode(node);
+    }
+  }, []);
   return /*#__PURE__*/React.createElement(ManagerReferenceNodeContext.Provider, {
     value: referenceNode
   }, /*#__PURE__*/React.createElement(ManagerReferenceNodeSetterContext.Provider, {
-    value: setReferenceNode
+    value: handleSetReferenceNode
   }, children));
 }

lib/cjs/usePopper.js

@@ -43,2 +43,5 @@ "use strict";
         top: '0'
+      },
+      arrow: {
+        position: 'absolute'
       }
@@ -45,0 +48,0 @@ },

lib/esm/__typings__/main-test.js

@@ -5,3 +5,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 // be found under `/typings/tests` please. Thanks! 🤗
-import React from 'react';
+import * as React from 'react';
 import { Manager, Reference, Popper } from '..';
@@ -37,3 +37,3 @@ export var Test = function Test() {
       style: _extends({}, style, {
-        opacity: isReferenceHidden || hasPopperEscaped ? 0 : 1
+        opacity: isReferenceHidden === true || hasPopperEscaped === true ? 0 : 1
       }),
@@ -40,0 +40,0 @@ "data-placement": placement,

lib/esm/Manager.js

@@ -11,12 +11,18 @@ import * as React from 'react';
 
+  var hasUnmounted = React.useRef(false);
   React.useEffect(function () {
     return function () {
-      setReferenceNode(null);
+      hasUnmounted.current = true;
     };
-  }, [setReferenceNode]);
+  }, []);
+  var handleSetReferenceNode = React.useCallback(function (node) {
+    if (!hasUnmounted.current) {
+      setReferenceNode(node);
+    }
+  }, []);
   return /*#__PURE__*/React.createElement(ManagerReferenceNodeContext.Provider, {
     value: referenceNode
   }, /*#__PURE__*/React.createElement(ManagerReferenceNodeSetterContext.Provider, {
-    value: setReferenceNode
+    value: handleSetReferenceNode
   }, children));
 }

lib/esm/usePopper.js

@@ -25,2 +25,5 @@ import * as React from 'react';
         top: '0'
+      },
+      arrow: {
+        position: 'absolute'
       }
@@ -27,0 +30,0 @@ },

package.json

 {
   "name": "react-popper",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "description": "Official library to use Popper on React projects",
@@ -96,3 +96,3 @@ "license": "MIT",
     "eslint-plugin-react-hooks": "^3.0.0",
-    "flow-bin": "^0.122.0",
+    "flow-bin": "^0.147.0",
     "flow-copy-source": "^2.0.9",
@@ -99,0 +99,0 @@ "gh-pages": "^2.2.0",

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

78197

increased by3.33%

Lines of code

1221

increased by2.61%

No dependency changes