asma-ui-core 3.49.2 → 3.50.1

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

@@ -1,110 +1,111 @@
 import { cn as f } from "../../../../helpers/cn.js";
 import { CloseIcon as T } from "../../../icons/close-icon/CloseIcon.js";
-import { StyledButton as j } from "../../../inputs/button/StyledButton.js";
-import { StyledWidgetTitle as k } from "../../widget/widget-title/StyledWidgetTitle.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 F } from "./useTranslations.js";
-import { Fragment as o, jsx as n, jsxs as r } from "react/jsx-runtime";
-function b({ selectedCount: e, onClearSelection: i, translations: t }) {
-  return /* @__PURE__ */ n("div", {
+import { formatSelectionLabel as k } from "./useTranslations.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", {
     className: "flex shrink-0 items-center whitespace-nowrap",
     "aria-live": "polite",
     "aria-atomic": "true",
-    children: /* @__PURE__ */ n(j, {
+    children: /* @__PURE__ */ i(b, {
       dataTest: "dynamic-toolbar-clear-selection",
       variant: "text",
       size: "small",
       className: "!min-w-0 !px-1 !font-semibold",
-      startIcon: i ? /* @__PURE__ */ n(T, {
+      startIcon: n ? /* @__PURE__ */ i(T, {
         width: 20,
         height: 20
       }) : void 0,
-      onClick: i,
+      onClick: n,
       "aria-label": t.clearSelection,
-      children: F(e, t)
+      children: k(e, t)
     })
   });
 }
-function U({ selectedCount: e, onClearSelection: i, translations: t, bulkActionsPlan: l }) {
+function q({ selectedCount: e, onClearSelection: n, translations: t, bulkActionsPlan: l }) {
   return /* @__PURE__ */ r("div", {
     className: "flex w-full min-w-0 flex-nowrap items-center justify-between gap-3",
-    children: [/* @__PURE__ */ n(b, {
+    children: [/* @__PURE__ */ i(I, {
       selectedCount: e,
-      onClearSelection: i,
+      onClearSelection: n,
       translations: t
-    }), /* @__PURE__ */ n(c, {
+    }), /* @__PURE__ */ i(c, {
       plan: l,
       overflowMenuLabel: t.more,
       selectionTone: !0
     })]
   });
 }
-function N({ search: e, expanded: i, measureRef: t }) {
-  return /* @__PURE__ */ n("div", {
-    ref: i ? void 0 : t,
-    className: f("[&_.MuiFormControl-root]:w-full", i ? "min-w-0 flex-1 [&_.MuiFormControl-root]:max-w-none" : "w-40 shrink-0"),
+function N({ search: e, expanded: n, measureRef: t }) {
+  return /* @__PURE__ */ i("div", {
+    ref: n ? void 0 : t,
+    style: n ? { "--dynamic-toolbar-search-width": "100%" } : void 0,
+    className: f(n ? "min-w-0 flex-1" : "w-40 shrink-0"),
     children: e
   });
 }
-function S({ visible: e, children: i }) {
-  return /* @__PURE__ */ n("div", {
+function S({ visible: e, children: n }) {
+  return /* @__PURE__ */ i("div", {
     className: f("overflow-hidden whitespace-nowrap transition-[max-width,opacity] duration-200 ease-in-out", e ? "max-w-[2000px] opacity-100" : "pointer-events-none max-w-0 opacity-0"),
     "aria-hidden": !e,
-    children: /* @__PURE__ */ n("div", {
+    children: /* @__PURE__ */ i("div", {
       className: "inline-flex items-center gap-2",
-      children: i
+      children: n
     })
   });
 }
-function C({ title: e, measureRef: i }) {
-  return typeof e == "string" ? /* @__PURE__ */ n(k, {
-    ref: i,
+function F({ title: e, measureRef: n }) {
+  return typeof e == "string" ? /* @__PURE__ */ i(j, {
+    ref: n,
     className: "!min-w-0 truncate",
     children: e
-  }) : /* @__PURE__ */ n("div", {
-    ref: i,
+  }) : /* @__PURE__ */ i("div", {
+    ref: n,
     className: "min-w-0 truncate",
     children: e
   });
 }
-function W({ title: e, helperText: i, titleMeasureRef: t }) {
-  return !e && !i ? null : /* @__PURE__ */ r("div", {
+function D({ title: e, helperText: n, titleMeasureRef: t }) {
+  return !e && !n ? null : /* @__PURE__ */ r("div", {
     className: "min-w-0 max-w-full",
-    children: [e && /* @__PURE__ */ n(C, {
+    children: [e && /* @__PURE__ */ i(F, {
       title: e,
       measureRef: t
-    }), i && /* @__PURE__ */ n("div", {
+    }), n && /* @__PURE__ */ i("div", {
       className: "mt-1 text-sm text-delta-700",
-      children: i
+      children: n
     })]
   });
 }
-function q({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, afterSearchActionsPlan: p, bulkActionsPlan: a, showPageActions: h, overflowMenuLabel: s, searchMeasureRef: g, align: B = "end" }) {
-  const m = h && u(i), d = h && u(p), w = e === "inline-selection" && u(a);
+function E({ variant: e, beforeFilterActionsPlan: n, filter: t, search: l, afterSearchActionsPlan: h, bulkActionsPlan: a, showPageActions: p, overflowMenuLabel: s, searchMeasureRef: g, align: B = "end" }) {
+  const m = p && u(n), d = p && u(h), w = e === "inline-selection" && u(a);
   if (!(t != null || l != null) && !m && !d && !w) return null;
-  const x = m ? /* @__PURE__ */ n(S, {
+  const x = m ? /* @__PURE__ */ i(S, {
     visible: m,
-    children: /* @__PURE__ */ n(c, {
-      plan: i,
+    children: /* @__PURE__ */ i(c, {
+      plan: n,
       overflowMenuLabel: s
     })
-  }) : null, v = d ? /* @__PURE__ */ n(S, {
+  }) : null, v = d ? /* @__PURE__ */ i(S, {
     visible: d,
-    children: /* @__PURE__ */ n("div", {
+    children: /* @__PURE__ */ i("div", {
       className: "flex flex-nowrap items-center gap-2",
-      children: /* @__PURE__ */ n(c, {
-        plan: p,
+      children: /* @__PURE__ */ i(c, {
+        plan: h,
         overflowMenuLabel: s
       })
     })
-  }) : null, y = /* @__PURE__ */ r(o, { children: [t, l != null && /* @__PURE__ */ n(N, {
+  }) : null, y = /* @__PURE__ */ r(o, { children: [t, l != null && /* @__PURE__ */ i(N, {
     search: l,
     measureRef: g
   })] });
   return /* @__PURE__ */ r("div", {
     className: f("flex w-full min-w-0 flex-nowrap items-center gap-2", B === "end" ? "justify-end" : "justify-start"),
     children: [
-      e === "inline-selection" && /* @__PURE__ */ r(o, { children: [w && a && /* @__PURE__ */ n(c, {
+      e === "inline-selection" && /* @__PURE__ */ r(o, { children: [w && a && /* @__PURE__ */ i(c, {
         plan: a,
         overflowMenuLabel: s,
         selectionTone: !0
@@ -116,7 +117,7 @@ function q({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, after
       ] }),
       e === "utility-row" && /* @__PURE__ */ r(o, { children: [
         x,
-        l != null && /* @__PURE__ */ n(N, {
+        l != null && /* @__PURE__ */ i(N, {
           search: l,
           expanded: !0
         }),
@@ -128,9 +129,9 @@ function q({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, after
 }
 export {
   N as SearchSlot,
-  b as SelectionIndicator,
-  U as SelectionRow,
-  W as TitleBlock,
-  C as TitleText,
-  q as UtilityCluster
+  I as SelectionIndicator,
+  q as SelectionRow,
+  D as TitleBlock,
+  F as TitleText,
+  E as UtilityCluster
 };

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/dist/components/inputs/search-field/StyledSearchField.js

@@ -4,8 +4,8 @@ import { CloseIcon as f } from "../../icons/close-icon/CloseIcon.js";
 import { StyledInputField as u } from "../input-field/StyledInputField.js";
 import { useState as v } from "react";
 import { jsx as t } from "react/jsx-runtime";
-var b = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
-  const [h, l] = v(!1), i = h || o, a = typeof n == "string" ? n : void 0;
+var I = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
+  const [h, a] = v(!1), i = h || o, l = typeof n == "string" ? n : void 0;
   return /* @__PURE__ */ t("div", {
     className: "relative w-full",
     children: /* @__PURE__ */ t(u, {
@@ -13,12 +13,12 @@ var b = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
       variant: "outlined",
       value: o,
       label: i ? n : void 0,
-      placeholder: i ? void 0 : a,
+      placeholder: i ? void 0 : l,
       onFocus: (e) => {
-        l(!0), d?.(e);
+        a(!0), d?.(e);
       },
       onBlur: (e) => {
-        l(!1), c?.(e);
+        a(!1), c?.(e);
       },
       slotProps: {
         htmlInput: {
@@ -28,7 +28,7 @@ var b = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
             whiteSpace: "nowrap",
             ...o ? { paddingRight: 40 } : {}
           },
-          "aria-label": i ? void 0 : a
+          "aria-label": i ? void 0 : l
         },
         input: {
           endAdornment: o ? /* @__PURE__ */ t("button", {
@@ -65,12 +65,12 @@ var b = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
       },
       ...r,
       sx: {
-        ...r.fullWidth ? { width: "100%" } : { width: 160 },
+        width: r.fullWidth ? "100%" : "var(--dynamic-toolbar-search-width, 160px)",
         ...r.sx
       }
     })
   });
 };
 export {
-  b as StyledSearchField
+  I as StyledSearchField
 };

package/dist/table/components/StyledTable.module.js

@@ -1,57 +1,58 @@
-var t = "_tbody_tst0a_124", e = "_expanded_row_tst0a_187", a = "_selected_tst0a_205", _ = "_shadowed_tst0a_228", l = "_resizer_tst0a_282", o = "_isResizing_tst0a_294", s = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_tst0a_1",
-  "table-wrapper": "_table-wrapper_tst0a_26",
-  "table-shell": "_table-shell_tst0a_33",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_tst0a_39",
-  "table-wrapper--proxy": "_table-wrapper--proxy_tst0a_42",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_tst0a_43",
-  "table-wrapper-fetching": "_table-wrapper-fetching_tst0a_53",
-  "table-scroll": "_table-scroll_tst0a_56",
-  "table-x--fill-height": "_table-x--fill-height_tst0a_65",
-  "table-x": "_table-x_tst0a_65",
-  "table-content": "_table-content_tst0a_80",
-  "table-header--sticky": "_table-header--sticky_tst0a_85",
-  "table-hscroll": "_table-hscroll_tst0a_90",
-  "table-hscroll__content": "_table-hscroll__content_tst0a_100",
-  "no-rows-overlay-container": "_no-rows-overlay-container_tst0a_103",
-  "no-rows-overlay-content": "_no-rows-overlay-content_tst0a_111",
-  "styled-table": "_styled-table_tst0a_115",
-  tbody: t,
-  "loading-icon": "_loading-icon_tst0a_129",
-  "t-row": "_t-row_tst0a_136",
-  "t-cell": "_t-cell_tst0a_136",
-  "action-cell": "_action-cell_tst0a_146",
-  "fixed-cell": "_fixed-cell_tst0a_150",
-  "fixed-right-cell": "_fixed-right-cell_tst0a_153",
-  expanded_row: e,
-  selected: a,
-  "single-selection": "_single-selection_tst0a_208",
-  "action-cell--no-shadow": "_action-cell--no-shadow_tst0a_225",
-  shadowed: _,
-  "shadowed-right": "_shadowed-right_tst0a_262",
-  "is-loading": "_is-loading_tst0a_266",
-  "action-cell-default-background": "_action-cell-default-background_tst0a_269",
-  "fixed-cell-default-background": "_fixed-cell-default-background_tst0a_272",
-  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_tst0a_275",
-  "sortable-column": "_sortable-column_tst0a_278",
-  resizer: l,
-  isResizing: o,
-  "hide-table-header": "_hide-table-header_tst0a_306",
-  "show-table-header": "_show-table-header_tst0a_310",
-  "table-header": "_table-header_tst0a_85",
-  "hide-header": "_hide-header_tst0a_346",
-  "t-cell__actions": "_t-cell__actions_tst0a_349",
-  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_tst0a_357",
-  "t-cell__fixed": "_t-cell__fixed_tst0a_361",
-  "t-cell__fixed-right": "_t-cell__fixed-right_tst0a_368",
-  "sort-icon": "_sort-icon_tst0a_375",
-  "header-content": "_header-content_tst0a_379",
-  "table-footer--sticky": "_table-footer--sticky_tst0a_394",
-  "table-footer--inline": "_table-footer--inline_tst0a_405",
-  "table-bottom": "_table-bottom_tst0a_416",
-  "table-bottom--sticky": "_table-bottom--sticky_tst0a_430",
-  "cursor-not-allowed": "_cursor-not-allowed_tst0a_434"
+var e = "_tbody_qdh8h_124", _ = "_expanded_row_qdh8h_187", l = "_selected_qdh8h_205", h = "_shadowed_qdh8h_228", t = "_resizer_qdh8h_282", a = "_isResizing_qdh8h_294", d = {
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_qdh8h_1",
+  "table-wrapper": "_table-wrapper_qdh8h_26",
+  "table-shell": "_table-shell_qdh8h_33",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_qdh8h_39",
+  "table-wrapper--proxy": "_table-wrapper--proxy_qdh8h_42",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_qdh8h_43",
+  "table-wrapper-fetching": "_table-wrapper-fetching_qdh8h_53",
+  "table-scroll": "_table-scroll_qdh8h_56",
+  "table-x--fill-height": "_table-x--fill-height_qdh8h_65",
+  "table-x": "_table-x_qdh8h_65",
+  "table-content": "_table-content_qdh8h_80",
+  "table-header--sticky": "_table-header--sticky_qdh8h_85",
+  "table-hscroll": "_table-hscroll_qdh8h_90",
+  "table-hscroll__content": "_table-hscroll__content_qdh8h_100",
+  "no-rows-overlay-container": "_no-rows-overlay-container_qdh8h_103",
+  "no-rows-overlay-content": "_no-rows-overlay-content_qdh8h_111",
+  "styled-table": "_styled-table_qdh8h_115",
+  tbody: e,
+  "loading-icon": "_loading-icon_qdh8h_129",
+  "t-row": "_t-row_qdh8h_136",
+  "t-cell": "_t-cell_qdh8h_136",
+  "action-cell": "_action-cell_qdh8h_146",
+  "fixed-cell": "_fixed-cell_qdh8h_150",
+  "fixed-right-cell": "_fixed-right-cell_qdh8h_153",
+  expanded_row: _,
+  selected: l,
+  "single-selection": "_single-selection_qdh8h_208",
+  "action-cell--no-shadow": "_action-cell--no-shadow_qdh8h_225",
+  shadowed: h,
+  "shadowed-right": "_shadowed-right_qdh8h_262",
+  "is-loading": "_is-loading_qdh8h_266",
+  "action-cell-default-background": "_action-cell-default-background_qdh8h_269",
+  "fixed-cell-default-background": "_fixed-cell-default-background_qdh8h_272",
+  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_qdh8h_275",
+  "sortable-column": "_sortable-column_qdh8h_278",
+  resizer: t,
+  isResizing: a,
+  "hide-table-header": "_hide-table-header_qdh8h_306",
+  "show-table-header": "_show-table-header_qdh8h_310",
+  "table-header": "_table-header_qdh8h_85",
+  "hide-header": "_hide-header_qdh8h_346",
+  "t-cell__actions": "_t-cell__actions_qdh8h_349",
+  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_qdh8h_357",
+  "t-cell__fixed": "_t-cell__fixed_qdh8h_361",
+  "t-cell__fixed-right": "_t-cell__fixed-right_qdh8h_368",
+  "sort-icon": "_sort-icon_qdh8h_375",
+  "header-content": "_header-content_qdh8h_379",
+  "table-footer--sticky": "_table-footer--sticky_qdh8h_394",
+  "table-footer--inline": "_table-footer--inline_qdh8h_405",
+  "table-bottom": "_table-bottom_qdh8h_416",
+  "table-bottom--sticky": "_table-bottom--sticky_qdh8h_430",
+  "cursor-not-allowed": "_cursor-not-allowed_qdh8h_434",
+  "select-control": "_select-control_qdh8h_438"
 };
 export {
-  s as default
+  d as default
 };

package/dist/table/components/columns/selectColumn.js

@@ -1,37 +1,37 @@
-import { SELECT_COLUMN_ID as u } from "../../types.js";
-import m from "../StyledTable.module.js";
-import { StyledCheckbox as n } from "../../shared-components/StyledCheckbox.js";
-import { StyledTooltip as p } from "../../shared-components/tooltip/index.js";
+import { SELECT_COLUMN_ID as p } from "../../types.js";
+import s from "../StyledTable.module.js";
+import { StyledCheckbox as c } from "../../shared-components/StyledCheckbox.js";
+import { StyledTooltip as u } from "../../shared-components/tooltip/index.js";
 import { jsx as r } from "react/jsx-runtime";
-var s = (t) => {
+var a = (t) => {
   t.preventDefault(), t.stopPropagation();
-}, i = (t, o) => {
-  t.key !== "Enter" && t.key !== " " || (t.preventDefault(), t.stopPropagation(), o());
+}, i = (t, l) => {
+  t.key !== "Enter" && t.key !== " " || (t.preventDefault(), t.stopPropagation(), l());
 }, w = (t) => t === "no" ? {
   selectAll: "Velg alle rader",
-  selectRow: (o) => `Velg rad ${o}`
+  selectRow: (l) => `Velg rad ${l}`
 } : {
   selectAll: "Select all rows",
-  selectRow: (o) => `Select row ${o}`
+  selectRow: (l) => `Select row ${l}`
 };
-function k(t, o, c) {
-  const a = w(c);
+function k(t, l, d) {
+  const n = w(d);
   return {
-    id: u,
+    id: p,
     minSize: 38,
     maxSize: 38,
     size: 38,
     header: ({ table: e }) => /* @__PURE__ */ r("div", {
       role: "checkbox",
       tabIndex: 0,
-      "aria-label": a.selectAll,
+      "aria-label": n.selectAll,
       "aria-checked": e.getIsSomeRowsSelected() ? "mixed" : e.getIsAllRowsSelected(),
-      className: "flex size-full items-center justify-start pl-2",
+      className: s["select-control"],
       onClick: () => e.toggleAllRowsSelected(),
-      onMouseDown: s,
-      onMouseUp: s,
-      onKeyDown: (l) => i(l, () => e.toggleAllRowsSelected()),
-      children: /* @__PURE__ */ r(n, {
+      onMouseDown: a,
+      onMouseUp: a,
+      onKeyDown: (o) => i(o, () => e.toggleAllRowsSelected()),
+      children: /* @__PURE__ */ r(c, {
         size: "small",
         dataTest: "cell-select-all",
         "aria-hidden": !0,
@@ -43,37 +43,37 @@ function k(t, o, c) {
       })
     }),
     cell: ({ cell: e }) => {
-      const l = !e.row.getCanSelect();
+      const o = !e.row.getCanSelect();
       return /* @__PURE__ */ r("div", {
         role: "checkbox",
-        tabIndex: l ? -1 : 0,
-        "aria-label": a.selectRow(e.row.index + 1),
+        tabIndex: o ? -1 : 0,
+        "aria-label": n.selectRow(e.row.index + 1),
         "aria-checked": e.row.getIsSelected(),
-        "aria-disabled": l,
-        style: { height: o ?? "auto" },
-        className: "m-0 flex w-full items-center justify-start p-0 pl-2",
+        "aria-disabled": o,
+        style: { height: l ?? "auto" },
+        className: s["select-control"],
         onClick: () => {
-          l || e.row.toggleSelected();
+          o || e.row.toggleSelected();
         },
-        onMouseDown: s,
-        onMouseUp: s,
-        onKeyDown: (d) => {
-          l || i(d, () => e.row.toggleSelected());
+        onMouseDown: a,
+        onMouseUp: a,
+        onKeyDown: (m) => {
+          o || i(m, () => e.row.toggleSelected());
         },
-        children: /* @__PURE__ */ r(p, {
+        children: /* @__PURE__ */ r(u, {
           arrow: !0,
           placement: "top-start",
           title: e.row.getRowSelectionTooltip(),
           children: /* @__PURE__ */ r("span", {
-            className: l ? m["cursor-not-allowed"] : void 0,
-            children: /* @__PURE__ */ r(n, {
+            className: o ? s["cursor-not-allowed"] : void 0,
+            children: /* @__PURE__ */ r(c, {
               size: "small",
               dataTest: "cell-select",
               "aria-hidden": !0,
               tabIndex: -1,
               checked: e.row.getIsSelected(),
               hideWrapper: !0,
-              disabled: l,
+              disabled: o,
               className: "pointer-events-none"
             })
           })

package/package.json

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