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

Comparing version 0.4.2 to 0.4.3

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

@@ -86,3 +86,2 @@ import { computePosition, arrow as arrow$1 } from '@floating-ui/dom';
   });
-  const isMountedRef = useRef(true);
   const [latestMiddleware, setLatestMiddleware] = useState(middleware);
@@ -104,2 +103,9 @@
 
+  const isMountedRef = useRef(true);
+  index(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
   const update = useCallback(() => {
@@ -121,7 +127,2 @@ if (!reference.current || !floating.current) {
   index(update, [update]);
-  index(() => {
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
   const setReference = useCallback(node => {
@@ -128,0 +129,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=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};
+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 c(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(!c(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)&&!c(e[r],t[r]))return!1}return!0}return e!=e&&t!=t}function a(t){let{middleware:r,placement:n,strategy:a}=void 0===t?{}:t;const p=o(null),s=o(null),[d,m]=l({x:null,y:null,strategy:null!=a?a:"absolute",placement:"bottom",middlewareData:{}}),[y,g]=l(r);c(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=o(!0);f((()=>(h.current=!0,()=>{h.current=!1})),[]);const w=i((()=>{p.current&&s.current&&e(p.current,s.current,{middleware:y,placement:n,strategy:a}).then((e=>{h.current&&m(e)}))}),[y,n,a]);f(w,[w]);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,a as useFloating};

dist/floating-ui.react-dom.js

@@ -88,3 +88,2 @@ (function (global, factory) {
     });
-    const isMountedRef = react.useRef(true);
     const [latestMiddleware, setLatestMiddleware] = react.useState(middleware);
@@ -106,2 +105,9 @@
 
+    const isMountedRef = react.useRef(true);
+    index(() => {
+      isMountedRef.current = true;
+      return () => {
+        isMountedRef.current = false;
+      };
+    }, []);
     const update = react.useCallback(() => {
@@ -123,7 +129,2 @@ if (!reference.current || !floating.current) {
     index(update, [update]);
-    index(() => {
-      return () => {
-        isMountedRef.current = false;
-      };
-    }, []);
     const setReference = react.useCallback(node => {
@@ -130,0 +131,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,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})}));
+!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,p]=r.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=r.useRef(!0);n((()=>(b.current=!0,()=>{b.current=!1})),[]);const m=r.useCallback((()=>{l.current&&c.current&&t.computePosition(l.current,c.current,{middleware:d,placement:i,strategy:f}).then((e=>{b.current&&s(e)}))}),[d,i,f]);n(m,[m]);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.2",
+  "version": "0.4.3",
   "@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

23310

increased by0.62%

Lines of code

592

increased by0.51%

No dependency changes