@owp/core 2.5.2 → 2.5.4

package/dist/components/OwpTable/OwpDataTable.js

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