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

Comparing version 0.3.1 to 0.3.2

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

@@ -35,4 +35,3 @@ import { computePosition, arrow as arrow$1 } from '@floating-ui/dom';
     middlewareData: {}
-  });
-  const skipRenderRef = useRef(false); // Memoize middleware internally, to remove the requirement of memoization by consumer
+  }); // Memoize middleware internally, to remove the requirement of memoization by consumer
 
@@ -45,8 +44,2 @@ const latestMiddleware = useLatestRef(middleware);
 
-    if (skipRenderRef.current) {
-      skipRenderRef.current = false;
-      return;
-    }
-
-    skipRenderRef.current = true;
     computePosition(reference.current, floating.current, {
@@ -58,3 +51,3 @@ middleware: latestMiddleware.current,
   }, [latestMiddleware, placement, strategy]);
-  index(update);
+  index(update, [update]);
   const setReference = useCallback(node => {
@@ -61,0 +54,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,limitShift,offset,shift,size}from"@floating-ui/dom";import{useLayoutEffect as r,useEffect as n,useRef as l,useState as o,useCallback as u,useMemo as a}from"react";var c="undefined"!=typeof document?r:n;function i(t){let{middleware:r,placement:n,strategy:i}=void 0===t?{}:t;const f=l(null),d=l(null),[m,p]=o({x:null,y:null,strategy:null!=i?i:"absolute",placement:"bottom",middlewareData:{}}),s=l(!1),g=function(e){const t=l(e);return c((()=>{t.current=e})),t}(r),w=u((()=>{f.current&&d.current&&(s.current?s.current=!1:(s.current=!0,e(f.current,d.current,{middleware:g.current,placement:n,strategy:i}).then(p)))}),[g,n,i]);c(w);const y=u((e=>{f.current=e,w()}),[w]),h=u((e=>{d.current=e,w()}),[w]);return a((()=>({...m,update:w,reference:y,floating:h,refs:{reference:f,floating:d}})),[m,w,y,h])}const f=e=>{let{element:r,padding:n}=e;return{name:"arrow",fn(e){return l=r,Object.prototype.hasOwnProperty.call(l,"current")?null!=r.current?t({element:r.current,padding:n}).fn(e):{}:r?t({element:r,padding:n}).fn(e):{};var l}}};export{f as arrow,i as useFloating};
+import{computePosition as e,arrow as t}from"@floating-ui/dom";export{autoPlacement,detectOverflow,flip,getScrollParents,hide,limitShift,offset,shift,size}from"@floating-ui/dom";import{useLayoutEffect as r,useEffect as n,useRef as l,useState as o,useCallback as a,useMemo as u}from"react";var c="undefined"!=typeof document?r:n;function i(t){let{middleware:r,placement:n,strategy:i}=void 0===t?{}:t;const f=l(null),d=l(null),[m,p]=o({x:null,y:null,strategy:null!=i?i:"absolute",placement:"bottom",middlewareData:{}}),s=function(e){const t=l(e);return c((()=>{t.current=e})),t}(r),g=a((()=>{f.current&&d.current&&e(f.current,d.current,{middleware:s.current,placement:n,strategy:i}).then(p)}),[s,n,i]);c(g,[g]);const w=a((e=>{f.current=e,g()}),[g]),y=a((e=>{d.current=e,g()}),[g]);return u((()=>({...m,update:g,reference:w,floating:y,refs:{reference:f,floating:d}})),[m,g,w,y])}const f=e=>{let{element:r,padding:n}=e;return{name:"arrow",fn(e){return l=r,Object.prototype.hasOwnProperty.call(l,"current")?null!=r.current?t({element:r.current,padding:n}).fn(e):{}:r?t({element:r,padding:n}).fn(e):{};var l}}};export{f as arrow,i as useFloating};

dist/floating-ui.react-dom.js

@@ -37,4 +37,3 @@ (function (global, factory) {
       middlewareData: {}
-    });
-    const skipRenderRef = react.useRef(false); // Memoize middleware internally, to remove the requirement of memoization by consumer
+    }); // Memoize middleware internally, to remove the requirement of memoization by consumer
 
@@ -47,8 +46,2 @@ const latestMiddleware = useLatestRef(middleware);
 
-      if (skipRenderRef.current) {
-        skipRenderRef.current = false;
-        return;
-      }
-
-      skipRenderRef.current = true;
       dom.computePosition(reference.current, floating.current, {
@@ -60,3 +53,3 @@ middleware: latestMiddleware.current,
     }, [latestMiddleware, placement, strategy]);
-    index(update);
+    index(update, [update]);
     const setReference = react.useCallback(node => {
@@ -63,0 +56,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;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,"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=>{let{element:r,padding:n}=e;return{name:"arrow",fn(e){return u=r,Object.prototype.hasOwnProperty.call(u,"current")?null!=r.current?t.arrow({element:r.current,padding:n}).fn(e):{}:r?t.arrow({element:r,padding:n}).fn(e):{};var u}}},e.useFloating=function(e){let{middleware:u,placement:o,strategy:i}=void 0===e?{}:e;const l=r.useRef(null),c=r.useRef(null),[f,a]=r.useState({x:null,y:null,strategy:null!=i?i:"absolute",placement:"bottom",middlewareData:{}}),d=r.useRef(!1),s=function(e){const t=r.useRef(e);return n((()=>{t.current=e})),t}(u),m=r.useCallback((()=>{l.current&&c.current&&(d.current?d.current=!1:(d.current=!0,t.computePosition(l.current,c.current,{middleware:s.current,placement:o,strategy:i}).then(a)))}),[s,o,i]);n(m);const p=r.useCallback((e=>{l.current=e,m()}),[m]),b=r.useCallback((e=>{c.current=e,m()}),[m]);return r.useMemo((()=>({...f,update:m,reference:p,floating:b,refs:{reference:l,floating:c}})),[f,m,p,b])},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,n){"use strict";var r="undefined"!=typeof document?n.useLayoutEffect:n.useEffect;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,"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=>{let{element:n,padding:r}=e;return{name:"arrow",fn(e){return u=n,Object.prototype.hasOwnProperty.call(u,"current")?null!=n.current?t.arrow({element:n.current,padding:r}).fn(e):{}:n?t.arrow({element:n,padding:r}).fn(e):{};var u}}},e.useFloating=function(e){let{middleware:u,placement:o,strategy:i}=void 0===e?{}:e;const l=n.useRef(null),f=n.useRef(null),[c,a]=n.useState({x:null,y:null,strategy:null!=i?i:"absolute",placement:"bottom",middlewareData:{}}),d=function(e){const t=n.useRef(e);return r((()=>{t.current=e})),t}(u),s=n.useCallback((()=>{l.current&&f.current&&t.computePosition(l.current,f.current,{middleware:d.current,placement:o,strategy:i}).then(a)}),[d,o,i]);r(s,[s]);const m=n.useCallback((e=>{l.current=e,s()}),[s]),p=n.useCallback((e=>{f.current=e,s()}),[s]);return n.useMemo((()=>({...c,update:s,reference:m,floating:p,refs:{reference:l,floating:f}})),[c,s,m,p])},Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

 {
   "name": "@floating-ui/react-dom",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Floating UI for React DOM",
@@ -5,0 +5,0 @@ "main": "dist/floating-ui.react-dom.js",

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

Worsened metrics

Total package byte prevSize

13477

decreased by-3.03%

Lines of code

266

decreased by-4.32%

No dependency changes