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

Comparing version 1.2.0 to 1.2.1

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

 import { arrow as arrow$1, computePosition } from '@floating-ui/dom';
-export * from '@floating-ui/dom';
+export { autoPlacement, autoUpdate, computePosition, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, platform, shift, size } from '@floating-ui/dom';
 import * as React from 'react';
@@ -4,0 +4,0 @@ import { useLayoutEffect, useEffect } from 'react';

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

@@ -1,1 +0,1 @@
-import{arrow as e,computePosition as t}from"@floating-ui/dom";export*from"@floating-ui/dom";import*as r from"react";import{useLayoutEffect as n,useEffect as o}from"react";import*as u from"react-dom";const c=t=>{const{element:r,padding:n}=t;return{name:"arrow",options:t,fn(t){return o=r,Object.prototype.hasOwnProperty.call(o,"current")?null!=r.current?e({element:r.current,padding:n}).fn(t):{}:r?e({element:r,padding:n}).fn(t):{};var o}}};var i="undefined"!=typeof document?n:o;function s(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(!s(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)&&!s(e[r],t[r]))return!1}return!0}return e!=e&&t!=t}function f(e){void 0===e&&(e={});const{placement:n="bottom",strategy:o="absolute",middleware:c=[],whileElementsMounted:f,open:a}=e,[l,m]=r.useState({x:null,y:null,strategy:o,placement:n,middlewareData:{},isPositioned:!1}),[p,d]=r.useState(c);s(p,c)||d(c);const y=r.useRef(null),g=r.useRef(null),b=r.useRef(l),h=function(e){const t=r.useRef(e);return i((()=>{t.current=e})),t}(f),[w,P]=r.useState(null),[S,O]=r.useState(null),R=r.useCallback((e=>{y.current!==e&&(y.current=e,P(e))}),[]),j=r.useCallback((e=>{g.current!==e&&(g.current=e,O(e))}),[]),k=r.useCallback((()=>{y.current&&g.current&&t(y.current,g.current,{middleware:p,placement:n,strategy:o}).then((e=>{const t={...e,isPositioned:!0};M.current&&!s(b.current,t)&&(b.current=t,u.flushSync((()=>{m(t)})))}))}),[p,n,o]);i((()=>{!1===a&&b.current.isPositioned&&(b.current.isPositioned=!1,m((e=>({...e,isPositioned:!1}))))}),[a]);const M=r.useRef(!1);i((()=>(M.current=!0,()=>{M.current=!1})),[]),i((()=>{if(w&&S){if(h.current)return h.current(w,S,k);k()}}),[w,S,k,h]);const v=r.useMemo((()=>({reference:y,floating:g,setReference:R,setFloating:j})),[R,j]),x=r.useMemo((()=>({reference:w,floating:S})),[w,S]);return r.useMemo((()=>({...l,update:k,refs:v,elements:x,reference:R,floating:j})),[l,k,v,x,R,j])}export{c as arrow,f as useFloating};
+import{arrow as e,computePosition as t}from"@floating-ui/dom";export{autoPlacement,autoUpdate,computePosition,detectOverflow,flip,getOverflowAncestors,hide,inline,limitShift,offset,platform,shift,size}from"@floating-ui/dom";import*as r from"react";import{useLayoutEffect as n,useEffect as o}from"react";import*as u from"react-dom";const i=t=>{const{element:r,padding:n}=t;return{name:"arrow",options:t,fn(t){return o=r,Object.prototype.hasOwnProperty.call(o,"current")?null!=r.current?e({element:r.current,padding:n}).fn(t):{}:r?e({element:r,padding:n}).fn(t):{};var o}}};var c="undefined"!=typeof document?n:o;function s(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(!s(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)&&!s(e[r],t[r]))return!1}return!0}return e!=e&&t!=t}function f(e){void 0===e&&(e={});const{placement:n="bottom",strategy:o="absolute",middleware:i=[],whileElementsMounted:f,open:l}=e,[a,m]=r.useState({x:null,y:null,strategy:o,placement:n,middlewareData:{},isPositioned:!1}),[p,d]=r.useState(i);s(p,i)||d(i);const g=r.useRef(null),y=r.useRef(null),h=r.useRef(a),w=function(e){const t=r.useRef(e);return c((()=>{t.current=e})),t}(f),[b,P]=r.useState(null),[O,S]=r.useState(null),R=r.useCallback((e=>{g.current!==e&&(g.current=e,P(e))}),[]),j=r.useCallback((e=>{y.current!==e&&(y.current=e,S(e))}),[]),k=r.useCallback((()=>{g.current&&y.current&&t(g.current,y.current,{middleware:p,placement:n,strategy:o}).then((e=>{const t={...e,isPositioned:!0};v.current&&!s(h.current,t)&&(h.current=t,u.flushSync((()=>{m(t)})))}))}),[p,n,o]);c((()=>{!1===l&&h.current.isPositioned&&(h.current.isPositioned=!1,m((e=>({...e,isPositioned:!1}))))}),[l]);const v=r.useRef(!1);c((()=>(v.current=!0,()=>{v.current=!1})),[]),c((()=>{if(b&&O){if(w.current)return w.current(b,O,k);k()}}),[b,O,k,w]);const M=r.useMemo((()=>({reference:g,floating:y,setReference:R,setFloating:j})),[R,j]),x=r.useMemo((()=>({reference:b,floating:O})),[b,O]);return r.useMemo((()=>({...a,update:k,refs:M,elements:x,reference:R,floating:j})),[a,k,M,x,R,j])}export{i as arrow,f as useFloating};

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

