asma-ui-core 3.69.0 → 3.70.1

package/dist/components/utils/accordion/base-ui/StyledAccordionSummary.js

@@ -1,39 +1,36 @@
 import { ChevronDownIcon as b } from "../../../icons/chevron-down-icon/ChevronDownIcon.js";
-import r from "./StyledAccordion.module.js";
+import e from "./StyledAccordion.module.js";
 import { useAccordionContext as A } from "./AccordionContext.js";
-import t from "clsx";
+import o from "clsx";
 import "react";
-import { Fragment as c, jsx as o, jsxs as l } from "react/jsx-runtime";
-var _ = ({ size: m = "large", expandChevronRight: n, className: d, headerClassName: g, sx: p, children: x, onClick: f, ...h }) => {
-  const { open: a, toggle: u, disabled: y, triggerId: I, panelId: v } = A(), e = m === "small", N = {
-    "--trigger-height": e ? "48px" : "72px",
-    "--trigger-padding-x": e ? "8px" : "16px",
-    "--trigger-font-size": e ? "14px" : "18px",
-    "--chevron-size": e ? "20px" : "24px",
+import { Fragment as c, jsx as t, jsxs as l } from "react/jsx-runtime";
+var _ = ({ size: d = "large", expandChevronRight: i, className: g, headerClassName: m, sx: p, children: n, onClick: x, ...h }) => {
+  const { open: a, toggle: u, disabled: f, triggerId: y, panelId: I } = A(), r = d === "small", v = {
+    "--trigger-height": r ? "48px" : "72px",
+    "--trigger-padding-x": r ? "8px" : "16px",
+    "--trigger-font-size": r ? "14px" : "18px",
+    "--chevron-size": r ? "20px" : "24px",
     ...p
-  }, i = /* @__PURE__ */ o(b, {
-    className: t(r.TriggerIcon, n && r.TriggerIconRight),
+  }, s = /* @__PURE__ */ t(b, {
+    className: o(e.TriggerIcon, i && e.TriggerIconRight),
     "data-state-icon": !0
-  }), s = /* @__PURE__ */ o("span", {
-    className: "m-0 flex flex-grow items-center",
-    children: x
   });
-  return /* @__PURE__ */ o("h3", {
-    className: t(r.Header, g),
-    children: /* @__PURE__ */ o("button", {
+  return /* @__PURE__ */ t("h3", {
+    className: o(e.Header, m),
+    children: /* @__PURE__ */ t("button", {
       ...h,
       type: "button",
-      id: I,
+      id: y,
       "aria-expanded": a,
-      "aria-controls": v,
-      disabled: y,
+      "aria-controls": I,
+      disabled: f,
       onClick: (S) => {
-        f?.(S), u();
+        x?.(S), u();
       },
-      className: t(r.Trigger, d),
-      style: N,
+      className: o(e.Trigger, g),
+      style: v,
       "data-panel-open": a ? "" : void 0,
-      children: n ? /* @__PURE__ */ l(c, { children: [s, i] }) : /* @__PURE__ */ l(c, { children: [i, s] })
+      children: i ? /* @__PURE__ */ l(c, { children: [n, s] }) : /* @__PURE__ */ l(c, { children: [s, n] })
     })
   });
 };

package/dist/table/components/TableRow.js

@@ -1,49 +1,49 @@
-import { ACTIONS_COLUMN_ID as _ } from "../types.js";
-import { useRootContext as me } from "../context/RootContext.js";
+import { ACTIONS_COLUMN_ID as O } from "../types.js";
+import { useRootContext as ue } from "../context/RootContext.js";
 import n from "./StyledTable.module.js";
-import { compact as ge } from "../../helpers/arrays.js";
-import O from "clsx";
-import { Fragment as fe, useCallback as $, useEffect as ue, useLayoutEffect as he, useMemo as g, useRef as pe, useState as xe } from "react";
-import { Fragment as Re, jsx as l, jsxs as x } from "react/jsx-runtime";
-import { useSortable as Ce } from "@dnd-kit/sortable";
-import { flexRender as Se } from "@tanstack/react-table";
-import { CSS as be } from "@dnd-kit/utilities";
-function Me({ styledTableProps: j, row: t, index: P, columnWindow: { paddingLeft: f, paddingRight: u, indexes: E } }) {
-  const { loading: K, getRowClassName: s, rowHeight: h, onRowClick: R, expandArrow: V, enableDnd: v, disableDndForRow: Y, tdClassName: I, customSubRowData: N, renderSubRows: q, defaultExpanded: G, actions: w, textExpandArrow: H, enableMultiRowSelection: J, enableRowSelection: Q, singleSelectionRow: X } = j, C = Y?.(t), { transform: Z, transition: ee, setNodeRef: L, isDragging: M } = Ce({
+import { compact as fe } from "../../helpers/arrays.js";
+import $ from "clsx";
+import { Fragment as he, useCallback as j, useEffect as pe, useLayoutEffect as xe, useMemo as g, useRef as Ce, useState as Re } from "react";
+import { Fragment as Se, jsx as s, jsxs as x } from "react/jsx-runtime";
+import { useSortable as be } from "@dnd-kit/sortable";
+import { flexRender as De } from "@tanstack/react-table";
+import { CSS as ke } from "@dnd-kit/utilities";
+function Me({ styledTableProps: P, row: t, index: K, columnWindow: { paddingLeft: u, paddingRight: f, indexes: v } }) {
+  const { loading: V, getRowClassName: l, rowHeight: h, onRowClick: C, expandArrow: Y, enableDnd: N, disableDndForRow: q, tdClassName: I, customSubRowData: w, renderSubRows: G, defaultExpanded: J, actions: R, customActionsNode: Q, textExpandArrow: B, enableMultiRowSelection: X, enableRowSelection: Z, singleSelectionRow: ee } = P, S = q?.(t), { transform: te, transition: ne, setNodeRef: A, isDragging: H } = be({
     id: t.original.id,
-    disabled: !v || C
-  }), te = {
-    transform: be.Transform.toString(Z),
-    transition: ee,
-    opacity: M ? 0.8 : 1,
-    zIndex: M ? 1 : 0,
+    disabled: !N || S
+  }), ie = {
+    transform: ke.Transform.toString(te),
+    transition: ne,
+    opacity: H ? 0.8 : 1,
+    zIndex: H ? 1 : 0,
     position: "relative"
-  }, { isResizing: ne, disableResizingFlag: ie } = me(), S = t.isExpanded(), p = pe(null), [oe, le] = xe(void 0);
-  he(() => {
-    !S && p.current && le(p.current.cells[0]?.clientHeight ?? p.current.offsetHeight);
-  }, [S]);
-  const se = $((e) => {
-    p.current = e, C || L(e);
-  }, [C, L]), T = S ? oe ?? h : h;
-  ue(() => {
-    G && t.getCanExpand() && !t.getIsExpanded() && t.toggleExpand();
+  }, { isResizing: oe, disableResizingFlag: se } = ue(), b = t.isExpanded(), p = Ce(null), [le, ae] = Re(void 0);
+  xe(() => {
+    !b && p.current && ae(p.current.cells[0]?.clientHeight ?? p.current.offsetHeight);
+  }, [b]);
+  const de = j((e) => {
+    p.current = e, S || A(e);
+  }, [S, A]), L = b ? le ?? h : h;
+  pe(() => {
+    J && t.getCanExpand() && !t.getIsExpanded() && t.toggleExpand();
   }, []);
-  const B = (e) => {
-    t.getCanExpand() && !V && t.getToggleExpandedHandler()(), document.getElementById(t.id)?.focus();
-    const i = window.getSelection()?.type !== "Range" && !ne, o = R instanceof Function;
-    !o && H && i ? t.toggleExpand() : o && i && R(e, t), ie();
-  }, ae = (e) => {
-    e.target.classList.contains("MuiModal-backdrop") || e.target.nodeName === "INPUT" || e.target.nodeName === "BUTTON" || e.target.nodeName === "LI" || e.target.closest("li") || B(e);
+  const M = (e) => {
+    t.getCanExpand() && !Y && t.getToggleExpandedHandler()(), document.getElementById(t.id)?.focus();
+    const i = window.getSelection()?.type !== "Range" && !oe, o = C instanceof Function;
+    !o && B && i ? t.toggleExpand() : o && i && C(e, t), se();
+  }, ce = (e) => {
+    e.target.classList.contains("MuiModal-backdrop") || e.target.nodeName === "INPUT" || e.target.nodeName === "BUTTON" || e.target.nodeName === "LI" || e.target.closest("li") || M(e);
   }, r = t.getVisibleCells().map((e, i, o) => ({
     ...e,
     left: o.slice(0, i).reduce((d, c) => d + (c.column.getSize() ?? 0), 0)
-  })), A = g(() => r.filter((e) => !e.column.columnDef.fixedLeft && !e.column.columnDef.fixedRight && e.column.id !== "actions"), [r]), a = g(() => r.filter((e) => !!e.column.columnDef.fixedRight || e.column.id === "actions").map((e, i, o) => ({
+  })), T = g(() => r.filter((e) => !e.column.columnDef.fixedLeft && !e.column.columnDef.fixedRight && e.column.id !== "actions"), [r]), a = g(() => r.filter((e) => !!e.column.columnDef.fixedRight || e.column.id === "actions").map((e, i, o) => ({
     ...e,
     right: o.slice(i + 1).reduce((d, c) => d + (c.column.getSize() ?? 0), 0)
-  })), [r]), z = g(() => a.some((e) => e.column.id === _), [a]), U = g(() => a.some((e) => !!e.column.columnDef.fixedRight), [a]), m = g(() => r.filter((e) => e.column.columnDef.fixedLeft), [r]), b = !J && !Q && X, D = t.getIsSelected() && b, k = R instanceof Function, W = E.length > 0 ? ge(E.map((e) => A[e])) : A, y = $((e, i) => {
-    const o = e.column.id === _, d = e.column.columnDef.fixedLeft, c = !!e.column.columnDef.fixedRight, de = e.id === m.at(-1)?.id, ce = e.id === a.at(0)?.id && !o, re = t.isExpanded(), F = i === 0;
-    return /* @__PURE__ */ l("td", {
-      className: O(n["t-cell"], k && "cursor-pointer", I, o && n["action-cell"], o && U && n["action-cell--no-shadow"], o && !!w && m.length && n.shadowed, o && (s?.(t) ? s?.(t) : n["action-cell-default-background"]), d && n["fixed-cell"], c && n["fixed-right-cell"], de && n.shadowed, ce && n["shadowed-right"], t.getIsSelected() && n.selected, d && (s?.(t) ? s?.(t) : n["fixed-cell-default-background"]), c && (s?.(t) ? s?.(t) : n["fixed-right-cell-default-background"]), re && n.expanded_row, (!!D || t.isFocused()) && n["single-selection"]),
+  })), [r]), z = g(() => a.some((e) => e.column.id === O), [a]), U = !!R || !!Q, W = g(() => a.some((e) => !!e.column.columnDef.fixedRight), [a]), m = g(() => r.filter((e) => e.column.columnDef.fixedLeft), [r]), D = !X && !Z && ee, k = t.getIsSelected() && D, y = C instanceof Function, _ = v.length > 0 ? fe(v.map((e) => T[e])) : T, F = j((e, i) => {
+    const o = e.column.id === O, d = e.column.columnDef.fixedLeft, c = !!e.column.columnDef.fixedRight, re = e.id === m.at(-1)?.id, me = e.id === a.at(0)?.id && !o, ge = t.isExpanded(), E = i === 0;
+    return /* @__PURE__ */ s("td", {
+      className: $(n["t-cell"], y && "cursor-pointer", I, o && n["action-cell"], o && (!U || W) && n["action-cell--no-shadow"], o && !!R && m.length && n.shadowed, o && (l?.(t) ? l?.(t) : n["action-cell-default-background"]), d && n["fixed-cell"], c && n["fixed-right-cell"], re && n.shadowed, me && n["shadowed-right"], t.getIsSelected() && n.selected, d && (l?.(t) ? l?.(t) : n["fixed-cell-default-background"]), c && (l?.(t) ? l?.(t) : n["fixed-right-cell-default-background"]), ge && n.expanded_row, (!!k || t.isFocused()) && n["single-selection"]),
       style: {
         left: d ? e.left : void 0,
         right: c ? e.right + (z ? -1 : 0) : void 0
@@ -52,11 +52,11 @@ function Me({ styledTableProps: j, row: t, index: P, columnWindow: { paddingLeft
         style: {
           display: "flex",
           alignItems: "center",
-          minWidth: F ? 32 : void 0,
-          minHeight: T,
+          minWidth: E ? 32 : void 0,
+          minHeight: L,
           position: "relative"
         },
-        children: [F && D && /* @__PURE__ */ l("span", {
+        children: [E && k && /* @__PURE__ */ s("span", {
           style: {
             display: "inline-flex",
             alignItems: "center",
@@ -65,45 +65,46 @@ function Me({ styledTableProps: j, row: t, index: P, columnWindow: { paddingLeft
             top: "50%",
             transform: "translateY(-50%)"
           },
-          children: /* @__PURE__ */ l(De, {})
-        }), /* @__PURE__ */ l("span", {
+          children: /* @__PURE__ */ s(ye, {})
+        }), /* @__PURE__ */ s("span", {
           style: {
-            marginLeft: F && b ? 30 : 0,
+            marginLeft: E && D ? 30 : 0,
             width: "100%"
           },
-          children: Se(e.column.columnDef.cell, e.getContext())
+          children: De(e.column.columnDef.cell, e.getContext())
         })]
       })
     }, e.id);
   }, [
-    D,
-    w,
-    T,
-    s,
     k,
+    R,
+    L,
+    l,
+    y,
     z,
-    U,
+    W,
     m,
     a,
     t,
-    b,
+    U,
+    D,
     I
   ]);
-  return /* @__PURE__ */ x(fe, { children: [/* @__PURE__ */ x("tr", {
+  return /* @__PURE__ */ x(he, { children: [/* @__PURE__ */ x("tr", {
     "aria-selected": t.getIsSelected() || t.isFocused() ? "true" : "false",
     tabIndex: t.isFocused() ? 0 : -1,
-    "data-index": P,
+    "data-index": K,
     "data-test": t.id,
     id: t.id,
-    className: O(n["t-row"], K && n["is-loading"], s?.(t)),
+    className: $(n["t-row"], V && n["is-loading"], l?.(t)),
     style: {
       height: h ? `${h}px` : "inherit",
-      ...v && te
+      ...N && ie
     },
-    ref: se,
-    onMouseUp: ae,
+    ref: de,
+    onMouseUp: ce,
     onMouseDown: (e) => {
-      e.detail > 1 && !k && H && e.preventDefault();
+      e.detail > 1 && !y && B && e.preventDefault();
     },
     onKeyDown: (e) => {
       switch (e.key) {
@@ -115,49 +116,49 @@ function Me({ styledTableProps: j, row: t, index: P, columnWindow: { paddingLeft
           t.focusPrevRow(), e.preventDefault();
           break;
         case "Enter":
-          B(e);
+          M(e);
           break;
       }
     },
     children: [
-      m.map((e, i) => y(e, i)),
-      f > 0 && /* @__PURE__ */ l("td", {
+      m.map((e, i) => F(e, i)),
+      u > 0 && /* @__PURE__ */ s("td", {
         "aria-hidden": !0,
         className: n["t-cell"],
         style: {
-          width: String(f) + "px",
-          minWidth: String(f) + "px",
-          maxWidth: String(f) + "px",
+          width: String(u) + "px",
+          minWidth: String(u) + "px",
+          maxWidth: String(u) + "px",
           padding: 0,
           border: "none"
         }
       }),
-      W.map((e, i) => y(e, m.length + i)),
-      u > 0 && /* @__PURE__ */ l("td", {
+      _.map((e, i) => F(e, m.length + i)),
+      f > 0 && /* @__PURE__ */ s("td", {
         "aria-hidden": !0,
         className: n["t-cell"],
         style: {
-          width: String(u) + "px",
-          minWidth: String(u) + "px",
-          maxWidth: String(u) + "px",
+          width: String(f) + "px",
+          minWidth: String(f) + "px",
+          maxWidth: String(f) + "px",
           padding: 0,
           border: "none"
         }
       }),
-      a.map((e, i) => y(e, m.length + W.length + i))
+      a.map((e, i) => F(e, m.length + _.length + i))
     ]
-  }), t.getIsExpanded() && /* @__PURE__ */ l(Re, { children: N && q?.({
-    rows: N.get(t.original.id.toString()) ?? [],
+  }), t.getIsExpanded() && /* @__PURE__ */ s(Se, { children: w && G?.({
+    rows: w.get(t.original.id.toString()) ?? [],
     row: t.original
   }) })] }, t.id);
 }
-var De = () => /* @__PURE__ */ x("svg", {
+var ye = () => /* @__PURE__ */ x("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
   viewBox: "0 2 22 22",
   style: { color: "var(--colors-gama-500)" },
-  children: [/* @__PURE__ */ l("title", { children: "Checkmark" }), /* @__PURE__ */ l("path", {
+  children: [/* @__PURE__ */ s("title", { children: "Checkmark" }), /* @__PURE__ */ s("path", {
     fill: "currentColor",
     d: "M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z"
   })]

package/dist/table/components/table-header/TableHeaderCell.js

@@ -1,30 +1,30 @@
-import { ACTIONS_COLUMN_ID as R, INTERNAL_COLUMN_IDS as H } from "../../types.js";
-import { useRootContext as v } from "../../context/RootContext.js";
+import { ACTIONS_COLUMN_ID as R, INTERNAL_COLUMN_IDS as y } from "../../types.js";
+import { useRootContext as G } from "../../context/RootContext.js";
 import n from "../StyledTable.module.js";
-import { DropUpIcon as T } from "../../shared-components/DropUpIcon.js";
-import { DropDownIcon as y } from "../../shared-components/DropDownIcon.js";
-import { getTableHeaderStyle as G } from "../../helpers/getTableHeaderStyle.js";
-import D from "clsx";
+import { DropUpIcon as A } from "../../shared-components/DropUpIcon.js";
+import { DropDownIcon as w } from "../../shared-components/DropDownIcon.js";
+import { getTableHeaderStyle as F } from "../../helpers/getTableHeaderStyle.js";
+import C from "clsx";
 import { useMemo as l } from "react";
-import { jsx as i, jsxs as w } from "react/jsx-runtime";
-import { flexRender as F } from "@tanstack/react-table";
-function P({ styledTableProps: S, header: o, tableCanResize: C = !1, left: _, right: b, tableWidth: N }) {
-  const { hideHeader: c = !1, enableResizing: r = !1 } = S, { isResizing: a, enableResizingFlag: m, disableResizingFlag: u } = v(), d = o.column.columnDef.fixedLeft, g = !!o.column.columnDef.fixedRight, f = o.column.id === R, p = l(() => o.headerGroup.headers.some((e) => e.id === R), [o.headerGroup.headers]), z = l(() => o.headerGroup.headers.some((e) => !!e.column.columnDef.fixedRight), [o.headerGroup.headers]), h = l(() => o.headerGroup.headers[o.headerGroup.headers.length - (p ? 2 : 1)], [o.headerGroup.headers, p]), t = o.column.getCanSort(), x = o.column.getIsSorted(), I = t ? x === "asc" ? "ascending" : x === "desc" ? "descending" : "none" : void 0;
+import { jsx as i, jsxs as k } from "react/jsx-runtime";
+import { flexRender as B } from "@tanstack/react-table";
+function J({ styledTableProps: D, header: o, tableCanResize: S = !1, left: _, right: N, tableWidth: b }) {
+  const { hideHeader: c = !1, enableResizing: r = !1, actions: h, customActionsNode: z } = D, { isResizing: a, enableResizingFlag: m, disableResizingFlag: u } = G(), d = o.column.columnDef.fixedLeft, g = !!o.column.columnDef.fixedRight, f = o.column.id === R, I = !!h || !!z, p = l(() => o.headerGroup.headers.some((e) => e.id === R), [o.headerGroup.headers]), H = l(() => o.headerGroup.headers.some((e) => !!e.column.columnDef.fixedRight), [o.headerGroup.headers]), v = l(() => o.headerGroup.headers[o.headerGroup.headers.length - (p ? 2 : 1)], [o.headerGroup.headers, p]), t = o.column.getCanSort(), x = o.column.getIsSorted(), T = t ? x === "asc" ? "ascending" : x === "desc" ? "descending" : "none" : void 0;
   return /* @__PURE__ */ i("th", {
     colSpan: o.colSpan,
-    "aria-sort": I,
-    className: D(n["t-cell"], c && n["hide-header"], f && n["t-cell__actions"], f && z && n["t-cell__actions--no-shadow"], d && n["t-cell__fixed"], g && n["t-cell__fixed-right"]),
+    "aria-sort": T,
+    className: C(n["t-cell"], c && n["hide-header"], f && n["t-cell__actions"], f && (!I || H) && n["t-cell__actions--no-shadow"], d && n["t-cell__fixed"], g && n["t-cell__fixed-right"]),
     style: {
-      ...G({
+      ...F({
         enableResizing: r,
         header: o,
-        tableWidth: N
+        tableWidth: b
       }),
       ...d && { left: _ },
-      ...g && { right: b }
+      ...g && { right: N }
     },
-    children: /* @__PURE__ */ w("div", {
-      className: D("flex items-center justify-start", c ? n["hide-table-header"] : n["show-table-header"], t && n["sortable-column"], o.column.columnDef.className),
+    children: /* @__PURE__ */ k("div", {
+      className: C("flex items-center justify-start", c ? n["hide-table-header"] : n["show-table-header"], t && n["sortable-column"], o.column.columnDef.className),
       role: t ? "button" : void 0,
       tabIndex: t ? 0 : void 0,
       onClick: (e) => {
@@ -40,13 +40,13 @@ function P({ styledTableProps: S, header: o, tableCanResize: C = !1, left: _, ri
       children: [
         /* @__PURE__ */ i("div", {
           className: n["header-content"],
-          children: F(o.column.columnDef.header, o.getContext())
+          children: B(o.column.columnDef.header, o.getContext())
         }),
         {
-          asc: /* @__PURE__ */ i(T, { className: n["sort-icon"] }),
-          desc: /* @__PURE__ */ i(y, { className: n["sort-icon"] })
+          asc: /* @__PURE__ */ i(A, { className: n["sort-icon"] }),
+          desc: /* @__PURE__ */ i(w, { className: n["sort-icon"] })
         }[o.column.getIsSorted()] ?? null,
-        C && (r ? !0 : o.id !== h?.id) && o.column.getCanResize() && !H.includes(o.column.id) && /* @__PURE__ */ i("div", {
+        S && (r ? !0 : o.id !== v?.id) && o.column.getCanResize() && !y.includes(o.column.id) && /* @__PURE__ */ i("div", {
           onDoubleClick: () => o.column.resetSize(),
           onMouseDown: (e) => {
             e.stopPropagation(), m(), o.getResizeHandler()(e);
@@ -61,5 +61,5 @@ function P({ styledTableProps: S, header: o, tableCanResize: C = !1, left: _, ri
   }, o.id);
 }
 export {
-  P as TableHeaderCell
+  J as TableHeaderCell
 };

package/package.json

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