@owp/core 2.5.27 → 2.5.29

package/dist/components/OwpTable/OwpDataTable.js

@@ -1,63 +1,64 @@
 var Go = Object.defineProperty;
 var a = (t, r) => Go(t, "name", { value: r, configurable: !0 });
-import { jsxs as V, 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 { jsxs as Y, 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 Uo } from "../../constants/gridTheme.js";
 import { resolveOwpTableTheme as ot } from "../../constants/tableTheme.js";
-import { DEFAULT_TABLE_RADIUS as Zo } from "../../constants/table.js";
+import { DEFAULT_TABLE_RADIUS as Po } from "../../constants/table.js";
 import { getTreeGridFontFaceStyles as tt } from "../../constants/treeGrid.js";
 import { useGetCurrentSettings as rt } from "../../hooks/useOwpSettings.js";
-import { TextField as et, Divider as it, Typography as ao } from "@mui/material";
-import jo, { checkboxClasses as nt } from "@mui/material/Checkbox";
-import { grey as at } from "@mui/material/colors";
-import st from "@mui/material/GlobalStyles";
-import dt from "@mui/material/Paper";
-import ut from "@mui/material/Table";
-import lt from "@mui/material/TableBody";
-import z from "@mui/material/TableCell";
-import mt from "@mui/material/TableContainer";
-import bt from "@mui/material/TableHead";
-import Ko from "@mui/material/TableRow";
-import ct from "@mui/material/TableSortLabel";
-import { useState as U, useRef as ft, useMemo as B, useEffect as Oo } from "react";
-import { TREEGRID_TABLE_BODY_BORDER_COLOR as gt, getTreeGridBodyCellSx as oo, getTreeGridBodyRowSx as ht, getTreeGridContainerSx as to, getTreeGridHeaderCellSx as _o, TREEGRID_TABLE_HEADER_BORDER_COLOR as pt } from "./internal/treeGridTableStyle.js";
-import { getDefaultTableCellSx as xt, getDefaultTableHeaderCellSx as Rt, defaultTableSortLabelSx as vt, getDefaultTableHeaderLabelSx as Ho, defaultStyledTableTheme as wt, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as Io } from "./internal/defaultTableStyle.js";
+import { TextField as et, Typography as Eo } from "@mui/material";
+import Zo, { checkboxClasses as it } from "@mui/material/Checkbox";
+import { grey as nt } from "@mui/material/colors";
+import at from "@mui/material/GlobalStyles";
+import st from "@mui/material/Paper";
+import dt from "@mui/material/Table";
+import ut from "@mui/material/TableBody";
+import V from "@mui/material/TableCell";
+import lt from "@mui/material/TableContainer";
+import mt from "@mui/material/TableHead";
+import jo from "@mui/material/TableRow";
+import bt from "@mui/material/TableSortLabel";
+import { useState as U, useRef as ct, useMemo as B, useEffect as Oo } from "react";
+import { TREEGRID_TABLE_BODY_BORDER_COLOR as ft, getTreeGridBodyCellSx as oo, getTreeGridBodyRowSx as gt, getTreeGridContainerSx as to, getTreeGridHeaderCellSx as $o, TREEGRID_TABLE_HEADER_BORDER_COLOR as ht } from "./internal/treeGridTableStyle.js";
+import { getDefaultTableCellSx as pt, getDefaultTableHeaderCellSx as xt, defaultTableSortLabelSx as Rt, getDefaultTableHeaderLabelSx as _o, defaultStyledTableTheme as vt, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as Ho } from "./internal/defaultTableStyle.js";
+import { OwpTableTotalCount as wt } from "./internal/OwpTableTotalCount.js";
 import { toTableRadiusCssValue as kt } from "./utils/tableSx.js";
 import { uniqueId as Lt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
 import { isEmpty as Ct } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
 import { isEqual as ro } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
 import { OwpNumberField as At } from "../OwpNumberField/OwpNumberField.js";
 import { isNumber as _ } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
-import { isArray as Wo } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-import { isBoolean as Fo } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isBoolean.js";
-const No = /* @__PURE__ */ a((t, r) => ({
-  ...Rt(t, r),
+import { isArray as Ko } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+import { isBoolean as Io } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isBoolean.js";
+const Fo = /* @__PURE__ */ a((t, r) => ({
+  ...xt(t, r),
   borderBottom: `1px solid ${t.borderColor}`,
   borderTopLeftRadius: "inherit",
   borderTopRightRadius: "inherit"
 }), "defaultHeadCellsSx"), Mo = {
-  borderRight: `1px solid ${pt}`
+  borderRight: `1px solid ${ht}`
 }, eo = /* @__PURE__ */ a((t) => ({
   borderRight: `1px solid ${t.borderColor}`
 }), "getDefaultRowBorderRightSx"), io = {
-  borderRight: `1px solid ${gt}`
+  borderRight: `1px solid ${ft}`
 }, no = /* @__PURE__ */ a((t) => ({
-  ...xt(t)
-}), "getDefaultTableBodyCellSx"), Vo = /* @__PURE__ */ a((t) => ({
+  ...pt(t)
+}), "getDefaultTableBodyCellSx"), No = /* @__PURE__ */ a((t) => ({
   borderRight: `1px solid ${t.borderColor}`
 }), "getDefaultHeaderDividerSx"), g = {
   borderRadius: 0
 }, Bt = {
-  borderRadius: Zo
-}, Dt = {
+  borderRadius: Po
+}, Tt = {
   "& > th, & > td": {
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0
   }
-}, Et = {
+}, Dt = {
   "& > th, & > td": {
     borderBottom: "none"
   }
-}, Tt = {
+}, Et = {
   "&.MuiTableSortLabel-root": {
     color: "inherit",
     display: "flex",
@@ -84,10 +85,10 @@ const No = /* @__PURE__ */ a((t, r) => ({
     position: "absolute",
     right: 0
   }
-}, m = /* @__PURE__ */ a((...t) => t.reduce((r, n) => n ? [...r, ...Wo(n) ? n : [n]] : r, []), "mergeSx"), $t = /* @__PURE__ */ a((t) => {
+}, m = /* @__PURE__ */ a((...t) => t.reduce((r, n) => n ? [...r, ...Ko(n) ? n : [n]] : r, []), "mergeSx"), Ot = /* @__PURE__ */ a((t) => {
   if (!(!_(t) || t < 1))
     return t;
-}, "getFixedRowCount"), Ot = /* @__PURE__ */ a((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), so = /* @__PURE__ */ a((t, r) => {
+}, "getFixedRowCount"), $t = /* @__PURE__ */ a((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), ao = /* @__PURE__ */ a((t, r) => {
   switch (t) {
     case "center":
     case "right":
@@ -98,35 +99,35 @@ const No = /* @__PURE__ */ a((t, r) => ({
     default:
       return r;
   }
-}, "getTableCellAlign"), q = /* @__PURE__ */ a((t, r) => {
+}, "getTableCellAlign"), z = /* @__PURE__ */ a((t, r) => {
   if (r)
     return t == null ? void 0 : t[r];
-}, "getRowValue"), zo = /* @__PURE__ */ a((t) => {
+}, "getRowValue"), Vo = /* @__PURE__ */ a((t) => {
   if (typeof t == "string" || _(t))
     return t;
 }, "getComparableValue");
-function qo(t, r, n) {
-  const b = zo(q(t, n)), c = zo(q(r, n));
+function zo(t, r, n) {
+  const b = Vo(z(t, n)), c = Vo(z(r, n));
   return c == null && b == null ? 0 : c == null ? -1 : b == null ? 1 : c < b ? -1 : c > b ? 1 : 0;
 }
-a(qo, "descendingComparator");
+a(zo, "descendingComparator");
 function _t(t, r) {
-  return t === "desc" ? (n, b) => qo(n, b, r) : (n, b) => -qo(n, b, r);
+  return t === "desc" ? (n, b) => zo(n, b, r) : (n, b) => -zo(n, b, r);
 }
 a(_t, "getComparator");
-const uo = /* @__PURE__ */ a((t, r) => {
+const so = /* @__PURE__ */ a((t, r) => {
   if (r)
-    return q(t, r);
+    return z(t, r);
 }, "getRowRangeValue"), Ht = /* @__PURE__ */ a((t, r) => {
   var b, c, p, v;
   if (!(r.inputLabel ?? r.rangeKey))
     return "";
-  const n = uo(t, r.rangeKey);
+  const n = so(t, r.rangeKey);
   return `${(b = r.rangeLabel) != null && b.start ? `${(c = r.rangeLabel) == null ? void 0 : c.start}: ` : ""}${n == null ? void 0 : n.start} ~ ${(p = r.rangeLabel) != null && p.end ? `${(v = r.rangeLabel) == null ? void 0 : v.end}: ` : ""}${n == null ? void 0 : n.end}`;
 }, "getRangeLabel"), It = /* @__PURE__ */ a((t, r) => {
-  const n = q(t, "index");
+  const n = z(t, "index");
   return _(n) ? n : r;
-}, "getRowTabIndex"), Po = /* @__PURE__ */ a((t, r) => ({
+}, "getRowTabIndex"), qo = /* @__PURE__ */ a((t, r) => ({
   "& input": {
     fontSize: r,
     textAlign: t ?? "center"
@@ -144,84 +145,84 @@ function Ft(t) {
     order: c,
     orderBy: p,
     numSelected: v,
-    rowCount: D,
-    onRequestSort: P,
+    rowCount: T,
+    onRequestSort: q,
     canCheckbox: J,
     canUseOrderBy: Q = !0,
-    canTableRadiusZero: E,
+    canTableRadiusZero: D,
     canUseTreeGridStyle: o,
     gridTheme: H,
     tableTheme: w
   } = t, I = /* @__PURE__ */ a((i) => (s) => {
-    P(s, i);
+    q(s, i);
   }, "createSortHandler");
-  return /* @__PURE__ */ l(bt, { sx: m(E && g), children: /* @__PURE__ */ V(
-    Ko,
+  return /* @__PURE__ */ l(mt, { sx: m(D && g), children: /* @__PURE__ */ Y(
+    jo,
     {
       sx: m(
         o && { height: H.header.height },
-        E && g
+        D && g
       ),
       children: [
         J && /* @__PURE__ */ l(
-          z,
+          V,
           {
             padding: "checkbox",
             sx: m(
               {
-                ...No(w, Io)
+                ...Fo(w, Ho)
               },
-              !o && Vo(w),
+              !o && No(w),
               o && Mo,
-              o && _o(H),
-              E && g,
+              o && $o(H),
+              D && g,
               r
             ),
             children: /* @__PURE__ */ l(
-              jo,
+              Zo,
               {
                 color: "default",
                 sx: m(
                   {
-                    [`&, &.${nt.checked}`]: o ? { color: at[50] } : { color: "inherit" }
+                    [`&, &.${it.checked}`]: o ? { color: nt[50] } : { color: "inherit" }
                   },
                   o && { p: 0 }
                 ),
-                indeterminate: v > 0 && v < D,
-                checked: D > 0 && v === D,
+                indeterminate: v > 0 && v < T,
+                checked: T > 0 && v === T,
                 onChange: b
               }
             )
           }
         ),
         n.map((i, s) => /* @__PURE__ */ l(
-          z,
+          V,
           {
             className: o ? void 0 : "pl-20",
-            align: so(i.align, "center"),
+            align: ao(i.align, "center"),
             padding: i.enablePadding ? "normal" : "none",
             sortDirection: p === i.id ? c : !1,
             sx: m(
               {
-                ...No(w, Io)
+                ...Fo(w, Ho)
               },
-              !o && n.length - 1 !== s && Vo(w),
+              !o && n.length - 1 !== s && No(w),
               o && n.length - 1 !== s && Mo,
-              o && _o(H),
-              E && g,
+              o && $o(H),
+              D && g,
               r,
               o && (i == null ? void 0 : i.sx)
             ),
             children: Q ? /* @__PURE__ */ l(
-              ct,
+              bt,
               {
-                sx: o ? Tt : vt,
+                sx: o ? Et : Rt,
                 active: p === i.id,
                 direction: p === i.id ? c : "asc",
                 onClick: I(i.id),
-                children: o ? i.label : /* @__PURE__ */ l(ao, { sx: m(Ho(w), i == null ? void 0 : i.sx), children: i.label })
+                children: o ? i.label : /* @__PURE__ */ l(Eo, { sx: m(_o(w), i == null ? void 0 : i.sx), children: i.label })
               }
-            ) : o ? i.label : /* @__PURE__ */ l(ao, { sx: m(Ho(w), i == null ? void 0 : i.sx), children: i.label })
+            ) : o ? i.label : /* @__PURE__ */ l(Eo, { sx: m(_o(w), i == null ? void 0 : i.sx), children: i.label })
           },
           i.id
         ))
@@ -230,7 +231,7 @@ function Ft(t) {
   ) });
 }
 a(Ft, "DataTableHead");
-function br({
+function cr({
   className: t,
   sx: r,
   headSx: n,
@@ -238,22 +239,22 @@ function br({
   rows: c,
   selected: p,
   canCheckbox: v,
-  canTotalCountRow: D,
-  canSelectingSingle: P,
+  canTotalCountRow: T,
+  canSelectingSingle: q,
   canUseOrderBy: J = !0,
   canTableRadiusZero: Q,
-  canUseTableRadius: E = !1,
+  canUseTableRadius: D = !1,
   canUseTreeGridStyle: o = !1,
-  tableBorderRadius: H = Zo,
+  tableBorderRadius: H = Po,
   fixedRowCount: w,
   onSelect: I,
   onBlur: i
 }) {
-  var ho, po, xo, Ro, vo, wo, ko, Lo, Co, Ao, Bo, Do;
-  const s = rt(), [Z, So] = U("asc"), [j, Yo] = U(""), [K, F] = U([]), Jo = ft(Lt("owp-data-table")), x = B(() => $t(w), [w]), N = B(() => {
-    const d = Wo(c) ? c : [];
+  var fo, go, ho, po, xo, Ro, vo, wo, ko, Lo, Co, Ao;
+  const s = rt(), [P, So] = U("asc"), [Z, Wo] = U(""), [j, F] = U([]), Yo = ct(Lt("owp-data-table")), x = B(() => Ot(w), [w]), M = B(() => {
+    const d = Ko(c) ? c : [];
     return x ? d.slice(0, x) : d;
-  }, [c, x]), W = B(() => b ?? [], [b]), R = B(
+  }, [c, x]), K = B(() => b ?? [], [b]), R = B(
     () => {
       var d, u;
       return Uo((u = (d = s == null ? void 0 : s.theme) == null ? void 0 : d.main) == null ? void 0 : u.grid);
@@ -262,61 +263,61 @@ function br({
   ), k = B(
     () => {
       var d, u;
-      return ot((u = (d = s == null ? void 0 : s.theme) == null ? void 0 : d.main) == null ? void 0 : u.table, wt);
+      return ot((u = (d = s == null ? void 0 : s.theme) == null ? void 0 : d.main) == null ? void 0 : u.table, vt);
     },
     [s]
-  ), T = (Ro = (xo = (po = (ho = s == null ? void 0 : s.theme) == null ? void 0 : ho.main) == null ? void 0 : po.table) == null ? void 0 : xo.row) == null ? void 0 : Ro.backgroundColor, lo = (Lo = (ko = (wo = (vo = s == null ? void 0 : s.theme) == null ? void 0 : vo.main) == null ? void 0 : wo.table) == null ? void 0 : ko.row) == null ? void 0 : Lo.hoverBackgroundColor, mo = (Do = (Bo = (Ao = (Co = s == null ? void 0 : s.theme) == null ? void 0 : Co.main) == null ? void 0 : Ao.table) == null ? void 0 : Bo.row) == null ? void 0 : Do.selectedBackgroundColor, h = !!Q, bo = h ? g : o && E ? {
+  ), E = (po = (ho = (go = (fo = s == null ? void 0 : s.theme) == null ? void 0 : fo.main) == null ? void 0 : go.table) == null ? void 0 : ho.row) == null ? void 0 : po.backgroundColor, uo = (wo = (vo = (Ro = (xo = s == null ? void 0 : s.theme) == null ? void 0 : xo.main) == null ? void 0 : Ro.table) == null ? void 0 : vo.row) == null ? void 0 : wo.hoverBackgroundColor, lo = (Ao = (Co = (Lo = (ko = s == null ? void 0 : s.theme) == null ? void 0 : ko.main) == null ? void 0 : Lo.table) == null ? void 0 : Co.row) == null ? void 0 : Ao.selectedBackgroundColor, h = !!Q, mo = h ? g : o && D ? {
     borderRadius: kt(H),
     overflow: "hidden"
-  } : o ? void 0 : Bt, co = Fo(v) ? v : !0, fo = Fo(D) ? D : !0;
+  } : o ? void 0 : Bt, bo = Io(v) ? v : !0, Jo = Io(T) ? T : !0;
   Oo(() => {
     Ct(p) || F(p);
   }, [p]), Oo(() => {
-    I == null || I(K);
-  }, [K]);
+    I == null || I(j);
+  }, [j]);
   const Qo = /* @__PURE__ */ a((d, u) => {
-    So(j === u && Z === "asc" ? "desc" : "asc"), Yo(u);
+    So(Z === u && P === "asc" ? "desc" : "asc"), Wo(u);
   }, "handleRequestSort"), Xo = /* @__PURE__ */ a((d) => {
     if (d.target.checked) {
-      F(N);
+      F(M);
       return;
     }
     F([]);
   }, "handleSelectAllClick"), yo = /* @__PURE__ */ a((d, u) => {
-    if (P) {
+    if (q) {
       F([u]);
       return;
     }
     F((f) => !!f.find((L) => ro(L, u)) ? f == null ? void 0 : f.filter((L) => !ro(L, u)) : [...f, u]);
-  }, "handleClick"), $ = B(
-    () => [...N].sort(_t(Z, j)),
-    [Z, j, N]
-  ), go = B(() => !x || $.length >= x ? $ : [...$, ...Ot(x - $.length)], [x, $]);
-  return /* @__PURE__ */ V(
-    dt,
+  }, "handleClick"), O = B(
+    () => [...M].sort(_t(P, Z)),
+    [P, Z, M]
+  ), co = B(() => !x || O.length >= x ? O : [...O, ...$t(x - O.length)], [x, O]);
+  return /* @__PURE__ */ Y(
+    st,
     {
       className: t,
       sx: m(
         { width: "100%" },
-        !o && T && { backgroundColor: T },
+        !o && E && { backgroundColor: E },
         o && to(R),
-        bo
+        mo
       ),
       children: [
-        o && /* @__PURE__ */ l(st, { styles: tt() }),
+        o && /* @__PURE__ */ l(at, { styles: tt() }),
         /* @__PURE__ */ l(
-          mt,
+          lt,
           {
             sx: m(
               { height: x ? "auto" : 500 },
-              !o && T && { backgroundColor: T },
+              !o && E && { backgroundColor: E },
               o && to(R),
               x && { overflowY: "hidden" },
-              bo,
+              mo,
               r
             ),
-            children: /* @__PURE__ */ V(
-              ut,
+            children: /* @__PURE__ */ Y(
+              dt,
               {
                 stickyHeader: !o,
                 sx: m({ minWidth: 200 }, h && g),
@@ -326,25 +327,25 @@ function br({
                     Ft,
                     {
                       sx: n,
-                      headCells: W,
+                      headCells: K,
                       gridTheme: R,
                       tableTheme: k,
-                      numSelected: K.length,
-                      order: Z,
-                      orderBy: j,
+                      numSelected: j.length,
+                      order: P,
+                      orderBy: Z,
                       onSelectAllClick: Xo,
-                      canCheckbox: !P && co,
+                      canCheckbox: !q && bo,
                       canUseOrderBy: J,
                       canTableRadiusZero: h,
                       canUseTreeGridStyle: o,
                       onRequestSort: Qo,
-                      rowCount: N.length
+                      rowCount: M.length
                     }
                   ),
-                  /* @__PURE__ */ l(lt, { sx: m(h && g), children: go.map((d, u) => {
-                    const f = K.some((e) => ro(e, d)), X = go.length - 1 === u, L = x ? u >= $.length : !1, y = `${Jo.current}-${u}`;
-                    return /* @__PURE__ */ V(
-                      Ko,
+                  /* @__PURE__ */ l(ut, { sx: m(h && g), children: co.map((d, u) => {
+                    const f = j.some((e) => ro(e, d)), X = co.length - 1 === u, L = x ? u >= O.length : !1, y = `${Yo.current}-${u}`;
+                    return /* @__PURE__ */ Y(
+                      jo,
                       {
                         hover: !0,
                         role: o ? void 0 : "checkbox",
@@ -353,29 +354,29 @@ function br({
                         selected: f,
                         sx: m(
                           { cursor: L ? "default" : "pointer" },
-                          !o && T && !f && { backgroundColor: T },
-                          !o && lo && !L && !f && {
+                          !o && E && !f && { backgroundColor: E },
+                          !o && uo && !L && !f && {
                             "&.MuiTableRow-hover:hover": {
-                              backgroundColor: lo
+                              backgroundColor: uo
                             }
                           },
-                          !o && mo && f && {
+                          !o && lo && f && {
                             "&.Mui-selected, &.Mui-selected:hover": {
-                              backgroundColor: mo
+                              backgroundColor: lo
                             }
                           },
-                          o && ht(R, {
+                          o && gt(R, {
                             canHover: !L,
                             selected: f
                           }),
-                          !o && X && Et,
+                          !o && X && Dt,
                           o && { height: 30 },
                           h && g,
-                          h && X && Dt
+                          h && X && Tt
                         ),
                         children: [
-                          co && /* @__PURE__ */ l(
-                            z,
+                          bo && /* @__PURE__ */ l(
+                            V,
                             {
                               padding: "checkbox",
                               onClick: /* @__PURE__ */ a((e) => {
@@ -388,7 +389,7 @@ function br({
                                 h && g
                               ),
                               children: /* @__PURE__ */ l(
-                                jo,
+                                Zo,
                                 {
                                   color: "default",
                                   checked: f,
@@ -398,10 +399,10 @@ function br({
                               )
                             }
                           ),
-                          W.map((e, G) => {
-                            const Eo = `${y}-row-${u}-cell-${G}`, To = Ht(d, e), S = It(d, u), Y = q(d, String(e == null ? void 0 : e.id));
+                          K.map((e, G) => {
+                            const Bo = `${y}-row-${u}-cell-${G}`, To = Ht(d, e), S = It(d, u), W = z(d, String(e == null ? void 0 : e.id));
                             return G === 0 ? /* @__PURE__ */ l(
-                              z,
+                              V,
                               {
                                 className: o ? void 0 : "px-4",
                                 component: o ? "td" : "th",
@@ -409,26 +410,26 @@ function br({
                                 scope: o ? void 0 : "row",
                                 padding: "none",
                                 role: o ? "cell" : void 0,
-                                align: so(e.valueAlign, "left"),
+                                align: ao(e.valueAlign, "left"),
                                 sx: m(
                                   !o && no(k),
                                   o && oo(R),
-                                  W.length > 1 && (o ? io : eo(k)),
+                                  K.length > 1 && (o ? io : eo(k)),
                                   h && g
                                 ),
-                                children: Y
+                                children: W
                               },
-                              Eo
+                              Bo
                             ) : /* @__PURE__ */ l(
-                              z,
+                              V,
                               {
                                 className: o ? void 0 : "px-4",
                                 role: o ? "cell" : void 0,
-                                align: so(e.valueAlign, "left"),
+                                align: ao(e.valueAlign, "left"),
                                 sx: m(
                                   !o && no(k),
                                   o && oo(R),
-                                  W.length - 1 !== G && (o ? io : eo(k)),
+                                  K.length - 1 !== G && (o ? io : eo(k)),
                                   h && g
                                 ),
                                 children: e != null && e.canTextField ? (e == null ? void 0 : e.textFieldType) === "number" ? /* @__PURE__ */ l(
@@ -439,7 +440,7 @@ function br({
                                     label: To,
                                     fullWidth: !0,
                                     size: "small",
-                                    sx: Po(
+                                    sx: qo(
                                       e == null ? void 0 : e.valueAlign,
                                       o ? R.cell.fontSize : k.cell.fontSize
                                     ),
@@ -452,20 +453,20 @@ function br({
                                       }
                                     },
                                     isAllowed: /* @__PURE__ */ a((C) => {
-                                      var M;
-                                      const { floatValue: O } = C, A = (M = uo(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : M.end;
-                                      return _(O) && _(A) ? O <= A : !0;
+                                      var N;
+                                      const { floatValue: $ } = C, A = (N = so(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : N.end;
+                                      return _($) && _(A) ? $ <= A : !0;
                                     }, "isAllowed"),
-                                    value: Y,
+                                    value: W,
                                     onBlur: /* @__PURE__ */ a((C) => {
-                                      var M, $o;
-                                      const O = (M = uo(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : M.start, A = ($o = C.target.value) == null ? void 0 : $o.replace(/,/g, "");
+                                      var N, Do;
+                                      const $ = (N = so(d, e == null ? void 0 : e.rangeKey)) == null ? void 0 : N.start, A = (Do = C.target.value) == null ? void 0 : Do.replace(/,/g, "");
                                       i == null || i(
                                         {
                                           ...C,
                                           target: {
                                             ...C.target,
-                                            value: _(O) && A !== "" ? Number(O > Number(A) ? O : A) : A
+                                            value: _($) && A !== "" ? Number($ > Number(A) ? $ : A) : A
                                           }
                                         },
                                         S
@@ -479,7 +480,7 @@ function br({
                                     label: To,
                                     fullWidth: !0,
                                     size: "small",
-                                    sx: Po(
+                                    sx: qo(
                                       e == null ? void 0 : e.valueAlign,
                                       o ? R.cell.fontSize : k.cell.fontSize
                                     ),
@@ -492,15 +493,15 @@ function br({
                                       }
                                     },
                                     type: (e == null ? void 0 : e.textFieldType) ?? "text",
-                                    defaultValue: Y,
+                                    defaultValue: W,
                                     onBlur: /* @__PURE__ */ a((C) => i == null ? void 0 : i(
                                       { ...C, target: { ...C.target, value: C.target.value } },
                                       S
                                     ), "onBlur")
                                   }
-                                ) : Y
+                                ) : W
                               },
-                              Eo
+                              Bo
                             );
                           })
                         ]
@@ -513,29 +514,23 @@ function br({
             )
           }
         ),
-        fo && /* @__PURE__ */ l(it, { sx: m(h && g) }),
-        fo && /* @__PURE__ */ V(
-          ao,
+        Jo && /* @__PURE__ */ l(
+          wt,
           {
-            className: "w-full py-8 pr-12",
-            align: "right",
-            sx: m(
+            dividerSx: m(h && g),
+            totalCount: M.length,
+            typographySx: m(
               o && to(R),
               h && g
-            ),
-            children: [
-              "전체: ",
-              N.length.toLocaleString(),
-              " 건"
-            ]
+            )
           }
         )
       ]
     }
   );
 }
-a(br, "OwpDataTable");
+a(cr, "OwpDataTable");
 export {
-  br as OwpDataTable
+  cr as OwpDataTable
 };
 //# sourceMappingURL=OwpDataTable.js.map