asma-ui-core 3.22.1 → 3.22.2

package/dist/components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js

@@ -1,21 +1,23 @@
 import { cn as n } from "../../../../helpers/cn.js";
-import { StyledTooltip as I } from "../../../data-display/tooltip/StyledTooltip.js";
-import { useMobileMediaQuery as j } from "../../../../hooks/useMediaQuery.hook.js";
+import { StyledTooltip as j } from "../../../data-display/tooltip/StyledTooltip.js";
+import { useMobileMediaQuery as B } from "../../../../hooks/useMediaQuery.hook.js";
 import { CloseBtn as b } from "../components/CloseBtn.js";
 import { MinimizeBtn as z } from "../components/MinimizeBtn.js";
-import { FullScreenBtn as B } from "../components/FullscreenBtn.js";
+import { FullScreenBtn as D } from "../components/FullscreenBtn.js";
 import r from "./MinimizableDialogV2.module.js";
-import { useTranslations as D } from "./useTranslations.js";
-import { useControlledProps as R } from "./useControlledProps.js";
-import V from "clsx";
-import { useRef as _ } from "react";
-import { Fragment as $, jsx as e, jsxs as l } from "react/jsx-runtime";
-var X = (x) => {
-  const { showCloseIcon: p = !0, showMinimizeIcon: g = !0, showExpandIcon: y = !0, enableFullscreen: N = !0, title: a, label: c, children: w, open: C, onClose: f, classNameOverrides: m = {
+import { useTranslations as R } from "./useTranslations.js";
+import { useControlledProps as V } from "./useControlledProps.js";
+import _ from "clsx";
+import { useRef as $ } from "react";
+import { Fragment as A, jsx as e, jsxs as l } from "react/jsx-runtime";
+var Y = (p) => {
+  const { showCloseIcon: f = !0, showMinimizeIcon: g = !0, showExpandIcon: y = !0, enableFullscreen: N = !0, title: a, label: c, children: w, open: C, onClose: F, classNameOverrides: m = {
     maximized: "",
     minimized: "",
     fullscreen: ""
-  }, dataTest: F, actionNode: M, locale: S = "en", style: u } = x, s = j(), t = D(S), T = _(null), { minimized: i, setMinimized: h, fullScreen: o, setFullScreen: v } = R(x), d = o && !i, k = d ? {
+  }, dataTest: M, actionNode: S, locale: T = "en", style: u } = p, s = B(), t = R(T), k = $(null), { minimized: i, setMinimized: d, fullScreen: o, setFullScreen: h } = V(p), x = o && !i, v = () => {
+    d(!1), F();
+  }, I = x ? {
     right: "auto",
     bottom: "auto",
     left: "50%",
@@ -25,7 +27,7 @@ var X = (x) => {
     maxWidth: "min(1000px, calc(100vw - 32px))",
     height: "95dvh"
   } : void 0;
-  return C ? /* @__PURE__ */ l($, { children: [
+  return C ? /* @__PURE__ */ l(A, { children: [
     /* @__PURE__ */ e("div", {
       style: {
         zIndex: 51,
@@ -33,11 +35,11 @@ var X = (x) => {
       },
       className: n(r["minimized-dialog"], !i && r.hidden, m.minimized),
       children: /* @__PURE__ */ l("div", {
-        className: V("flex items-center justify-between", !i && "hidden"),
-        "data-testid": F,
+        className: _("flex items-center justify-between", !i && "hidden"),
+        "data-testid": M,
         children: [/* @__PURE__ */ e("div", {
           className: "max-w-[303px] truncate pr-1 text-lg font-semibold text-delta-800",
-          children: /* @__PURE__ */ e(I, {
+          children: /* @__PURE__ */ e(j, {
             title: a,
             placement: "top",
             children: /* @__PURE__ */ e("div", {
@@ -51,31 +53,31 @@ var X = (x) => {
             type: "expand",
             visibility: y,
             onClick: () => {
-              h(!i);
+              d(!i);
             },
             tooltipTitle: t.expand
           }), /* @__PURE__ */ e(b, {
-            showCloseIcon: p,
-            onClick: f,
+            showCloseIcon: f,
+            onClick: v,
             tooltipTitle: t.close
           })]
         })]
       })
     }),
-    d && /* @__PURE__ */ e("div", {
+    x && /* @__PURE__ */ e("div", {
       className: "fixed inset-0 z-[52] bg-[rgb(98,110,126)] bg-opacity-70",
       onClick: () => {
-        v(!1);
+        h(!1);
       }
     }),
     /* @__PURE__ */ l("div", {
       style: {
         zIndex: 51,
         ...u,
-        ...k
+        ...I
       },
-      ref: T,
-      className: n(r.dialog, i && r.hidden, !o && m.maximized, o && m.fullscreen, d && "fixed z-[53] duration-0"),
+      ref: k,
+      className: n(r.dialog, i && r.hidden, !o && m.maximized, o && m.fullscreen, x && "fixed z-[53] duration-0"),
       children: [/* @__PURE__ */ l("div", {
         className: n("flex flex-col border-b-[1px] border-delta-200 px-4", s ? "py-3" : "py-4"),
         children: [/* @__PURE__ */ l("div", {
@@ -89,26 +91,26 @@ var X = (x) => {
           }), /* @__PURE__ */ l("div", {
             className: "flex items-center gap-x-1",
             children: [
-              M,
+              S,
               /* @__PURE__ */ e(z, {
                 visibility: g && !s,
                 type: "minimize",
                 onClick: () => {
-                  h(!i);
+                  d(!i);
                 },
                 tooltipTitle: t.minimize
               }),
-              /* @__PURE__ */ e(B, {
+              /* @__PURE__ */ e(D, {
                 showFullScreenIcon: N && !s,
                 fullScreen: o,
                 onClick: () => {
-                  v(!o);
+                  h(!o);
                 },
                 tooltipTitle: o ? t.exitFullscreen : t.fullscreen
               }),
               /* @__PURE__ */ e(b, {
-                showCloseIcon: p,
-                onClick: f,
+                showCloseIcon: f,
+                onClick: v,
                 tooltipTitle: t.close
               })
             ]
@@ -125,5 +127,5 @@ var X = (x) => {
   ] }) : null;
 };
 export {
-  X as MinimizableDialogV2
+  Y as MinimizableDialogV2
 };

package/package.json

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