@owp/core 2.5.3 → 2.5.5

package/dist/components/OwpTable/OwpDataTable.js

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