asma-ui-core 3.49.2 → 3.50.0

package/dist/components/feedback/dialog/StyledDialog.js

@@ -1,10 +1,10 @@
 import { cn as f } from "../../../helpers/cn.js";
-import { resolveSx as D } from "../../../helpers/sx.js";
-import { CloseIcon as B } from "../../icons/close-icon/CloseIcon.js";
-import { StyledButton as F } from "../../inputs/button/StyledButton.js";
+import { resolveSx as S } from "../../../helpers/sx.js";
+import { CloseIcon as X } from "../../icons/close-icon/CloseIcon.js";
+import { StyledButton as B } from "../../inputs/button/StyledButton.js";
 import { useMobileMediaQuery as G } from "../../../hooks/useMediaQuery.hook.js";
 import P from "./StyledDialog.module.js";
-import { useEffect as _, useLayoutEffect as Q, useRef as u } from "react";
+import { useEffect as D, useLayoutEffect as Q, useRef as u } from "react";
 import { jsx as l, jsxs as r } from "react/jsx-runtime";
 var $ = {
   xs: 444,
@@ -12,51 +12,51 @@ var $ = {
   md: 900,
   lg: 1200,
   xl: 1536
-}, te = ({ open: t, onClose: a, children: C, dataTest: i, maxWidth: x = "sm", fullWidth: E, fullScreen: H, scroll: p = "paper", disableEscapeKeyDown: h, className: S, style: j, sx: M, classes: y, PaperProps: R, slotProps: o, onCloseText: w, showCloseIcon: b = !0, dialogLabel: d, dialogTitle: s, dialogHeaderNode: W }) => {
-  const I = G(), v = u(null), c = u(!1), g = u(t), n = I ? !0 : H;
-  _(() => {
+}, te = ({ open: t, onClose: a, children: _, dataTest: i, maxWidth: x = "sm", fullWidth: C, fullScreen: E, scroll: p = "paper", disableEscapeKeyDown: h, className: H, style: j, sx: M, classes: y, PaperProps: R, slotProps: o, onCloseText: w, showCloseIcon: v = !0, dialogLabel: d, dialogTitle: s, dialogHeaderNode: W }) => {
+  const I = G(), b = u(null), c = u(!1), g = u(t), n = I ? !0 : E;
+  D(() => {
     g.current && !t && o?.transition?.onExited?.(), g.current = t;
   }, [t, o]), Q(() => {
-    const e = v.current;
-    e && t && !e.open && e.showModal();
-  }, [t]), _(() => {
+    const e = b.current;
+    !e || !t || e.open || (e.showModal(), e.focus({ preventScroll: !0 }), requestAnimationFrame(() => e.open && e.focus({ preventScroll: !0 })));
+  }, [t]), D(() => {
     if (!t) return;
-    const e = document.body.style.overflow, A = document.documentElement.style.overflow;
+    const e = document.body.style.overflow, K = document.documentElement.style.overflow;
     return document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden", () => {
-      document.body.style.overflow = e, document.documentElement.style.overflow = A;
+      document.body.style.overflow = e, document.documentElement.style.overflow = K;
     };
   }, [t]);
   const m = {
     ...R,
     ...o?.paper
-  }, k = x === !1 ? void 0 : $[x], { className: O, style: z, onClick: K, ...X } = o?.backdrop ?? {}, N = (e) => {
+  }, k = x === !1 ? void 0 : $[x], { className: O, style: z, onClick: q, ...A } = o?.backdrop ?? {}, N = (e) => {
     c.current || (c.current = !0, window.setTimeout(() => {
       c.current = !1;
     }, 0), a?.(e, "escapeKeyDown"));
-  }, q = (e) => {
+  }, F = (e) => {
     e.preventDefault(), h || N(e);
   };
   return t ? /* @__PURE__ */ r("dialog", {
-    ref: v,
+    ref: b,
     tabIndex: -1,
     "data-testid": i,
     "aria-label": i,
-    onCancel: q,
+    onCancel: F,
     onKeyDown: (e) => {
       e.key !== "Escape" || h || (e.preventDefault(), N(e));
     },
-    className: f(P.StyledDialog, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none items-center justify-center overflow-hidden border-0 bg-transparent p-0 outline-none open:flex", p === "body" && "overflow-y-auto", S, y?.root),
+    className: f(P.StyledDialog, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none items-center justify-center overflow-hidden border-0 bg-transparent p-0 outline-none open:flex", p === "body" && "overflow-y-auto", H, y?.root),
     style: {
       zIndex: 999,
-      ...D(M),
+      ...S(M),
       ...j
     },
     children: [/* @__PURE__ */ l("div", {
-      ...X,
+      ...A,
       className: f("absolute inset-0 bg-[#626e7eb2]", O),
       style: z,
       onClick: (e) => {
-        K?.(e), e.defaultPrevented || a?.(e, "backdropClick");
+        q?.(e), e.defaultPrevented || a?.(e, "backdropClick");
       }
     }), /* @__PURE__ */ r("div", {
       className: f("relative z-[1] flex overflow-hidden rounded-lg border-0 bg-white p-0 text-delta-800 shadow-[0px_4px_40px_0px_#22213366]", p === "paper" && "flex-col", n && "rounded-none", m.className, y?.paper),
@@ -70,10 +70,10 @@ var $ = {
           height: "100%",
           maxHeight: "100%"
         } : {
-          width: E ? "calc(100% - 64px)" : "auto",
+          width: C ? "calc(100% - 64px)" : "auto",
           maxHeight: "100%"
         },
-        ...D(m.sx),
+        ...S(m.sx),
         ...m.style,
         ...n ? {
           width: "100%",
@@ -82,7 +82,7 @@ var $ = {
           maxHeight: "100%"
         } : { maxHeight: "calc(100% - 64px)" }
       },
-      children: [(!!d || !!s || b) && /* @__PURE__ */ r("div", {
+      children: [(!!d || !!s || v) && /* @__PURE__ */ r("div", {
         className: "box-border flex w-full min-w-0 max-w-full justify-between px-4 pt-4",
         children: [/* @__PURE__ */ r("div", {
           className: "flex min-w-0 flex-1 flex-col justify-start gap-0.5",
@@ -93,14 +93,14 @@ var $ = {
             className: "flex text-2xl font-semibold leading-8 text-delta-800",
             children: s
           })]
-        }), b && /* @__PURE__ */ r("div", {
+        }), v && /* @__PURE__ */ r("div", {
           className: "flex min-w-0 max-w-full shrink-0 justify-end gap-2",
-          children: [W, /* @__PURE__ */ l(F, {
+          children: [W, /* @__PURE__ */ l(B, {
             dataTest: `close-button-${i}`,
             "aria-label": w ? void 0 : "Close",
             variant: "textGray",
             size: "small",
-            endIcon: /* @__PURE__ */ l(B, {
+            endIcon: /* @__PURE__ */ l(X, {
               width: 20,
               height: 20
             }),
@@ -114,7 +114,7 @@ var $ = {
             children: w
           })]
         })]
-      }), C]
+      }), _]
     })]
   }) : null;
 };

package/package.json

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