@@ -230,10 +230,56 @@ (function (global, factory) {
 
+  Object.defineProperty(exports, 'autoPlacement', {
+    enumerable: true,
+    get: function () { return dom.autoPlacement; }
+  });
+  Object.defineProperty(exports, 'autoUpdate', {
+    enumerable: true,
+    get: function () { return dom.autoUpdate; }
+  });
+  Object.defineProperty(exports, 'computePosition', {
+    enumerable: true,
+    get: function () { return dom.computePosition; }
+  });
+  Object.defineProperty(exports, 'detectOverflow', {
+    enumerable: true,
+    get: function () { return dom.detectOverflow; }
+  });
+  Object.defineProperty(exports, 'flip', {
+    enumerable: true,
+    get: function () { return dom.flip; }
+  });
+  Object.defineProperty(exports, 'getOverflowAncestors', {
+    enumerable: true,
+    get: function () { return dom.getOverflowAncestors; }
+  });
+  Object.defineProperty(exports, 'hide', {
+    enumerable: true,
+    get: function () { return dom.hide; }
+  });
+  Object.defineProperty(exports, 'inline', {
+    enumerable: true,
+    get: function () { return dom.inline; }
+  });
+  Object.defineProperty(exports, 'limitShift', {
+    enumerable: true,
+    get: function () { return dom.limitShift; }
+  });
+  Object.defineProperty(exports, 'offset', {
+    enumerable: true,
+    get: function () { return dom.offset; }
+  });
+  Object.defineProperty(exports, 'platform', {
+    enumerable: true,
+    get: function () { return dom.platform; }
+  });
+  Object.defineProperty(exports, 'shift', {
+    enumerable: true,
+    get: function () { return dom.shift; }
+  });
+  Object.defineProperty(exports, 'size', {
+    enumerable: true,
+    get: function () { return dom.size; }
+  });
   exports.arrow = arrow;
   exports.useFloating = useFloating;
-  Object.keys(dom).forEach(function (k) {
-    if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: function () { return dom[k]; }
-    });
-  });
 
