@owp/core 2.5.2 → 2.5.3

package/dist/components/OwpTable/OwpDataTable.js

@@ -1,77 +1,78 @@
-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";
+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 at } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isBoolean.js";
-const dt = {
+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",
   borderTopLeftRadius: "inherit",
   borderTopRightRadius: "inherit"
-}, ut = {
-  borderRight: `1px solid ${A.A200}`
-}, J = {
-  borderRight: `1px solid ${A[400]}`
-}, Ct = {
+}, mt = {
+  borderRight: `1px solid ${F.A200}`
+}, X = {
+  borderRight: `1px solid ${F[400]}`
+}, jt = {
   "&.MuiTableSortLabel-root": {
-    color: A.A100
+    color: F.A100
   },
   "&.MuiTableSortLabel-root:hover": {
-    color: A.A100
+    color: F.A100
   },
   "&.Mui-active": {
-    color: A.A100
+    color: F.A100
   },
   "& .MuiTableSortLabel-icon": {
-    color: `${A.A100} !important`
+    color: `${F.A100} !important`
   }
-}, f = {
+}, g = {
   borderRadius: 0
-}, Pt = {
+}, Kt = {
   "& > th, & > td": {
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0
   }
-}, Tt = {
-  fontFamily: Ft,
-  fontSize: "14px",
+}, vt = /* @__PURE__ */ n((t) => ({
+  fontFamily: Nt,
+  fontSize: t,
   fontWeight: "normal",
-  lineHeight: "16px"
-}, ht = {
-  ...Tt,
+  lineHeight: "16px",
   boxSizing: "border-box",
   overflow: "hidden",
   textOverflow: "ellipsis",
   verticalAlign: "middle",
   whiteSpace: "nowrap"
-}, ct = {
-  ...ht,
-  bgcolor: "#586980",
+}), "getTreeGridCellBaseSx"), lt = /* @__PURE__ */ n((t) => ({
+  ...vt(t.header.fontSize),
+  bgcolor: t.header.backgroundColor,
   borderBottom: "1px solid #6F7F94",
   borderRight: "1px solid #6F7F94",
-  color: "white",
-  height: 33,
-  minHeight: 33,
+  color: t.header.color,
+  fontWeight: t.header.fontWeight,
+  height: t.header.height,
+  minHeight: t.header.height,
   p: "7px 2px 6px 10px"
-}, Wt = {
+}), "getTreeGridHeaderCellSx"), Yt = {
   "&.MuiTableSortLabel-root": {
     color: "inherit",
     display: "flex",
@@ -98,16 +99,16 @@ const dt = {
     position: "absolute",
     right: 0
   }
-}, Q = {
-  ...ht,
+}, G = /* @__PURE__ */ n((t) => ({
+  ...vt(t.cell.fontSize),
   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))
+}), "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))
     return t;
