@kolking/react-ui 1.8.6 → 1.8.7

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
-import { jsxs as W, Fragment as _, jsx as t } from "react/jsx-runtime";
-import b, { useState as l, useRef as g, useMemo as k, useEffect as A } from "react";
+import { jsxs as O, Fragment as W, jsx as t } from "react/jsx-runtime";
+import _, { useState as l, useRef as g, useMemo as k, useEffect as A } from "react";
 import { flushSync as D } from "react-dom";
 import { useFloating as H, offset as U, flip as q, size as G, autoUpdate as J, useInteractions as K, useDismiss as Q, useRole as T, useClick as V, useListNavigation as X, useMergeRefs as Y, FloatingPortal as Z, FloatingFocusManager as $, FloatingList as ee } from "@floating-ui/react";
 import te from "classnames";
@@ -14,71 +14,71 @@ const de = ({
   unmount: v = !0,
   minWidth: x,
   maxWidth: F,
-  minHeight: M,
-  maxHeight: P,
-  className: y,
+  minHeight: y,
+  maxHeight: M,
+  className: P,
   children: z,
   onSelect: c,
   ...w
 }) => {
-  const [i, f] = l(!1), [a, C] = l(null), [E, I] = l({}), m = g([]), d = g(null), { refs: n, context: e, floatingStyles: N } = H({
-    open: i,
+  const [r, m] = l(!1), [i, C] = l(null), [E, I] = l({}), f = g([]), d = g(null), { refs: n, context: e, floatingStyles: N } = H({
+    open: r,
     placement: u,
-    onOpenChange: f,
+    onOpenChange: m,
     whileElementsMounted: J,
     middleware: [
       U(R),
       q({ padding: 10 }),
       G({
         padding: 10,
-        apply({ rects: s, availableWidth: r, availableHeight: O }) {
+        apply({ rects: a, availableWidth: s, availableHeight: L }) {
           D(() => {
             I({
-              minHeight: M,
-              minWidth: x ?? s.reference.width,
-              maxWidth: F ?? r,
-              maxHeight: P ?? O
+              minHeight: y,
+              minWidth: x ?? a.reference.width,
+              maxWidth: F ?? s,
+              maxHeight: M ?? L
             });
           });
         }
       })
     ]
-  }), { getReferenceProps: S, getFloatingProps: j, getItemProps: p } = K([
+  }), { getReferenceProps: S, getFloatingProps: b, getItemProps: p } = K([
     Q(e),
     T(e, { role: "menu" }),
     V(e, { event: "mousedown" }),
     X(e, {
-      listRef: m,
+      listRef: f,
       loop: !0,
-      activeIndex: a,
+      activeIndex: i,
       onNavigate: C
     })
-  ]), B = k(
-    () => ({ active: a, setOpen: f, getItemProps: p, onSelect: c }),
-    [a, p, c]
-  ), L = Y([
+  ]), j = k(
+    () => ({ active: i, setOpen: m, getItemProps: p, onSelect: c }),
+    [i, p, c]
+  ), B = Y([
     n.setReference,
     "ref" in o ? o.ref : null
   ]);
   return A(() => {
-    var r;
-    const s = (r = n.domReference.current) == null ? void 0 : r.closest("[data-floating-root]");
-    s && (d.current = s);
-  }, [n]), /* @__PURE__ */ W(_, { children: [
-    b.cloneElement(
+    var s;
+    const a = (s = n.domReference.current) == null ? void 0 : s.closest("[data-floating-root]");
+    d.current = a ?? document.body;
+  }, [n]), /* @__PURE__ */ O(W, { children: [
+    _.cloneElement(
       o,
-      S({ ref: L, "data-menu-trigger": !0, ...o.props })
+      S({ ref: B, "data-menu-trigger": !0, ...o.props })
     ),
-    /* @__PURE__ */ t(oe.Provider, { value: B, children: (i || !v) && /* @__PURE__ */ t(Z, { root: d.current, children: /* @__PURE__ */ t($, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(oe.Provider, { value: j, children: (r || !v) && /* @__PURE__ */ t(Z, { root: d.current, children: /* @__PURE__ */ t($, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
       "div",
       {
-        ...j(w),
+        ...b(w),
         ref: n.setFloating,
-        "data-open": i,
+        "data-open": r,
         "data-menu": u,
-        className: te(se.menu, y),
+        className: te(se.menu, P),
         style: { ...N, ...E, ...ne({ size: h }) },
-        children: /* @__PURE__ */ t(ee, { elementsRef: m, children: z })
+        children: /* @__PURE__ */ t(ee, { elementsRef: f, children: z })
       }
     ) }) }) })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolking/react-ui",
-  "version": "1.8.6",
+  "version": "1.8.7",
   "description": "React component library for building user interfaces",
   "author": "Nick Seryakov (https://github.com/kolking)",
   "license": "MIT",