@owp/core 2.5.45 → 2.5.48

package/dist/components/OwpTable/OwpDataTable.js

@@ -1,70 +1,69 @@
-var Uo = Object.defineProperty;
-var n = (t, r) => Uo(t, "name", { value: r, configurable: !0 });
-import { jsxs as Y, jsx as b } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { resolveOwpGridTheme as ot } from "../../constants/gridTheme.js";
-import { resolveOwpTableTheme as tt } from "../../constants/tableTheme.js";
-import { DEFAULT_TABLE_RADIUS as qo } from "../../constants/table.js";
-import { getTreeGridFontFaceStyles as rt } from "../../constants/treeGrid.js";
-import { useGetCurrentSettings as et } from "../../hooks/useOwpSettings.js";
-import { TextField as it, Typography as Eo } from "@mui/material";
-import Po, { checkboxClasses as nt } from "@mui/material/Checkbox";
-import { grey as at } from "@mui/material/colors";
-import st from "@mui/material/GlobalStyles";
-import dt from "@mui/material/Paper";
-import ut from "@mui/material/Table";
-import bt from "@mui/material/TableBody";
-import z from "@mui/material/TableCell";
-import lt from "@mui/material/TableContainer";
-import mt from "@mui/material/TableHead";
-import Zo from "@mui/material/TableRow";
-import ft from "@mui/material/TableSortLabel";
-import { useState as U, useRef as ct, useMemo as B, useEffect as $o } from "react";
-import { TREEGRID_TABLE_BODY_BORDER_COLOR as jo, getTreeGridBodyCellSx as oo, getTreeGridBodyRowSx as gt, getTreeGridContainerSx as to, getTreeGridHeaderCellSx as Oo, TREEGRID_TABLE_HEADER_BORDER_COLOR as ht } from "./internal/treeGridTableStyle.js";
-import { getDefaultTableCellSx as pt, getDefaultTableHeaderCellSx as xt, defaultTableSortLabelSx as Rt, getDefaultTableHeaderLabelSx as _o, defaultStyledTableTheme as vt, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as Ho } from "./internal/defaultTableStyle.js";
-import { OwpTableTotalCount as wt } from "./internal/OwpTableTotalCount.js";
-import { toTableRadiusCssValue as kt } from "./utils/tableSx.js";
-import { uniqueId as Ct } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
-import { isEmpty as Lt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { isEqual as ro } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { OwpNumberField as At } from "../OwpNumberField/OwpNumberField.js";
+var nt = Object.defineProperty;
+var n = (t, r) => nt(t, "name", { value: r, configurable: !0 });
+import { jsxs as J, jsx as l } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { resolveOwpGridTheme as at } from "../../constants/gridTheme.js";
+import { resolveOwpTableTheme as st } from "../../constants/tableTheme.js";
+import { DEFAULT_TABLE_RADIUS as Jo } from "../../constants/table.js";
+import { getTreeGridFontFaceStyles as dt } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as ut } from "../../hooks/useOwpSettings.js";
+import { TextField as lt, Typography as Io } from "@mui/material";
+import Qo, { checkboxClasses as bt } from "@mui/material/Checkbox";
+import { grey as mt } from "@mui/material/colors";
+import ct from "@mui/material/GlobalStyles";
+import ft from "@mui/material/Paper";
+import gt from "@mui/material/Table";
+import ht from "@mui/material/TableBody";
+import N from "@mui/material/TableCell";
+import pt from "@mui/material/TableContainer";
+import xt from "@mui/material/TableHead";
+import Xo from "@mui/material/TableRow";
+import Rt from "@mui/material/TableSortLabel";
+import { useState as oo, useRef as Mo, useMemo as A, useEffect as No } from "react";
+import { TREEGRID_TABLE_BODY_BORDER_COLOR as yo, getTreeGridBodyCellSx as to, getTreeGridBodyRowSx as vt, getTreeGridContainerSx as ro, getTreeGridHeaderCellSx as zo, TREEGRID_TABLE_HEADER_BORDER_COLOR as Ct } from "./internal/treeGridTableStyle.js";
+import { getDefaultTableBorderColor as wt, getDefaultTableCellSx as kt, getDefaultTableHeaderCellSx as Lt, defaultTableSortLabelSx as Bt, getDefaultTableHeaderLabelSx as Vo, defaultStyledTableTheme as At, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as So } from "./internal/defaultTableStyle.js";
+import { OwpTableTotalCount as Tt } from "./internal/OwpTableTotalCount.js";
+import { toTableRadiusCssValue as Dt } from "./utils/tableSx.js";
+import { uniqueId as $t } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
+import { isArray as so } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+import { isEqual as eo } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { OwpNumberField as Et } from "../OwpNumberField/OwpNumberField.js";
 import { isNumber as _ } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
