asma-ui-core 3.79.0 → 3.79.1

package/dist/components/custom/module/header-layout/DynamicToolbar.js

@@ -1,11 +1,11 @@
 import { cn as ae } from "../../../../helpers/cn.js";
 import { useMobileMediaQuery as re } from "../../../../hooks/useMediaQuery.hook.js";
-import { DynamicToolbarLayoutContext as ce } from "./DynamicToolbarLayoutContext.js";
-import { useElementWidthPx as de } from "../../../../hooks/useElementWidthPx.js";
-import { useWidthRegistry as me } from "../../../../hooks/useWidthRegistry.js";
-import { planBulkToolbarActions as he, planToolbarActions as ue } from "./planToolbarActions.js";
-import { resolveBulkActionsAvailableWidth as fe, resolvePageActionsAvailableWidth as Ae, resolveReserveBulkActionsWidthPx as xe, resolveTitleAreaWidth as ve, resolveToolbarLayout as be } from "./estimateToolbarLayout.js";
-import { useToolbarTranslations as pe } from "./useTranslations.js";
+import { useElementWidthPx as ce } from "../../../../hooks/useElementWidthPx.js";
+import { useWidthRegistry as de } from "../../../../hooks/useWidthRegistry.js";
+import { planBulkToolbarActions as me, planToolbarActions as he } from "./planToolbarActions.js";
+import { useToolbarTranslations as ue } from "./useTranslations.js";
+import { DynamicToolbarLayoutContext as fe } from "./DynamicToolbarLayoutContext.js";
+import { resolveBulkActionsAvailableWidth as Ae, resolvePageActionsAvailableWidth as xe, resolveReserveBulkActionsWidthPx as ve, resolveTitleAreaWidth as be, resolveToolbarLayout as pe } from "./estimateToolbarLayout.js";
 import { SearchSlot as we, SelectionIndicator as Pe, SelectionRow as Te, TitleBlock as H, TitleText as We, UtilityCluster as Q } from "./ToolbarRows.js";
 import { KEY_MORE_BUTTON as Me, KEY_SEARCH as $, KEY_SELECTION_INDICATOR as Be, KEY_TITLE as q, ToolbarMeasurementStrip as ye, actionKey as ge, filterKey as R } from "./ToolbarMeasurement.js";
 import { useCallback as Se, useMemo as o } from "react";
