@owp/core 2.5.3 → 2.5.4

package/dist/components/OwpTable/OwpDataTable.js

@@ -1,78 +1,85 @@
-var Ft = Object.defineProperty;
-var n = (t, o) => Ft(t, "name", { value: o, configurable: !0 });
-import { jsxs as z, jsx as a } 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 $t } from "../../constants/gridTheme.js";
-import { getTreeGridFontFaceStyles as It, TREEGRID_FONT_FAMILY_STACK as Nt } from "../../constants/treeGrid.js";
+var Tt = Object.defineProperty;
+var s = (t, o) => Tt(t, "name", { value: o, configurable: !0 });
+import { jsxs as M, jsx as f } 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 zt } from "../../constants/gridTheme.js";
+import { resolveOwpTableTheme as Ft } from "../../constants/tableTheme.js";
+import { getTreeGridFontFaceStyles as Ct } from "../../constants/treeGrid.js";
 import { useGetCurrentSettings as Mt } from "../../hooks/useOwpSettings.js";
-import { TextField as yt, Divider as Ht, Typography as Z } from "@mui/material";
-import ft, { checkboxClasses as Dt } from "@mui/material/Checkbox";
-import { grey as F } from "@mui/material/colors";
-import Et from "@mui/material/GlobalStyles";
-import Ot from "@mui/material/Paper";
-import zt from "@mui/material/Table";
-import Bt from "@mui/material/TableBody";
-import B from "@mui/material/TableCell";
-import Ct from "@mui/material/TableContainer";
-import Wt from "@mui/material/TableHead";
-import bt from "@mui/material/TableRow";
-import Vt from "@mui/material/TableSortLabel";
-import { useState as J, useRef as _t, useMemo as y, useEffect as dt } from "react";
-import { uniqueId as qt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
-import { isEmpty as Pt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { isEqual as Q } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { OwpNumberField as Tt } from "../OwpNumberField/OwpNumberField.js";
-import { isNumber as H } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
-import { isArray as xt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-import { isBoolean as ut } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isBoolean.js";
-const ct = {
-  bgcolor: "#586980",
+import { TextField as Nt, Divider as Wt, Typography as it } from "@mui/material";
+import $t, { checkboxClasses as Vt } from "@mui/material/Checkbox";
+import { grey as I } from "@mui/material/colors";
+import qt from "@mui/material/GlobalStyles";
+import Pt from "@mui/material/Paper";
+import jt from "@mui/material/Table";
+import Kt from "@mui/material/TableBody";
+import N from "@mui/material/TableCell";
+import yt from "@mui/material/TableContainer";
+import Yt from "@mui/material/TableHead";
+import Dt from "@mui/material/TableRow";
+import Jt from "@mui/material/TableSortLabel";
+import { useState as X, useRef as Qt, useMemo as D, useEffect as lt } from "react";
+import { getTreeGridBodyCellSx as Z, TREEGRID_TABLE_BODY_BORDER_COLOR as Xt, getTreeGridBodyRowSx as Zt, getTreeGridContainerSx as G, getTreeGridHeaderCellSx as pt, TREEGRID_TABLE_HEADER_BORDER_COLOR as Gt } from "./internal/treeGridTableStyle.js";
+import { uniqueId as Ut } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
+import { isEmpty as to } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+import { isEqual as U } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { OwpNumberField as oo } from "../OwpNumberField/OwpNumberField.js";
+import { isNumber as T } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
+import { isArray as Ht } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+import { isBoolean as bt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isBoolean.js";
+const xt = /* @__PURE__ */ s((t) => ({
+  bgcolor: t.header.backgroundColor,
+  borderBottom: `1px solid ${at}`,
   borderTopLeftRadius: "inherit",
   borderTopRightRadius: "inherit"
-}, mt = {
-  borderRight: `1px solid ${F.A200}`
-}, X = {
-  borderRight: `1px solid ${F[400]}`
-}, jt = {
+}), "defaultHeadCellsSx"), Rt = {
+  borderRight: `1px solid ${Gt}`
+}, at = I[400], tt = {
+  borderRight: `1px solid ${at}`
+}, ot = {
+  borderRight: `1px solid ${Xt}`
+}, Lt = 34, eo = {
+  header: {
+    backgroundColor: "#586980",
+    color: "#ffffff",
+    fontSize: "1.4rem",
+    fontWeight: 500
+  },
+  cell: {
+    fontSize: "1.3rem"
+  }
+}, et = /* @__PURE__ */ s((t) => ({
+  fontSize: t.cell.fontSize
+}), "getDefaultTableBodyCellSx"), vt = {
+  borderRight: `1px solid ${at}`
+}, rt = {
+  height: Lt,
+  minHeight: Lt,
+  py: 0
+}, At = /* @__PURE__ */ s((t) => ({
+  color: t.header.color,
+  fontSize: t.header.fontSize,
+  fontWeight: t.header.fontWeight
+}), "getDefaultTableHeaderLabelSx"), ro = {
   "&.MuiTableSortLabel-root": {
-    color: F.A100
+    color: I.A100
   },
   "&.MuiTableSortLabel-root:hover": {
-    color: F.A100
+    color: I.A100
   },
   "&.Mui-active": {
-    color: F.A100
+    color: I.A100
   },
   "& .MuiTableSortLabel-icon": {
-    color: `${F.A100} !important`
+    color: `${I.A100} !important`
   }
-}, g = {
+}, l = {
   borderRadius: 0
-}, Kt = {
+}, io = {
   "& > th, & > td": {
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0
   }
-}, vt = /* @__PURE__ */ n((t) => ({
-  fontFamily: Nt,
-  fontSize: t,
-  fontWeight: "normal",
-  lineHeight: "16px",
-  boxSizing: "border-box",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  verticalAlign: "middle",
-  whiteSpace: "nowrap"
-}), "getTreeGridCellBaseSx"), lt = /* @__PURE__ */ n((t) => ({
-  ...vt(t.header.fontSize),
-  bgcolor: t.header.backgroundColor,
-  borderBottom: "1px solid #6F7F94",
-  borderRight: "1px solid #6F7F94",
-  color: t.header.color,
-  fontWeight: t.header.fontWeight,
-  height: t.header.height,
-  minHeight: t.header.height,
-  p: "7px 2px 6px 10px"
-}), "getTreeGridHeaderCellSx"), Yt = {
+}, no = {
   "&.MuiTableSortLabel-root": {
     color: "inherit",
     display: "flex",
@@ -99,16 +106,10 @@ const ct = {
     position: "absolute",
     right: 0
   }
-}, G = /* @__PURE__ */ n((t) => ({
-  ...vt(t.cell.fontSize),
-  borderBottom: "1px solid #CDD8E4",
-  borderRight: "1px solid #CDD8E4",
-  color: "#111112",
-  p: "7px 10px 6px"
-}), "getTreeGridBodyCellSx"), m = /* @__PURE__ */ n((...t) => t.reduce((o, i) => i ? [...o, ...xt(i) ? i : [i]] : o, []), "mergeSx"), Jt = /* @__PURE__ */ n((t) => {
-  if (!(!H(t) || t < 1))
+}, m = /* @__PURE__ */ s((...t) => t.reduce((o, i) => i ? [...o, ...Ht(i) ? i : [i]] : o, []), "mergeSx"), so = /* @__PURE__ */ s((t) => {
+  if (!(!T(t) || t < 1))
     return t;
-}, "getFixedRowCount"), Qt = /* @__PURE__ */ n((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), U = /* @__PURE__ */ n((t, o) => {
+}, "getFixedRowCount"), ao = /* @__PURE__ */ s((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), nt = /* @__PURE__ */ s((t, o) => {
   switch (t) {
     case "center":
     case "right":
@@ -119,35 +120,35 @@ const ct = {
     default:
       return o;
   }
-}, "getTableCellAlign"), C = /* @__PURE__ */ n((t, o) => {
+}, "getTableCellAlign"), W = /* @__PURE__ */ s((t, o) => {
   if (o)
     return t == null ? void 0 : t[o];
-}, "getRowValue"), ht = /* @__PURE__ */ n((t) => {
-  if (typeof t == "string" || H(t))
+}, "getRowValue"), wt = /* @__PURE__ */ s((t) => {
+  if (typeof t == "string" || T(t))
     return t;
 }, "getComparableValue");
-function gt(t, o, i) {
-  const c = ht(C(t, i)), l = ht(C(o, i));
-  return l == null && c == null ? 0 : l == null ? -1 : c == null ? 1 : l < c ? -1 : l > c ? 1 : 0;
+function kt(t, o, i) {
+  const c = wt(W(t, i)), g = wt(W(o, i));
+  return g == null && c == null ? 0 : g == null ? -1 : c == null ? 1 : g < c ? -1 : g > c ? 1 : 0;
 }
-n(gt, "descendingComparator");
-function Xt(t, o) {
-  return t === "desc" ? (i, c) => gt(i, c, o) : (i, c) => -gt(i, c, o);
+s(kt, "descendingComparator");
+function uo(t, o) {
+  return t === "desc" ? (i, c) => kt(i, c, o) : (i, c) => -kt(i, c, o);
 }
-n(Xt, "getComparator");
-const tt = /* @__PURE__ */ n((t, o) => {
+s(uo, "getComparator");
+const st = /* @__PURE__ */ s((t, o) => {
   if (o)
-    return C(t, o);
-}, "getRowRangeValue"), Gt = /* @__PURE__ */ n((t, o) => {
-  var c, l, f, v;
+    return W(t, o);
+}, "getRowRangeValue"), fo = /* @__PURE__ */ s((t, o) => {
+  var c, g, x, A;
   if (!(o.inputLabel ?? o.rangeKey))
     return "";
-  const i = tt(t, o.rangeKey);
-  return `${(c = o.rangeLabel) != null && c.start ? `${(l = o.rangeLabel) == null ? void 0 : l.start}: ` : ""}${i == null ? void 0 : i.start} ~ ${(f = o.rangeLabel) != null && f.end ? `${(v = o.rangeLabel) == null ? void 0 : v.end}: ` : ""}${i == null ? void 0 : i.end}`;
-}, "getRangeLabel"), Zt = /* @__PURE__ */ n((t, o) => {
-  const i = C(t, "index");
-  return H(i) ? i : o;
-}, "getRowTabIndex"), pt = /* @__PURE__ */ n((t, o) => ({
+  const i = st(t, o.rangeKey);
+  return `${(c = o.rangeLabel) != null && c.start ? `${(g = o.rangeLabel) == null ? void 0 : g.start}: ` : ""}${i == null ? void 0 : i.start} ~ ${(x = o.rangeLabel) != null && x.end ? `${(A = o.rangeLabel) == null ? void 0 : A.end}: ` : ""}${i == null ? void 0 : i.end}`;
+}, "getRangeLabel"), mo = /* @__PURE__ */ s((t, o) => {
+  const i = W(t, "index");
+  return T(i) ? i : o;
+}, "getRowTabIndex"), Et = /* @__PURE__ */ s((t, o) => ({
   "& input": {
     fontSize: o,
     textAlign: t ?? "center"
@@ -157,337 +158,361 @@ const tt = /* @__PURE__ */ n((t, o) => {
   },
   height: 34
 }), "getEditableCellSx");
-function Ut(t) {
+function co(t) {
   const {
     sx: o,
     headCells: i,
     onSelectAllClick: c,
-    order: l,
-    orderBy: f,
-    numSelected: v,
-    rowCount: $,
-    onRequestSort: W,
-    canCheckbox: j,
+    order: g,
+    orderBy: x,
+    numSelected: A,
+    rowCount: H,
+    onRequestSort: V,
+    canCheckbox: Y,
     canUseOrderBy: h = !0,
-    canTableRadiusZero: s,
-    canUseTreeGridStyle: p,
-    gridTheme: k
-  } = t, R = /* @__PURE__ */ n((r) => (L) => {
-    W(L, r);
+    canTableRadiusZero: e,
+    canUseTreeGridStyle: u,
+    gridTheme: E,
+    tableTheme: p
+  } = t, R = /* @__PURE__ */ s((n) => (O) => {
+    V(O, n);
   }, "createSortHandler");
-  return /* @__PURE__ */ a(Wt, { sx: m(s && g), children: /* @__PURE__ */ z(
-    bt,
+  return /* @__PURE__ */ f(Yt, { sx: m(e && l), children: /* @__PURE__ */ M(
+    Dt,
     {
       sx: m(
-        p && { height: k.header.height },
-        s && g
+        !u && rt,
+        u && { height: E.header.height },
+        e && l
       ),
       children: [
-        j && /* @__PURE__ */ a(
-          B,
+        Y && /* @__PURE__ */ f(
+          N,
           {
             padding: "checkbox",
-            className: "text-white",
             sx: m(
               {
-                ...ct,
-                ...mt
+                ...xt(p)
               },
-              p && lt(k),
-              s && g,
+              !u && vt,
+              !u && rt,
+              u && Rt,
+              u && pt(E),
+              e && l,
               o
             ),
-            children: /* @__PURE__ */ a(
-              ft,
+            children: /* @__PURE__ */ f(
+              $t,
               {
                 color: "default",
                 sx: m(
                   {
-                    [`&, &.${Dt.checked}`]: {
-                      color: F[50]
+                    [`&, &.${Vt.checked}`]: {
+                      color: I[50]
                     }
                   },
-                  p && { p: 0 }
+                  u && { p: 0 }
                 ),
-                indeterminate: v > 0 && v < $,
-                checked: $ > 0 && v === $,
+                indeterminate: A > 0 && A < H,
+                checked: H > 0 && A === H,
                 onChange: c
               }
             )
           }
         ),
-        i.map((r, L) => /* @__PURE__ */ a(
-          B,
+        i.map((n, O) => /* @__PURE__ */ f(
+          N,
           {
-            className: p ? void 0 : "pl-20",
-            align: U(r.align, "center"),
-            padding: r.enablePadding ? "normal" : "none",
-            sortDirection: f === r.id ? l : !1,
+            className: u ? void 0 : "pl-20",
+            align: nt(n.align, "center"),
+            padding: n.enablePadding ? "normal" : "none",
+            sortDirection: x === n.id ? g : !1,
             sx: m(
               {
-                ...ct,
-                ...i.length - 1 !== L && mt
+                ...xt(p)
               },
-              p && lt(k),
-              s && g,
+              !u && i.length - 1 !== O && vt,
+              !u && rt,
+              u && i.length - 1 !== O && Rt,
+              u && pt(E),
+              e && l,
               o,
-              p && (r == null ? void 0 : r.sx)
+              u && (n == null ? void 0 : n.sx)
             ),
-            children: h ? /* @__PURE__ */ a(
-              Vt,
+            children: h ? /* @__PURE__ */ f(
+              Jt,
               {
-                sx: p ? Yt : jt,
-                active: f === r.id,
-                direction: f === r.id ? l : "asc",
-                onClick: R(r.id),
-                children: p ? r.label : /* @__PURE__ */ a(Z, { className: "text-white text-lg font-medium", sx: r == null ? void 0 : r.sx, children: r.label })
+                sx: u ? no : ro,
+                active: x === n.id,
+                direction: x === n.id ? g : "asc",
+                onClick: R(n.id),
+                children: u ? n.label : /* @__PURE__ */ f(it, { sx: m(At(p), n == null ? void 0 : n.sx), children: n.label })
               }
-            ) : p ? r.label : /* @__PURE__ */ a(Z, { className: "text-white text-lg font-medium", sx: r == null ? void 0 : r.sx, children: r.label })
+            ) : u ? n.label : /* @__PURE__ */ f(it, { sx: m(At(p), n == null ? void 0 : n.sx), children: n.label })
           },
-          r.id
+          n.id
         ))
       ]
     }
   ) });
 }
-n(Ut, "DataTableHead");
-function Fo({
+s(co, "DataTableHead");
+function Wo({
   className: t,
   sx: o,
   headSx: i,
   headCells: c,
-  rows: l,
-  selected: f,
-  canCheckbox: v,
-  canTotalCountRow: $,
-  canSelectingSingle: W,
-  canUseOrderBy: j = !0,
+  rows: g,
+  selected: x,
+  canCheckbox: A,
+  canTotalCountRow: H,
+  canSelectingSingle: V,
+  canUseOrderBy: Y = !0,
   canTableRadiusZero: h = !1,
-  canUseTreeGridStyle: s = !1,
-  fixedRowCount: p,
-  onSelect: k,
-  onBlur: R
+  canUseTreeGridStyle: e = !1,
+  fixedRowCount: u,
+  onSelect: E,
+  onBlur: p
 }) {
-  const r = Mt(), [L, wt] = J("asc"), [V, Rt] = J(""), [_, D] = J([]), Lt = _t(qt("owp-data-table")), b = y(() => Jt(p), [p]), E = y(() => {
-    const d = xt(l) ? l : [];
-    return b ? d.slice(0, b) : d;
-  }, [l, b]), q = y(() => c ?? [], [c]), I = y(
+  const R = Mt(), [n, O] = X("asc"), [q, Ot] = X(""), [P, z] = X([]), St = Qt(Ut("owp-data-table")), L = D(() => so(u), [u]), F = D(() => {
+    const a = Ht(g) ? g : [];
+    return L ? a.slice(0, L) : a;
+  }, [g, L]), j = D(() => c ?? [], [c]), v = D(
     () => {
-      var d, u;
-      return $t((u = (d = r == null ? void 0 : r.theme) == null ? void 0 : d.main) == null ? void 0 : u.grid);
+      var a, d;
+      return zt((d = (a = R == null ? void 0 : R.theme) == null ? void 0 : a.main) == null ? void 0 : d.grid);
     },
-    [r]
-  ), ot = ut(v) ? v : !0, et = ut($) ? $ : !0;
-  dt(() => {
-    Pt(f) || D(f);
-  }, [f]), dt(() => {
-    k == null || k(_);
-  }, [_]);
-  const kt = /* @__PURE__ */ n((d, u) => {
-    wt(V === u && L === "asc" ? "desc" : "asc"), Rt(u);
-  }, "handleRequestSort"), At = /* @__PURE__ */ n((d) => {
-    if (d.target.checked) {
-      D(E);
+    [R]
+  ), S = D(
+    () => {
+      var a, d;
+      return Ft((d = (a = R == null ? void 0 : R.theme) == null ? void 0 : a.main) == null ? void 0 : d.table, eo);
+    },
+    [R]
+  ), dt = bt(A) ? A : !0, ut = bt(H) ? H : !0;
+  lt(() => {
+    to(x) || z(x);
+  }, [x]), lt(() => {
+    E == null || E(P);
+  }, [P]);
+  const _t = /* @__PURE__ */ s((a, d) => {
+    O(q === d && n === "asc" ? "desc" : "asc"), Ot(d);
+  }, "handleRequestSort"), Bt = /* @__PURE__ */ s((a) => {
+    if (a.target.checked) {
+      z(F);
       return;
     }
-    D([]);
-  }, "handleSelectAllClick"), St = /* @__PURE__ */ n((d, u) => {
-    if (W) {
-      D([u]);
+    z([]);
+  }, "handleSelectAllClick"), It = /* @__PURE__ */ s((a, d) => {
+    if (V) {
+      z([d]);
       return;
     }
-    D((x) => !!x.find((A) => Q(A, u)) ? x == null ? void 0 : x.filter((A) => !Q(A, u)) : [...x, u]);
-  }, "handleClick"), N = y(
-    () => [...E].sort(Xt(L, V)),
-    [L, V, E]
-  ), rt = y(() => !b || N.length >= b ? N : [...N, ...Qt(b - N.length)], [b, N]);
-  return /* @__PURE__ */ z(
-    Ot,
+    z((b) => !!b.find((k) => U(k, d)) ? b == null ? void 0 : b.filter((k) => !U(k, d)) : [...b, d]);
+  }, "handleClick"), _ = D(
+    () => [...F].sort(uo(n, q)),
+    [n, q, F]
+  ), ft = D(() => !L || _.length >= L ? _ : [..._, ...ao(L - _.length)], [L, _]);
+  return /* @__PURE__ */ M(
+    Pt,
     {
       className: t,
-      sx: m({ width: "100%" }, h && g),
+      sx: m(
+        { width: "100%" },
+        e && G(v),
+        h && l
+      ),
       children: [
-        s && /* @__PURE__ */ a(Et, { styles: It() }),
-        /* @__PURE__ */ a(
-          Ct,
+        e && /* @__PURE__ */ f(qt, { styles: Ct() }),
+        /* @__PURE__ */ f(
+          yt,
           {
             sx: m(
-              { height: b ? "auto" : 500, borderRadius: 2 },
-              b && { overflowY: "hidden" },
-              h && g,
+              { height: L ? "auto" : 500, borderRadius: 2 },
+              e && G(v),
+              L && { overflowY: "hidden" },
+              h && l,
               o
             ),
-            children: /* @__PURE__ */ z(
-              zt,
+            children: /* @__PURE__ */ M(
+              jt,
               {
-                stickyHeader: !s,
-                sx: m({ minWidth: 200 }, h && g),
+                stickyHeader: !e,
+                sx: m({ minWidth: 200 }, h && l),
                 "aria-labelledby": "owp-data-table",
                 children: [
-                  /* @__PURE__ */ a(
-                    Ut,
+                  /* @__PURE__ */ f(
+                    co,
                     {
                       sx: i,
-                      headCells: q,
-                      gridTheme: I,
-                      numSelected: _.length,
-                      order: L,
-                      orderBy: V,
-                      onSelectAllClick: At,
-                      canCheckbox: !W && ot,
-                      canUseOrderBy: j,
+                      headCells: j,
+                      gridTheme: v,
+                      tableTheme: S,
+                      numSelected: P.length,
+                      order: n,
+                      orderBy: q,
+                      onSelectAllClick: Bt,
+                      canCheckbox: !V && dt,
+                      canUseOrderBy: Y,
                       canTableRadiusZero: h,
-                      canUseTreeGridStyle: s,
-                      onRequestSort: kt,
-                      rowCount: E.length
+                      canUseTreeGridStyle: e,
+                      onRequestSort: _t,
+                      rowCount: F.length
                     }
                   ),
-                  /* @__PURE__ */ a(Bt, { sx: m(h && g), children: rt.map((d, u) => {
-                    const x = _.some((e) => Q(e, d)), it = rt.length - 1 === u, A = b ? u >= N.length : !1, K = `${Lt.current}-${u}`;
-                    return /* @__PURE__ */ z(
-                      bt,
+                  /* @__PURE__ */ f(Kt, { sx: m(h && l), children: ft.map((a, d) => {
+                    const b = P.some((r) => U(r, a)), mt = ft.length - 1 === d, k = L ? d >= _.length : !1, J = `${St.current}-${d}`;
+                    return /* @__PURE__ */ M(
+                      Dt,
                       {
                         hover: !0,
-                        role: s ? void 0 : "checkbox",
-                        "aria-checked": s ? void 0 : x,
+                        role: e ? void 0 : "checkbox",
+                        "aria-checked": e ? void 0 : b,
                         tabIndex: -1,
-                        selected: x,
+                        selected: b,
                         sx: m(
-                          { cursor: A ? "default" : "pointer" },
-                          s && { height: 30 },
-                          h && g,
-                          h && it && Kt
+                          { cursor: k ? "default" : "pointer" },
+                          e && Zt(v, {
+                            canHover: !k,
+                            selected: b
+                          }),
+                          e && { height: 30 },
+                          h && l,
+                          h && mt && io
                         ),
                         children: [
-                          ot && /* @__PURE__ */ a(
-                            B,
+                          dt && /* @__PURE__ */ f(
+                            N,
                             {
                               padding: "checkbox",
-                              onClick: /* @__PURE__ */ n((e) => {
-                                A || St(e, d);
+                              onClick: /* @__PURE__ */ s((r) => {
+                                k || It(r, a);
                               }, "onClick"),
                               sx: m(
-                                X,
-                                s && G(I),
-                                h && g
+                                e ? ot : tt,
+                                !e && et(S),
+                                e && Z(v),
+                                h && l
                               ),
-                              children: /* @__PURE__ */ a(
-                                ft,
+                              children: /* @__PURE__ */ f(
+                                $t,
                                 {
                                   color: "default",
-                                  checked: x,
-                                  disabled: A,
-                                  sx: m(s && { p: 0 })
+                                  checked: b,
+                                  disabled: k,
+                                  sx: m(e && { p: 0 })
                                 }
                               )
                             }
                           ),
-                          q.map((e, Y) => {
-                            const nt = `${K}-row-${u}-cell-${Y}`, st = Gt(d, e), P = Zt(d, u), T = C(d, String(e == null ? void 0 : e.id));
-                            return Y === 0 ? /* @__PURE__ */ a(
-                              B,
+                          j.map((r, Q) => {
+                            const ct = `${J}-row-${d}-cell-${Q}`, gt = fo(a, r), K = mo(a, d), y = W(a, String(r == null ? void 0 : r.id));
+                            return Q === 0 ? /* @__PURE__ */ f(
+                              N,
                               {
-                                className: s ? void 0 : "px-4",
-                                component: s ? "td" : "th",
-                                id: K,
-                                scope: s ? void 0 : "row",
+                                className: e ? void 0 : "px-4",
+                                component: e ? "td" : "th",
+                                id: J,
+                                scope: e ? void 0 : "row",
                                 padding: "none",
-                                role: s ? "cell" : void 0,
-                                align: U(e.valueAlign, "left"),
+                                role: e ? "cell" : void 0,
+                                align: nt(r.valueAlign, "left"),
                                 sx: m(
-                                  q.length > 1 && X,
-                                  s && G(I),
-                                  h && g
+                                  j.length > 1 && (e ? ot : tt),
+                                  !e && et(S),
+                                  e && Z(v),
+                                  h && l
                                 ),
-                                children: T
+                                children: y
                               },
-                              nt
-                            ) : /* @__PURE__ */ a(
-                              B,
+                              ct
+                            ) : /* @__PURE__ */ f(
+                              N,
                               {
-                                className: s ? void 0 : "px-4",
-                                role: s ? "cell" : void 0,
-                                align: U(e.valueAlign, "left"),
+                                className: e ? void 0 : "px-4",
+                                role: e ? "cell" : void 0,
+                                align: nt(r.valueAlign, "left"),
                                 sx: m(
-                                  q.length - 1 !== Y && X,
-                                  s && G(I),
-                                  h && g
+                                  j.length - 1 !== Q && (e ? ot : tt),
+                                  !e && et(S),
+                                  e && Z(v),
+                                  h && l
                                 ),
-                                children: e != null && e.canTextField ? (e == null ? void 0 : e.textFieldType) === "number" ? /* @__PURE__ */ a(
-                                  Tt,
+                                children: r != null && r.canTextField ? (r == null ? void 0 : r.textFieldType) === "number" ? /* @__PURE__ */ f(
+                                  oo,
                                   {
                                     variant: "standard",
                                     decimalScale: 2,
-                                    label: st,
+                                    label: gt,
                                     fullWidth: !0,
                                     size: "small",
-                                    sx: pt(
-                                      e == null ? void 0 : e.valueAlign,
-                                      s ? I.cell.fontSize : void 0
+                                    sx: Et(
+                                      r == null ? void 0 : r.valueAlign,
+                                      e ? v.cell.fontSize : S.cell.fontSize
                                     ),
                                     slotProps: {
                                       input: {
-                                        tabIndex: P
+                                        tabIndex: K
                                       },
                                       inputLabel: {
                                         shrink: !0
                                       }
                                     },
-                                    isAllowed: /* @__PURE__ */ n((w) => {
-                                      var O;
-                                      const { floatValue: M } = w, S = (O = tt(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : O.end;
-                                      return H(M) && H(S) ? M <= S : !0;
+                                    isAllowed: /* @__PURE__ */ s((w) => {
+                                      var C;
+                                      const { floatValue: B } = w, $ = (C = st(a, r == null ? void 0 : r.rangeKey)) == null ? void 0 : C.end;
+                                      return T(B) && T($) ? B <= $ : !0;
                                     }, "isAllowed"),
-                                    value: T,
-                                    onBlur: /* @__PURE__ */ n((w) => {
-                                      var O, at;
-                                      const M = (O = tt(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : O.start, S = (at = w.target.value) == null ? void 0 : at.replace(/,/g, "");
-                                      R == null || R(
+                                    value: y,
+                                    onBlur: /* @__PURE__ */ s((w) => {
+                                      var C, ht;
+                                      const B = (C = st(a, r == null ? void 0 : r.rangeKey)) == null ? void 0 : C.start, $ = (ht = w.target.value) == null ? void 0 : ht.replace(/,/g, "");
+                                      p == null || p(
                                         {
                                           ...w,
                                           target: {
                                             ...w.target,
-                                            value: H(M) && S !== "" ? Number(M > Number(S) ? M : S) : S
+                                            value: T(B) && $ !== "" ? Number(B > Number($) ? B : $) : $
                                           }
                                         },
-                                        P
+                                        K
                                       );
                                     }, "onBlur")
                                   }
-                                ) : /* @__PURE__ */ a(
-                                  yt,
+                                ) : /* @__PURE__ */ f(
+                                  Nt,
                                   {
                                     variant: "standard",
-                                    label: st,
+                                    label: gt,
                                     fullWidth: !0,
                                     size: "small",
-                                    sx: pt(
-                                      e == null ? void 0 : e.valueAlign,
-                                      s ? I.cell.fontSize : void 0
+                                    sx: Et(
+                                      r == null ? void 0 : r.valueAlign,
+                                      e ? v.cell.fontSize : S.cell.fontSize
                                     ),
                                     slotProps: {
                                       input: {
-                                        tabIndex: P
+                                        tabIndex: K
                                       },
                                       inputLabel: {
                                         shrink: !0
                                       }
                                     },
-                                    type: (e == null ? void 0 : e.textFieldType) ?? "text",
-                                    defaultValue: T,
-                                    onBlur: /* @__PURE__ */ n((w) => R == null ? void 0 : R(
+                                    type: (r == null ? void 0 : r.textFieldType) ?? "text",
+                                    defaultValue: y,
+                                    onBlur: /* @__PURE__ */ s((w) => p == null ? void 0 : p(
                                       { ...w, target: { ...w.target, value: w.target.value } },
-                                      P
+                                      K
                                     ), "onBlur")
                                   }
-                                ) : T
+                                ) : y
                               },
-                              nt
+                              ct
                             );
                           })
                         ]
                       },
-                      `${K}-row-${u}`
+                      `${J}-row-${d}`
                     );
                   }) })
                 ]
@@ -495,16 +520,19 @@ function Fo({
             )
           }
         ),
-        et && /* @__PURE__ */ a(Ht, { sx: m(h && g) }),
-        et && /* @__PURE__ */ z(
-          Z,
+        ut && /* @__PURE__ */ f(Wt, { sx: m(h && l) }),
+        ut && /* @__PURE__ */ M(
+          it,
           {
             className: "w-full py-8 pr-12",
             align: "right",
-            sx: m(h && g),
+            sx: m(
+              e && G(v),
+              h && l
+            ),
             children: [
               "전체: ",
-              E.length.toLocaleString(),
+              F.length.toLocaleString(),
               " 건"
             ]
           }
@@ -513,8 +541,8 @@ function Fo({
     }
   );
 }
-n(Fo, "OwpDataTable");
+s(Wo, "OwpDataTable");
 export {
-  Fo as OwpDataTable
+  Wo as OwpDataTable
 };
 //# sourceMappingURL=OwpDataTable.js.map