asma-ui-core 3.64.0 → 3.64.2

package/dist/components/data-display/tooltip/StyledTooltip.js

@@ -4,51 +4,52 @@ import { TOP_LAYER_PROPS as U, TOP_LAYER_RESET_STYLE as Y, getOpenModalDialogAnc
 import { cloneElement as D, useRef as H, useState as I } from "react";
 import { Fragment as N, jsx as f, jsxs as g } from "react/jsx-runtime";
 import { FloatingArrow as z, FloatingPortal as B, arrow as G, autoUpdate as W, flip as q, offset as J, shift as K, useDismiss as Q, useFloating as V, useFocus as X, useHover as Z, useInteractions as $, useMergeRefs as ee, useRole as oe } from "@floating-ui/react";
-var te = "#363E4A", pe = (e) => !e.title && e.title !== 0 ? e.children : /* @__PURE__ */ f(re, { ...e }), re = ({ title: e, children: t, placement: u = "top", arrow: r = !1, enterDelay: x = 500, leaveDelay: R = 0, open: p, onOpen: v, onClose: y, disableHoverListener: h, disableFocusListener: F, offsetDistance: T, className: _, slotProps: n }) => {
-  const [w, E] = I(!1), s = p !== void 0, l = p ?? w, c = H(null), O = (m) => {
-    s || E(m), m ? v?.() : y?.();
-  }, { refs: a, floatingStyles: P, context: o } = V({
-    open: l,
+var te = "#363E4A", pe = (e) => !e.title && e.title !== 0 ? e.children : /* @__PURE__ */ f(re, { ...e }), re = ({ title: e, children: t, placement: u = "top", arrow: r = !1, enterDelay: x = 500, leaveDelay: v = 0, open: p, onOpen: R, onClose: y, disableHoverListener: h, disableFocusListener: w, offsetDistance: F, className: T, slotProps: s }) => {
+  const [_, E] = I(!1), l = p !== void 0, n = p ?? _, c = H(null), O = (m) => {
+    l || E(m), m ? R?.() : y?.();
+  }, { refs: i, floatingStyles: b, context: o } = V({
+    open: n,
     onOpenChange: O,
     placement: u,
     strategy: "fixed",
     whileElementsMounted: W,
     middleware: [
-      J(T ?? (r ? 8 : 6)),
+      J(F ?? (r ? 8 : 6)),
       q({ padding: 8 }),
       K({ padding: 8 }),
       ...r ? [G({ element: c })] : []
     ]
-  }), { getReferenceProps: b, getFloatingProps: A } = $([
+  }), { getReferenceProps: P, getFloatingProps: A } = $([
     Z(o, {
-      enabled: !s && !h,
+      enabled: !l && !h,
       delay: {
         open: x,
-        close: R
+        close: v
       },
       move: !1
     }),
-    X(o, { enabled: !s && !F }),
+    X(o, { enabled: !l && !w }),
     Q(o),
     oe(o, { role: "tooltip" })
-  ]), d = l ? j(a.reference.current) : void 0, i = k(d), L = C(a.setFloating, i);
-  return /* @__PURE__ */ g(N, { children: [D(t, b({
-    ref: ee([a.setReference, t.ref]),
+  ]), d = n ? j(i.reference.current) : void 0, a = k(d), L = C(i.setFloating, a);
+  return /* @__PURE__ */ g(N, { children: [D(t, P({
+    ref: ee([i.setReference, t.ref]),
     ...t.props
-  })), l && /* @__PURE__ */ f(B, {
+  })), n && /* @__PURE__ */ f(B, {
     root: d,
     children: /* @__PURE__ */ g("div", {
       ref: L,
-      ...i ? U : {},
+      ...a ? U : {},
       ...A(),
       style: {
-        ...i ? Y : {},
-        ...P,
+        ...a ? Y : {},
+        ...b,
         fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-        ...n?.tooltip?.style,
-        ...M(n?.tooltip?.sx)
+        overflow: "visible",
+        ...s?.tooltip?.style,
+        ...M(s?.tooltip?.sx)
       },
-      className: S("z-[1500] block max-w-[320px] whitespace-normal break-words rounded-[3px] bg-[#363E4A] px-2 py-1 text-sm leading-5 text-white shadow-[0px_1px_6px_0px_rgba(0,0,0,0.15)]", _, n?.tooltip?.className),
+      className: S("z-[1500] block max-w-[320px] whitespace-normal break-words rounded-[3px] bg-[#363E4A] px-2 py-1 text-sm leading-5 text-white shadow-[0px_1px_6px_0px_rgba(0,0,0,0.15)]", T, s?.tooltip?.className),
       children: [e, r && /* @__PURE__ */ f(z, {
         ref: c,
         context: o,

package/dist/components/navigation/drawer/StyledDrawer.js

@@ -1,51 +1,101 @@
-import { cn as n } from "../../../helpers/cn.js";
-import { resolveSx as f } from "../../../helpers/sx.js";
-import { getOpenModalDialogAncestor as w } from "../../../hooks/useTopLayer.hook.js";
-import { useFocusTrap as h } from "../../../hooks/useFocusTrap.hook.js";
-import { useEffect as b, useRef as k } from "react";
-import { jsx as m, jsxs as E } from "react/jsx-runtime";
-import { FloatingPortal as S } from "@floating-ui/react";
-var _ = {
+import { cn as c } from "../../../helpers/cn.js";
+import { resolveSx as m } from "../../../helpers/sx.js";
+import { TOP_LAYER_PROPS as d, getOpenModalDialogAncestor as O, shouldUsePopoverTopLayer as b } from "../../../hooks/useTopLayer.hook.js";
+import { useFocusTrap as T } from "../../../hooks/useFocusTrap.hook.js";
+import { useEffect as S, useLayoutEffect as L, useRef as h } from "react";
+import { jsx as v, jsxs as k } from "react/jsx-runtime";
+import { FloatingPortal as A } from "@floating-ui/react";
+var D = {
   left: "inset-y-0 left-0 h-full",
   right: "inset-y-0 right-0 h-full",
   top: "inset-x-0 top-0 w-full",
   bottom: "inset-x-0 bottom-0 w-full"
-}, D = {
+}, N = {
   left: "-translate-x-full",
   right: "translate-x-full",
   top: "-translate-y-full",
   bottom: "translate-y-full"
-}, T = ({ open: t = !1, onClose: o, anchor: l = "left", variant: u = "temporary", hideBackdrop: d, className: c, sx: p, PaperProps: a, ModalProps: x, anchorEl: y, children: v }) => {
-  const e = u === "temporary", g = w(y), i = k(null);
-  return b(() => {
-    if (!t || !e) return;
-    const r = (s) => {
-      s.key === "Escape" && o?.(s, "escapeKeyDown");
+}, y = {
+  margin: 0,
+  border: "none",
+  padding: 0
+}, U = {
+  ...y,
+  width: "auto",
+  height: "auto"
+}, C = {
+  left: {
+    right: "auto",
+    width: "auto"
+  },
+  right: {
+    left: "auto",
+    width: "auto"
+  },
+  top: {
+    bottom: "auto",
+    height: "auto"
+  },
+  bottom: {
+    top: "auto",
+    height: "auto"
+  }
+}, G = ({ open: o = !1, onClose: a, anchor: i = "left", variant: E = "temporary", hideBackdrop: _, className: g, sx: w, PaperProps: l, ModalProps: P, anchorEl: x, children: R }) => {
+  const e = E === "temporary", f = O(x), s = h(null), n = h(null), r = e && b(f), u = (t) => {
+    if (!(!t || !o || !r))
+      try {
+        typeof t.showPopover == "function" && !t.matches(":popover-open") && t.showPopover();
+      } catch {
+      }
+  };
+  return L(() => {
+    if (!(!o || !r))
+      for (const t of [n.current, s.current]) try {
+        if (!t || typeof t.showPopover != "function") continue;
+        t.matches(":popover-open") && t.hidePopover(), t.showPopover();
+      } catch {
+      }
+  }, [o, r]), S(() => {
+    if (!o || !e) return;
+    const t = (p) => {
+      p.key === "Escape" && a?.(p, "escapeKeyDown");
     };
-    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [
-    t,
+    o,
     e,
-    o
-  ]), h(t && e, i), e && !t && !x?.keepMounted ? null : /* @__PURE__ */ E(S, {
-    root: g,
-    children: [e && !d && t && /* @__PURE__ */ m("div", {
+    a
+  ]), T(o && e, s), e && !o && !P?.keepMounted ? null : /* @__PURE__ */ k(A, {
+    root: f,
+    children: [e && !_ && o && /* @__PURE__ */ v("div", {
+      ref: (t) => {
+        n.current = t, u(t);
+      },
+      ...r ? d : void 0,
       className: "fixed inset-0 z-[1200] bg-[#626e7eb2]",
-      onClick: (r) => o?.(r, "backdropClick")
-    }), /* @__PURE__ */ m("div", {
-      ref: i,
+      style: r ? U : void 0,
+      onClick: (t) => a?.(t, "backdropClick")
+    }), /* @__PURE__ */ v("div", {
+      ref: (t) => {
+        s.current = t, u(t);
+      },
+      ...r ? d : void 0,
       role: e ? "dialog" : void 0,
-      "aria-modal": e && t ? !0 : void 0,
-      "aria-hidden": !t,
-      className: n("fixed z-[1200] overflow-auto bg-white transition-transform duration-300", t && "shadow-[0px_4px_40px_0px_#22213366]", _[l], !t && n(D[l], "pointer-events-none"), c, a?.className),
+      "aria-modal": e && o ? !0 : void 0,
+      "aria-hidden": !o,
+      className: c("fixed z-[1200] overflow-auto bg-white transition-transform duration-300", o && "shadow-[0px_4px_40px_0px_#22213366]", D[i], !o && c(N[i], "pointer-events-none"), g, l?.className),
       style: {
-        ...f(p),
-        ...f(a?.sx)
+        ...r && {
+          ...y,
+          ...C[i]
+        },
+        ...m(w),
+        ...m(l?.sx)
       },
-      children: v
+      children: R
     })]
   });
 };
 export {
-  T as StyledDrawer
+  G as StyledDrawer
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.64.0",
+    "version": "3.64.2",
     "type": "module",
     "sideEffects": [
         "**/*.css",