@@ -240,0 +286,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@floating-ui/dom"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/dom","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).FloatingUIReactDOM={},e.FloatingUIDOM,e.React,e.ReactDOM)}(this,(function(e,t,r,n){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=u(r),c=u(n);var i="undefined"!=typeof document?r.useLayoutEffect:r.useEffect;function f(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(!f(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)&&!f(e[r],t[r]))return!1}return!0}return e!=e&&t!=t}e.arrow=e=>{const{element:r,padding:n}=e;return{name:"arrow",options:e,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){void 0===e&&(e={});const{placement:r="bottom",strategy:n="absolute",middleware:u=[],whileElementsMounted:a,open:l}=e,[s,d]=o.useState({x:null,y:null,strategy:n,placement:r,middlewareData:{},isPositioned:!1}),[p,y]=o.useState(u);f(p,u)||y(u);const g=o.useRef(null),m=o.useRef(null),b=o.useRef(s),O=function(e){const t=o.useRef(e);return i((()=>{t.current=e})),t}(a),[h,j]=o.useState(null),[w,P]=o.useState(null),M=o.useCallback((e=>{g.current!==e&&(g.current=e,j(e))}),[]),R=o.useCallback((e=>{m.current!==e&&(m.current=e,P(e))}),[]),k=o.useCallback((()=>{g.current&&m.current&&t.computePosition(g.current,m.current,{middleware:p,placement:r,strategy:n}).then((e=>{const t={...e,isPositioned:!0};v.current&&!f(b.current,t)&&(b.current=t,c.flushSync((()=>{d(t)})))}))}),[p,r,n]);i((()=>{!1===l&&b.current.isPositioned&&(b.current.isPositioned=!1,d((e=>({...e,isPositioned:!1}))))}),[l]);const v=o.useRef(!1);i((()=>(v.current=!0,()=>{v.current=!1})),[]),i((()=>{if(h&&w){if(O.current)return O.current(h,w,k);k()}}),[h,w,k,O]);const S=o.useMemo((()=>({reference:g,floating:m,setReference:M,setFloating:R})),[M,R]),D=o.useMemo((()=>({reference:h,floating:w})),[h,w]);return o.useMemo((()=>({...s,update:k,refs:S,elements:D,reference:M,floating:R})),[s,k,S,D,M,R])},Object.keys(t).forEach((function(r){"default"===r||e.hasOwnProperty(r)||Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@floating-ui/dom"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/dom","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).FloatingUIReactDOM={},e.FloatingUIDOM,e.React,e.ReactDOM)}(this,(function(e,t,r,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=o(r),i=o(n);var f="undefined"!=typeof document?r.useLayoutEffect:r.useEffect;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}Object.defineProperty(e,"autoPlacement",{enumerable:!0,get:function(){return t.autoPlacement}}),Object.defineProperty(e,"autoUpdate",{enumerable:!0,get:function(){return t.autoUpdate}}),Object.defineProperty(e,"computePosition",{enumerable:!0,get:function(){return t.computePosition}}),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,"getOverflowAncestors",{enumerable:!0,get:function(){return t.getOverflowAncestors}}),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,"platform",{enumerable:!0,get:function(){return t.platform}}),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){void 0===e&&(e={});const{placement:r="bottom",strategy:n="absolute",middleware:o=[],whileElementsMounted:l,open:a}=e,[s,d]=u.useState({x:null,y:null,strategy:n,placement:r,middlewareData:{},isPositioned:!1}),[p,b]=u.useState(o);c(p,o)||b(o);const m=u.useRef(null),g=u.useRef(null),y=u.useRef(s),O=function(e){const t=u.useRef(e);return f((()=>{t.current=e})),t}(l),[P,j]=u.useState(null),[h,w]=u.useState(null),v=u.useCallback((e=>{m.current!==e&&(m.current=e,j(e))}),[]),M=u.useCallback((e=>{g.current!==e&&(g.current=e,w(e))}),[]),R=u.useCallback((()=>{m.current&&g.current&&t.computePosition(m.current,g.current,{middleware:p,placement:r,strategy:n}).then((e=>{const t={...e,isPositioned:!0};S.current&&!c(y.current,t)&&(y.current=t,i.flushSync((()=>{d(t)})))}))}),[p,r,n]);f((()=>{!1===a&&y.current.isPositioned&&(y.current.isPositioned=!1,d((e=>({...e,isPositioned:!1}))))}),[a]);const S=u.useRef(!1);f((()=>(S.current=!0,()=>{S.current=!1})),[]),f((()=>{if(P&&h){if(O.current)return O.current(P,h,R);R()}}),[P,h,R,O]);const k=u.useMemo((()=>({reference:m,floating:g,setReference:v,setFloating:M})),[v,M]),D=u.useMemo((()=>({reference:P,floating:h})),[P,h]);return u.useMemo((()=>({...s,update:R,refs:k,elements:D,reference:v,floating:M})),[s,R,k,D,v,M])},Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

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

src/index.d.ts

 export { arrow } from './arrow';
 export { useFloating } from './useFloating';
-export * from '@floating-ui/dom';
+export { autoPlacement, autoUpdate, computePosition, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, platform, shift, size, } from '@floating-ui/dom';

src/types.d.ts

 import type { ComputePositionConfig, ComputePositionReturn, VirtualElement } from '@floating-ui/dom';
 import * as React from 'react';
-export { useFloating } from './';
-export { arrow } from './';
-export * from '@floating-ui/dom';
+export { arrow } from './arrow';
+export { useFloating } from './useFloating';
+export type { AlignedPlacement, Alignment, AutoUpdateOptions, Axis, Boundary, ClientRectObject, ComputePositionConfig, ComputePositionReturn, Coords, DetectOverflowOptions, Dimensions, ElementContext, ElementRects, Elements, FloatingElement, Length, Middleware, MiddlewareArguments, MiddlewareData, MiddlewareReturn, NodeScroll, Padding, Placement, Platform, Rect, ReferenceElement, RootBoundary, Side, SideObject, SizeOptions, Strategy, VirtualElement, } from '@floating-ui/dom';
+export { autoPlacement, autoUpdate, computePosition, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, platform, shift, size, } from '@floating-ui/dom';
 export type UseFloatingData = Omit<ComputePositionReturn, 'x' | 'y'> & {
@@ -7,0 +8,0 @@ x: number | null;

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

31882

increased by12.76%

Lines of code

762

increased by7.48%

No dependency changes