-}, "getFixedRowCount"), Kt = /* @__PURE__ */ n((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), G = /* @__PURE__ */ n((t, o) => {
+}, "getFixedRowCount"), Qt = /* @__PURE__ */ n((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), U = /* @__PURE__ */ n((t, o) => {
   switch (t) {
     case "center":
     case "right":
@@ -118,354 +119,375 @@ const dt = {
     default:
       return o;
   }
-}, "getTableCellAlign"), B = /* @__PURE__ */ n((t, o) => {
+}, "getTableCellAlign"), C = /* @__PURE__ */ n((t, o) => {
   if (o)
     return t == null ? void 0 : t[o];
-}, "getRowValue"), mt = /* @__PURE__ */ n((t) => {
-  if (typeof t == "string" || y(t))
+}, "getRowValue"), ht = /* @__PURE__ */ n((t) => {
+  if (typeof t == "string" || H(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 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;
 }
-n(lt, "descendingComparator");
-function Yt(t, o) {
-  return t === "desc" ? (i, d) => lt(i, d, o) : (i, d) => -lt(i, d, o);
+n(gt, "descendingComparator");
+function Xt(t, o) {
+  return t === "desc" ? (i, c) => gt(i, c, o) : (i, c) => -gt(i, c, o);
 }
-n(Yt, "getComparator");
-const Z = /* @__PURE__ */ n((t, o) => {
+n(Xt, "getComparator");
+const tt = /* @__PURE__ */ n((t, o) => {
   if (o)
-    return B(t, o);
-}, "getRowRangeValue"), Jt = /* @__PURE__ */ n((t, o) => {
-  var d, c, x, v;
+    return C(t, o);
+}, "getRowRangeValue"), Gt = /* @__PURE__ */ n((t, o) => {
+  var c, l, f, v;
   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 = 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) => ({
   "& input": {
+    fontSize: o,
     textAlign: t ?? "center"
   },
+  "& .MuiInputBase-input": {
+    fontSize: o
+  },
   height: 34
 }), "getEditableCellSx");
-function Xt(t) {
+function Ut(t) {
   const {
     sx: o,
     headCells: i,
-    onSelectAllClick: d,
-    order: c,
-    orderBy: x,
+    onSelectAllClick: c,
+    order: l,
+    orderBy: f,
     numSelected: v,
-    rowCount: k,
-    onRequestSort: V,
-    canCheckbox: T,
-    canUseOrderBy: m = !0,
+    rowCount: $,
+    onRequestSort: W,
+    canCheckbox: j,
+    canUseOrderBy: h = !0,
     canTableRadiusZero: s,
-    canUseTreeGridStyle: g
-  } = t, I = /* @__PURE__ */ n((e) => (R) => {
-    V(R, e);
+    canUseTreeGridStyle: p,
+    gridTheme: k
+  } = t, R = /* @__PURE__ */ n((r) => (L) => {
+    W(L, r);
   }, "createSortHandler");
-  return /* @__PURE__ */ a(Ot, { sx: u(s && f), children: /* @__PURE__ */ E(
-    gt,
+  return /* @__PURE__ */ a(Wt, { sx: m(s && g), children: /* @__PURE__ */ z(
+    bt,
     {
-      sx: u(g && { height: 33 }, s && f),
+      sx: m(
+        p && { height: k.header.height },
+        s && g
+      ),
       children: [
-        T && /* @__PURE__ */ a(
-          O,
+        j && /* @__PURE__ */ a(
+          B,
           {
             padding: "checkbox",
             className: "text-white",
-            sx: u(
+            sx: m(
               {
-                ...dt,
-                ...ut
+                ...ct,
+                ...mt
               },
-              g && ct,
-              s && f,
+              p && lt(k),
+              s && g,
               o
             ),
             children: /* @__PURE__ */ a(
               ft,
               {
                 color: "default",
-                sx: u(
+                sx: m(
                   {
-                    [`&, &.${It.checked}`]: {
-                      color: A[50]
+                    [`&, &.${Dt.checked}`]: {
+                      color: F[50]
                     }
                   },
-                  g && { p: 0 }
+                  p && { p: 0 }
                 ),
-                indeterminate: v > 0 && v < k,
-                checked: k > 0 && v === k,
-                onChange: d
+                indeterminate: v > 0 && v < $,
+                checked: $ > 0 && v === $,
+                onChange: c
               }
             )
           }
         ),
-        i.map((e, R) => /* @__PURE__ */ a(
-          O,
+        i.map((r, L) => /* @__PURE__ */ a(
+          B,
           {
-            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: p ? void 0 : "pl-20",
+            align: U(r.align, "center"),
+            padding: r.enablePadding ? "normal" : "none",
+            sortDirection: f === r.id ? l : !1,
+            sx: m(
               {
-                ...dt,
-                ...i.length - 1 !== R && ut
+                ...ct,
+                ...i.length - 1 !== L && mt
               },
-              g && ct,
-              s && f,
+              p && lt(k),
+              s && g,
               o,
-              g && (e == null ? void 0 : e.sx)
+              p && (r == null ? void 0 : r.sx)
             ),
-            children: m ? /* @__PURE__ */ a(
-              Bt,
+            children: h ? /* @__PURE__ */ a(
+              Vt,
               {
-                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: 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 })
               }
-            ) : g ? e.label : /* @__PURE__ */ a(X, { className: "text-white text-lg font-medium", sx: e == null ? void 0 : e.sx, children: e.label })
+            ) : p ? r.label : /* @__PURE__ */ a(Z, { className: "text-white text-lg font-medium", sx: r == null ? void 0 : r.sx, children: r.label })
           },
-          e.id
+          r.id
         ))
       ]
     }
   ) });
 }
-n(Xt, "DataTableHead");
-function Ro({
+n(Ut, "DataTableHead");
+function Fo({
   className: t,
   sx: o,
   headSx: i,
-  headCells: d,
-  rows: c,
-  selected: x,
+  headCells: c,
+  rows: l,
+  selected: f,
   canCheckbox: v,
-  canTotalCountRow: k,
-  canSelectingSingle: V,
-  canUseOrderBy: T = !0,
-  canTableRadiusZero: m = !1,
+  canTotalCountRow: $,
+  canSelectingSingle: W,
+  canUseOrderBy: j = !0,
+  canTableRadiusZero: h = !1,
   canUseTreeGridStyle: s = !1,
-  fixedRowCount: g,
-  onSelect: I,
-  onBlur: e
+  fixedRowCount: p,
+  onSelect: k,
+  onBlur: R
 }) {
-  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(), [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(
+    () => {
+      var d, u;
+      return $t((u = (d = r == null ? void 0 : r.theme) == null ? void 0 : d.main) == null ? void 0 : u.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);
       return;
     }
-    N([]);
-  }, "handleSelectAllClick"), St = /* @__PURE__ */ n((l, p) => {
-    if (V) {
-      N([p]);
+    D([]);
+  }, "handleSelectAllClick"), St = /* @__PURE__ */ n((d, u) => {
+    if (W) {
+      D([u]);
       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,
+    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,
     {
       className: t,
-      sx: u({ width: "100%" }, m && f),
+      sx: m({ width: "100%" }, h && g),
       children: [
-        s && /* @__PURE__ */ a(Nt, { styles: kt() }),
+        s && /* @__PURE__ */ a(Et, { styles: It() }),
         /* @__PURE__ */ a(
-          Et,
+          Ct,
           {
-            sx: u(
-              { height: h ? "auto" : 500, borderRadius: 2 },
-              h && { overflowY: "hidden" },
-              m && f,
+            sx: m(
+              { height: b ? "auto" : 500, borderRadius: 2 },
+              b && { overflowY: "hidden" },
+              h && g,
               o
             ),
-            children: /* @__PURE__ */ E(
-              Mt,
+            children: /* @__PURE__ */ z(
+              zt,
               {
                 stickyHeader: !s,
-                sx: u({ minWidth: 200 }, m && f),
+                sx: m({ minWidth: 200 }, h && g),
                 "aria-labelledby": "owp-data-table",
                 children: [
                   /* @__PURE__ */ a(
-                    Xt,
+                    Ut,
                     {
                       sx: i,
-                      headCells: z,
-                      numSelected: q.length,
-                      order: R,
-                      orderBy: _,
-                      onSelectAllClick: Lt,
-                      canCheckbox: !V && U,
-                      canUseOrderBy: T,
-                      canTableRadiusZero: m,
+                      headCells: q,
+                      gridTheme: I,
+                      numSelected: _.length,
+                      order: L,
+                      orderBy: V,
+                      onSelectAllClick: At,
+                      canCheckbox: !W && ot,
+                      canUseOrderBy: j,
+                      canTableRadiusZero: h,
                       canUseTreeGridStyle: s,
-                      onRequestSort: Rt,
-                      rowCount: H.length
+                      onRequestSort: kt,
+                      rowCount: E.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__ */ 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,
                       {
                         hover: !0,
                         role: s ? void 0 : "checkbox",
-                        "aria-checked": s ? void 0 : b,
+                        "aria-checked": s ? void 0 : x,
                         tabIndex: -1,
-                        selected: b,
-                        sx: u(
-                          { cursor: L ? "default" : "pointer" },
+                        selected: x,
+                        sx: m(
+                          { cursor: A ? "default" : "pointer" },
                           s && { height: 30 },
-                          m && f,
-                          m && rt && Pt
+                          h && g,
+                          h && it && Kt
                         ),
                         children: [
-                          U && /* @__PURE__ */ a(
-                            O,
+                          ot && /* @__PURE__ */ a(
+                            B,
                             {
                               padding: "checkbox",
-                              onClick: /* @__PURE__ */ n((r) => {
-                                L || St(r, l);
+                              onClick: /* @__PURE__ */ n((e) => {
+                                A || St(e, d);
                               }, "onClick"),
-                              sx: u(
-                                J,
-                                s && Q,
-                                m && f
+                              sx: m(
+                                X,
+                                s && G(I),
+                                h && g
                               ),
                               children: /* @__PURE__ */ a(
                                 ft,
                                 {
                                   color: "default",
-                                  checked: b,
-                                  disabled: L,
-                                  sx: u(s && { p: 0 })
+                                  checked: x,
+                                  disabled: A,
+                                  sx: m(s && { 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,
+                          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,
                               {
                                 className: s ? void 0 : "px-4",
                                 component: s ? "td" : "th",
-                                id: W,
+                                id: K,
                                 scope: s ? 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
+                                align: U(e.valueAlign, "left"),
+                                sx: m(
+                                  q.length > 1 && X,
+                                  s && G(I),
+                                  h && g
                                 ),
-                                children: P
+                                children: T
                               },
-                              et
+                              nt
                             ) : /* @__PURE__ */ a(
-                              O,
+                              B,
                               {
                                 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
+                                align: U(e.valueAlign, "left"),
+                                sx: m(
+                                  q.length - 1 !== Y && X,
+                                  s && G(I),
+                                  h && g
                                 ),
-                                children: r != null && r.canTextField ? (r == null ? void 0 : r.textFieldType) === "number" ? /* @__PURE__ */ a(
-                                  zt,
+                                children: e != null && e.canTextField ? (e == null ? void 0 : e.textFieldType) === "number" ? /* @__PURE__ */ a(
+                                  Tt,
                                   {
                                     variant: "standard",
                                     decimalScale: 2,
-                                    label: it,
+                                    label: st,
                                     fullWidth: !0,
                                     size: "small",
-                                    sx: pt(r == null ? void 0 : r.valueAlign),
+                                    sx: pt(
+                                      e == null ? void 0 : e.valueAlign,
+                                      s ? I.cell.fontSize : void 0
+                                    ),
                                     slotProps: {
                                       input: {
-                                        tabIndex: C
+                                        tabIndex: P
                                       },
                                       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;
+                                      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"),
-                                    value: P,
+                                    value: T,
                                     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(
+                                      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(
                                         {
                                           ...w,
                                           target: {
                                             ...w.target,
-                                            value: y($) && S !== "" ? Number($ > Number(S) ? $ : S) : S
+                                            value: H(M) && S !== "" ? Number(M > Number(S) ? M : S) : S
                                           }
                                         },
-                                        C
+                                        P
                                       );
                                     }, "onBlur")
                                   }
                                 ) : /* @__PURE__ */ a(
-                                  $t,
+                                  yt,
                                   {
                                     variant: "standard",
-                                    label: it,
+                                    label: st,
                                     fullWidth: !0,
                                     size: "small",
-                                    sx: pt(r == null ? void 0 : r.valueAlign),
+                                    sx: pt(
+                                      e == null ? void 0 : e.valueAlign,
+                                      s ? I.cell.fontSize : void 0
+                                    ),
                                     slotProps: {
                                       input: {
-                                        tabIndex: C
+                                        tabIndex: P
                                       },
                                       inputLabel: {
                                         shrink: !0
                                       }
                                     },
-                                    type: (r == null ? void 0 : r.textFieldType) ?? "text",
-                                    defaultValue: P,
-                                    onBlur: /* @__PURE__ */ n((w) => e == null ? void 0 : e(
+                                    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 } },
-                                      C
+                                      P
                                     ), "onBlur")
                                   }
-                                ) : P
+                                ) : T
                               },
-                              et
+                              nt
                             );
                           })
                         ]
                       },
-                      `${W}-row-${p}`
+                      `${K}-row-${u}`
                     );
                   }) })
                 ]
@@ -473,16 +495,16 @@ function Ro({
             )
           }
         ),
-        tt && /* @__PURE__ */ a(yt, { sx: u(m && f) }),
-        tt && /* @__PURE__ */ E(
-          X,
+        et && /* @__PURE__ */ a(Ht, { sx: m(h && g) }),
+        et && /* @__PURE__ */ z(
+          Z,
           {
             className: "w-full py-8 pr-12",
             align: "right",
-            sx: u(m && f),
+            sx: m(h && g),
             children: [
               "전체: ",
-              H.length.toLocaleString(),
+              E.length.toLocaleString(),
               " 건"
             ]
           }
@@ -491,8 +513,8 @@ function Ro({
     }
   );
 }
-n(Ro, "OwpDataTable");
+n(Fo, "OwpDataTable");
 export {
-  Ro as OwpDataTable
+  Fo as OwpDataTable
 };
 //# sourceMappingURL=OwpDataTable.js.map