@owp/core 2.5.3 → 2.5.5

package/dist/components/OwpMrtTable/OwpMrtTable.js

@@ -1,73 +1,64 @@
-var wo = Object.defineProperty;
-var t = (o, e) => wo(o, "name", { value: e, configurable: !0 });
-import { jsx as s, jsxs as E, 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 ho 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 Po 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 Mo from "@mui/material/GlobalStyles";
+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 Ro, TREEGRID_FONT_FAMILY_STACK as U } from "../../constants/treeGrid.js";
-import { useGetCurrentLanguage as Ho } from "../../hooks/useCurrentLanguage.js";
-import { useGetCurrentSettings as Io } from "../../hooks/useOwpSettings.js";
-import { useOwpTranslation as ko } from "../../hooks/useOwpTranslation.js";
-import { clsx as zo } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { MaterialReactTable as _, useMaterialReactTable as Fo, MRT_BottomToolbar as Go } 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 Lo } from "../../node_modules/.pnpm/material-react-table@3.2.1_69126b2b17f4a182bc981f3ab8d41a62/node_modules/material-react-table/locales/ko/index.esm.js";
-import { useMemo as j } from "react";
-import { OwpTableTotalCount as Ao } from "../OwpTable/OwpTable.js";
-import { OwpMrtTableNoDataOverlay as Oo } from "./internal/OwpMrtTableNoDataOverlay.js";
-import Co from "./internal/OwpMrtTableTopToolbar.js";
-import { isArray as B } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.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 y } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/defaults.js";
-import { isNumber as Do } 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 z = "#586980", Wo = "#cbd5e1", w = {
-  color: "#ffffff",
-  fontFamily: U,
-  fontSize: "14px",
-  fontWeight: "normal",
-  lineHeight: "16px"
-}, No = /* @__PURE__ */ t((o) => ({
-  ...w,
-  color: (o == null ? void 0 : o.color) ?? w.color,
-  fontSize: (o == null ? void 0 : o.fontSize) ?? w.fontSize,
-  fontWeight: (o == null ? void 0 : o.fontWeight) ?? w.fontWeight
-}), "getResolvedTreeGridHeaderTextSx"), Eo = /* @__PURE__ */ t((o) => ({
-  fontFamily: U,
-  fontSize: o,
-  fontWeight: "normal",
-  lineHeight: "16px"
-}), "getTreeGridBodyTextSx"), jo = /* @__PURE__ */ t((o) => ({
+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"), $ = /* @__PURE__ */ t((o) => o != null && o.height ? {
+}), "getHeaderCellTextStyleSx"), K = /* @__PURE__ */ t((o) => o != null && o.height ? {
   height: o.height,
   minHeight: o.height
 } : void 0, "getHeaderCellHeightStyleSx"), F = /* @__PURE__ */ t((o) => o != null && o.backgroundColor ? `${o.backgroundColor} !important` : void 0, "getHeaderCellBackgroundColor"), q = /* @__PURE__ */ t((o) => {
-  const e = F(o), r = jo(o), a = $(o), c = o != null && o.height ? "100%" : void 0;
+  const r = F(o), e = Vo(o), a = K(o), u = o != null && o.height ? "100%" : void 0;
   return {
-    ...r,
+    ...e,
     ...a,
-    backgroundColor: e,
+    backgroundColor: r,
     "& .Mui-TableHeadCell-Content": {
-      ...r,
+      ...e,
       ...a,
       alignItems: "center",
-      backgroundColor: e,
+      backgroundColor: r,
       display: "flex"
     },
     "& .Mui-TableHeadCell-Content-Labels": {
       alignItems: "center",
-      backgroundColor: e,
+      backgroundColor: r,
       display: "flex",
       height: o != null && o.height ? "100%" : void 0
     },
     "& .Mui-TableHeadCell-Content-Wrapper": {
-      ...r,
+      ...e,
       alignItems: "center",
-      backgroundColor: e,
+      backgroundColor: r,
       display: "flex",
-      minHeight: c
+      minHeight: u
     },
     "& .MuiTableSortLabel-root": {
       color: o == null ? void 0 : o.color
@@ -82,151 +73,145 @@ const z = "#586980", Wo = "#cbd5e1", w = {
       color: o != null && o.color ? `${o.color} !important` : void 0
     }
   };
-}, "getHeaderCellOverrideSx"), yo = /* @__PURE__ */ t((...o) => {
-  const e = o.flatMap((r) => r ? B(r) ? r : [r] : []);
-  if (e.length !== 0)
-    return (r) => e.reduce((a, c) => {
-      const l = typeof c == "function" ? c(r) : c;
-      return !l || B(l) ? a : {
+}, "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"), Vo = /* @__PURE__ */ t((o, e) => typeof o == "function" ? o(e) : o, "resolvePropValue"), Ko = /* @__PURE__ */ t((...o) => {
-  const e = o.filter(Boolean), r = e.reduce((l, p) => ({
+}, "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,
-    ...p
-  }), {}), a = zo(e.map((l) => l.className)), c = yo(...e.map((l) => l.sx));
-  return a && (r.className = a), c && (r.sx = c), r;
-}, "mergeComponentProps"), b = /* @__PURE__ */ t((o, ...e) => Ko(
-  ...e.map((r) => Vo(r, o))
-), "mergeResolvedProps"), Uo = {
-  ArrowDownwardIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(d, { size: 20, ...o, children: "heroicons-outline:arrow-down-circle" }), "ArrowDownwardIcon"),
-  ClearAllIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:adjustments-horizontal" }), "ClearAllIcon"),
-  DensityLargeIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:bars-3-bottom-left" }), "DensityLargeIcon"),
-  DensityMediumIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:bars-3" }), "DensityMediumIcon"),
-  DensitySmallIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:bars-2" }), "DensitySmallIcon"),
-  DragHandleIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { className: "rotate-45", size: 14, children: "heroicons-outline:arrows-pointing-out" }), "DragHandleIcon"),
-  FilterListIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(d, { size: 16, ...o, children: "heroicons-outline:funnel" }), "FilterListIcon"),
-  FilterListOffIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:funnel" }), "FilterListOffIcon"),
-  FullscreenExitIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:arrows-pointing-in" }), "FullscreenExitIcon"),
-  FullscreenIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:arrows-pointing-out" }), "FullscreenIcon"),
-  SearchIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(d, { color: "action", size: 20, ...o, children: "heroicons-outline:magnifying-glass" }), "SearchIcon"),
-  SearchOffIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:magnifying-glass" }), "SearchOffIcon"),
-  ViewColumnIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:view-columns" }), "ViewColumnIcon"),
-  MoreVertIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:ellipsis-vertical" }), "MoreVertIcon"),
-  MoreHorizIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:ellipsis-horizontal" }), "MoreHorizIcon"),
-  SortIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(d, { size: 20, ...o, children: "heroicons-outline:arrows-up-down" }), "SortIcon"),
-  PushPinIcon: /* @__PURE__ */ t((o) => /* @__PURE__ */ s(d, { size: 20, ...o, children: "heroicons-outline:bookmark" }), "PushPinIcon"),
-  VisibilityOffIcon: /* @__PURE__ */ t(() => /* @__PURE__ */ s(d, { size: 20, children: "heroicons-outline:eye-slash" }), "VisibilityOffIcon")
-}, _o = /* @__PURE__ */ t((o) => /* @__PURE__ */ s(ho, { fontSize: "small", ...o }), "TreeGridArrowDownwardIcon"), $o = /* @__PURE__ */ t((o) => {
-  const { direction: e, ...r } = o;
-  return /* @__PURE__ */ s(Po, { fontSize: "small", ...r });
-}, "TreeGridSyncAltIcon"), qo = {
-  ArrowDownwardIcon: _o,
-  SyncAltIcon: $o
-}, Xo = {
+    ...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"
-}, Yo = {
+}, So = {
   elevation: 0,
   square: !0,
   className: "flex flex-col flex-auto h-full"
-}, Jo = {
+}, 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"
   }
