@owp/core 2.3.0 → 2.4.0

package/dist/components/OwpMrtTable/OwpMrtTable.js

@@ -1,84 +1,130 @@
-var Z = Object.defineProperty;
-var o = (e, i) => Z(e, "name", { value: i, configurable: !0 });
-import { jsx as l, jsxs as k, Fragment as x } 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 oo 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 eo 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 ro from "@mui/material/GlobalStyles";
-import { useGetCurrentLanguage as to } from "../../hooks/useCurrentLanguage.js";
-import { useOwpTranslation as lo } from "../../hooks/useOwpTranslation.js";
-import { clsx as io } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { MaterialReactTable as G, useMaterialReactTable as no, MRT_BottomToolbar as ao } 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 so } 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 uo } from "./internal/OwpMrtTableNoDataOverlay.js";
-import po from "./internal/OwpMrtTableTopToolbar.js";
-import { isArray as g } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-import { defaults as z } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/defaults.js";
-import { isNumber as bo } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
-import { OwpSvgIcon as a } from "../OwpSvgIcon/OwpSvgIcon.js";
-const w = "#586980", f = "#cbd5e1", mo = {
+var fo = Object.defineProperty;
+var e = (o, n) => fo(o, "name", { value: n, configurable: !0 });
+import { jsx as a, jsxs as O, 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 { useGetCurrentLanguage as xo } from "../../hooks/useCurrentLanguage.js";
+import { useOwpTranslation as ho } from "../../hooks/useOwpTranslation.js";
+import { clsx as vo } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { MaterialReactTable as N, useMaterialReactTable as wo, MRT_BottomToolbar as Po } 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 Mo } from "../../node_modules/.pnpm/material-react-table@3.2.1_69126b2b17f4a182bc981f3ab8d41a62/node_modules/material-react-table/locales/ko/index.esm.js";
+import { OwpTableTotalCount as Bo } from "../OwpTable/OwpTable.js";
+import { OwpMrtTableNoDataOverlay as Ro } from "./internal/OwpMrtTableNoDataOverlay.js";
+import Ho 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 Co } 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 H = "#586980", Io = "#cbd5e1", ko = {
   "@font-face": {
     fontFamily: "RobotoLight",
     fontStyle: "normal",
     fontWeight: "normal",
     src: "url('/assets/vendors/Grid/Styles/Roboto-Light.ttf') format('truetype')"
   }
-}, h = {
+}, f = {
   color: "#ffffff",
   fontFamily: "RobotoLight, sans-serif",
   fontSize: "14px",
   fontWeight: "normal",
   lineHeight: "16px"
-}, fo = /* @__PURE__ */ o((...e) => {
-  const i = e.flatMap((n) => n ? g(n) ? n : [n] : []);
-  if (i.length !== 0)
-    return (n) => i.reduce((c, s) => {
-      const r = typeof s == "function" ? s(n) : s;
-      return !r || g(r) ? c : {
+}, yo = /* @__PURE__ */ e((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 ? {
+  height: o.height,
+  minHeight: o.height
+} : void 0, "getHeaderCellHeightStyleSx"), C = /* @__PURE__ */ e((o) => o != null && o.backgroundColor ? `${o.backgroundColor} !important` : void 0, "getHeaderCellBackgroundColor"), j = /* @__PURE__ */ e((o) => {
+  const n = C(o), t = yo(o), c = E(o), s = o != null && o.height ? "100%" : void 0;
+  return {
+    ...t,
+    ...c,
+    backgroundColor: n,
+    "& .Mui-TableHeadCell-Content": {
+      ...t,
+      ...c,
+      alignItems: "center",
+      backgroundColor: n,
+      display: "flex"
+    },
+    "& .Mui-TableHeadCell-Content-Labels": {
+      alignItems: "center",
+      backgroundColor: n,
+      display: "flex",
+      height: o != null && o.height ? "100%" : void 0
+    },
+    "& .Mui-TableHeadCell-Content-Wrapper": {
+      ...t,
+      alignItems: "center",
+      backgroundColor: n,
+      display: "flex",
+      minHeight: s
+    },
+    "& .MuiTableSortLabel-root": {
+      color: o == null ? void 0 : o.color
+    },
+    "& .MuiTableSortLabel-root:hover": {
+      color: o == null ? void 0 : o.color
+    },
+    "& .MuiTableSortLabel-root.Mui-active": {
+      color: o == null ? void 0 : o.color
+    },
+    "& .MuiTableSortLabel-icon": {
+      color: o != null && o.color ? `${o.color} !important` : void 0
+    }
+  };
+}, "getHeaderCellOverrideSx"), zo = /* @__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,
-        ...r
+        ...l
       };
     }, {});
-}, "mergeSxValues"), ho = /* @__PURE__ */ o((e, i) => typeof e == "function" ? e(i) : e, "resolvePropValue"), go = /* @__PURE__ */ o((...e) => {
-  const i = e.filter(Boolean), n = i.reduce((r, T) => ({
-    ...r,
-    ...T
-  }), {}), c = io(i.map((r) => r.className)), s = fo(...i.map((r) => r.sx));
-  return c && (n.className = c), s && (n.sx = s), n;
-}, "mergeComponentProps"), d = /* @__PURE__ */ o((e, ...i) => go(
-  ...i.map((n) => ho(n, e))
-), "mergeResolvedProps"), To = {
-  ArrowDownwardIcon: /* @__PURE__ */ o((e) => /* @__PURE__ */ l(a, { size: 20, ...e, children: "heroicons-outline:arrow-down-circle" }), "ArrowDownwardIcon"),
-  ClearAllIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:adjustments-horizontal" }), "ClearAllIcon"),
-  DensityLargeIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:bars-3-bottom-left" }), "DensityLargeIcon"),
-  DensityMediumIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:bars-3" }), "DensityMediumIcon"),
-  DensitySmallIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:bars-2" }), "DensitySmallIcon"),
-  DragHandleIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { className: "rotate-45", size: 14, children: "heroicons-outline:arrows-pointing-out" }), "DragHandleIcon"),
-  FilterListIcon: /* @__PURE__ */ o((e) => /* @__PURE__ */ l(a, { size: 16, ...e, children: "heroicons-outline:funnel" }), "FilterListIcon"),
-  FilterListOffIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:funnel" }), "FilterListOffIcon"),
-  FullscreenExitIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:arrows-pointing-in" }), "FullscreenExitIcon"),
-  FullscreenIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:arrows-pointing-out" }), "FullscreenIcon"),
-  SearchIcon: /* @__PURE__ */ o((e) => /* @__PURE__ */ l(a, { color: "action", size: 20, ...e, children: "heroicons-outline:magnifying-glass" }), "SearchIcon"),
-  SearchOffIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:magnifying-glass" }), "SearchOffIcon"),
-  ViewColumnIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:view-columns" }), "ViewColumnIcon"),
-  MoreVertIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:ellipsis-vertical" }), "MoreVertIcon"),
-  MoreHorizIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:ellipsis-horizontal" }), "MoreHorizIcon"),
-  SortIcon: /* @__PURE__ */ o((e) => /* @__PURE__ */ l(a, { size: 20, ...e, children: "heroicons-outline:arrows-up-down" }), "SortIcon"),
-  PushPinIcon: /* @__PURE__ */ o((e) => /* @__PURE__ */ l(a, { size: 20, ...e, children: "heroicons-outline:bookmark" }), "PushPinIcon"),
-  VisibilityOffIcon: /* @__PURE__ */ o(() => /* @__PURE__ */ l(a, { size: 20, children: "heroicons-outline:eye-slash" }), "VisibilityOffIcon")
-}, Co = /* @__PURE__ */ o((e) => /* @__PURE__ */ l(oo, { fontSize: "small", ...e }), "TreeGridArrowDownwardIcon"), xo = /* @__PURE__ */ o((e) => {
-  const { direction: i, ...n } = e;
-  return /* @__PURE__ */ l(eo, { fontSize: "small", ...n });
-}, "TreeGridSyncAltIcon"), wo = {
-  ArrowDownwardIcon: Co,
-  SyncAltIcon: xo
-}, vo = {
+}, "mergeSxValues"), Fo = /* @__PURE__ */ e((o, n) => typeof o == "function" ? o(n) : o, "resolvePropValue"), Lo = /* @__PURE__ */ e((...o) => {
+  const n = o.filter(Boolean), t = n.reduce((l, r) => ({
+    ...l,
+    ...r
+  }), {}), c = vo(n.map((l) => l.className)), s = zo(...n.map((l) => l.sx));
+  return c && (t.className = c), s && (t.sx = s), t;
+}, "mergeComponentProps"), u = /* @__PURE__ */ e((o, ...n) => Lo(
+  ...n.map((t) => Fo(t, o))
+), "mergeResolvedProps"), Ao = {
+  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"), Oo = /* @__PURE__ */ e((o) => {
+  const { direction: n, ...t } = o;
+  return /* @__PURE__ */ a(go, { fontSize: "small", ...t });
+}, "TreeGridSyncAltIcon"), Do = {
+  ArrowDownwardIcon: Go,
+  SyncAltIcon: Oo
+}, So = {
   className: "flex items-center min-h-56 h-56"
-}, yo = {
+}, Wo = {
   elevation: 0,
   square: !0,
   className: "flex flex-col flex-auto h-full"
-}, Po = {
+}, No = {
   sx: {
     display: "flex",
     height: "100%",
@@ -88,51 +134,61 @@ const w = "#586980", f = "#cbd5e1", mo = {
     borderRadius: 0,
     boxShadow: "none"
   }
-}, So = {
+}, Eo = {
   sx: {
     border: 0
   }
-}, Bo = {
+}, jo = {
   sx: {
     borderTop: "1px solid",
     borderRight: "1px solid",
     borderLeft: "1px solid",
     borderColor: "divider"
   }
-}, Mo = {
+}, Vo = {
   className: "flex-auto"
-}, u = 40, L = {
-  width: u,
-  minWidth: u,
-  maxWidth: u
-}, Io = {
+}, Uo = {
+  square: !1,
+  sx: {
+    borderRadius: 2,
+    overflow: "hidden"
+  }
+}, $o = {
+  sx: {
+    borderRadius: "inherit"
+  }
+}, b = 40, V = {
+  width: b,
+  minWidth: b,
+  maxWidth: b
+}, Ko = {
   sx: {
     flex: 1,
     minHeight: 0,
     overflowX: "hidden",
     overflowY: "auto"
   }
-}, Ro = {
+}, qo = {
   sx: {
-    backgroundColor: w,
+    backgroundColor: H,
     boxShadow: "none"
   }
-}, F = {
+}, S = {
   className: "w-48"
-}, H = {
+}, W = {
   sx: {
     display: "flex",
     m: 0,
     mx: "auto"
   }
-}, ko = {
+}, Xo = {
   sx: {
     borderSpacing: 0,
     width: "100%",
     tableLayout: "fixed",
     "& .MuiTableHead-root .MuiTableCell-root": {
-      ...h,
-      backgroundColor: w,
+      ...f,
+      backgroundColor: H,
       borderTop: "1px solid",
       py: 0.75,
       borderRight: "1px solid",
@@ -163,70 +219,97 @@ const w = "#586980", f = "#cbd5e1", mo = {
       borderRight: "none"
     }
   }
-}, zo = /* @__PURE__ */ o(({
-  row: e,
-  table: i
+}, _o = {
+  sx: {
+    "& .MuiTableHead-root .MuiTableCell-root": {
+      borderTop: "none"
+    },
+    "& .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root + .MuiTableCell-root": {
+      borderLeft: "1px solid",
+      borderLeftColor: "divider"
+    },
+    "& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:first-of-type": {
+      borderLeft: "none"
+    },
+    "& .MuiTableHead-root .MuiTableRow-root:first-of-type .MuiTableCell-root:last-of-type": {
+      borderRight: "none"
+    }
+  }
+}, Yo = {
+  sx: {
+    "& .MuiTableBody-root .MuiTableRow-root:last-of-type .MuiTableCell-root": {
+      borderBottom: "none"
+    }
+  }
+}, Jo = /* @__PURE__ */ e(({
+  row: o,
+  table: n
 }) => {
-  const { density: n } = i.getState();
-  return n === "compact" ? {
+  const { density: t } = n.getState();
+  return t === "compact" ? {
     sx: {
       backgroundColor: "initial",
       opacity: 1,
       boxShadow: "none",
-      height: e.getIsPinned() ? "37px" : void 0
+      height: o.getIsPinned() ? "37px" : void 0
     }
   } : {
     sx: {
       backgroundColor: "initial",
       opacity: 1,
       boxShadow: "none",
-      height: e.getIsPinned() ? `${n === "comfortable" ? 53 : 69}px` : void 0
+      height: o.getIsPinned() ? `${t === "comfortable" ? 53 : 69}px` : void 0
     }
   };
-}, "getDefaultBodyRowProps"), Fo = /* @__PURE__ */ o(({
-  column: e
-}) => ({
-  sx: {
-    "& .Mui-TableHeadCell-Content-Labels": {
-      flex: 1,
-      justifyContent: "space-between"
-    },
-    "& .Mui-TableHeadCell-Content-Actions": {
-      "& > button": {
-        marginX: "2px"
-      }
-    },
-    "& .MuiFormHelperText-root": {
-      textAlign: "center",
-      marginX: 0,
-      color: /* @__PURE__ */ o((i) => i.palette.text.disabled, "color"),
-      fontSize: 11
-    },
-    backgroundColor: /* @__PURE__ */ o((i) => e.getIsPinned() ? i.palette.background.paper : "inherit", "backgroundColor")
-  }
-}), "getDefaultHeadCellProps"), Ho = /* @__PURE__ */ o(({
-  column: e
+}, "getDefaultBodyRowProps"), Qo = /* @__PURE__ */ e(({
+  column: o,
+  table: n
+}) => {
+  const { headerCellStyle: t } = n.options, c = C(t);
+  return {
+    sx: {
+      "& .Mui-TableHeadCell-Content-Labels": {
+        flex: 1,
+        justifyContent: "space-between"
+      },
+      "& .Mui-TableHeadCell-Content-Actions": {
+        "& > button": {
+          marginX: "2px"
+        }
+      },
+      "& .MuiFormHelperText-root": {
+        textAlign: "center",
+        marginX: 0,
+        color: /* @__PURE__ */ e((s) => s.palette.text.disabled, "color"),
+        fontSize: 11
+      },
+      ...j(t),
+      backgroundColor: /* @__PURE__ */ e((s) => c ?? (o.getIsPinned() ? s.palette.background.paper : "inherit"), "backgroundColor")
+    }
+  };
+}, "getDefaultHeadCellProps"), Zo = /* @__PURE__ */ e(({
+  column: o,
+  table: n
 }) => {
-  const i = e.id === "mrt-row-select", n = e.getIsFirstColumn(), c = e.getIsLastColumn();
+  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) ?? Io, r = E(t), v = t != null && t.height ? "100%" : void 0;
   return {
     align: "center",
     sx: {
-      ...i ? L : {},
-      ...h,
-      backgroundColor: w,
-      borderTop: "1px solid",
-      borderTopColor: "divider",
-      ...n ? {
-        borderLeft: "1px solid",
-        borderLeftColor: "divider"
-      } : {},
-      ...c ? {
-        borderRight: "1px solid",
-        borderRightColor: "divider"
-      } : {},
+      ...c ? V : {},
+      ...s,
+      ...j(t),
+      backgroundColor: C(t) ?? H,
       "& .Mui-TableHeadCell-Content": {
-        ...h,
+        ...s,
+        ...r,
+        alignItems: "center",
         backgroundColor: "inherit",
+        display: "flex",
         justifyContent: "center",
         position: "relative",
         width: "100%"
@@ -242,17 +325,21 @@ const w = "#586980", f = "#cbd5e1", mo = {
         overflow: "hidden",
         position: "relative",
         pl: 0,
-        pr: i ? 0 : "24px",
+        pr: c ? 0 : "24px",
+        height: t != null && t.height ? "100%" : void 0,
         width: "100%"
       },
       "& .Mui-TableHeadCell-Content-Wrapper": {
-        ...h,
+        ...s,
+        alignItems: "center",
         backgroundColor: "inherit",
+        display: "flex",
+        minHeight: v,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       },
-      "&& .MuiBadge-root": i ? void 0 : {
+      "&& .MuiBadge-root": c ? void 0 : {
         alignItems: "center",
         display: "inline-flex",
         justifyContent: "center",
@@ -265,7 +352,7 @@ const w = "#586980", f = "#cbd5e1", mo = {
       },
       "&& .MuiTableSortLabel-root": {
         alignItems: "center",
-        color: f,
+        color: l,
         display: "inline-flex",
         justifyContent: "center",
         minWidth: "16px",
@@ -274,74 +361,104 @@ const w = "#586980", f = "#cbd5e1", mo = {
         width: "16px"
       },
       "&& .MuiTableSortLabel-root:hover": {
-        color: f
+        color: l
       },
       "&& .MuiTableSortLabel-root.Mui-active": {
-        color: f
+        color: l
       },
       "&& .MuiTableSortLabel-icon": {
-        color: `${f} !important`,
+        color: `${l} !important`,
         display: "block",
         fontSize: "18px",
         margin: 0,
         opacity: "1 !important",
         overflow: "visible"
       },
-      "& .MuiButtonBase-root": i ? {
+      "& .MuiButtonBase-root": c ? {
         display: "flex",
         margin: "0 auto"
       } : void 0
     }
   };
-}, "getTreeGridHeadCellProps"), Go = /* @__PURE__ */ o(({
-  column: e
-}) => e.id !== "mrt-row-select" ? {} : {
+}, "getTreeGridHeadCellProps"), oe = /* @__PURE__ */ e(({
+  column: o
+}) => o.id !== "mrt-row-select" ? {} : {
   align: "center",
   sx: {
-    ...L,
+    ...V,
     "& > .MuiButtonBase-root, & .MuiButtonBase-root": {
       display: "flex",
       margin: "0 auto"
     }
   }
-}, "getTreeGridBodyCellProps");
-function Lo(e) {
-  const { t: i } = lo(), {
-    canHideTotalCountFooterBorder: n = !1,
+}, "getTreeGridBodyCellProps"), R = [
+  'tbody td input:not([type="hidden"])',
+  "tbody td textarea",
+  'tbody td [contenteditable="true"]',
+  'tbody td [role="combobox"]'
+].join(", "), U = /* @__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"), ee = /* @__PURE__ */ e((o) => {
+  if (!(o instanceof Element))
+    return null;
+  const n = o.matches(R) ? o : o.closest(R);
+  return n instanceof HTMLElement && U(n) ? n : null;
+}, "getCurrentTableBodyField"), te = /* @__PURE__ */ e((o) => {
+  if (o.key !== "Tab" || o.altKey || o.ctrlKey || o.metaKey)
+    return;
+  const n = ee(o.target);
+  if (!n)
+    return;
+  const t = n.closest("table");
+  if (!t)
+    return;
+  const c = Array.from(
+    t.querySelectorAll(R)
+  ).filter(U), s = c.indexOf(n);
+  if (s < 0)
+    return;
+  const l = c[s + (o.shiftKey ? -1 : 1)];
+  l && (o.preventDefault(), queueMicrotask(() => {
+    document.contains(l) && l.focus();
+  }));
+}, "handleTableBodyFieldTabNavigation");
+function re(o) {
+  const { t: n } = ho(), {
+    canHideTotalCountFooterBorder: t = !1,
     canUseNoDataOverlay: c = !1,
-    canTotalCountRow: s = !0,
+    canUseTableRadius: s = !1,
+    canTotalCountRow: l = !0,
     canUseTreeGridStyle: r = !0,
-    columns: T,
-    data: b,
-    totalCount: v,
-    ...y
-  } = e, {
-    icons: D,
-    initialState: O,
-    muiBottomToolbarProps: A,
-    muiSelectAllCheckboxProps: N,
-    muiSelectCheckboxProps: W,
+    columns: v,
+    data: m,
+    totalCount: I,
+    ...w
+  } = o, {
+    icons: $,
+    initialState: K,
+    muiBottomToolbarProps: q,
+    muiSelectAllCheckboxProps: X,
+    muiSelectCheckboxProps: _,
     displayColumnDefOptions: p,
-    muiTableBodyCellProps: j,
-    muiTableBodyRowProps: V,
-    muiTableContainerProps: E,
-    muiTableHeadCellProps: U,
-    muiTablePaperProps: X,
-    muiTableProps: _,
-    renderBottomToolbar: m,
-    renderEmptyRowsFallback: $,
-    ...Y
-  } = y, P = g(b) ? b : [], q = g(b) && b.length === 0, S = s && (r || n), B = r || c, M = r ? {
+    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, y = l && (r || t), z = r || c, T = r && s, F = r ? {
     ...p ?? {},
     "mrt-row-select": {
       header: "",
-      size: u,
-      minSize: u,
-      maxSize: u,
+      size: b,
+      minSize: b,
+      maxSize: b,
       ...(p == null ? void 0 : p["mrt-row-select"]) ?? {}
     }
-  } : p, I = z(
-    { ...O ?? {} },
+  } : p, L = D(
+    { ...K ?? {} },
     {
       density: r ? "compact" : "spacious",
       showColumnFilters: !1,
@@ -355,15 +472,15 @@ function Lo(e) {
       },
       enableFullScreenToggle: !1
     }
-  ), C = z(
+  ), P = D(
     {
-      ...Y,
-      displayColumnDefOptions: M,
-      initialState: I
+      ...io,
+      displayColumnDefOptions: F,
+      initialState: L
     },
     {
-      displayColumnDefOptions: M,
-      initialState: I,
+      displayColumnDefOptions: F,
+      initialState: L,
       layoutMode: r ? "semantic" : void 0,
       enablePagination: r ? !1 : void 0,
       enableBottomToolbar: r ? !1 : void 0,
@@ -387,7 +504,7 @@ function Lo(e) {
       enableSelectAll: r ? !1 : void 0,
       enableStickyHeader: !0,
       enableToolbarInternalActions: r ? !1 : void 0,
-      getRowId: r ? (t) => String(t.id) : void 0,
+      getRowId: r ? (i) => String(i.id) : void 0,
       paginationDisplayMode: "pages",
       positionToolbarAlertBanner: "top",
       muiPaginationProps: {
@@ -414,112 +531,133 @@ function Lo(e) {
           }
         }
       },
-      mrtTheme: /* @__PURE__ */ o((t) => ({
-        baseBackgroundColor: t.palette.background.paper,
-        menuBackgroundColor: t.palette.background.paper,
-        pinnedRowBackgroundColor: t.palette.background.paper,
-        pinnedColumnBackgroundColor: t.palette.background.paper
+      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"),
-      renderTopToolbar: /* @__PURE__ */ o((t) => /* @__PURE__ */ l(po, { ...t }), "renderTopToolbar")
+      renderTopToolbar: /* @__PURE__ */ e((i) => /* @__PURE__ */ a(Ho, { ...i }), "renderTopToolbar")
     }
-  ), K = C.enableBottomToolbar !== !1, J = bo(v) ? v : P.length, Q = /* @__PURE__ */ o((t) => K ? typeof m == "function" ? m({ table: t }) : m ?? /* @__PURE__ */ l(ao, { table: t }) : null, "renderBaseBottomToolbar"), R = no({
-    ...C,
-    columns: T,
-    data: P,
-    enableBottomToolbar: s ? !0 : C.enableBottomToolbar,
+  ), A = P.enableBottomToolbar !== !1, ao = Co(I) ? I : k.length, so = T && !l && !A, lo = /* @__PURE__ */ e((i) => A ? typeof g == "function" ? g({ table: i }) : g ?? /* @__PURE__ */ a(Po, { table: i }) : null, "renderBaseBottomToolbar"), co = /* @__PURE__ */ e((i) => {
+    const bo = u(
+      i,
+      r ? oe : void 0,
+      Y
+    ), { onKeyDownCapture: M, ...po } = bo;
+    return {
+      ...po,
+      onKeyDownCapture: /* @__PURE__ */ e((x) => {
+        M == null || M(x), !(x.defaultPrevented || x.isPropagationStopped()) && te(x);
+      }, "onKeyDownCapture")
+    };
+  }, "getResolvedBodyCellProps"), uo = /* @__PURE__ */ e(() => {
+    var i;
+    if ((i = w.headerCellStyle) != null && i.backgroundColor)
+      return {
+        sx: {
+          backgroundColor: `${w.headerCellStyle.backgroundColor} !important`
+        }
+      };
+  }, "getResolvedHeadRowProps"), G = wo({
+    ...P,
+    columns: v,
+    data: k,
+    enableBottomToolbar: l ? !0 : P.enableBottomToolbar,
     icons: {
-      ...To,
-      ...r ? wo : {},
-      ...D ?? {}
+      ...Ao,
+      ...r ? Do : {},
+      ...$ ?? {}
     },
-    muiBottomToolbarProps: /* @__PURE__ */ o((t) => d(
-      t,
-      vo,
-      A
+    muiBottomToolbarProps: /* @__PURE__ */ e((i) => u(
+      i,
+      So,
+      q
     ), "muiBottomToolbarProps"),
-    muiSelectAllCheckboxProps: /* @__PURE__ */ o((t) => d(
-      t,
-      F,
-      r ? H : void 0,
-      N
+    muiSelectAllCheckboxProps: /* @__PURE__ */ e((i) => u(
+      i,
+      S,
+      r ? W : void 0,
+      X
     ), "muiSelectAllCheckboxProps"),
-    muiSelectCheckboxProps: /* @__PURE__ */ o((t) => d(
-      t,
-      F,
-      r ? H : void 0,
-      W
+    muiSelectCheckboxProps: /* @__PURE__ */ e((i) => u(
+      i,
+      S,
+      r ? W : void 0,
+      _
     ), "muiSelectCheckboxProps"),
-    muiTableBodyCellProps: /* @__PURE__ */ o((t) => d(
-      t,
-      r ? Go : void 0,
-      j
-    ), "muiTableBodyCellProps"),
-    muiTableBodyRowProps: /* @__PURE__ */ o((t) => d(
-      t,
-      zo,
-      V
+    muiTableBodyCellProps: /* @__PURE__ */ e((i) => co(i), "muiTableBodyCellProps"),
+    muiTableBodyRowProps: /* @__PURE__ */ e((i) => u(
+      i,
+      Jo,
+      J
     ), "muiTableBodyRowProps"),
-    muiTableContainerProps: /* @__PURE__ */ o((t) => d(
-      t,
-      Mo,
-      r ? Io : void 0,
-      E,
-      S ? Bo : void 0
+    muiTableContainerProps: /* @__PURE__ */ e((i) => u(
+      i,
+      Vo,
+      r ? Ko : void 0,
+      s ? $o : void 0,
+      Q,
+      y && !T ? jo : void 0
     ), "muiTableContainerProps"),
-    muiTableHeadRowProps: /* @__PURE__ */ o((t) => d(
-      t,
-      r ? Ro : void 0,
-      y.muiTableHeadRowProps
+    muiTableHeadRowProps: /* @__PURE__ */ e((i) => u(
+      i,
+      r ? qo : void 0,
+      uo(),
+      oo
     ), "muiTableHeadRowProps"),
-    muiTableHeadCellProps: /* @__PURE__ */ o((t) => d(
-      t,
-      Fo,
-      r ? Ho : void 0,
-      U
+    muiTableHeadCellProps: /* @__PURE__ */ e((i) => u(
+      i,
+      Qo,
+      r ? Zo : void 0,
+      Z
     ), "muiTableHeadCellProps"),
-    muiTablePaperProps: /* @__PURE__ */ o((t) => d(
-      t,
-      yo,
-      r ? Po : void 0,
-      X,
-      S ? So : void 0
+    muiTablePaperProps: /* @__PURE__ */ e((i) => u(
+      i,
+      Wo,
+      r ? No : void 0,
+      s ? Uo : void 0,
+      eo,
+      y && !T ? Eo : void 0
     ), "muiTablePaperProps"),
-    muiTableProps: /* @__PURE__ */ o((t) => d(
-      t,
-      r ? ko : void 0,
-      _
+    muiTableProps: /* @__PURE__ */ e((i) => u(
+      i,
+      r ? Xo : void 0,
+      T ? _o : void 0,
+      so ? Yo : void 0,
+      to
     ), "muiTableProps"),
-    renderBottomToolbar: s ? ({ table: t }) => /* @__PURE__ */ k(x, { children: [
-      Q(t),
-      /* @__PURE__ */ l(co, { totalCount: J })
-    ] }) : m,
-    renderEmptyRowsFallback: B ? () => /* @__PURE__ */ l(x, {}) : $
+    renderBottomToolbar: l ? ({ table: i }) => /* @__PURE__ */ O(B, { children: [
+      lo(i),
+      /* @__PURE__ */ a(Bo, { totalCount: ao })
+    ] }) : g,
+    renderEmptyRowsFallback: z ? () => /* @__PURE__ */ a(B, {}) : ro
   });
-  return /* @__PURE__ */ k(x, { children: [
-    r && /* @__PURE__ */ l(ro, { styles: mo }),
-    /* @__PURE__ */ l(G, { table: R }),
-    B && /* @__PURE__ */ l(
-      uo,
+  return /* @__PURE__ */ O(B, { children: [
+    r && /* @__PURE__ */ a(To, { styles: ko }),
+    /* @__PURE__ */ a(N, { table: G }),
+    z && /* @__PURE__ */ a(
+      Ro,
       {
-        visible: q,
-        message: i("Message.조회된 결과가 없습니다."),
-        table: R
+        visible: no,
+        message: n("Message.조회된 결과가 없습니다."),
+        table: G
       }
     )
   ] });
 }
-o(Lo, "DataTable");
-const Do = /* @__PURE__ */ o((e) => "table" in e && e.table !== void 0, "hasTableInstance"), ee = /* @__PURE__ */ o((e) => {
-  const i = to();
-  return Do(e) ? /* @__PURE__ */ l(G, { table: e.table }) : /* @__PURE__ */ l(
-    Lo,
+e(re, "DataTable");
+const ie = /* @__PURE__ */ e((o) => "table" in o && o.table !== void 0, "hasTableInstance"), Me = /* @__PURE__ */ e((o) => {
+  const n = xo();
+  return ie(o) ? /* @__PURE__ */ a(N, { table: o.table }) : /* @__PURE__ */ a(
+    re,
     {
-      ...e,
-      localization: e.localization ?? (i.id === "kr" ? so : void 0)
+      ...o,
+      localization: o.localization ?? (n.id === "kr" ? Mo : void 0)
     }
   );
 }, "OwpMrtTable");
 export {
-  ee as OwpMrtTable
+  Me as OwpMrtTable
 };
 //# sourceMappingURL=OwpMrtTable.js.map