-import { isArray as Ko } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-import { isBoolean as Fo } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isBoolean.js";
-const Io = /* @__PURE__ */ n((t, r) => ({
-  ...xt(t, r),
+import { isBoolean as qo } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isBoolean.js";
+const Po = /* @__PURE__ */ n((t, r) => ({
+  ...Lt(t, r),
   borderBottom: `1px solid ${t.borderColor}`,
   borderTopLeftRadius: "inherit",
   borderTopRightRadius: "inherit"
-}), "defaultHeadCellsSx"), Mo = {
-  borderRight: `1px solid ${ht}`
-}, eo = /* @__PURE__ */ n((t) => ({
+}), "defaultHeadCellsSx"), Zo = {
+  borderRight: `1px solid ${Ct}`
+}, io = /* @__PURE__ */ n((t) => ({
   borderRight: `1px solid ${t.borderColor}`
-}), "getDefaultRowBorderRightSx"), io = {
-  borderRight: `1px solid ${jo}`
-}, Bt = {
-  borderLeft: `1px solid ${jo}`,
+}), "getDefaultRowBorderRightSx"), no = {
+  borderRight: `1px solid ${yo}`
+}, Ot = {
+  borderLeft: `1px solid ${yo}`,
   boxSizing: "border-box"
-}, no = /* @__PURE__ */ n((t) => ({
-  ...pt(t)
-}), "getDefaultTableBodyCellSx"), Dt = /* @__PURE__ */ n((t) => ({
+}, ao = /* @__PURE__ */ n((t) => ({
+  ...kt(t)
+}), "getDefaultTableBodyCellSx"), _t = /* @__PURE__ */ n((t) => ({
   border: `1px solid ${t.borderColor}`,
   boxSizing: "border-box"
-}), "getDefaultTableContainerFrameSx"), No = /* @__PURE__ */ n((t) => ({
+}), "getDefaultTableContainerFrameSx"), jo = /* @__PURE__ */ n((t) => ({
   borderRight: `1px solid ${t.borderColor}`
 }), "getDefaultHeaderDividerSx"), g = {
   borderRadius: 0
-}, Tt = {
-  borderRadius: qo
-}, Et = {
+}, Ht = {
+  borderRadius: Jo
+}, Ft = {
   "& > th, & > td": {
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0
   }
-}, $t = {
+}, It = {
   "& > th, & > td": {
     borderBottom: "none"
   }
-}, Ot = {
+}, Mt = {
   "&.MuiTableSortLabel-root": {
     color: "inherit",
     display: "flex",
@@ -91,10 +90,10 @@ const Io = /* @__PURE__ */ n((t, r) => ({
     position: "absolute",
     right: 0
   }
-}, l = /* @__PURE__ */ n((...t) => t.reduce((r, a) => a ? [...r, ...Ko(a) ? a : [a]] : r, []), "mergeSx"), _t = /* @__PURE__ */ n((t) => {
+}, b = /* @__PURE__ */ n((...t) => t.reduce((r, a) => a ? [...r, ...so(a) ? a : [a]] : r, []), "mergeSx"), Nt = /* @__PURE__ */ n((t) => {
   if (!(!_(t) || t < 1))
     return t;
-}, "getFixedRowCount"), Ht = /* @__PURE__ */ n((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), ao = /* @__PURE__ */ n((t, r) => {
+}, "getFixedRowCount"), zt = /* @__PURE__ */ n((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), uo = /* @__PURE__ */ n((t, r) => {
   switch (t) {
     case "center":
     case "right":
@@ -105,35 +104,35 @@ const Io = /* @__PURE__ */ n((t, r) => ({
     default:
       return r;
   }
-}, "getTableCellAlign"), V = /* @__PURE__ */ n((t, r) => {
+}, "getTableCellAlign"), z = /* @__PURE__ */ n((t, r) => {
   if (r)
     return t == null ? void 0 : t[r];
-}, "getRowValue"), zo = /* @__PURE__ */ n((t) => {
+}, "getRowValue"), Ko = /* @__PURE__ */ n((t) => {
   if (typeof t == "string" || _(t))
     return t;
 }, "getComparableValue");
-function Vo(t, r, a) {
-  const m = zo(V(t, a)), f = zo(V(r, a));
-  return f == null && m == null ? 0 : f == null ? -1 : m == null ? 1 : f < m ? -1 : f > m ? 1 : 0;
+function Wo(t, r, a) {
+  const m = Ko(z(t, a)), c = Ko(z(r, a));
+  return c == null && m == null ? 0 : c == null ? -1 : m == null ? 1 : c < m ? -1 : c > m ? 1 : 0;
 }
-n(Vo, "descendingComparator");
-function Ft(t, r) {
-  return t === "desc" ? (a, m) => Vo(a, m, r) : (a, m) => -Vo(a, m, r);
+n(Wo, "descendingComparator");
+function Vt(t, r) {
+  return t === "desc" ? (a, m) => Wo(a, m, r) : (a, m) => -Wo(a, m, r);
 }
-n(Ft, "getComparator");
-const so = /* @__PURE__ */ n((t, r) => {
+n(Vt, "getComparator");
+const lo = /* @__PURE__ */ n((t, r) => {
   if (r)
-    return V(t, r);
-}, "getRowRangeValue"), It = /* @__PURE__ */ n((t, r) => {
-  var m, f, p, w;
+    return z(t, r);
+}, "getRowRangeValue"), St = /* @__PURE__ */ n((t, r) => {
+  var m, c, h, C;
   if (!(r.inputLabel ?? r.rangeKey))
     return "";
-  const a = so(t, r.rangeKey);
-  return `${(m = r.rangeLabel) != null && m.start ? `${(f = r.rangeLabel) == null ? void 0 : f.start}: ` : ""}${a == null ? void 0 : a.start} ~ ${(p = r.rangeLabel) != null && p.end ? `${(w = r.rangeLabel) == null ? void 0 : w.end}: ` : ""}${a == null ? void 0 : a.end}`;
-}, "getRangeLabel"), Mt = /* @__PURE__ */ n((t, r) => {
-  const a = V(t, "index");
+  const a = lo(t, r.rangeKey);
+  return `${(m = r.rangeLabel) != null && m.start ? `${(c = r.rangeLabel) == null ? void 0 : c.start}: ` : ""}${a == null ? void 0 : a.start} ~ ${(h = r.rangeLabel) != null && h.end ? `${(C = r.rangeLabel) == null ? void 0 : C.end}: ` : ""}${a == null ? void 0 : a.end}`;
+}, "getRangeLabel"), qt = /* @__PURE__ */ n((t, r) => {
+  const a = z(t, "index");
   return _(a) ? a : r;
-}, "getRowTabIndex"), So = /* @__PURE__ */ n((t, r) => ({
+}, "getRowTabIndex"), Yo = /* @__PURE__ */ n((t, r) => ({
   "& input": {
     fontSize: r,
     textAlign: t ?? "center"
@@ -143,92 +142,92 @@ const so = /* @__PURE__ */ n((t, r) => {
   },
   height: 34
 }), "getEditableCellSx");
-function Nt(t) {
+function Pt(t) {
   const {
     sx: r,
     headCells: a,
     onSelectAllClick: m,
-    order: f,
-    orderBy: p,
-    numSelected: w,
-    rowCount: D,
-    onRequestSort: S,
-    canCheckbox: J,
-    canUseOrderBy: Q = !0,
-    canTableRadiusZero: T,
+    order: c,
+    orderBy: h,
+    numSelected: C,
+    rowCount: T,
+    onRequestSort: V,
+    canCheckbox: Q,
+    canUseOrderBy: X = !0,
+    canTableRadiusZero: D,
     canUseTreeGridStyle: o,
     gridTheme: H,
-    tableTheme: k
-  } = t, F = /* @__PURE__ */ n((i) => (s) => {
-    S(s, i);
+    tableTheme: w
+  } = t, S = /* @__PURE__ */ n((i) => (s) => {
+    V(s, i);
   }, "createSortHandler");
-  return /* @__PURE__ */ b(mt, { sx: l(T && g), children: /* @__PURE__ */ Y(
-    Zo,
+  return /* @__PURE__ */ l(xt, { sx: b(D && g), children: /* @__PURE__ */ J(
+    Xo,
     {
-      sx: l(
+      sx: b(
         o && { height: H.header.height },
-        T && g
+        D && g
       ),
       children: [
-        J && /* @__PURE__ */ b(
-          z,
+        Q && /* @__PURE__ */ l(
+          N,
           {
             padding: "checkbox",
-            sx: l(
+            sx: b(
               {
-                ...Io(k, Ho)
+                ...Po(w, So)
               },
-              !o && No(k),
-              o && Mo,
-              o && Oo(H),
-              T && g,
+              !o && jo(w),
+              o && Zo,
+              o && zo(H),
+              D && g,
               r
             ),
-            children: /* @__PURE__ */ b(
-              Po,
+            children: /* @__PURE__ */ l(
+              Qo,
               {
                 color: "default",
-                sx: l(
+                sx: b(
                   {
-                    [`&, &.${nt.checked}`]: o ? { color: at[50] } : { color: "inherit" }
+                    [`&, &.${bt.checked}`]: o ? { color: mt[50] } : { color: "inherit" }
                   },
                   o && { p: 0 }
                 ),
-                indeterminate: w > 0 && w < D,
-                checked: D > 0 && w === D,
+                indeterminate: C > 0 && C < T,
+                checked: T > 0 && C === T,
                 onChange: m
               }
             )
           }
         ),
-        a.map((i, s) => /* @__PURE__ */ b(
-          z,
+        a.map((i, s) => /* @__PURE__ */ l(
+          N,
           {
             className: o ? void 0 : "pl-20",
-            align: ao(i.align, "center"),
+            align: uo(i.align, "center"),
             padding: i.enablePadding ? "normal" : "none",
-            sortDirection: p === i.id ? f : !1,
-            sx: l(
+            sortDirection: h === i.id ? c : !1,
+            sx: b(
               {
-                ...Io(k, Ho)
+                ...Po(w, So)
               },
-              !o && a.length - 1 !== s && No(k),
-              o && a.length - 1 !== s && Mo,
-              o && Oo(H),
-              T && g,
+              !o && a.length - 1 !== s && jo(w),
+              o && a.length - 1 !== s && Zo,
+              o && zo(H),
+              D && g,
               r,
               o && (i == null ? void 0 : i.sx)
             ),
-            children: Q ? /* @__PURE__ */ b(
-              ft,
+            children: X ? /* @__PURE__ */ l(
+              Rt,
               {
-                sx: o ? Ot : Rt,
-                active: p === i.id,
-                direction: p === i.id ? f : "asc",
-                onClick: F(i.id),
-                children: o ? i.label : /* @__PURE__ */ b(Eo, { sx: l(_o(k), i == null ? void 0 : i.sx), children: i.label })
+                sx: o ? Mt : Bt,
+                active: h === i.id,
+                direction: h === i.id ? c : "asc",
+                onClick: S(i.id),
+                children: o ? i.label : /* @__PURE__ */ l(Io, { sx: b(Vo(w), i == null ? void 0 : i.sx), children: i.label })
               }
-            ) : o ? i.label : /* @__PURE__ */ b(Eo, { sx: l(_o(k), i == null ? void 0 : i.sx), children: i.label })
+            ) : o ? i.label : /* @__PURE__ */ l(Io, { sx: b(Vo(w), i == null ? void 0 : i.sx), children: i.label })
           },
           i.id
         ))
@@ -236,286 +235,294 @@ function Nt(t) {
     }
   ) });
 }
-n(Nt, "DataTableHead");
-function gr({
+n(Pt, "DataTableHead");
+function Rr({
   className: t,
   sx: r,
   headSx: a,
   headCells: m,
-  rows: f,
-  selected: p,
-  canCheckbox: w,
-  canTotalCountRow: D,
-  canSelectingSingle: S,
-  canUseOrderBy: J = !0,
-  canTableRadiusZero: Q,
-  canUseTableRadius: T = !1,
+  rows: c,
+  selected: h,
+  canCheckbox: C,
+  canTotalCountRow: T,
+  canSelectingSingle: V,
+  canUseOrderBy: Q = !0,
+  canTableRadiusZero: X,
+  canUseTableRadius: D = !1,
   canUseTreeGridStyle: o = !1,
-  tableBorderRadius: H = qo,
-  fixedRowCount: k,
-  onSelect: F,
+  tableBorderRadius: H = Jo,
+  fixedRowCount: w,
+  onSelect: S,
   onBlur: i
 }) {
-  var co, go, ho, po, xo, Ro, vo, wo, ko, Co, Lo, Ao;
-  const s = et(), [q, Wo] = U("asc"), [P, Yo] = U(""), [Z, I] = U([]), Jo = ct(Ct("owp-data-table")), x = B(() => _t(k), [k]), M = B(() => {
-    const d = Ko(f) ? f : [];
+  var po, xo, Ro, vo, Co, wo, ko, Lo, Bo, Ao, To, Do, $o, Eo, Oo;
+  const s = ut(), [q, Go] = oo("asc"), [P, Uo] = oo(""), [Z, F] = oo([]), ot = Mo($t("owp-data-table")), j = Mo(S);
+  j.current = S;
+  const x = A(() => Nt(w), [w]), I = A(() => {
+    const d = so(c) ? c : [];
     return x ? d.slice(0, x) : d;
-  }, [f, x]), j = B(() => m ?? [], [m]), R = B(
+  }, [c, x]), K = A(() => m ?? [], [m]), R = A(
     () => {
       var d, u;
-      return ot((u = (d = s == null ? void 0 : s.theme) == null ? void 0 : d.main) == null ? void 0 : u.grid);
+      return at((u = (d = s == null ? void 0 : s.theme) == null ? void 0 : d.main) == null ? void 0 : u.grid);
     },
     [s]
-  ), v = B(
+  ), bo = wt(
+    (Ro = (xo = (po = s == null ? void 0 : s.theme) == null ? void 0 : po.main) == null ? void 0 : xo.palette) == null ? void 0 : Ro.mode
+  ), v = A(
     () => {
       var d, u;
-      return tt((u = (d = s == null ? void 0 : s.theme) == null ? void 0 : d.main) == null ? void 0 : u.table, vt);
+      return st((u = (d = s == null ? void 0 : s.theme) == null ? void 0 : d.main) == null ? void 0 : u.table, {
+        ...At,
+        borderColor: bo
+      });
     },
-    [s]
-  ), E = (po = (ho = (go = (co = s == null ? void 0 : s.theme) == null ? void 0 : co.main) == null ? void 0 : go.table) == null ? void 0 : ho.row) == null ? void 0 : po.backgroundColor, uo = (wo = (vo = (Ro = (xo = s == null ? void 0 : s.theme) == null ? void 0 : xo.main) == null ? void 0 : Ro.table) == null ? void 0 : vo.row) == null ? void 0 : wo.hoverBackgroundColor, bo = (Ao = (Lo = (Co = (ko = s == null ? void 0 : s.theme) == null ? void 0 : ko.main) == null ? void 0 : Co.table) == null ? void 0 : Lo.row) == null ? void 0 : Ao.selectedBackgroundColor, h = !!Q, lo = h ? g : o && T ? {
-    borderRadius: kt(H),
+    [s, bo]
+  ), $ = (ko = (wo = (Co = (vo = s == null ? void 0 : s.theme) == null ? void 0 : vo.main) == null ? void 0 : Co.table) == null ? void 0 : wo.row) == null ? void 0 : ko.backgroundColor, mo = (To = (Ao = (Bo = (Lo = s == null ? void 0 : s.theme) == null ? void 0 : Lo.main) == null ? void 0 : Bo.table) == null ? void 0 : Ao.row) == null ? void 0 : To.hoverBackgroundColor, co = (Oo = (Eo = ($o = (Do = s == null ? void 0 : s.theme) == null ? void 0 : Do.main) == null ? void 0 : $o.table) == null ? void 0 : Eo.row) == null ? void 0 : Oo.selectedBackgroundColor, p = !!X, fo = p ? g : o && D ? {
+    borderRadius: Dt(H),
     overflow: "hidden"
-  } : o ? void 0 : Tt, mo = Fo(w) ? w : !0, Qo = Fo(D) ? D : !0;
-  $o(() => {
-    Lt(p) || I(p);
-  }, [p]), $o(() => {
-    F == null || F(Z);
+  } : o ? void 0 : Ht, go = qo(C) ? C : !0, tt = qo(T) ? T : !0;
+  No(() => {
+    h !== void 0 && F(so(h) ? h : []);
+  }, [h]), No(() => {
+    var d;
+    (d = j.current) == null || d.call(j, Z);
   }, [Z]);
-  const Xo = /* @__PURE__ */ n((d, u) => {
-    Wo(P === u && q === "asc" ? "desc" : "asc"), Yo(u);
-  }, "handleRequestSort"), yo = /* @__PURE__ */ n((d) => {
+  const rt = /* @__PURE__ */ n((d, u) => {
+    Go(P === u && q === "asc" ? "desc" : "asc"), Uo(u);
+  }, "handleRequestSort"), et = /* @__PURE__ */ n((d) => {
     if (d.target.checked) {
-      I(M);
+      F(I);
       return;
     }
-    I([]);
-  }, "handleSelectAllClick"), Go = /* @__PURE__ */ n((d, u) => {
-    if (S) {
-      I([u]);
+    F([]);
+  }, "handleSelectAllClick"), it = /* @__PURE__ */ n((d, u) => {
+    if (V) {
+      F([u]);
       return;
     }
-    I((c) => !!c.find((C) => ro(C, u)) ? c == null ? void 0 : c.filter((C) => !ro(C, u)) : [...c, u]);
-  }, "handleClick"), $ = B(
-    () => [...M].sort(Ft(q, P)),
-    [q, P, M]
-  ), fo = B(() => !x || $.length >= x ? $ : [...$, ...Ht(x - $.length)], [x, $]);
-  return /* @__PURE__ */ Y(
-    dt,
+    F((f) => !!f.find((k) => eo(k, u)) ? f == null ? void 0 : f.filter((k) => !eo(k, u)) : [...f, u]);
+  }, "handleClick"), E = A(
+    () => [...I].sort(Vt(q, P)),
+    [q, P, I]
+  ), ho = A(() => !x || E.length >= x ? E : [...E, ...zt(x - E.length)], [x, E]);
+  return /* @__PURE__ */ J(
+    ft,
     {
       className: t,
       elevation: 0,
-      sx: l(
+      sx: b(
         { width: "100%" },
-        !o && E && { backgroundColor: E },
-        o && to(R),
-        lo
+        !o && $ && { backgroundColor: $ },
+        o && ro(R),
+        fo
       ),
       children: [
-        o && /* @__PURE__ */ b(st, { styles: rt() }),
-        /* @__PURE__ */ b(
-          lt,
+        o && /* @__PURE__ */ l(ct, { styles: dt() }),
+        /* @__PURE__ */ l(
+          pt,
           {
-            sx: l(
+            sx: b(
               { height: x ? "auto" : 500 },
-              !o && E && { backgroundColor: E },
-              !o && Dt(v),
-              o && to(R),
-              o && Bt,
+              !o && $ && { backgroundColor: $ },
+              !o && _t(v),
+              o && ro(R),
+              o && Ot,
               x && { overflowY: "hidden" },
-              lo,
+              fo,
               r
             ),
-            children: /* @__PURE__ */ Y(
-              ut,
+            children: /* @__PURE__ */ J(
+              gt,
               {
                 stickyHeader: !o,
-                sx: l({ minWidth: 200 }, h && g),
+                sx: b({ minWidth: 200 }, p && g),
                 "aria-labelledby": "owp-data-table",
                 children: [
-                  /* @__PURE__ */ b(
-                    Nt,
+                  /* @__PURE__ */ l(
+                    Pt,
                     {
                       sx: a,
-                      headCells: j,
+                      headCells: K,
                       gridTheme: R,
                       tableTheme: v,
                       numSelected: Z.length,
                       order: q,
                       orderBy: P,
-                      onSelectAllClick: yo,
-                      canCheckbox: !S && mo,
-                      canUseOrderBy: J,
-                      canTableRadiusZero: h,
+                      onSelectAllClick: et,
+                      canCheckbox: !V && go,
+                      canUseOrderBy: Q,
+                      canTableRadiusZero: p,
                       canUseTreeGridStyle: o,
-                      onRequestSort: Xo,
-                      rowCount: M.length
+                      onRequestSort: rt,
+                      rowCount: I.length
                     }
                   ),
-                  /* @__PURE__ */ b(bt, { sx: l(h && g), children: fo.map((d, u) => {
-                    const c = Z.some((e) => ro(e, d)), X = fo.length - 1 === u, C = x ? u >= $.length : !1, y = `${Jo.current}-${u}`;
-                    return /* @__PURE__ */ Y(
-                      Zo,
+                  /* @__PURE__ */ l(ht, { sx: b(p && g), children: ho.map((d, u) => {
+                    const f = Z.some((e) => eo(e, d)), y = ho.length - 1 === u, k = x ? u >= E.length : !1, G = `${ot.current}-${u}`;
+                    return /* @__PURE__ */ J(
+                      Xo,
                       {
                         hover: !0,
                         role: o ? void 0 : "checkbox",
-                        "aria-checked": o ? void 0 : c,
+                        "aria-checked": o ? void 0 : f,
                         tabIndex: -1,
-                        selected: c,
-                        sx: l(
-                          { cursor: C ? "default" : "pointer" },
-                          !o && E && !c && { backgroundColor: E },
-                          !o && uo && !C && !c && {
+                        selected: f,
+                        sx: b(
+                          { cursor: k ? "default" : "pointer" },
+                          !o && $ && !f && { backgroundColor: $ },
+                          !o && mo && !k && !f && {
                             "&.MuiTableRow-hover:hover": {
-                              backgroundColor: uo
+                              backgroundColor: mo
                             }
                           },
-                          !o && bo && c && {
+                          !o && co && f && {
                             "&.Mui-selected, &.Mui-selected:hover": {
-                              backgroundColor: bo
+                              backgroundColor: co
                             }
                           },
-                          o && gt(R, {
-                            canHover: !C,
-                            selected: c
+                          o && vt(R, {
+                            canHover: !k,
+                            selected: f
                           }),
-                          !o && X && $t,
+                          !o && y && It,
                           o && { height: 30 },
-                          h && g,
-                          h && X && Et
+                          p && g,
+                          p && y && Ft
                         ),
                         children: [
-                          mo && /* @__PURE__ */ b(
-                            z,
+                          go && /* @__PURE__ */ l(
+                            N,
                             {
                               padding: "checkbox",
                               onClick: /* @__PURE__ */ n((e) => {
-                                C || Go(e, d);
+                                k || it(e, d);
                               }, "onClick"),
-                              sx: l(
-                                !o && no(v),
-                                o && oo(R),
-                                o ? io : eo(v),
-                                h && g
+                              sx: b(
+                                !o && ao(v),
+                                o && to(R),
+                                o ? no : io(v),
+                                p && g
                               ),
-                              children: /* @__PURE__ */ b(
-                                Po,
+                              children: /* @__PURE__ */ l(
+                                Qo,
                                 {
                                   color: "default",
-                                  checked: c,
-                                  disabled: C,
-                                  sx: l(o && { p: 0 })
+                                  checked: f,
+                                  disabled: k,
+                                  sx: b(o && { p: 0 })
                                 }
                               )
                             }
                           ),
-                          j.map((e, G) => {
-                            const Bo = `${y}-row-${u}-cell-${G}`, Do = It(d, e), K = Mt(d, u), W = V(d, String(e == null ? void 0 : e.id));
-                            return G === 0 ? /* @__PURE__ */ b(
-                              z,
+                          K.map((e, U) => {
+                            const _o = `${G}-row-${u}-cell-${U}`, Ho = St(d, e), W = qt(d, u), Y = z(d, String(e == null ? void 0 : e.id));
+                            return U === 0 ? /* @__PURE__ */ l(
+                              N,
                               {
                                 className: o ? void 0 : "px-4",
                                 component: o ? "td" : "th",
-                                id: y,
+                                id: G,
                                 scope: o ? void 0 : "row",
                                 padding: "none",
                                 role: o ? "cell" : void 0,
-                                align: ao(e.valueAlign, "left"),
-                                sx: l(
-                                  !o && no(v),
-                                  o && oo(R),
-                                  j.length > 1 && (o ? io : eo(v)),
-                                  h && g
+                                align: uo(e.valueAlign, "left"),
+                                sx: b(
+                                  !o && ao(v),
+                                  o && to(R),
+                                  K.length > 1 && (o ? no : io(v)),
+                                  p && g
                                 ),
-                                children: W
+                                children: Y
                               },
-                              Bo
-                            ) : /* @__PURE__ */ b(
-                              z,
+                              _o
+                            ) : /* @__PURE__ */ l(
+                              N,
                               {
                                 className: o ? void 0 : "px-4",
                                 role: o ? "cell" : void 0,
-                                align: ao(e.valueAlign, "left"),
-                                sx: l(
-                                  !o && no(v),
-                                  o && oo(R),
-                                  j.length - 1 !== G && (o ? io : eo(v)),
-                                  h && g
+                                align: uo(e.valueAlign, "left"),
+                                sx: b(
+                                  !o && ao(v),
+                                  o && to(R),
+                                  K.length - 1 !== U && (o ? no : io(v)),
+                                  p && g
                                 ),
-                                children: e != null && e.canTextField ? (e == null ? void 0 : e.textFieldType) === "number" ? /* @__PURE__ */ b(
-                                  At,
+                                children: e != null && e.canTextField ? (e == null ? void 0 : e.textFieldType) === "number" ? /* @__PURE__ */ l(
+                                  Et,
                                   {
                                     variant: "standard",
                                     decimalScale: 2,
-                                    label: Do,
+                                    label: Ho,
                                     fullWidth: !0,
                                     size: "small",
-                                    sx: So(
+                                    sx: Yo(
                                       e == null ? void 0 : e.valueAlign,
                                       o ? R.cell.fontSize : v.cell.fontSize
                                     ),
                                     slotProps: {
                                       input: {
-                                        tabIndex: K
+                                        tabIndex: W
                                       },
                                       inputLabel: {
                                         shrink: !0
                                       }
                                     },
                                     isAllowed: /* @__PURE__ */ n((L) => {
-                                      var N;
-                                      const { floatValue: O } = L, A = (N = so(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : N.end;
-                                      return _(O) && _(A) ? O <= A : !0;
+                                      var M;
+                                      const { floatValue: O } = L, B = (M = lo(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : M.end;
+                                      return _(O) && _(B) ? O <= B : !0;
                                     }, "isAllowed"),
-                                    value: W,
+                                    value: Y,
                                     onBlur: /* @__PURE__ */ n((L) => {
-                                      var N, To;
-                                      const O = (N = so(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : N.start, A = (To = L.target.value) == null ? void 0 : To.replace(/,/g, "");
+                                      var M, Fo;
+                                      const O = (M = lo(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : M.start, B = (Fo = L.target.value) == null ? void 0 : Fo.replace(/,/g, "");
                                       i == null || i(
                                         {
                                           ...L,
                                           target: {
                                             ...L.target,
-                                            value: _(O) && A !== "" ? Number(O > Number(A) ? O : A) : A
+                                            value: _(O) && B !== "" ? Number(O > Number(B) ? O : B) : B
                                           }
                                         },
-                                        K
+                                        W
                                       );
                                     }, "onBlur")
                                   }
-                                ) : /* @__PURE__ */ b(
-                                  it,
+                                ) : /* @__PURE__ */ l(
+                                  lt,
                                   {
                                     variant: "standard",
-                                    label: Do,
+                                    label: Ho,
                                     fullWidth: !0,
                                     size: "small",
-                                    sx: So(
+                                    sx: Yo(
                                       e == null ? void 0 : e.valueAlign,
                                       o ? R.cell.fontSize : v.cell.fontSize
                                     ),
                                     slotProps: {
                                       input: {
-                                        tabIndex: K
+                                        tabIndex: W
                                       },
                                       inputLabel: {
                                         shrink: !0
                                       }
                                     },
                                     type: (e == null ? void 0 : e.textFieldType) ?? "text",
-                                    defaultValue: W,
+                                    defaultValue: Y,
                                     onBlur: /* @__PURE__ */ n((L) => i == null ? void 0 : i(
                                       { ...L, target: { ...L.target, value: L.target.value } },
-                                      K
+                                      W
                                     ), "onBlur")
                                   }
-                                ) : W
+                                ) : Y
                               },
-                              Bo
+                              _o
                             );
                           })
                         ]
                       },
-                      `${y}-row-${u}`
+                      `${G}-row-${u}`
                     );
                   }) })
                 ]
@@ -523,14 +530,14 @@ function gr({
             )
           }
         ),
-        Qo && /* @__PURE__ */ b(
-          wt,
+        tt && /* @__PURE__ */ l(
+          Tt,
           {
-            dividerSx: l(h && g),
-            totalCount: M.length,
-            typographySx: l(
-              o && to(R),
-              h && g
+            dividerSx: b(p && g),
+            totalCount: I.length,
+            typographySx: b(
+              o && ro(R),
+              p && g
             )
           }
         )
@@ -538,8 +545,8 @@ function gr({
     }
   );
 }
-n(gr, "OwpDataTable");
+n(Rr, "OwpDataTable");
 export {
-  gr as OwpDataTable
+  Rr as OwpDataTable
 };
 //# sourceMappingURL=OwpDataTable.js.map