@@ -34,7 +34,7 @@ var J = {
   showMoreMenu: !1
 };
 function He(g) {
-  const { title: l, helperText: A, beforeFilterActions: x = [], filter: v, search: c, afterSearchActions: C = [], selectedCount: T = 0, onClearSelection: S, bulkActions: d = [], maxVisibleBulkActions: P = _e, locale: Z = "en", className: ee, style: te, dataTest: ie = "dynamic-toolbar" } = g, b = pe(Z), { ref: oe, widthPx: n } = de(), { register: W, widths: s } = me(), k = re(), _ = o(() => Ne(n, P), [n, P]), M = !k && n >= G ? P : _, m = T > 0, O = !m, p = o(() => [...x, ...C], [x, C]), h = Se((e, i) => s[ge(e.id, i)], [s]), a = o(() => ({
+  const { title: l, helperText: A, beforeFilterActions: x = [], filter: v, search: c, afterSearchActions: C = [], selectedCount: T = 0, onClearSelection: S, bulkActions: d = [], maxVisibleBulkActions: P = _e, locale: Z = "en", className: ee, style: te, dataTest: ie = "dynamic-toolbar" } = g, b = ue(Z), { ref: oe, widthPx: n } = ce(), { register: W, widths: s } = de(), k = re(), _ = o(() => Ne(n, P), [n, P]), M = !k && n >= G ? P : _, m = T > 0, O = !m, p = o(() => [...x, ...C], [x, C]), h = Se((e, i) => s[ge(e.id, i)], [s]), a = o(() => ({
     titleWidthPx: s[q],
     searchWidthPx: s[$],
     filterLabelWidthPx: s[R(!1)],
@@ -42,11 +42,11 @@ function He(g) {
     selectionIndicatorWidthPx: s[Be],
     moreButtonWidthPx: s[Me],
     actionWidthPx: h
-  }), [s, h]), I = o(() => xe(ke, d, h, M), [
+  }), [s, h]), I = o(() => ve(ke, d, h, M), [
     d,
     h,
     M
-  ]), { mode: r, filterIconOnly: w, trailingIconOnly: B } = o(() => be({
+  ]), { mode: r, filterIconOnly: w, trailingIconOnly: B } = o(() => pe({
     containerWidth: n,
     isMobile: k,
     isSelectionMode: m,
@@ -81,7 +81,7 @@ function He(g) {
     n,
     w,
     B
-  ]), V = ve(l, a.titleWidthPx), U = Ae({
+  ]), V = be(l, a.titleWidthPx), U = xe({
     layoutMode: r,
     containerWidth: n,
     titleWidth: V,
@@ -93,7 +93,7 @@ function He(g) {
     hasTrailingUtility: !1,
     reserveBulkActionsWidthPx: m ? 0 : I,
     measured: a
-  }), F = fe({
+  }), F = Ae({
     layoutMode: r,
     containerWidth: n,
     titleWidth: V,
@@ -101,7 +101,7 @@ function He(g) {
     hasFilter: v != null,
     hasSearch: c != null,
     measured: a
-  }), f = o(() => ue({
+  }), f = o(() => he({
     actions: p,
     availableWidth: U,
     collapseLabels: !0,
@@ -126,7 +126,7 @@ function He(g) {
       overflowActions: f.overflowActions,
       showMoreMenu: f.showMoreMenu
     };
-  }, [y, f]), Y = o(() => he({
+  }, [y, f]), Y = o(() => me({
     actions: d,
     availableWidth: F,
     maxVisibleBulkActions: r === "compact" ? _ : P,
@@ -162,7 +162,7 @@ function He(g) {
     onClearSelection: S,
     translations: b,
     bulkActionsPlan: Y
-  }), L = (e, i) => /* @__PURE__ */ t(ce.Provider, {
+  }), L = (e, i) => /* @__PURE__ */ t(fe.Provider, {
     value: le,
     children: /* @__PURE__ */ u("div", {
       ref: oe,

package/dist/components/custom/module/header-layout/ToolbarActionGroup.js

@@ -3,47 +3,49 @@ import { DotsVerticalIcon as g } from "../../../icons/dots-vertical-icon/DotsVer
 import { StyledButton as p } from "../../../inputs/button/StyledButton.js";
 import { StyledMenu as x } from "../../../navigation/menu/StyledMenu.js";
 import { StyledMenuItem as v } from "../../../navigation/menu/StyledMenuItem.js";
-import { Fragment as k, useState as T } from "react";
-import { Fragment as A, jsx as n, jsxs as o } from "react/jsx-runtime";
+import { Fragment as k, useState as y } from "react";
+import { Fragment as T, jsx as n, jsxs as o } from "react/jsx-runtime";
 function O(e) {
   return e != null && (e.inlineActions.length > 0 || e.showMoreMenu);
 }
-function C({ action: e, showLabel: l, selectionTone: t = !1 }) {
-  if (e.render) return e.render({ showLabel: l });
+function A({ action: e, showLabel: t, selectionTone: l = !1 }) {
+  if (e.render) return e.render({ showLabel: t });
   const a = e.ariaLabel ?? e.label;
   return /* @__PURE__ */ n(p, {
     dataTest: e.dataTest ?? `dynamic-toolbar-action-${e.id}`,
-    variant: e.variant ?? (t ? "text" : "outlined"),
+    variant: e.variant ?? (l ? "text" : "outlined"),
     error: e.tone === "danger",
     size: e.size ?? "large",
+    type: "button",
     disabled: e.disabled,
     startIcon: e.icon,
     onClick: e.onClick,
-    "aria-label": l && e.ariaLabel == null ? void 0 : a,
-    children: l ? e.label : void 0
+    "aria-label": t && e.ariaLabel == null ? void 0 : a,
+    children: t ? e.label : void 0
   });
 }
-function M({ overflowMenuLabel: e, onOpen: l }) {
+function C({ overflowMenuLabel: e, onOpen: t }) {
   return /* @__PURE__ */ n(p, {
     dataTest: "dynamic-toolbar-overflow-actions",
     variant: "text",
     size: "large",
+    type: "button",
     endIcon: /* @__PURE__ */ n(g, {
       width: 20,
       height: 20
     }),
-    onClick: (t) => l?.(t.currentTarget),
+    onClick: (l) => t?.(l.currentTarget),
     "aria-label": e,
     "aria-haspopup": "menu",
     children: e
   });
 }
-function j({ plan: e, overflowMenuLabel: l, className: t, selectionTone: a = !1, registerActionWidth: d }) {
-  const [m, s] = T(null), { inlineActions: u, overflowActions: b, showMoreMenu: c } = e;
-  return !u.length && !c ? null : /* @__PURE__ */ o("div", {
-    className: f("flex shrink-0 flex-nowrap items-center gap-2", t),
-    children: [u.map(({ action: r, showLabel: i }) => {
-      const h = /* @__PURE__ */ n(C, {
+function j({ plan: e, overflowMenuLabel: t, className: l, selectionTone: a = !1, registerActionWidth: d }) {
+  const [u, s] = y(null), { inlineActions: m, overflowActions: b, showMoreMenu: c } = e;
+  return !m.length && !c ? null : /* @__PURE__ */ o("div", {
+    className: f("flex shrink-0 flex-nowrap items-center gap-2", l),
+    children: [m.map(({ action: r, showLabel: i }) => {
+      const h = /* @__PURE__ */ n(A, {
         action: r,
         showLabel: i,
         selectionTone: a
@@ -53,12 +55,12 @@ function j({ plan: e, overflowMenuLabel: l, className: t, selectionTone: a = !1,
         className: "inline-flex shrink-0",
         children: h
       }, r.id);
-    }), c && /* @__PURE__ */ o(A, { children: [/* @__PURE__ */ n(M, {
-      overflowMenuLabel: l,
+    }), c && /* @__PURE__ */ o(T, { children: [/* @__PURE__ */ n(C, {
+      overflowMenuLabel: t,
       onOpen: s
     }), /* @__PURE__ */ n(x, {
-      anchorEl: m,
-      open: !!m,
+      anchorEl: u,
+      open: !!u,
       onClose: () => s(null),
       anchorOrigin: {
         vertical: "bottom",
@@ -82,8 +84,8 @@ function j({ plan: e, overflowMenuLabel: l, className: t, selectionTone: a = !1,
   });
 }
 export {
-  M as MoreTriggerButton,
-  C as ToolbarActionButton,
+  C as MoreTriggerButton,
+  A as ToolbarActionButton,
   j as ToolbarActionGroup,
   O as hasPlannedActions
 };

package/dist/components/custom/module/header-layout/ToolbarRows.js

@@ -1,9 +1,9 @@
 import { cn as f } from "../../../../helpers/cn.js";
 import { CloseIcon as T } from "../../../icons/close-icon/CloseIcon.js";
 import { StyledButton as b } from "../../../inputs/button/StyledButton.js";
-import { StyledWidgetTitle as j } from "../../widget/widget-title/StyledWidgetTitle.js";
 import { ToolbarActionGroup as c, hasPlannedActions as u } from "./ToolbarActionGroup.js";
-import { formatSelectionLabel as k } from "./useTranslations.js";
+import { formatSelectionLabel as j } from "./useTranslations.js";
+import { StyledWidgetTitle as k } from "../../widget/widget-title/StyledWidgetTitle.js";
 import { Fragment as o, jsx as i, jsxs as r } from "react/jsx-runtime";
 function I({ selectedCount: e, onClearSelection: n, translations: t }) {
   return /* @__PURE__ */ i("div", {
@@ -20,7 +20,7 @@ function I({ selectedCount: e, onClearSelection: n, translations: t }) {
       }) : void 0,
       onClick: n,
       "aria-label": t.clearSelection,
-      children: k(e, t)
+      children: j(e, t)
     })
   });
 }
@@ -57,7 +57,7 @@ function S({ visible: e, children: n }) {
   });
 }
 function F({ title: e, measureRef: n }) {
-  return typeof e == "string" ? /* @__PURE__ */ i(j, {
+  return typeof e == "string" ? /* @__PURE__ */ i(k, {
     ref: n,
     className: "!min-w-0 truncate",
     children: e

package/dist/components/feedback/dialog/dialog-footer/StyledDialogFooter.js

@@ -0,0 +1,105 @@
+import { cn as T } from "../../../../helpers/cn.js";
+import { DotsVerticalIcon as S } from "../../../icons/dots-vertical-icon/DotsVerticalIcon.js";
+import { StyledButton as y } from "../../../inputs/button/StyledButton.js";
+import { StyledMenu as $ } from "../../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as z } from "../../../navigation/menu/StyledMenuItem.js";
+import { useElementWidthPx as L } from "../../../../hooks/useElementWidthPx.js";
+import { useWidthRegistry as j } from "../../../../hooks/useWidthRegistry.js";
+import { planToolbarActions as K } from "../../../custom/module/header-layout/planToolbarActions.js";
+import { ToolbarActionButton as F } from "../../../custom/module/header-layout/ToolbarActionGroup.js";
+import { useToolbarTranslations as H } from "../../../custom/module/header-layout/useTranslations.js";
+import { useMemo as C, useState as D } from "react";
+import { Fragment as _, jsx as r, jsxs as t } from "react/jsx-runtime";
+var G = 470, U = 8, k = "dialog-footer-right", w = "dialog-footer-more", N = (i, n) => `dialog-footer-action:${i}:${n ? "label" : "icon"}`;
+function ae({ leftActions: i = [], leadingSlot: n, secondaryAction: o, primaryAction: s, fixed: P = !1, rounded: E = !0, locale: M = "en", className: W, dataTest: d = "styled-dialog-footer" }) {
+  const R = H(M), { ref: A, widthPx: c } = L(), { register: m, widths: a } = j(), [p, f] = D(null), u = c > 0 && c < G, B = u ? 8 : 16, g = C(() => i.filter((e) => !e.hidden).map((e) => e.icon == null && e.canHideLabel == null ? {
+    ...e,
+    canHideLabel: !1
+  } : e), [i]), I = a[k] ?? 0, x = o != null || s != null, b = Math.max(0, c - B * 2 - I - (x ? U : 0)), h = C(() => K({
+    actions: g,
+    availableWidth: b,
+    collapseLabels: !0,
+    resolveActionWidth: (e, l) => a[N(e.id, l)],
+    moreButtonWidthPx: a[w]
+  }), [
+    g,
+    b,
+    a
+  ]), v = (e, l, O) => /* @__PURE__ */ r(y, {
+    dataTest: e.dataTest ?? `${d}-${O}`,
+    variant: e.variant ?? l,
+    error: e.tone === "danger",
+    size: "medium",
+    type: e.type ?? "button",
+    disabled: e.disabled,
+    startIcon: e.icon,
+    onClick: e.onClick,
+    "aria-label": e.ariaLabel,
+    children: e.label
+  });
+  return /* @__PURE__ */ t("div", {
+    ref: A,
+    "data-testid": d,
+    className: T("flex items-center justify-end border-0 border-t border-solid border-delta-200 bg-white", u ? "gap-2 p-2" : "gap-4 p-4", E && "rounded-b-lg", P && "sticky bottom-0 z-[1] shadow-[0_0_16px_0_rgba(34,33,51,0.2)]", W),
+    children: [/* @__PURE__ */ r("div", {
+      className: "flex shrink-0 flex-nowrap items-center gap-2",
+      children: n ?? /* @__PURE__ */ t(_, { children: [h.inlineActions.map(({ action: e, showLabel: l }) => /* @__PURE__ */ r("span", {
+        ref: m(N(e.id, l)),
+        className: "inline-flex shrink-0",
+        children: /* @__PURE__ */ r(F, {
+          action: e,
+          showLabel: l
+        })
+      }, e.id)), h.showMoreMenu && /* @__PURE__ */ t(_, { children: [/* @__PURE__ */ r("span", {
+        ref: m(w),
+        className: "inline-flex shrink-0",
+        children: /* @__PURE__ */ r(y, {
+          dataTest: `${d}-more`,
+          variant: "outlined",
+          size: "medium",
+          type: "button",
+          onClick: (e) => f(e.currentTarget),
+          "aria-label": R.more,
+          "aria-haspopup": "menu",
+          "aria-expanded": p != null,
+          startIcon: /* @__PURE__ */ r(S, {
+            width: 24,
+            height: 24
+          })
+        })
+      }), /* @__PURE__ */ r($, {
+        anchorEl: p,
+        open: p != null,
+        onClose: () => f(null),
+        anchorOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        transformOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        children: h.overflowActions.map((e) => /* @__PURE__ */ r(z, {
+          disabled: e.disabled,
+          onClick: () => {
+            f(null), e.onClick();
+          },
+          children: /* @__PURE__ */ t("div", {
+            className: T("flex items-center gap-2", e.tone === "danger" ? "text-beta-500" : "text-delta-700"),
+            children: [e.icon, /* @__PURE__ */ r("span", { children: e.label })]
+          })
+        }, e.id))
+      })] })] })
+    }), x && /* @__PURE__ */ r("span", {
+      className: "flex min-w-px flex-1 flex-nowrap items-center justify-end",
+      children: /* @__PURE__ */ t("span", {
+        ref: m(k),
+        className: "flex shrink-0 flex-nowrap items-center gap-2",
+        children: [o && v(o, "outlined", "secondary"), s && v(s, "contained", "primary")]
+      })
+    })]
+  });
+}
+export {
+  ae as StyledDialogFooter
+};

package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js

@@ -8,9 +8,9 @@ import { ArrowExpandIcon as ne } from "../../icons/arrow-expand-icon/ArrowExpand
 import { ArrowShrinkIcon as oe } from "../../icons/arrow-shrink-icon/ArrowShrinkIcon.js";
 import { StyledTooltip as f } from "../../data-display/tooltip/StyledTooltip.js";
 import { StyledButton as t } from "../../inputs/button/StyledButton.js";
-import { useFocusTrap as se } from "../../../hooks/useFocusTrap.hook.js";
-import { StyledMenu as ce } from "../../navigation/menu/StyledMenu.js";
-import { StyledMenuItem as me } from "../../navigation/menu/StyledMenuItem.js";
+import { StyledMenu as se } from "../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as ce } from "../../navigation/menu/StyledMenuItem.js";
+import { useFocusTrap as me } from "../../../hooks/useFocusTrap.hook.js";
 import q from "./MinimizableDialog.module.js";
 import { useToggleMenuVisibility as he } from "../../../hooks/useToggleMenuVisibility.hook.js";
 import H from "clsx";
@@ -18,7 +18,7 @@ import { useRef as fe, useState as J } from "react";
 import { Fragment as z, jsx as e, jsxs as i } from "react/jsx-runtime";
 var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", onFullScreenText: M = "", showCloseIcon: j = !0, showMinimizeIcon: Q = !0, showExpandIcon: T = !0, showFullScreenIcon: W = !0, title: s, label: b, children: g, open: C, onClose: x, className: _ = "", primaryButtonText: w, primaryButtonLoading: k = !1, secondaryButtonText: c, onPrimaryButtonClick: v, onSecondaryButtonClick: p, dataTest: F, actionNode: X, extraActions: r, extraActionsText: m, btnContainerClassName: G, footerClassName: Y, footerInfo: D, locale: l = "en", enableFullscreen: Z = !0, fullScreenState: E, handleFullScreenState: L }) => {
   const [d, A] = J(!1), [R, P] = J(!1), { open: B, anchorEl: ee, handleOpen: ie, handleClose: te } = he(), S = fe(null), a = E ?? R, n = a && !d;
-  if (se(C && n, S, x), !C) return null;
+  if (me(C && n, S, x), !C) return null;
   const le = n ? {
     right: "auto",
     bottom: "auto",
@@ -176,11 +176,11 @@ var Ee = ({ onCloseText: u = "", onMinimizeText: N = "", onExpandText: I = "", o
               }),
               onClick: ie,
               children: m
-            }), /* @__PURE__ */ e(ce, {
+            }), /* @__PURE__ */ e(se, {
               open: B,
               anchorEl: ee,
               onClose: te,
-              children: r.map((o) => /* @__PURE__ */ e(me, {
+              children: r.map((o) => /* @__PURE__ */ e(ce, {
                 className: o.className,
                 onClick: o.onClick,
                 children: o.label

package/dist/components/inputs/select/StyledSelect.js

@@ -183,7 +183,7 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
             ...Fe,
             fontFamily: "Roboto, Helvetica, Arial, sans-serif"
           },
-          className: h("z-[1300] m-0 max-h-72 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", ge?.className),
+          className: h("z-[1300] m-0 max-h-72 list-none overflow-auto rounded border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", ge?.className),
           children: Pe
         })
       }),

package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js

@@ -246,7 +246,7 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
           ...q?.popper?.style
         },
         ...Ee(),
-        className: E("z-[1300] m-0 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", we?.listbox, q?.popper?.className),
+        className: E("z-[1300] m-0 list-none overflow-auto rounded border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", we?.listbox, q?.popper?.className),
         children: [ge && s && /* @__PURE__ */ v("div", {
           role: "group",
           className: "flex min-h-12 items-center gap-x-1 border-0 border-b border-solid border-delta-200 px-4 text-sm text-delta-700",