-}, Qo = {
+}), "getTreeGridPaperProps"), tt = {
   sx: {
     border: 0
   }
-}, Zo = {
+}, 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}`
   }
-}, So = {
+}), "getTotalCountFooterBorderlessContainerProps"), rt = {
   className: "flex-auto"
-}, ot = {
+}, it = {
   square: !1,
   sx: {
     borderRadius: 2,
     overflow: "hidden"
   }
-}, tt = {
+}, nt = {
   sx: {
     borderRadius: "inherit"
   }
-}, x = 40, X = {
-  width: x,
-  minWidth: x,
-  maxWidth: x
-}, et = {
+}, w = 40, X = {
+  width: w,
+  minWidth: w,
+  maxWidth: w
+}, st = {
   sx: {
     flex: 1,
     minHeight: 0,
     overflowX: "hidden",
     overflowY: "auto"
   }
-}, rt = {
+}, at = /* @__PURE__ */ t((o) => ({
   sx: {
-    backgroundColor: z,
+    backgroundColor: o == null ? void 0 : o.backgroundColor,
     boxShadow: "none"
   }
-}, V = {
+}), "getTreeGridHeadRowProps"), j = {
   className: "w-48"
-}, K = {
+}, V = {
   sx: {
     display: "flex",
     m: 0,
     mx: "auto"
   }
-}, it = {
+}, lt = /* @__PURE__ */ t((o) => ({
   sx: {
+    ...z(o),
     borderSpacing: 0,
     width: "100%",
     tableLayout: "fixed",
     "& .MuiTableHead-root .MuiTableCell-root": {
-      ...w,
-      backgroundColor: z,
-      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"
     }
   }
-}, nt = {
+}), "getTreeGridTableProps"), ct = {
   sx: {
     "& .MuiTableHead-root .MuiTableCell-root": {
       borderTop: "none"
@@ -242,18 +227,18 @@ const z = "#586980", Wo = "#cbd5e1", w = {
       borderRight: "none"
     }
   }
-}, st = {
+}, ut = {
   sx: {
     "& .MuiTableBody-root .MuiTableRow-root:last-of-type .MuiTableCell-root": {
       borderBottom: "none"
     }
   }
-}, at = /* @__PURE__ */ t(({
+}, dt = /* @__PURE__ */ t(({
   row: o,
-  table: e
+  table: r
 }) => {
-  const { density: r } = e.getState();
-  return r === "compact" ? {
+  const { density: e } = r.getState();
+  return e === "compact" ? {
     sx: {
       backgroundColor: "initial",
       opacity: 1,
@@ -265,11 +250,11 @@ const z = "#586980", Wo = "#cbd5e1", w = {
       backgroundColor: "initial",
       opacity: 1,
       boxShadow: "none",
-      height: o.getIsPinned() ? `${r === "comfortable" ? 53 : 69}px` : void 0
+      height: o.getIsPinned() ? `${e === "comfortable" ? 53 : 69}px` : void 0
     }
   };
-}, "getDefaultBodyRowProps"), lt = /* @__PURE__ */ t(({ column: o }, e) => {
-  const r = F(e);
+}, "getDefaultBodyRowProps"), bt = /* @__PURE__ */ t(({ column: o }, r) => {
+  const e = F(r);
   return {
     sx: {
       "& .Mui-TableHeadCell-Content-Labels": {
@@ -287,22 +272,22 @@ const z = "#586980", Wo = "#cbd5e1", w = {
         color: /* @__PURE__ */ t((a) => a.palette.text.disabled, "color"),
         fontSize: 11
       },
-      ...q(e),
-      backgroundColor: /* @__PURE__ */ t((a) => r ?? (o.getIsPinned() ? a.palette.background.paper : "inherit"), "backgroundColor")
+      ...q(r),
+      backgroundColor: /* @__PURE__ */ t((a) => e ?? (o.getIsPinned() ? a.palette.background.paper : "inherit"), "backgroundColor")
     }
   };
-}, "getDefaultHeadCellProps"), ct = /* @__PURE__ */ t(({ column: o }, e) => {
-  const r = o.id === "mrt-row-select", a = No(e), c = (e == null ? void 0 : e.color) ?? Wo, l = $(e), p = e != null && e.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: {
-      ...r ? X : {},
-      ...a,
+      ...a ? X : {},
+      ...u,
       ...q(e),
-      backgroundColor: F(e) ?? z,
+      backgroundColor: F(e),
       "& .Mui-TableHeadCell-Content": {
-        ...a,
-        ...l,
+        ...u,
+        ...f,
         alignItems: "center",
         backgroundColor: "inherit",
         display: "flex",
@@ -321,21 +306,21 @@ const z = "#586980", Wo = "#cbd5e1", w = {
         overflow: "hidden",
         position: "relative",
         pl: 0,
-        pr: r ? 0 : "24px",
+        pr: a ? 0 : "24px",
         height: e != null && e.height ? "100%" : void 0,
         width: "100%"
       },
       "& .Mui-TableHeadCell-Content-Wrapper": {
-        ...a,
+        ...u,
         alignItems: "center",
         backgroundColor: "inherit",
         display: "flex",
-        minHeight: p,
+        minHeight: i,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       },
-      "&& .MuiBadge-root": r ? void 0 : {
+      "&& .MuiBadge-root": a ? void 0 : {
         alignItems: "center",
         display: "inline-flex",
         justifyContent: "center",
@@ -348,7 +333,7 @@ const z = "#586980", Wo = "#cbd5e1", w = {
       },
       "&& .MuiTableSortLabel-root": {
         alignItems: "center",
-        color: c,
+        color: l,
         display: "inline-flex",
         justifyContent: "center",
         minWidth: "16px",
@@ -357,33 +342,33 @@ const z = "#586980", Wo = "#cbd5e1", w = {
         width: "16px"
       },
       "&& .MuiTableSortLabel-root:hover": {
-        color: c
+        color: l
       },
       "&& .MuiTableSortLabel-root.Mui-active": {
-        color: c
+        color: l
       },
       "&& .MuiTableSortLabel-icon": {
-        color: `${c} !important`,
+        color: `${l} !important`,
         display: "block",
         fontSize: "18px",
         margin: 0,
         opacity: "1 !important",
         overflow: "visible"
       },
-      "& .MuiButtonBase-root": r ? {
+      "& .MuiButtonBase-root": a ? {
         display: "flex",
         margin: "0 auto"
       } : void 0
     }
   };
-}, "getTreeGridHeadCellProps"), dt = /* @__PURE__ */ t(({ column: o }, e) => {
-  const r = Eo(e);
-  return o.id !== "mrt-row-select" ? {
-    sx: r
+}, "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: {
-      ...r,
+      ...e,
       ...X,
       "& > .MuiButtonBase-root, & .MuiButtonBase-root": {
         display: "flex",
@@ -396,41 +381,41 @@ const z = "#586980", Wo = "#cbd5e1", w = {
   "tbody td textarea",
   'tbody td [contenteditable="true"]',
   'tbody td [role="combobox"]'
-].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"), ut = /* @__PURE__ */ t((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 e = o.matches(k) ? o : o.closest(k);
-  return e instanceof HTMLElement && Y(e) ? e : null;
-}, "getCurrentTableBodyField"), bt = /* @__PURE__ */ t((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 e = ut(o.target);
-  if (!e)
-    return;
-  const r = e.closest("table");
+  const r = mt(o.target);
   if (!r)
     return;
+  const e = r.closest("table");
+  if (!e)
+    return;
   const a = Array.from(
-    r.querySelectorAll(k)
-  ).filter(Y), c = a.indexOf(e);
-  if (c < 0)
+    e.querySelectorAll(k)
+  ).filter(Y), u = a.indexOf(r);
+  if (u < 0)
     return;
-  const l = a[c + (o.shiftKey ? -1 : 1)];
+  const l = a[u + (o.shiftKey ? -1 : 1)];
   l && (o.preventDefault(), queueMicrotask(() => {
     document.contains(l) && l.focus();
   }));
 }, "handleTableBodyFieldTabNavigation");
-function pt(o) {
-  const { t: e } = ko(), r = Io(), {
+function Tt(o) {
+  const { t: r } = zo(), e = ko(), {
     canHideTotalCountFooterBorder: a = !1,
-    canUseNoDataOverlay: c = !1,
+    canUseNoDataOverlay: u = !1,
     canUseTableRadius: l = !1,
-    canTotalCountRow: p = !0,
+    canTotalCountRow: f = !0,
     canUseTreeGridStyle: i = !0,
     columns: J,
-    data: h,
-    headerCellStyle: u,
-    totalCount: G,
+    data: P,
+    headerCellStyle: d,
+    totalCount: L,
     ...Q
   } = o, {
     icons: Z,
@@ -446,31 +431,31 @@ function pt(o) {
     muiTableHeadRowProps: ao,
     muiTablePaperProps: lo,
     muiTableProps: co,
-    renderBottomToolbar: P,
+    renderBottomToolbar: M,
     renderEmptyRowsFallback: uo,
     ...bo
-  } = Q, L = B(h) ? h : [], m = j(
+  } = Q, O = h(P) ? P : [], b = $(
     () => {
-      var n, f;
-      return Bo((f = (n = r == null ? void 0 : r.theme) == null ? void 0 : n.main) == null ? void 0 : f.grid);
+      var n, m;
+      return Bo((m = (n = e == null ? void 0 : e.theme) == null ? void 0 : n.main) == null ? void 0 : m.grid);
     },
-    [r]
-  ), g = j(() => i ? {
-    backgroundColor: (u == null ? void 0 : u.backgroundColor) ?? m.header.backgroundColor,
-    color: (u == null ? void 0 : u.color) ?? m.header.color,
-    fontSize: (u == null ? void 0 : u.fontSize) ?? m.header.fontSize,
-    fontWeight: (u == null ? void 0 : u.fontWeight) ?? m.header.fontWeight,
-    height: (u == null ? void 0 : u.height) ?? m.header.height
-  } : u, [i, u, m]), po = B(h) && h.length === 0, A = p && (i || a), O = i || c, M = i && l, C = i ? {
+    [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: x,
-      minSize: x,
-      maxSize: x,
+      size: w,
+      minSize: w,
+      maxSize: w,
       ...(v == null ? void 0 : v["mrt-row-select"]) ?? {}
     }
-  } : v, D = y(
+  } : v, E = y(
     { ...S ?? {} },
     {
       density: i ? "compact" : "spacious",
@@ -485,15 +470,15 @@ function pt(o) {
       },
       enableFullScreenToggle: !1
     }
-  ), R = y(
+  ), B = y(
     {
       ...bo,
-      displayColumnDefOptions: C,
-      initialState: D
+      displayColumnDefOptions: A,
+      initialState: E
     },
     {
-      displayColumnDefOptions: C,
-      initialState: D,
+      displayColumnDefOptions: A,
+      initialState: E,
       layoutMode: i ? "semantic" : void 0,
       enablePagination: i ? !1 : void 0,
       enableBottomToolbar: i ? !1 : void 0,
@@ -550,126 +535,133 @@ function pt(o) {
         pinnedRowBackgroundColor: n.palette.background.paper,
         pinnedColumnBackgroundColor: n.palette.background.paper
       }), "mrtTheme"),
-      renderTopToolbar: /* @__PURE__ */ t((n) => /* @__PURE__ */ s(Co, { ...n }), "renderTopToolbar")
+      renderTopToolbar: /* @__PURE__ */ t((n) => /* @__PURE__ */ s($o, { ...n }), "renderTopToolbar")
     }
-  ), W = R.enableBottomToolbar !== !1, fo = Do(G) ? G : L.length, mo = M && !p && !W, go = /* @__PURE__ */ t((n) => W ? typeof P == "function" ? P({ table: n }) : P ?? /* @__PURE__ */ s(Go, { table: n }) : null, "renderBaseBottomToolbar"), To = /* @__PURE__ */ t((n) => {
-    const f = b(
+  ), 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) => dt(T, m.cell.fontSize) : void 0,
+      i ? (T) => ft(T, b) : void 0,
       ro
-    ), { onKeyDownCapture: H, ...vo } = f;
+    ), { onKeyDownCapture: H, ...vo } = m;
     return {
       ...vo,
       onKeyDownCapture: /* @__PURE__ */ t((T) => {
-        H == null || H(T), !(T.defaultPrevented || T.isPropagationStopped()) && bt(T);
+        H == null || H(T), !(T.defaultPrevented || T.isPropagationStopped()) && gt(T);
       }, "onKeyDownCapture")
     };
-  }, "getResolvedBodyCellProps"), xo = /* @__PURE__ */ t(() => {
+  }, "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: `${g.backgroundColor} !important`
         }
       };
-  }, "getResolvedHeadRowProps"), N = Fo({
-    ...R,
+  }, "getResolvedHeadRowProps"), W = Lo({
+    ...B,
     columns: J,
-    data: L,
-    enableBottomToolbar: p ? !0 : R.enableBottomToolbar,
+    data: O,
+    enableBottomToolbar: f ? !0 : B.enableBottomToolbar,
     icons: {
-      ...Uo,
-      ...i ? qo : {},
+      ...Xo,
+      ...i ? Qo : {},
       ...Z ?? {}
     },
-    muiBottomToolbarProps: /* @__PURE__ */ t((n) => b(
+    muiBottomToolbarProps: /* @__PURE__ */ t((n) => p(
       n,
-      Xo,
+      Zo,
       oo
     ), "muiBottomToolbarProps"),
-    muiSelectAllCheckboxProps: /* @__PURE__ */ t((n) => b(
+    muiSelectAllCheckboxProps: /* @__PURE__ */ t((n) => p(
       n,
-      V,
-      i ? K : void 0,
+      j,
+      i ? V : void 0,
       to
     ), "muiSelectAllCheckboxProps"),
-    muiSelectCheckboxProps: /* @__PURE__ */ t((n) => b(
+    muiSelectCheckboxProps: /* @__PURE__ */ t((n) => p(
       n,
-      V,
-      i ? K : void 0,
+      j,
+      i ? V : void 0,
       eo
     ), "muiSelectCheckboxProps"),
     muiTableBodyCellProps: /* @__PURE__ */ t((n) => To(n), "muiTableBodyCellProps"),
-    muiTableBodyRowProps: /* @__PURE__ */ t((n) => b(
+    muiTableBodyRowProps: /* @__PURE__ */ t((n) => xo(n), "muiTableBodyRowProps"),
+    muiTableContainerProps: /* @__PURE__ */ t((n) => p(
       n,
-      at,
-      io
-    ), "muiTableBodyRowProps"),
-    muiTableContainerProps: /* @__PURE__ */ t((n) => b(
-      n,
-      So,
-      i ? et : void 0,
-      l ? tt : void 0,
+      rt,
+      i ? st : void 0,
+      i ? { sx: z(b) } : void 0,
+      l ? nt : void 0,
       no,
-      A && !M ? Zo : void 0
+      D && !R ? et() : void 0
     ), "muiTableContainerProps"),
-    muiTableHeadRowProps: /* @__PURE__ */ t((n) => b(
+    muiTableHeadRowProps: /* @__PURE__ */ t((n) => p(
       n,
-      i ? rt : void 0,
-      xo(),
+      i ? at(g) : void 0,
+      wo(),
       ao
     ), "muiTableHeadRowProps"),
-    muiTableHeadCellProps: /* @__PURE__ */ t((n) => b(
+    muiTableHeadCellProps: /* @__PURE__ */ t((n) => p(
       n,
-      (f) => lt(f, g),
-      i ? (f) => ct(f, g) : void 0,
+      (m) => bt(m, g),
+      i ? (m) => pt(m, b, g) : void 0,
       so
     ), "muiTableHeadCellProps"),
-    muiTablePaperProps: /* @__PURE__ */ t((n) => b(
+    muiTablePaperProps: /* @__PURE__ */ t((n) => p(
       n,
-      Yo,
-      i ? Jo : void 0,
-      l ? ot : void 0,
+      So,
+      i ? ot(b) : void 0,
+      l ? it : void 0,
       lo,
-      A && !M ? Qo : void 0
+      D && !R ? tt : void 0
     ), "muiTablePaperProps"),
-    muiTableProps: /* @__PURE__ */ t((n) => b(
+    muiTableProps: /* @__PURE__ */ t((n) => p(
       n,
-      i ? it : void 0,
-      M ? nt : void 0,
-      mo ? st : void 0,
+      i ? lt(b) : void 0,
+      R ? ct : void 0,
+      mo ? ut : void 0,
       co
     ), "muiTableProps"),
-    renderBottomToolbar: p ? ({ table: n }) => /* @__PURE__ */ E(I, { children: [
+    renderBottomToolbar: f ? ({ table: n }) => /* @__PURE__ */ N(I, { children: [
       go(n),
-      /* @__PURE__ */ s(Ao, { totalCount: fo })
-    ] }) : P,
-    renderEmptyRowsFallback: O ? () => /* @__PURE__ */ s(I, {}) : uo
+      /* @__PURE__ */ s(Wo, { totalCount: fo })
+    ] }) : M,
+    renderEmptyRowsFallback: G ? () => /* @__PURE__ */ s(I, {}) : uo
   });
-  return /* @__PURE__ */ E(I, { children: [
-    i && /* @__PURE__ */ s(Mo, { styles: Ro() }),
-    /* @__PURE__ */ s(_, { table: N }),
-    O && /* @__PURE__ */ s(
-      Oo,
+  return /* @__PURE__ */ N(I, { children: [
+    i && /* @__PURE__ */ s(ho, { styles: Ho() }),
+    /* @__PURE__ */ s(U, { table: W }),
+    G && /* @__PURE__ */ s(
+      No,
       {
         visible: po,
-        message: e("Message.조회된 결과가 없습니다."),
-        table: N
+        message: r("Message.조회된 결과가 없습니다."),
+        table: W
       }
     )
   ] });
 }
-t(pt, "DataTable");
-const ft = /* @__PURE__ */ t((o) => "table" in o && o.table !== void 0, "hasTableInstance"), Wt = /* @__PURE__ */ t((o) => {
-  const e = Ho();
-  return ft(o) ? /* @__PURE__ */ s(_, { table: o.table }) : /* @__PURE__ */ s(
-    pt,
+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 ?? (e.id === "kr" ? Lo : void 0)
+      localization: o.localization ?? (r.id === "kr" ? Do : void 0)
     }
   );
 }, "OwpMrtTable");
 export {
-  Wt as OwpMrtTable
+  yt as OwpMrtTable
 };
 //# sourceMappingURL=OwpMrtTable.js.map