@floating-ui/react-dom - npm Package Compare versions

Comparing version 0.4.1 to 0.4.2

dist/floating-ui.react-dom.esm.js

@@ -86,2 +86,3 @@ import { computePosition, arrow as arrow$1 } from '@floating-ui/dom';
   });
+  const isMountedRef = useRef(true);
   const [latestMiddleware, setLatestMiddleware] = useState(middleware);
@@ -112,5 +113,14 @@
       strategy
-    }).then(setData);
+    }).then(data => {
+      if (isMountedRef.current) {
+        setData(data);
+      }
+    });
   }, [latestMiddleware, placement, strategy]);
   index(update, [update]);
+  index(() => {
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
   const setReference = useCallback(node => {
@@ -117,0 +127,0 @@ reference.current = node;

dist/floating-ui.react-dom.esm.min.js

@@ -1,1 +0,1 @@
-import{computePosition as e,arrow as t}from"@floating-ui/dom";export{autoPlacement,detectOverflow,flip,getScrollParents,hide,inline,limitShift,offset,shift,size}from"@floating-ui/dom";import{useLayoutEffect as r,useEffect as n,useRef as o,useState as l,useCallback as i,useMemo as u}from"react";var f="undefined"!=typeof document?r:n;function a(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let r,n,o;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(r=e.length,r!=t.length)return!1;for(n=r;0!=n--;)if(!a(e[n],t[n]))return!1;return!0}if(o=Object.keys(e),r=o.length,r!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,o[n]))return!1;for(n=r;0!=n--;){const r=o[n];if(("_owner"!==r||!e.$$typeof)&&!a(e[r],t[r]))return!1}return!0}return e!=e&&t!=t}function c(t){let{middleware:r,placement:n,strategy:c}=void 0===t?{}:t;const p=o(null),s=o(null),[d,m]=l({x:null,y:null,strategy:null!=c?c:"absolute",placement:"bottom",middlewareData:{}}),[y,g]=l(r);a(null==y?void 0:y.map((e=>{let{options:t}=e;return t})),null==r?void 0:r.map((e=>{let{options:t}=e;return t})))||g(r);const h=i((()=>{p.current&&s.current&&e(p.current,s.current,{middleware:y,placement:n,strategy:c}).then(m)}),[y,n,c]);f(h,[h]);const w=i((e=>{p.current=e,h()}),[h]),b=i((e=>{s.current=e,h()}),[h]);return u((()=>({...d,update:h,reference:w,floating:b,refs:{reference:p,floating:s}})),[d,h,w,b])}const p=e=>{const{element:r,padding:n}=e;return{name:"arrow",options:e,fn(e){return o=r,Object.prototype.hasOwnProperty.call(o,"current")?null!=r.current?t({element:r.current,padding:n}).fn(e):{}:r?t({element:r,padding:n}).fn(e):{};var o}}};export{p as arrow,c as useFloating};
+import{computePosition as e,arrow as t}from"@floating-ui/dom";export{autoPlacement,detectOverflow,flip,getScrollParents,hide,inline,limitShift,offset,shift,size}from"@floating-ui/dom";import{useLayoutEffect as r,useEffect as n,useRef as o,useState as l,useCallback as i,useMemo as u}from"react";var f="undefined"!=typeof document?r:n;function a(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let r,n,o;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(r=e.length,r!=t.length)return!1;for(n=r;0!=n--;)if(!a(e[n],t[n]))return!1;return!0}if(o=Object.keys(e),r=o.length,r!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,o[n]))return!1;for(n=r;0!=n--;){const r=o[n];if(("_owner"!==r||!e.$$typeof)&&!a(e[r],t[r]))return!1}return!0}return e!=e&&t!=t}function c(t){let{middleware:r,placement:n,strategy:c}=void 0===t?{}:t;const p=o(null),s=o(null),[d,m]=l({x:null,y:null,strategy:null!=c?c:"absolute",placement:"bottom",middlewareData:{}}),y=o(!0),[g,h]=l(r);a(null==g?void 0:g.map((e=>{let{options:t}=e;return t})),null==r?void 0:r.map((e=>{let{options:t}=e;return t})))||h(r);const w=i((()=>{p.current&&s.current&&e(p.current,s.current,{middleware:g,placement:n,strategy:c}).then((e=>{y.current&&m(e)}))}),[g,n,c]);f(w,[w]),f((()=>()=>{y.current=!1}),[]);const b=i((e=>{p.current=e,w()}),[w]),O=i((e=>{s.current=e,w()}),[w]);return u((()=>({...d,update:w,reference:b,floating:O,refs:{reference:p,floating:s}})),[d,w,b,O])}const p=e=>{const{element:r,padding:n}=e;return{name:"arrow",options:e,fn(e){return o=r,Object.prototype.hasOwnProperty.call(o,"current")?null!=r.current?t({element:r.current,padding:n}).fn(e):{}:r?t({element:r,padding:n}).fn(e):{};var o}}};export{p as arrow,c as useFloating};

