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

Comparing version 0.2.1 to 0.3.0

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

@@ -1,3 +0,3 @@
-import { computePosition } from '@floating-ui/dom';
-export { arrow, autoPlacement, detectOverflow, flip, getScrollParents, hide, limitShift, offset, shift, size } from '@floating-ui/dom';
+import { computePosition, arrow as arrow$1 } from '@floating-ui/dom';
+export { autoPlacement, detectOverflow, flip, getScrollParents, hide, limitShift, offset, shift, size } from '@floating-ui/dom';
 import { useLayoutEffect, useEffect, useRef, useState, useCallback, useMemo } from 'react';
@@ -68,3 +68,36 @@
 }
+const arrow = _ref => {
+  let {
+    element,
+    padding
+  } = _ref;
 
-export { useFloating };
+  function isRef(value) {
+    return Object.prototype.hasOwnProperty.call(value, 'current');
+  }
+
+  return {
+    name: 'arrow',
+
+    fn(args) {
+      if (isRef(element) && element.current != null) {
+        return arrow$1({
+          element: element.current,
+          padding
+        }).fn(args);
+      }
+
+      if (element) {
+        return arrow$1({
+          element,
+          padding
+        }).fn(args);
+      }
+
+      return {};
+    }
+
+  };
+};
+
+export { arrow, useFloating };

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

@@ -1,1 +0,1 @@
-import{computePosition as e}from"@floating-ui/dom";export{arrow,autoPlacement,detectOverflow,flip,getScrollParents,hide,limitShift,offset,shift,size}from"@floating-ui/dom";import{useLayoutEffect as t,useEffect as r,useRef as n,useState as o,useCallback as l,useMemo as u}from"react";var a="undefined"!=typeof document?t:r;function c(t){let{middleware:r,placement:c,strategy:i}=void 0===t?{}:t;const f=n(null),m=n(null),[d,s]=o({x:null,y:null,strategy:null!=i?i:"absolute",placement:"bottom",middlewareData:{}}),p=function(e){const t=n(e);return a((()=>{t.current=e})),t}(r),g=l((()=>{f.current&&m.current&&e(f.current,m.current,{middleware:p.current,placement:c,strategy:i}).then(s)}),[p,c,i]);a(g,[g]);const w=l((e=>{f.current=e,g()}),[g]),y=l((e=>{m.current=e,g()}),[g]);return u((()=>({...d,update:g,reference:w,floating:y,refs:{reference:f,floating:m}})),[d,g,w,y])}export{c 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

@@ -70,7 +70,36 @@ (function (global, factory) {
   }
+  const arrow = _ref => {
+    let {
+      element,
+      padding
+    } = _ref;
 
-  Object.defineProperty(exports, 'arrow', {
-    enumerable: true,
-    get: function () { return dom.arrow; }
-  });
+    function isRef(value) {
+      return Object.prototype.hasOwnProperty.call(value, 'current');
+    }
+
+    return {
+      name: 'arrow',
+
+      fn(args) {
+        if (isRef(element) && element.current != null) {
+          return dom.arrow({
+            element: element.current,
+            padding
+          }).fn(args);
+        }
+
+        if (element) {
+          return dom.arrow({
+            element,
+            padding
+          }).fn(args);
+        }
+
+        return {};
+      }
+
+    };
+  };
+
   Object.defineProperty(exports, 'autoPlacement', {
@@ -112,2 +141,3 @@ enumerable: true,
   });
+  exports.arrow = arrow;
   exports.useFloating = useFloating;
@@ -114,0 +144,0 @@

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;Object.defineProperty(e,"arrow",{enumerable:!0,get:function(){return t.arrow}}),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.useFloating=function(e){let{middleware:u,placement:o,strategy:i}=void 0===e?{}:e;const f=n.useRef(null),c=n.useRef(null),[l,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((()=>{f.current&&c.current&&t.computePosition(f.current,c.current,{middleware:d.current,placement:o,strategy:i}).then(a)}),[d,o,i]);r(s,[s]);const b=n.useCallback((e=>{f.current=e,s()}),[s]),m=n.useCallback((e=>{c.current=e,s()}),[s]);return n.useMemo((()=>({...l,update:s,reference:b,floating:m,refs:{reference:f,floating:c}})),[l,s,b,m])},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.2.1",
+  "version": "0.3.0",
   "description": "Floating UI for React DOM",
@@ -8,2 +8,7 @@ "main": "dist/floating-ui.react-dom.js",
   "unpkg": "dist/floating-ui.react-dom.min.js",
+  "type": "module",
+  "exports": {
+    "import": "./dist/floating-ui.react-dom.esm.js",
+    "require": "./dist/floating-ui.react-dom.js"
+  },
   "sideEffects": false,
@@ -45,3 +50,3 @@ "files": [
   "dependencies": {
-    "@floating-ui/dom": "^0.1.4",
+    "@floating-ui/dom": "^0.1.5",
     "use-isomorphic-layout-effect": "^1.1.1"
@@ -48,0 +53,0 @@ },

src/index.d.ts

@@ -1,4 +0,4 @@
-import type { ComputePositionConfig, ComputePositionReturn, VirtualElement } from '@floating-ui/core';
+import type { ComputePositionConfig, ComputePositionReturn, Middleware, SideObject, VirtualElement } from '@floating-ui/core';
 import { MutableRefObject } from 'react';
-export { arrow, autoPlacement, flip, hide, offset, shift, limitShift, size, getScrollParents, detectOverflow, } from '@floating-ui/dom';
+export { autoPlacement, flip, hide, offset, shift, limitShift, size, getScrollParents, detectOverflow, } from '@floating-ui/dom';
 declare type Data = Omit<ComputePositionReturn, 'x' | 'y'> & {
@@ -18,1 +18,5 @@ x: number | null;
 export declare function useFloating({ middleware, placement, strategy, }?: Omit<Partial<ComputePositionConfig>, 'platform'>): UseFloatingReturn;
+export declare const arrow: ({ element, padding, }: {
+    element: MutableRefObject<HTMLElement | undefined> | HTMLElement;
+    padding?: number | SideObject;
+}) => Middleware;

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

13373

increased by15.25%

Lines of code

262

increased by27.8%

Is type module

Yes

Dependency changes

• Updated@floating-ui/dom@^0.1.5