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

Comparing version 0.6.0 to 0.6.1

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

 import { computePosition, arrow as arrow$1 } from '@floating-ui/dom';
-export { autoPlacement, autoUpdate, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, shift, size } from '@floating-ui/dom';
+export * from '@floating-ui/dom';
 import { useLayoutEffect, useEffect, useRef, useState, useCallback, useMemo } from 'react';
@@ -9,2 +9,3 @@
 // functions
+// @ts-nocheck
 function deepEqual(a, b) {
@@ -11,0 +12,0 @@ if (a === b) {

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

dist/floating-ui.react-dom.js

@@ -11,2 +11,3 @@ (function (global, factory) {
   // functions
+  // @ts-nocheck
   function deepEqual(a, b) {
@@ -184,48 +185,10 @@ if (a === b) {
 
-  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, '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, '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]; }
+    });
+  });
 
@@ -232,0 +195,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

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,"autoUpdate",{enumerable:!0,get:function(){return t.autoUpdate}}),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,"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="bottom",strategy:f="absolute"}=void 0===e?{}:e;const l=r.useRef(null),c=r.useRef(null),[a,s]=r.useState({x:null,y:null,strategy:f,placement:i,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]),O=r.useMemo((()=>({reference:l,floating:c})),[]);return r.useMemo((()=>({...a,update:m,refs:O,reference:y,floating:g})),[a,m,O,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}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:a="bottom",strategy:f="absolute"}=void 0===e?{}:e;const l=r.useRef(null),i=r.useRef(null),[c,s]=r.useState({x:null,y:null,strategy:f,placement:a,middlewareData:{}}),[p,d]=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})))||d(u);const y=r.useRef(!0);n((()=>(y.current=!0,()=>{y.current=!1})),[]);const g=r.useCallback((()=>{l.current&&i.current&&t.computePosition(l.current,i.current,{middleware:p,placement:a,strategy:f}).then((e=>{y.current&&s(e)}))}),[p,a,f]);n(g,[g]);const m=r.useCallback((e=>{l.current=e,g()}),[g]),b=r.useCallback((e=>{i.current=e,g()}),[g]),h=r.useMemo((()=>({reference:l,floating:i})),[]);return r.useMemo((()=>({...c,update:g,refs:h,reference:m,floating:b})),[c,g,h,m,b])},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})}));

package.json

 {
   "name": "@floating-ui/react-dom",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "@rollingversions": {
@@ -24,3 +24,4 @@ "baseVersion": [
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./src/index.ts": "./src/index.ts"
   },
@@ -36,4 +37,3 @@ "sideEffects": false,
     "test": "jest test",
-    "build": "NODE_ENV=build rollup -c",
-    "dev": "parcel test/visual/index.html --dist-dir test/visual/dist"
+    "build": "NODE_ENV=build rollup -c"
   },
@@ -64,3 +64,3 @@ "author": "atomiks",
   "dependencies": {
-    "@floating-ui/dom": "^0.4.0",
+    "@floating-ui/dom": "^0.4.2",
     "use-isomorphic-layout-effect": "^1.1.1"
@@ -82,3 +82,2 @@ },
     "jest": "^27.3.1",
-    "parcel": "^2.0.1",
     "react": "^17.0.2",
@@ -85,0 +84,0 @@ "react-dom": "^17.0.2",

src/index.d.ts

 import type { ComputePositionConfig, ComputePositionReturn, Middleware, SideObject, VirtualElement } from '@floating-ui/core';
 import { MutableRefObject } from 'react';
-export { autoPlacement, flip, hide, offset, shift, limitShift, size, inline, getOverflowAncestors, detectOverflow, autoUpdate, } from '@floating-ui/dom';
+export * from '@floating-ui/dom';
 declare type Data = Omit<ComputePositionReturn, 'x' | 'y'> & {
@@ -8,3 +8,3 @@ x: number | null;
 };
-declare type UseFloatingReturn = Data & {
+export declare type UseFloatingReturn = Data & {
     update: () => void;
@@ -11,0 +11,0 @@ reference: (node: Element | VirtualElement | null) => void;

src/types.d.ts

 export { useFloating } from './';
-export { autoPlacement, flip, hide, offset, shift, limitShift, size, inline, detectOverflow, getOverflowAncestors, autoUpdate, } from '@floating-ui/dom';
-export type { Platform, Placement, Strategy, Middleware, Alignment, Side, AlignedPlacement, Axis, Length, Coords, SideObject, Dimensions, Rect, ElementRects, ElementContext, ClientRectObject, Padding, RootBoundary, MiddlewareArguments, MiddlewareReturn, MiddlewareData, ComputePositionConfig, ComputePositionReturn, } from '@floating-ui/dom';
 export { arrow } from './';
+export type { UseFloatingReturn } from './';
+export * from '@floating-ui/dom';
+export type { Platform, Placement, Strategy, Middleware, Alignment, Side, AlignedPlacement, Axis, Length, Coords, SideObject, Dimensions, Rect, ElementRects, ElementContext, ClientRectObject, Padding, RootBoundary, MiddlewareArguments, MiddlewareReturn, MiddlewareData, ComputePositionConfig, ComputePositionReturn, VirtualElement, } from '@floating-ui/dom';

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

Dev dependency count

19

decreased by-5%

Worsened metrics

Total package byte prevSize

20663

decreased by-14.18%

Lines of code

529

decreased by-12.56%

Dependency changes

• Updated@floating-ui/dom@^0.4.2