@owp/core 2.5.8 → 2.5.10

package/dist/components/OwpTable/OwpDataTable.js

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