dist/floating-ui.react-dom.js

@@ -88,2 +88,3 @@ (function (global, factory) {
     });
+    const isMountedRef = react.useRef(true);
     const [latestMiddleware, setLatestMiddleware] = react.useState(middleware);
@@ -114,5 +115,14 @@
         strategy
-      }).then(setData);
+      }).then(data => {
+        if (isMountedRef.current) {
+          setData(data);
+        }
+      });
     }, [latestMiddleware, placement, strategy]);
     index(update, [update]);
+    index(() => {
+      return () => {
+        isMountedRef.current = false;
+      };
+    }, []);
     const setReference = react.useCallback(node => {
@@ -119,0 +129,0 @@ reference.current = node;

dist/floating-ui.react-dom.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@floating-ui/dom"),require("react")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/dom","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).FloatingUIReactDOM={},e.FloatingUIDOM,e.React)}(this,(function(e,t,n){"use strict";var r="undefined"!=typeof document?n.useLayoutEffect:n.useEffect;function o(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let n,r,u;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(n=e.length,n!=t.length)return!1;for(r=n;0!=r--;)if(!o(e[r],t[r]))return!1;return!0}if(u=Object.keys(e),n=u.length,n!==Object.keys(t).length)return!1;for(r=n;0!=r--;)if(!Object.prototype.hasOwnProperty.call(t,u[r]))return!1;for(r=n;0!=r--;){const n=u[r];if(("_owner"!==n||!e.$$typeof)&&!o(e[n],t[n]))return!1}return!0}return e!=e&&t!=t}Object.defineProperty(e,"autoPlacement",{enumerable:!0,get:function(){return t.autoPlacement}}),Object.defineProperty(e,"detectOverflow",{enumerable:!0,get:function(){return t.detectOverflow}}),Object.defineProperty(e,"flip",{enumerable:!0,get:function(){return t.flip}}),Object.defineProperty(e,"getScrollParents",{enumerable:!0,get:function(){return t.getScrollParents}}),Object.defineProperty(e,"hide",{enumerable:!0,get:function(){return t.hide}}),Object.defineProperty(e,"inline",{enumerable:!0,get:function(){return t.inline}}),Object.defineProperty(e,"limitShift",{enumerable:!0,get:function(){return t.limitShift}}),Object.defineProperty(e,"offset",{enumerable:!0,get:function(){return t.offset}}),Object.defineProperty(e,"shift",{enumerable:!0,get:function(){return t.shift}}),Object.defineProperty(e,"size",{enumerable:!0,get:function(){return t.size}}),e.arrow=e=>{const{element:n,padding:r}=e;return{name:"arrow",options:e,fn(e){return o=n,Object.prototype.hasOwnProperty.call(o,"current")?null!=n.current?t.arrow({element:n.current,padding:r}).fn(e):{}:n?t.arrow({element:n,padding:r}).fn(e):{};var o}}},e.useFloating=function(e){let{middleware:u,placement:i,strategy:f}=void 0===e?{}:e;const l=n.useRef(null),c=n.useRef(null),[a,s]=n.useState({x:null,y:null,strategy:null!=f?f:"absolute",placement:"bottom",middlewareData:{}}),[d,p]=n.useState(u);o(null==d?void 0:d.map((e=>{let{options:t}=e;return t})),null==u?void 0:u.map((e=>{let{options:t}=e;return t})))||p(u);const b=n.useCallback((()=>{l.current&&c.current&&t.computePosition(l.current,c.current,{middleware:d,placement:i,strategy:f}).then(s)}),[d,i,f]);r(b,[b]);const m=n.useCallback((e=>{l.current=e,b()}),[b]),y=n.useCallback((e=>{c.current=e,b()}),[b]);return n.useMemo((()=>({...a,update:b,reference:m,floating:y,refs:{reference:l,floating:c}})),[a,b,m,y])},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@floating-ui/dom"),require("react")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/dom","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).FloatingUIReactDOM={},e.FloatingUIDOM,e.React)}(this,(function(e,t,r){"use strict";var n="undefined"!=typeof document?r.useLayoutEffect:r.useEffect;function o(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let r,n,u;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(r=e.length,r!=t.length)return!1;for(n=r;0!=n--;)if(!o(e[n],t[n]))return!1;return!0}if(u=Object.keys(e),r=u.length,r!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,u[n]))return!1;for(n=r;0!=n--;){const r=u[n];if(("_owner"!==r||!e.$$typeof)&&!o(e[r],t[r]))return!1}return!0}return e!=e&&t!=t}Object.defineProperty(e,"autoPlacement",{enumerable:!0,get:function(){return t.autoPlacement}}),Object.defineProperty(e,"detectOverflow",{enumerable:!0,get:function(){return t.detectOverflow}}),Object.defineProperty(e,"flip",{enumerable:!0,get:function(){return t.flip}}),Object.defineProperty(e,"getScrollParents",{enumerable:!0,get:function(){return t.getScrollParents}}),Object.defineProperty(e,"hide",{enumerable:!0,get:function(){return t.hide}}),Object.defineProperty(e,"inline",{enumerable:!0,get:function(){return t.inline}}),Object.defineProperty(e,"limitShift",{enumerable:!0,get:function(){return t.limitShift}}),Object.defineProperty(e,"offset",{enumerable:!0,get:function(){return t.offset}}),Object.defineProperty(e,"shift",{enumerable:!0,get:function(){return t.shift}}),Object.defineProperty(e,"size",{enumerable:!0,get:function(){return t.size}}),e.arrow=e=>{const{element:r,padding:n}=e;return{name:"arrow",options:e,fn(e){return o=r,Object.prototype.hasOwnProperty.call(o,"current")?null!=r.current?t.arrow({element:r.current,padding:n}).fn(e):{}:r?t.arrow({element:r,padding:n}).fn(e):{};var o}}},e.useFloating=function(e){let{middleware:u,placement:i,strategy:f}=void 0===e?{}:e;const l=r.useRef(null),c=r.useRef(null),[a,s]=r.useState({x:null,y:null,strategy:null!=f?f:"absolute",placement:"bottom",middlewareData:{}}),d=r.useRef(!0),[p,b]=r.useState(u);o(null==p?void 0:p.map((e=>{let{options:t}=e;return t})),null==u?void 0:u.map((e=>{let{options:t}=e;return t})))||b(u);const m=r.useCallback((()=>{l.current&&c.current&&t.computePosition(l.current,c.current,{middleware:p,placement:i,strategy:f}).then((e=>{d.current&&s(e)}))}),[p,i,f]);n(m,[m]),n((()=>()=>{d.current=!1}),[]);const y=r.useCallback((e=>{l.current=e,m()}),[m]),g=r.useCallback((e=>{c.current=e,m()}),[m]);return r.useMemo((()=>({...a,update:m,reference:y,floating:g,refs:{reference:l,floating:c}})),[a,m,y,g])},Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

 {
   "name": "@floating-ui/react-dom",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "@rollingversions": {
@@ -5,0 +5,0 @@ "baseVersion": [

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

23167

increased by3.36%

Lines of code

589

increased by5.56%

No dependency changes