@owp/core 2.5.2 → 2.5.4

package/dist/components/OwpMrtTable/OwpMrtTable.js

@@ -1,60 +1,64 @@
-var fo = Object.defineProperty;
-var e = (o, n) => fo(o, "name", { value: n, configurable: !0 });
-import { jsx as a, jsxs as G, Fragment 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 mo from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowDropDownRounded.js";
-import go from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/UnfoldMoreRounded.js";
-import To from "@mui/material/GlobalStyles";
-import { getTreeGridFontFaceStyles as xo, TREEGRID_FONT_FAMILY_STACK as ho } from "../../constants/treeGrid.js";
-import { useGetCurrentLanguage as vo } from "../../hooks/useCurrentLanguage.js";
-import { useOwpTranslation as wo } from "../../hooks/useOwpTranslation.js";
-import { clsx as Po } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { MaterialReactTable as W, useMaterialReactTable as Mo, MRT_BottomToolbar as Bo } from "../../node_modules/.pnpm/material-react-table@3.2.1_69126b2b17f4a182bc981f3ab8d41a62/node_modules/material-react-table/dist/index.esm.js";
-import { MRT_Localization_KO as Ro } from "../../node_modules/.pnpm/material-react-table@3.2.1_69126b2b17f4a182bc981f3ab8d41a62/node_modules/material-react-table/locales/ko/index.esm.js";
-import { OwpTableTotalCount as Co } from "../OwpTable/OwpTable.js";
-import { OwpMrtTableNoDataOverlay as Ho } from "./internal/OwpMrtTableNoDataOverlay.js";
-import Io from "./internal/OwpMrtTableTopToolbar.js";
+var Po = Object.defineProperty;
+var t = (o, r) => Po(o, "name", { value: r, configurable: !0 });
+import { jsx as s, jsxs as N, Fragment as I } 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 Mo from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowDropDownRounded.js";
+import Ro from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/UnfoldMoreRounded.js";
+import ho from "@mui/material/GlobalStyles";
+import { resolveOwpGridTheme as Bo } from "../../constants/gridTheme.js";
+import { getTreeGridFontFaceStyles as Ho } from "../../constants/treeGrid.js";
+import { useGetCurrentLanguage as Io } from "../../hooks/useCurrentLanguage.js";
+import { useGetCurrentSettings as ko } from "../../hooks/useOwpSettings.js";
+import { useOwpTranslation as zo } from "../../hooks/useOwpTranslation.js";
+import { clsx as Fo } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { MaterialReactTable as U, useMaterialReactTable as Lo, MRT_BottomToolbar as Oo } from "../../node_modules/.pnpm/material-react-table@3.2.1_69126b2b17f4a182bc981f3ab8d41a62/node_modules/material-react-table/dist/index.esm.js";
+import { MRT_Localization_KO as Do } from "../../node_modules/.pnpm/material-react-table@3.2.1_69126b2b17f4a182bc981f3ab8d41a62/node_modules/material-react-table/locales/ko/index.esm.js";
+import { useMemo as $ } from "react";
+import { TREEGRID_TABLE_BODY_BORDER_COLOR as x, TREEGRID_TABLE_HEADER_BORDER_COLOR as _, getTreeGridHeaderCellSx as Go, getTreeGridContainerSx as z, getTreeGridBodyRowSx as Ao, getTreeGridBodyCellSx as Eo, getTreeGridTypographySx as Co } from "../OwpTable/internal/treeGridTableStyle.js";
+import { OwpTableTotalCount as Wo } from "../OwpTable/OwpTable.js";
+import { OwpMrtTableNoDataOverlay as No } from "./internal/OwpMrtTableNoDataOverlay.js";
+import $o from "./internal/OwpMrtTableTopToolbar.js";
 import { isArray as h } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-import { defaults as D } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/defaults.js";
-import { isNumber as ko } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
-import { OwpSvgIcon as d } from "../OwpSvgIcon/OwpSvgIcon.js";
-const C = "#586980", zo = "#cbd5e1", f = {
-  color: "#ffffff",
-  fontFamily: ho,
-  fontSize: "14px",
-  fontWeight: "normal",
-  lineHeight: "16px"
-}, yo = /* @__PURE__ */ e((o) => ({
+import { defaults as y } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/defaults.js";
+import { isNumber as _o } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
+import { OwpSvgIcon as c } from "../OwpSvgIcon/OwpSvgIcon.js";
+const yo = "#cbd5e1", jo = /* @__PURE__ */ t((o, r) => ({
+  ...Co(
+    (r == null ? void 0 : r.fontSize) ?? o.header.fontSize,
+    (r == null ? void 0 : r.fontWeight) ?? o.header.fontWeight
+  ),
+  color: (r == null ? void 0 : r.color) ?? o.header.color
+}), "getResolvedTreeGridHeaderTextSx"), Vo = /* @__PURE__ */ t((o) => ({
   color: o == null ? void 0 : o.color,
   fontSize: o == null ? void 0 : o.fontSize,
   fontWeight: o == null ? void 0 : o.fontWeight
-}), "getHeaderCellTextStyleSx"), E = /* @__PURE__ */ e((o) => o != null && o.height ? {
+}), "getHeaderCellTextStyleSx"), K = /* @__PURE__ */ t((o) => o != null && o.height ? {
   height: o.height,
   minHeight: o.height
-} : void 0, "getHeaderCellHeightStyleSx"), H = /* @__PURE__ */ e((o) => o != null && o.backgroundColor ? `${o.backgroundColor} !important` : void 0, "getHeaderCellBackgroundColor"), j = /* @__PURE__ */ e((o) => {
-  const n = H(o), t = yo(o), c = E(o), s = o != null && o.height ? "100%" : void 0;
+} : void 0, "getHeaderCellHeightStyleSx"), F = /* @__PURE__ */ t((o) => o != null && o.backgroundColor ? `${o.backgroundColor} !important` : void 0, "getHeaderCellBackgroundColor"), q = /* @__PURE__ */ t((o) => {
+  const r = F(o), e = Vo(o), a = K(o), u = o != null && o.height ? "100%" : void 0;
   return {
-    ...t,
-    ...c,
-    backgroundColor: n,
+    ...e,
+    ...a,
+    backgroundColor: r,
     "& .Mui-TableHeadCell-Content": {
-      ...t,
-      ...c,
+      ...e,
+      ...a,
       alignItems: "center",
-      backgroundColor: n,
+      backgroundColor: r,
       display: "flex"
     },
     "& .Mui-TableHeadCell-Content-Labels": {
       alignItems: "center",
-      backgroundColor: n,
+      backgroundColor: r,
       display: "flex",
       height: o != null && o.height ? "100%" : void 0
     },
     "& .Mui-TableHeadCell-Content-Wrapper": {
-      ...t,
+      ...e,
       alignItems: "center",
-      backgroundColor: n,
+      backgroundColor: r,
       display: "flex",
-      minHeight: s
+      minHeight: u
     },
     "& .MuiTableSortLabel-root": {
       color: o == null ? void 0 : o.color
@@ -69,151 +73,145 @@ const C = "#586980", zo = "#cbd5e1", f = {
       color: o != null && o.color ? `${o.color} !important` : void 0
     }
   };
-}, "getHeaderCellOverrideSx"), Fo = /* @__PURE__ */ e((...o) => {
-  const n = o.flatMap((t) => t ? h(t) ? t : [t] : []);
-  if (n.length !== 0)
-    return (t) => n.reduce((c, s) => {
-      const l = typeof s == "function" ? s(t) : s;
-      return !l || h(l) ? c : {
-        ...c,
+}, "getHeaderCellOverrideSx"), Uo = /* @__PURE__ */ t((...o) => {
+  const r = o.flatMap((e) => e ? h(e) ? e : [e] : []);
+  if (r.length !== 0)
+    return (e) => r.reduce((a, u) => {
+      const l = typeof u == "function" ? u(e) : u;
+      return !l || h(l) ? a : {
+        ...a,
         ...l
       };
     }, {});
-}, "mergeSxValues"), Lo = /* @__PURE__ */ e((o, n) => typeof o == "function" ? o(n) : o, "resolvePropValue"), Ao = /* @__PURE__ */ e((...o) => {
-  const n = o.filter(Boolean), t = n.reduce((l, r) => ({
+}, "mergeSxValues"), Ko = /* @__PURE__ */ t((o, r) => typeof o == "function" ? o(r) : o, "resolvePropValue"), qo = /* @__PURE__ */ t((...o) => {
+  const r = o.filter(Boolean), e = r.reduce((l, f) => ({
     ...l,
-    ...r
-  }), {}), c = Po(n.map((l) => l.className)), s = Fo(...n.map((l) => l.sx));
-  return c && (t.className = c), s && (t.sx = s), t;
-}, "mergeComponentProps"), u = /* @__PURE__ */ e((o, ...n) => Ao(
-  ...n.map((t) => Lo(t, o))
-), "mergeResolvedProps"), Oo = {
-  ArrowDownwardIcon: /* @__PURE__ */ e((o) => /* @__PURE__ */ a(d, { size: 20, ...o, children: "heroicons-outline:arrow-down-circle" }), "ArrowDownwardIcon"),
-  ClearAllIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:adjustments-horizontal" }), "ClearAllIcon"),
-  DensityLargeIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:bars-3-bottom-left" }), "DensityLargeIcon"),
-  DensityMediumIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:bars-3" }), "DensityMediumIcon"),
-  DensitySmallIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:bars-2" }), "DensitySmallIcon"),
-  DragHandleIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { className: "rotate-45", size: 14, children: "heroicons-outline:arrows-pointing-out" }), "DragHandleIcon"),
-  FilterListIcon: /* @__PURE__ */ e((o) => /* @__PURE__ */ a(d, { size: 16, ...o, children: "heroicons-outline:funnel" }), "FilterListIcon"),
-  FilterListOffIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:funnel" }), "FilterListOffIcon"),
-  FullscreenExitIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:arrows-pointing-in" }), "FullscreenExitIcon"),
-  FullscreenIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:arrows-pointing-out" }), "FullscreenIcon"),
-  SearchIcon: /* @__PURE__ */ e((o) => /* @__PURE__ */ a(d, { color: "action", size: 20, ...o, children: "heroicons-outline:magnifying-glass" }), "SearchIcon"),
-  SearchOffIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:magnifying-glass" }), "SearchOffIcon"),
-  ViewColumnIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:view-columns" }), "ViewColumnIcon"),
-  MoreVertIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:ellipsis-vertical" }), "MoreVertIcon"),
-  MoreHorizIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:ellipsis-horizontal" }), "MoreHorizIcon"),
-  SortIcon: /* @__PURE__ */ e((o) => /* @__PURE__ */ a(d, { size: 20, ...o, children: "heroicons-outline:arrows-up-down" }), "SortIcon"),
-  PushPinIcon: /* @__PURE__ */ e((o) => /* @__PURE__ */ a(d, { size: 20, ...o, children: "heroicons-outline:bookmark" }), "PushPinIcon"),
-  VisibilityOffIcon: /* @__PURE__ */ e(() => /* @__PURE__ */ a(d, { size: 20, children: "heroicons-outline:eye-slash" }), "VisibilityOffIcon")
-}, Go = /* @__PURE__ */ e((o) => /* @__PURE__ */ a(mo, { fontSize: "small", ...o }), "TreeGridArrowDownwardIcon"), Do = /* @__PURE__ */ e((o) => {
-  const { direction: n, ...t } = o;
-  return /* @__PURE__ */ a(go, { fontSize: "small", ...t });
-}, "TreeGridSyncAltIcon"), So = {
-  ArrowDownwardIcon: Go,
-  SyncAltIcon: Do
-}, No = {
+    ...f
+  }), {}), a = Fo(r.map((l) => l.className)), u = Uo(...r.map((l) => l.sx));
+  return a && (e.className = a), u && (e.sx = u), e;
+}, "mergeComponentProps"), p = /* @__PURE__ */ t((o, ...r) => qo(
+  ...r.map((e) => Ko(e, o))
+), "mergeResolvedProps"), Xo = {
+  ArrowDownwardIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(c, { size: 20, ...o, children: "heroicons-outline:arrow-down-circle" }), "ArrowDownwardIcon"),
+  ClearAllIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:adjustments-horizontal" }), "ClearAllIcon"),
+  DensityLargeIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:bars-3-bottom-left" }), "DensityLargeIcon"),
+  DensityMediumIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:bars-3" }), "DensityMediumIcon"),
+  DensitySmallIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:bars-2" }), "DensitySmallIcon"),
+  DragHandleIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { className: "rotate-45", size: 14, children: "heroicons-outline:arrows-pointing-out" }), "DragHandleIcon"),
+  FilterListIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(c, { size: 16, ...o, children: "heroicons-outline:funnel" }), "FilterListIcon"),
+  FilterListOffIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:funnel" }), "FilterListOffIcon"),
+  FullscreenExitIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:arrows-pointing-in" }), "FullscreenExitIcon"),
+  FullscreenIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:arrows-pointing-out" }), "FullscreenIcon"),
+  SearchIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(c, { color: "action", size: 20, ...o, children: "heroicons-outline:magnifying-glass" }), "SearchIcon"),
+  SearchOffIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:magnifying-glass" }), "SearchOffIcon"),
+  ViewColumnIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:view-columns" }), "ViewColumnIcon"),
+  MoreVertIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:ellipsis-vertical" }), "MoreVertIcon"),
+  MoreHorizIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:ellipsis-horizontal" }), "MoreHorizIcon"),
+  SortIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(c, { size: 20, ...o, children: "heroicons-outline:arrows-up-down" }), "SortIcon"),
+  PushPinIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(c, { size: 20, ...o, children: "heroicons-outline:bookmark" }), "PushPinIcon"),
+  VisibilityOffIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(c, { size: 20, children: "heroicons-outline:eye-slash" }), "VisibilityOffIcon")
+}, Yo = /* @__PURE__ */ t((o) => /* @__PURE__ */ s(Mo, { fontSize: "small", ...o }), "TreeGridArrowDownwardIcon"), Jo = /* @__PURE__ */ t((o) => {
+  const { direction: r, ...e } = o;
+  return /* @__PURE__ */ s(Ro, { fontSize: "small", ...e });
+}, "TreeGridSyncAltIcon"), Qo = {
+  ArrowDownwardIcon: Yo,
+  SyncAltIcon: Jo
+}, Zo = {
   className: "flex items-center min-h-56 h-56"
-}, Wo = {
+}, So = {
   elevation: 0,
   square: !0,
   className: "flex flex-col flex-auto h-full"
-}, Eo = {
+}, ot = /* @__PURE__ */ t((o) => ({
   sx: {
+    ...z(o),
     display: "flex",
     height: "100%",
     flexDirection: "column",
-    border: "1px solid",
-    borderColor: "divider",
+    border: `1px solid ${x}`,
     borderRadius: 0,
     boxShadow: "none"
   }
-}, jo = {
+}), "getTreeGridPaperProps"), tt = {
   sx: {
     border: 0
   }
-}, Vo = {
+}, et = /* @__PURE__ */ t(() => ({
   sx: {
-    borderTop: "1px solid",
-    borderRight: "1px solid",
-    borderLeft: "1px solid",
-    borderColor: "divider"
+    borderTop: `1px solid ${x}`,
+    borderRight: `1px solid ${x}`,
+    borderLeft: `1px solid ${x}`
   }
-}, Ko = {
+}), "getTotalCountFooterBorderlessContainerProps"), rt = {
   className: "flex-auto"
-}, Uo = {
+}, it = {
   square: !1,
   sx: {
     borderRadius: 2,
     overflow: "hidden"
   }
-}, _o = {
+}, nt = {
   sx: {
     borderRadius: "inherit"
   }
-}, b = 40, V = {
-  width: b,
-  minWidth: b,
-  maxWidth: b
-}, $o = {
+}, w = 40, X = {
+  width: w,
+  minWidth: w,
+  maxWidth: w
+}, st = {
   sx: {
     flex: 1,
     minHeight: 0,
     overflowX: "hidden",
     overflowY: "auto"
   }
-}, qo = {
+}, at = /* @__PURE__ */ t((o) => ({
   sx: {
-    backgroundColor: C,
+    backgroundColor: o == null ? void 0 : o.backgroundColor,
     boxShadow: "none"
   }
-}, S = {
+}), "getTreeGridHeadRowProps"), j = {
   className: "w-48"
-}, N = {
+}, V = {
   sx: {
     display: "flex",
     m: 0,
     mx: "auto"
   }
-}, Xo = {
+}, lt = /* @__PURE__ */ t((o) => ({
   sx: {
+    ...z(o),
     borderSpacing: 0,
     width: "100%",
     tableLayout: "fixed",
     "& .MuiTableHead-root .MuiTableCell-root": {
-      ...f,
-      backgroundColor: C,
-      borderTop: "1px solid",
+      ...Go(o),
       py: 0.75,
-      borderRight: "1px solid",
-      borderBottom: "1px solid",
-      borderColor: "divider",
       wordBreak: "keep-all"
     },
     "& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:first-of-type": {
-      borderLeft: "1px solid",
-      borderColor: "divider"
+      borderLeft: `1px solid ${_}`
     },
     "& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:last-of-type": {
-      borderRight: "1px solid",
-      borderColor: "divider"
+      borderRight: `1px solid ${_}`
     },
     "& .MuiTableHead-root .MuiIconButton-root": {
       display: "none"
     },
     "& .MuiTableBody-root .MuiTableCell-root": {
+      backgroundColor: o.row.backgroundColor,
+      color: o.body.color,
       p: 0,
       verticalAlign: "middle",
-      borderRight: "1px solid",
-      borderBottom: "1px solid",
-      borderColor: "divider",
+      borderRight: `1px solid ${x}`,
+      borderBottom: `1px solid ${x}`,
       overflowWrap: "anywhere"
     },
     "& .MuiTableBody-root .MuiTableCell-root:last-of-type": {
       borderRight: "none"
     }
   }
-}, Yo = {
+}), "getTreeGridTableProps"), ct = {
   sx: {
     "& .MuiTableHead-root .MuiTableCell-root": {
       borderTop: "none"
@@ -229,18 +227,18 @@ const C = "#586980", zo = "#cbd5e1", f = {
       borderRight: "none"
     }
   }
-}, Jo = {
+}, ut = {
   sx: {
     "& .MuiTableBody-root .MuiTableRow-root:last-of-type .MuiTableCell-root": {
       borderBottom: "none"
     }
   }
-}, Qo = /* @__PURE__ */ e(({
+}, dt = /* @__PURE__ */ t(({
   row: o,
-  table: n
+  table: r
 }) => {
-  const { density: t } = n.getState();
-  return t === "compact" ? {
+  const { density: e } = r.getState();
+  return e === "compact" ? {
     sx: {
       backgroundColor: "initial",
       opacity: 1,
@@ -252,14 +250,11 @@ const C = "#586980", zo = "#cbd5e1", f = {
       backgroundColor: "initial",
       opacity: 1,
       boxShadow: "none",
-      height: o.getIsPinned() ? `${t === "comfortable" ? 53 : 69}px` : void 0
+      height: o.getIsPinned() ? `${e === "comfortable" ? 53 : 69}px` : void 0
     }
   };
-}, "getDefaultBodyRowProps"), Zo = /* @__PURE__ */ e(({
-  column: o,
-  table: n
-}) => {
-  const { headerCellStyle: t } = n.options, c = H(t);
+}, "getDefaultBodyRowProps"), bt = /* @__PURE__ */ t(({ column: o }, r) => {
+  const e = F(r);
   return {
     sx: {
       "& .Mui-TableHeadCell-Content-Labels": {
@@ -274,33 +269,25 @@ const C = "#586980", zo = "#cbd5e1", f = {
       "& .MuiFormHelperText-root": {
         textAlign: "center",
         marginX: 0,
-        color: /* @__PURE__ */ e((s) => s.palette.text.disabled, "color"),
+        color: /* @__PURE__ */ t((a) => a.palette.text.disabled, "color"),
         fontSize: 11
       },
-      ...j(t),
-      backgroundColor: /* @__PURE__ */ e((s) => c ?? (o.getIsPinned() ? s.palette.background.paper : "inherit"), "backgroundColor")
+      ...q(r),
+      backgroundColor: /* @__PURE__ */ t((a) => e ?? (o.getIsPinned() ? a.palette.background.paper : "inherit"), "backgroundColor")
     }
   };
-}, "getDefaultHeadCellProps"), oe = /* @__PURE__ */ e(({
-  column: o,
-  table: n
-}) => {
-  const { headerCellStyle: t } = n.options, c = o.id === "mrt-row-select", s = {
-    ...f,
-    color: (t == null ? void 0 : t.color) ?? f.color,
-    fontSize: (t == null ? void 0 : t.fontSize) ?? f.fontSize,
-    fontWeight: (t == null ? void 0 : t.fontWeight) ?? f.fontWeight
-  }, l = (t == null ? void 0 : t.color) ?? zo, r = E(t), v = t != null && t.height ? "100%" : void 0;
+}, "getDefaultHeadCellProps"), pt = /* @__PURE__ */ t(({ column: o }, r, e) => {
+  const a = o.id === "mrt-row-select", u = jo(r, e), l = (e == null ? void 0 : e.color) ?? yo, f = K(e), i = e != null && e.height ? "100%" : void 0;
   return {
     align: "center",
     sx: {
-      ...c ? V : {},
-      ...s,
-      ...j(t),
-      backgroundColor: H(t) ?? C,
+      ...a ? X : {},
+      ...u,
+      ...q(e),
+      backgroundColor: F(e),
       "& .Mui-TableHeadCell-Content": {
-        ...s,
-        ...r,
+        ...u,
+        ...f,
         alignItems: "center",
         backgroundColor: "inherit",
         display: "flex",
@@ -319,21 +306,21 @@ const C = "#586980", zo = "#cbd5e1", f = {
         overflow: "hidden",
         position: "relative",
         pl: 0,
-        pr: c ? 0 : "24px",
-        height: t != null && t.height ? "100%" : void 0,
+        pr: a ? 0 : "24px",
+        height: e != null && e.height ? "100%" : void 0,
         width: "100%"
       },
       "& .Mui-TableHeadCell-Content-Wrapper": {
-        ...s,
+        ...u,
         alignItems: "center",
         backgroundColor: "inherit",
         display: "flex",
-        minHeight: v,
+        minHeight: i,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       },
-      "&& .MuiBadge-root": c ? void 0 : {
+      "&& .MuiBadge-root": a ? void 0 : {
         alignItems: "center",
         display: "inline-flex",
         justifyContent: "center",
@@ -368,95 +355,112 @@ const C = "#586980", zo = "#cbd5e1", f = {
         opacity: "1 !important",
         overflow: "visible"
       },
-      "& .MuiButtonBase-root": c ? {
+      "& .MuiButtonBase-root": a ? {
         display: "flex",
         margin: "0 auto"
       } : void 0
     }
   };
-}, "getTreeGridHeadCellProps"), ee = /* @__PURE__ */ e(({
-  column: o
-}) => o.id !== "mrt-row-select" ? {} : {
-  align: "center",
-  sx: {
-    ...V,
-    "& > .MuiButtonBase-root, & .MuiButtonBase-root": {
-      display: "flex",
-      margin: "0 auto"
+}, "getTreeGridHeadCellProps"), ft = /* @__PURE__ */ t(({ column: o }, r) => {
+  const e = { ...Eo(r) };
+  return Reflect.deleteProperty(e, "padding"), Reflect.deleteProperty(e, "borderBottom"), Reflect.deleteProperty(e, "borderLeft"), Reflect.deleteProperty(e, "borderRight"), o.id !== "mrt-row-select" ? {
+    sx: e
+  } : {
+    align: "center",
+    sx: {
+      ...e,
+      ...X,
+      "& > .MuiButtonBase-root, & .MuiButtonBase-root": {
+        display: "flex",
+        margin: "0 auto"
+      }
     }
-  }
-}, "getTreeGridBodyCellProps"), R = [
+  };
+}, "getTreeGridBodyCellProps"), k = [
   'tbody td input:not([type="hidden"])',
   "tbody td textarea",
   'tbody td [contenteditable="true"]',
   'tbody td [role="combobox"]'
-].join(", "), K = /* @__PURE__ */ e((o) => o.tabIndex < 0 || o.getAttribute("aria-disabled") === "true" || o.getAttribute("aria-readonly") === "true" || (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement) && (o.disabled || o.readOnly) || o instanceof HTMLSelectElement && o.disabled || o instanceof HTMLInputElement && ["button", "checkbox", "file", "hidden", "radio", "reset", "submit"].includes(o.type) ? !1 : o.getClientRects().length > 0, "isTabNavigableTableBodyField"), te = /* @__PURE__ */ e((o) => {
+].join(", "), Y = /* @__PURE__ */ t((o) => o.tabIndex < 0 || o.getAttribute("aria-disabled") === "true" || o.getAttribute("aria-readonly") === "true" || (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement) && (o.disabled || o.readOnly) || o instanceof HTMLSelectElement && o.disabled || o instanceof HTMLInputElement && ["button", "checkbox", "file", "hidden", "radio", "reset", "submit"].includes(o.type) ? !1 : o.getClientRects().length > 0, "isTabNavigableTableBodyField"), mt = /* @__PURE__ */ t((o) => {
   if (!(o instanceof Element))
     return null;
-  const n = o.matches(R) ? o : o.closest(R);
-  return n instanceof HTMLElement && K(n) ? n : null;
-}, "getCurrentTableBodyField"), re = /* @__PURE__ */ e((o) => {
+  const r = o.matches(k) ? o : o.closest(k);
+  return r instanceof HTMLElement && Y(r) ? r : null;
+}, "getCurrentTableBodyField"), gt = /* @__PURE__ */ t((o) => {
   if (o.key !== "Tab" || o.altKey || o.ctrlKey || o.metaKey)
     return;
-  const n = te(o.target);
-  if (!n)
+  const r = mt(o.target);
+  if (!r)
     return;
-  const t = n.closest("table");
-  if (!t)
+  const e = r.closest("table");
+  if (!e)
     return;
-  const c = Array.from(
-    t.querySelectorAll(R)
-  ).filter(K), s = c.indexOf(n);
-  if (s < 0)
+  const a = Array.from(
+    e.querySelectorAll(k)
+  ).filter(Y), u = a.indexOf(r);
+  if (u < 0)
     return;
-  const l = c[s + (o.shiftKey ? -1 : 1)];
+  const l = a[u + (o.shiftKey ? -1 : 1)];
   l && (o.preventDefault(), queueMicrotask(() => {
     document.contains(l) && l.focus();
   }));
 }, "handleTableBodyFieldTabNavigation");
-function ie(o) {
-  const { t: n } = wo(), {
-    canHideTotalCountFooterBorder: t = !1,
-    canUseNoDataOverlay: c = !1,
-    canUseTableRadius: s = !1,
-    canTotalCountRow: l = !0,
-    canUseTreeGridStyle: r = !0,
-    columns: v,
-    data: m,
-    totalCount: I,
-    ...w
+function Tt(o) {
+  const { t: r } = zo(), e = ko(), {
+    canHideTotalCountFooterBorder: a = !1,
+    canUseNoDataOverlay: u = !1,
+    canUseTableRadius: l = !1,
+    canTotalCountRow: f = !0,
+    canUseTreeGridStyle: i = !0,
+    columns: J,
+    data: P,
+    headerCellStyle: d,
+    totalCount: L,
+    ...Q
   } = o, {
-    icons: U,
-    initialState: _,
-    muiBottomToolbarProps: $,
-    muiSelectAllCheckboxProps: q,
-    muiSelectCheckboxProps: X,
-    displayColumnDefOptions: p,
-    muiTableBodyCellProps: Y,
-    muiTableBodyRowProps: J,
-    muiTableContainerProps: Q,
-    muiTableHeadCellProps: Z,
-    muiTableHeadRowProps: oo,
-    muiTablePaperProps: eo,
-    muiTableProps: to,
-    renderBottomToolbar: g,
-    renderEmptyRowsFallback: ro,
-    ...io
-  } = w, k = h(m) ? m : [], no = h(m) && m.length === 0, z = l && (r || t), y = r || c, T = r && s, F = r ? {
-    ...p ?? {},
+    icons: Z,
+    initialState: S,
+    muiBottomToolbarProps: oo,
+    muiSelectAllCheckboxProps: to,
+    muiSelectCheckboxProps: eo,
+    displayColumnDefOptions: v,
+    muiTableBodyCellProps: ro,
+    muiTableBodyRowProps: io,
+    muiTableContainerProps: no,
+    muiTableHeadCellProps: so,
+    muiTableHeadRowProps: ao,
+    muiTablePaperProps: lo,
+    muiTableProps: co,
+    renderBottomToolbar: M,
+    renderEmptyRowsFallback: uo,
+    ...bo
+  } = Q, O = h(P) ? P : [], b = $(
+    () => {
+      var n, m;
+      return Bo((m = (n = e == null ? void 0 : e.theme) == null ? void 0 : n.main) == null ? void 0 : m.grid);
+    },
+    [e]
+  ), g = $(() => i ? {
+    backgroundColor: (d == null ? void 0 : d.backgroundColor) ?? b.header.backgroundColor,
+    color: (d == null ? void 0 : d.color) ?? b.header.color,
+    fontSize: (d == null ? void 0 : d.fontSize) ?? b.header.fontSize,
+    fontWeight: (d == null ? void 0 : d.fontWeight) ?? b.header.fontWeight,
+    height: (d == null ? void 0 : d.height) ?? b.header.height
+  } : d, [i, d, b]), po = h(P) && P.length === 0, D = f && (i || a), G = i || u, R = i && l, A = i ? {
+    ...v ?? {},
     "mrt-row-select": {
       header: "",
-      size: b,
-      minSize: b,
-      maxSize: b,
-      ...(p == null ? void 0 : p["mrt-row-select"]) ?? {}
+      size: w,
+      minSize: w,
+      maxSize: w,
+      ...(v == null ? void 0 : v["mrt-row-select"]) ?? {}
     }
-  } : p, L = D(
-    { ..._ ?? {} },
+  } : v, E = y(
+    { ...S ?? {} },
     {
-      density: r ? "compact" : "spacious",
+      density: i ? "compact" : "spacious",
       showColumnFilters: !1,
-      showGlobalFilter: !r,
+      showGlobalFilter: !i,
       columnPinning: {
         left: ["mrt-row-expand", "mrt-row-select"],
         right: ["mrt-row-actions"]
@@ -466,39 +470,39 @@ function ie(o) {
       },
       enableFullScreenToggle: !1
     }
-  ), P = D(
+  ), B = y(
     {
-      ...io,
-      displayColumnDefOptions: F,
-      initialState: L
+      ...bo,
+      displayColumnDefOptions: A,
+      initialState: E
     },
     {
-      displayColumnDefOptions: F,
-      initialState: L,
-      layoutMode: r ? "semantic" : void 0,
-      enablePagination: r ? !1 : void 0,
-      enableBottomToolbar: r ? !1 : void 0,
-      enableTopToolbar: r ? !1 : void 0,
-      enableColumnActions: r ? !1 : void 0,
-      enableColumnDragging: r ? !1 : void 0,
-      enableColumnFilters: r ? !1 : void 0,
-      enableColumnOrdering: !r,
-      enableDensityToggle: r ? !1 : void 0,
+      displayColumnDefOptions: A,
+      initialState: E,
+      layoutMode: i ? "semantic" : void 0,
+      enablePagination: i ? !1 : void 0,
+      enableBottomToolbar: i ? !1 : void 0,
+      enableTopToolbar: i ? !1 : void 0,
+      enableColumnActions: i ? !1 : void 0,
+      enableColumnDragging: i ? !1 : void 0,
+      enableColumnFilters: i ? !1 : void 0,
+      enableColumnOrdering: !i,
+      enableDensityToggle: i ? !1 : void 0,
       enableFullScreenToggle: !1,
-      enableGlobalFilter: r ? !1 : void 0,
-      enableGrouping: !r,
-      enableHiding: r ? !1 : void 0,
-      enableColumnPinning: !r,
-      enableFacetedValues: !r,
-      enableMultiRowSelection: r ? !0 : void 0,
-      enableRowActions: !r,
+      enableGlobalFilter: i ? !1 : void 0,
+      enableGrouping: !i,
+      enableHiding: i ? !1 : void 0,
+      enableColumnPinning: !i,
+      enableFacetedValues: !i,
+      enableMultiRowSelection: i ? !0 : void 0,
+      enableRowActions: !i,
       enableRowSelection: !0,
-      enableRowDragging: r ? !1 : void 0,
-      enableRowOrdering: r ? !1 : void 0,
-      enableSelectAll: r ? !1 : void 0,
+      enableRowDragging: i ? !1 : void 0,
+      enableRowOrdering: i ? !1 : void 0,
+      enableSelectAll: i ? !1 : void 0,
       enableStickyHeader: !0,
-      enableToolbarInternalActions: r ? !1 : void 0,
-      getRowId: r ? (i) => String(i.id) : void 0,
+      enableToolbarInternalActions: i ? !1 : void 0,
+      getRowId: i ? (n) => String(n.id) : void 0,
       paginationDisplayMode: "pages",
       positionToolbarAlertBanner: "top",
       muiPaginationProps: {
@@ -525,133 +529,139 @@ function ie(o) {
           }
         }
       },
-      mrtTheme: /* @__PURE__ */ e((i) => ({
-        baseBackgroundColor: i.palette.background.paper,
-        menuBackgroundColor: i.palette.background.paper,
-        pinnedRowBackgroundColor: i.palette.background.paper,
-        pinnedColumnBackgroundColor: i.palette.background.paper
+      mrtTheme: /* @__PURE__ */ t((n) => ({
+        baseBackgroundColor: n.palette.background.paper,
+        menuBackgroundColor: n.palette.background.paper,
+        pinnedRowBackgroundColor: n.palette.background.paper,
+        pinnedColumnBackgroundColor: n.palette.background.paper
       }), "mrtTheme"),
-      renderTopToolbar: /* @__PURE__ */ e((i) => /* @__PURE__ */ a(Io, { ...i }), "renderTopToolbar")
+      renderTopToolbar: /* @__PURE__ */ t((n) => /* @__PURE__ */ s($o, { ...n }), "renderTopToolbar")
     }
-  ), A = P.enableBottomToolbar !== !1, ao = ko(I) ? I : k.length, so = T && !l && !A, lo = /* @__PURE__ */ e((i) => A ? typeof g == "function" ? g({ table: i }) : g ?? /* @__PURE__ */ a(Bo, { table: i }) : null, "renderBaseBottomToolbar"), co = /* @__PURE__ */ e((i) => {
-    const bo = u(
-      i,
-      r ? ee : void 0,
-      Y
-    ), { onKeyDownCapture: M, ...po } = bo;
+  ), C = B.enableBottomToolbar !== !1, fo = _o(L) ? L : O.length, mo = R && !f && !C, go = /* @__PURE__ */ t((n) => C ? typeof M == "function" ? M({ table: n }) : M ?? /* @__PURE__ */ s(Oo, { table: n }) : null, "renderBaseBottomToolbar"), To = /* @__PURE__ */ t((n) => {
+    const m = p(
+      n,
+      i ? (T) => ft(T, b) : void 0,
+      ro
+    ), { onKeyDownCapture: H, ...vo } = m;
     return {
-      ...po,
-      onKeyDownCapture: /* @__PURE__ */ e((x) => {
-        M == null || M(x), !(x.defaultPrevented || x.isPropagationStopped()) && re(x);
+      ...vo,
+      onKeyDownCapture: /* @__PURE__ */ t((T) => {
+        H == null || H(T), !(T.defaultPrevented || T.isPropagationStopped()) && gt(T);
       }, "onKeyDownCapture")
     };
-  }, "getResolvedBodyCellProps"), uo = /* @__PURE__ */ e(() => {
-    var i;
-    if ((i = w.headerCellStyle) != null && i.backgroundColor)
+  }, "getResolvedBodyCellProps"), xo = /* @__PURE__ */ t((n) => p(
+    n,
+    dt,
+    i ? () => ({
+      sx: Ao(b, {
+        canHover: !0,
+        selected: n.row.getIsSelected()
+      })
+    }) : void 0,
+    io
+  ), "getResolvedBodyRowProps"), wo = /* @__PURE__ */ t(() => {
+    if (g != null && g.backgroundColor)
       return {
         sx: {
-          backgroundColor: `${w.headerCellStyle.backgroundColor} !important`
+          backgroundColor: `${g.backgroundColor} !important`
         }
       };
-  }, "getResolvedHeadRowProps"), O = Mo({
-    ...P,
-    columns: v,
-    data: k,
-    enableBottomToolbar: l ? !0 : P.enableBottomToolbar,
+  }, "getResolvedHeadRowProps"), W = Lo({
+    ...B,
+    columns: J,
+    data: O,
+    enableBottomToolbar: f ? !0 : B.enableBottomToolbar,
     icons: {
-      ...Oo,
-      ...r ? So : {},
-      ...U ?? {}
+      ...Xo,
+      ...i ? Qo : {},
+      ...Z ?? {}
     },
-    muiBottomToolbarProps: /* @__PURE__ */ e((i) => u(
-      i,
-      No,
-      $
+    muiBottomToolbarProps: /* @__PURE__ */ t((n) => p(
+      n,
+      Zo,
+      oo
     ), "muiBottomToolbarProps"),
-    muiSelectAllCheckboxProps: /* @__PURE__ */ e((i) => u(
-      i,
-      S,
-      r ? N : void 0,
-      q
+    muiSelectAllCheckboxProps: /* @__PURE__ */ t((n) => p(
+      n,
+      j,
+      i ? V : void 0,
+      to
     ), "muiSelectAllCheckboxProps"),
-    muiSelectCheckboxProps: /* @__PURE__ */ e((i) => u(
-      i,
-      S,
-      r ? N : void 0,
-      X
+    muiSelectCheckboxProps: /* @__PURE__ */ t((n) => p(
+      n,
+      j,
+      i ? V : void 0,
+      eo
     ), "muiSelectCheckboxProps"),
-    muiTableBodyCellProps: /* @__PURE__ */ e((i) => co(i), "muiTableBodyCellProps"),
-    muiTableBodyRowProps: /* @__PURE__ */ e((i) => u(
-      i,
-      Qo,
-      J
-    ), "muiTableBodyRowProps"),
-    muiTableContainerProps: /* @__PURE__ */ e((i) => u(
-      i,
-      Ko,
-      r ? $o : void 0,
-      s ? _o : void 0,
-      Q,
-      z && !T ? Vo : void 0
+    muiTableBodyCellProps: /* @__PURE__ */ t((n) => To(n), "muiTableBodyCellProps"),
+    muiTableBodyRowProps: /* @__PURE__ */ t((n) => xo(n), "muiTableBodyRowProps"),
+    muiTableContainerProps: /* @__PURE__ */ t((n) => p(
+      n,
+      rt,
+      i ? st : void 0,
+      i ? { sx: z(b) } : void 0,
+      l ? nt : void 0,
+      no,
+      D && !R ? et() : void 0
     ), "muiTableContainerProps"),
-    muiTableHeadRowProps: /* @__PURE__ */ e((i) => u(
-      i,
-      r ? qo : void 0,
-      uo(),
-      oo
+    muiTableHeadRowProps: /* @__PURE__ */ t((n) => p(
+      n,
+      i ? at(g) : void 0,
+      wo(),
+      ao
     ), "muiTableHeadRowProps"),
-    muiTableHeadCellProps: /* @__PURE__ */ e((i) => u(
-      i,
-      Zo,
-      r ? oe : void 0,
-      Z
+    muiTableHeadCellProps: /* @__PURE__ */ t((n) => p(
+      n,
+      (m) => bt(m, g),
+      i ? (m) => pt(m, b, g) : void 0,
+      so
     ), "muiTableHeadCellProps"),
-    muiTablePaperProps: /* @__PURE__ */ e((i) => u(
-      i,
-      Wo,
-      r ? Eo : void 0,
-      s ? Uo : void 0,
-      eo,
-      z && !T ? jo : void 0
+    muiTablePaperProps: /* @__PURE__ */ t((n) => p(
+      n,
+      So,
+      i ? ot(b) : void 0,
+      l ? it : void 0,
+      lo,
+      D && !R ? tt : void 0
     ), "muiTablePaperProps"),
-    muiTableProps: /* @__PURE__ */ e((i) => u(
-      i,
-      r ? Xo : void 0,
-      T ? Yo : void 0,
-      so ? Jo : void 0,
-      to
+    muiTableProps: /* @__PURE__ */ t((n) => p(
+      n,
+      i ? lt(b) : void 0,
+      R ? ct : void 0,
+      mo ? ut : void 0,
+      co
     ), "muiTableProps"),
-    renderBottomToolbar: l ? ({ table: i }) => /* @__PURE__ */ G(B, { children: [
-      lo(i),
-      /* @__PURE__ */ a(Co, { totalCount: ao })
-    ] }) : g,
-    renderEmptyRowsFallback: y ? () => /* @__PURE__ */ a(B, {}) : ro
+    renderBottomToolbar: f ? ({ table: n }) => /* @__PURE__ */ N(I, { children: [
+      go(n),
+      /* @__PURE__ */ s(Wo, { totalCount: fo })
+    ] }) : M,
+    renderEmptyRowsFallback: G ? () => /* @__PURE__ */ s(I, {}) : uo
   });
-  return /* @__PURE__ */ G(B, { children: [
-    r && /* @__PURE__ */ a(To, { styles: xo() }),
-    /* @__PURE__ */ a(W, { table: O }),
-    y && /* @__PURE__ */ a(
-      Ho,
+  return /* @__PURE__ */ N(I, { children: [
+    i && /* @__PURE__ */ s(ho, { styles: Ho() }),
+    /* @__PURE__ */ s(U, { table: W }),
+    G && /* @__PURE__ */ s(
+      No,
       {
-        visible: no,
-        message: n("Message.조회된 결과가 없습니다."),
-        table: O
+        visible: po,
+        message: r("Message.조회된 결과가 없습니다."),
+        table: W
       }
     )
   ] });
 }
-e(ie, "DataTable");
-const ne = /* @__PURE__ */ e((o) => "table" in o && o.table !== void 0, "hasTableInstance"), Re = /* @__PURE__ */ e((o) => {
-  const n = vo();
-  return ne(o) ? /* @__PURE__ */ a(W, { table: o.table }) : /* @__PURE__ */ a(
-    ie,
+t(Tt, "DataTable");
+const xt = /* @__PURE__ */ t((o) => "table" in o && o.table !== void 0, "hasTableInstance"), yt = /* @__PURE__ */ t((o) => {
+  const r = Io();
+  return xt(o) ? /* @__PURE__ */ s(U, { table: o.table }) : /* @__PURE__ */ s(
+    Tt,
     {
       ...o,
-      localization: o.localization ?? (n.id === "kr" ? Ro : void 0)
+      localization: o.localization ?? (r.id === "kr" ? Do : void 0)
     }
   );
 }, "OwpMrtTable");
 export {
-  Re as OwpMrtTable
+  yt as OwpMrtTable
 };
 //# sourceMappingURL=OwpMrtTable.js.map