@owp/core 2.5.2 → 2.5.4

package/dist/components/OwpTable/OwpTable.js

@@ -1,212 +1,232 @@
-var y = Object.defineProperty;
-var l = (t, o) => y(t, "name", { value: o, configurable: !0 });
-import { jsxs as f, jsx as e, Fragment as C } 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 { getTreeGridFontFaceStyles as v, TREEGRID_FONT_FAMILY_STACK as L } from "../../constants/treeGrid.js";
-import { Typography as $, styled as R, Divider as M } from "@mui/material";
-import { clsx as F } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import E from "@mui/material/GlobalStyles";
+var L = Object.defineProperty;
+var d = (o, e) => L(o, "name", { value: e, configurable: !0 });
+import { jsxs as c, jsx as m, Fragment as S } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { resolveOwpGridTheme as y } from "../../constants/gridTheme.js";
+import { resolveOwpTableTheme as B } from "../../constants/tableTheme.js";
+import { getTreeGridFontFaceStyles as M } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as G } from "../../hooks/useOwpSettings.js";
+import { Typography as _, styled as v, Divider as z } from "@mui/material";
+import { clsx as O } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import A from "@mui/material/GlobalStyles";
 import D from "@mui/material/Paper";
-import O from "@mui/material/Table";
-import A from "@mui/material/TableBody";
-import u from "@mui/material/TableCell";
-import j from "@mui/material/TableContainer";
-import z from "@mui/material/TableHead";
-import B from "@mui/material/TableRow";
-import { useMemo as x } from "react";
-import { isNumber as I } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
-import { isArray as c } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-import { isEmpty as K } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-const h = /* @__PURE__ */ l((t) => t ? Object.keys(t).filter((o) => !o.includes("Span")) : [], "getTableColumnKeys"), g = /* @__PURE__ */ l((t, o) => t[`${o}Sx`] ?? {}, "getTableCellSx"), w = /* @__PURE__ */ l((t, o, r) => t[`${o}${r}`] ?? void 0, "getTableCellSpan"), _ = /* @__PURE__ */ l((...t) => t.reduce((o, r) => r ? [...o, ...c(r) ? r : [r]] : o, []), "mergeSx"), H = {
+import j from "@mui/material/Table";
+import I from "@mui/material/TableBody";
+import g from "@mui/material/TableCell";
+import W from "@mui/material/TableContainer";
+import F from "@mui/material/TableHead";
+import H from "@mui/material/TableRow";
+import { useMemo as T } from "react";
+import { getTreeGridContainerSx as K, getTreeGridBodyRowSx as N, TREEGRID_TABLE_BODY_BORDER_COLOR as Y, getTreeGridBodyCellSx as q, TREEGRID_TABLE_HEADER_BORDER_COLOR as J, getTreeGridHeaderCellSx as Q, getTreeGridCellBaseSx as V } from "./internal/treeGridTableStyle.js";
+import { isNumber as X } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
+import { isArray as u } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+import { isEmpty as Z } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+const R = /* @__PURE__ */ d((o) => o ? Object.keys(o).filter((e) => !e.includes("Span")) : [], "getTableColumnKeys"), w = /* @__PURE__ */ d((o, e) => o[`${e}Sx`] ?? {}, "getTableCellSx"), x = /* @__PURE__ */ d((o, e, r) => o[`${e}${r}`] ?? void 0, "getTableCellSpan"), k = /* @__PURE__ */ d((...o) => o.reduce((e, r) => r ? [...e, ...u(r) ? r : [r]] : e, []), "mergeSx"), P = {
   border: 0,
   borderRadius: 0,
   overflow: "visible"
-}, T = {
-  fontFamily: L,
-  fontSize: "14px",
-  fontWeight: "normal",
-  lineHeight: "16px"
+}, $ = {
+  header: {
+    backgroundColor: "",
+    color: "inherit",
+    fontSize: "1.7rem",
+    fontWeight: 600
+  },
+  cell: {
+    fontSize: "1.7rem"
+  }
 };
-function N({ totalCount: t }) {
-  return /* @__PURE__ */ f(C, { children: [
-    /* @__PURE__ */ e(M, {}),
-    /* @__PURE__ */ f($, { className: "w-full py-8 pr-12", align: "right", children: [
+function U({ totalCount: o }) {
+  return /* @__PURE__ */ c(S, { children: [
+    /* @__PURE__ */ m(z, {}),
+    /* @__PURE__ */ c(_, { className: "w-full py-8 pr-12", align: "right", children: [
       "전체: ",
-      I(t) ? t.toLocaleString() : 0,
+      X(o) ? o.toLocaleString() : 0,
       " 건"
     ] })
   ] });
 }
-l(N, "OwpTableTotalCount");
-const W = /* @__PURE__ */ l(({
-  canBodyFullHeight: t,
-  canUseTreeGridStyle: o,
+d(U, "OwpTableTotalCount");
+const ee = /* @__PURE__ */ d(({
+  canBodyFullHeight: o,
+  canUseTreeGridStyle: e,
   children: r,
-  className: a,
-  containerProps: n,
-  footerSlot: m,
-  tableLayout: b,
-  ...i
-}) => /* @__PURE__ */ f(C, { children: [
-  o && /* @__PURE__ */ e(E, { styles: v() }),
-  /* @__PURE__ */ f(
-    j,
-    {
-      component: D,
-      variant: "outlined",
-      ...n,
-      sx: _(
-        o && H,
-        t && { height: "100%" },
-        n == null ? void 0 : n.sx
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          Y,
-          {
-            ...i,
-            canBodyFullHeight: t,
-            canUseTreeGridStyle: o,
-            className: F(
-              t && "h-full",
-              b === "fixed" ? "table-fixed" : b === "auto" ? "table-auto" : "",
-              a
-            ),
-            children: r
-          }
-        ),
-        m
-      ]
-    }
-  )
-] }), "StyledTable"), Y = R(O, {
-  shouldForwardProp: /* @__PURE__ */ l((t) => t !== "canBodyFullHeight" && t !== "canUseTreeGridStyle", "shouldForwardProp")
-})(({ theme: t, canBodyFullHeight: o, canUseTreeGridStyle: r }) => ({
-  ...o && {
-    height: "100%"
-  },
-  ...o && {
-    "& .MuiTableBody-root": {
-      height: "100%"
+  className: b,
+  containerProps: l,
+  footerSlot: a,
+  tableTheme: i,
+  tableLayout: n,
+  ...f
+}) => {
+  const t = G(), p = T(
+    () => {
+      var s, h;
+      return y((h = (s = t == null ? void 0 : t.theme) == null ? void 0 : s.main) == null ? void 0 : h.grid);
     },
-    "& .MuiTableBody-root > .MuiTableRow-root": {
-      height: "100%"
-    }
-  },
-  "& .MuiTableCell-root": r ? {
-    boxSizing: "border-box",
-    ...T,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    verticalAlign: "middle",
-    whiteSpace: "nowrap"
-  } : {
-    fontSize: "1.7rem",
-    padding: "7px 10px",
-    borderLeft: "none",
-    borderRight: "none"
-  },
-  ...!r && {
-    "& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root": {
-      borderLeft: `1px solid ${t.palette.divider}`
-    }
-  },
-  "& th": r ? {
-    ...T,
-    backgroundColor: "#586980",
-    borderTop: "1px solid #6F7F94",
-    borderBottom: "1px solid #6F7F94",
-    borderLeft: 0,
-    borderRight: "1px solid #6F7F94",
-    color: "white",
-    height: 33,
-    minHeight: 33,
-    padding: "7px 2px 6px 10px",
-    "&:first-of-type": {
-      borderLeft: "1px solid #6F7F94"
-    }
-  } : {
-    backgroundColor: t.palette.grey[200],
-    fontWeight: 600
-  },
-  "& td": r ? {
-    borderBottom: "1px solid #CDD8E4",
-    borderLeft: 0,
-    borderRight: "1px solid #CDD8E4",
-    color: "#111112",
-    padding: "7px 10px 6px",
-    "&:first-of-type": {
-      borderLeft: "1px solid #CDD8E4"
-    }
-  } : {},
-  ...r && {
-    "& tbody > tr:first-of-type > th:first-of-type": {
-      borderTopLeftRadius: "inherit"
+    [t]
+  ), E = T(
+    () => {
+      var s, h;
+      return i ?? B((h = (s = t == null ? void 0 : t.theme) == null ? void 0 : s.main) == null ? void 0 : h.table, $);
     },
-    "& tbody > tr:first-of-type > td:last-of-type": {
-      borderTopRightRadius: "inherit"
-    }
+    [t, i]
+  );
+  return /* @__PURE__ */ c(S, { children: [
+    e && /* @__PURE__ */ m(A, { styles: M() }),
+    /* @__PURE__ */ c(
+      W,
+      {
+        component: D,
+        variant: "outlined",
+        ...l,
+        sx: k(
+          e && P,
+          e && K(p),
+          o && { height: "100%" },
+          l == null ? void 0 : l.sx
+        ),
+        children: [
+          /* @__PURE__ */ m(
+            oe,
+            {
+              ...f,
+              canBodyFullHeight: o,
+              canUseTreeGridStyle: e,
+              tableTheme: E,
+              treeGridTheme: p,
+              className: O(
+                o && "h-full",
+                n === "fixed" ? "table-fixed" : n === "auto" ? "table-auto" : "",
+                b
+              ),
+              children: r
+            }
+          ),
+          a
+        ]
+      }
+    )
+  ] });
+}, "StyledTable"), oe = v(j, {
+  shouldForwardProp: /* @__PURE__ */ d((o) => o !== "canBodyFullHeight" && o !== "canUseTreeGridStyle" && o !== "tableTheme" && o !== "treeGridTheme", "shouldForwardProp")
+})(
+  ({ theme: o, canBodyFullHeight: e, canUseTreeGridStyle: r, tableTheme: b, treeGridTheme: l }) => {
+    const a = l ?? y(), i = b ?? $;
+    return {
+      ...e && {
+        height: "100%"
+      },
+      ...e && {
+        "& .MuiTableBody-root": {
+          height: "100%"
+        },
+        "& .MuiTableBody-root > .MuiTableRow-root": {
+          height: "100%"
+        }
+      },
+      "& .MuiTableCell-root": r ? {
+        ...V(a)
+      } : {
+        fontSize: i.cell.fontSize,
+        padding: "7px 10px",
+        borderLeft: "none",
+        borderRight: "none"
+      },
+      ...!r && {
+        "& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root": {
+          borderLeft: `1px solid ${o.palette.divider}`
+        }
+      },
+      "& th": r ? {
+        ...Q(a),
+        "&:first-of-type": {
+          borderLeft: `1px solid ${J}`
+        }
+      } : {
+        backgroundColor: i.header.backgroundColor || o.palette.grey[200],
+        color: i.header.color,
+        fontSize: i.header.fontSize,
+        fontWeight: i.header.fontWeight
+      },
+      "& td": r ? {
+        ...q(a),
+        "&:first-of-type": {
+          borderLeft: `1px solid ${Y}`
+        }
+      } : {},
+      ...r && {
+        "& tbody > .MuiTableRow-root": N(a)
+      },
+      ...r && {
+        "& tbody > tr:first-of-type > th:first-of-type": {
+          borderTopLeftRadius: "inherit"
+        },
+        "& tbody > tr:first-of-type > td:last-of-type": {
+          borderTopRightRadius: "inherit"
+        }
+      }
+    };
   }
-})), S = R(B)`
+), C = v(H)`
   /* &:last-child th,
   &:last-child td {
     border-bottom: 0;
   } */
 `;
-function po({
-  canTotalCountRow: t = !1,
-  headers: o,
+function Se({
+  canTotalCountRow: o = !1,
+  headers: e,
   rows: r,
-  totalCount: a,
-  ...n
+  totalCount: b,
+  ...l
 }) {
-  const m = x(
-    () => c(o) ? o : K(o) ? [] : [o],
-    [o]
-  ), b = x(
-    () => h(c(o) ? o[0] : o),
-    [o]
+  const a = T(
+    () => u(e) ? e : Z(e) ? [] : [e],
+    [e]
+  ), i = T(
+    () => R(u(e) ? e[0] : e),
+    [e]
   );
-  return /* @__PURE__ */ f(
-    W,
+  return /* @__PURE__ */ c(
+    ee,
     {
-      ...n,
-      footerSlot: t ? /* @__PURE__ */ e(N, { totalCount: typeof a > "u" ? r.length : a }) : void 0,
-      className: F(n.tableLayout && "w-full", n.className),
+      ...l,
+      footerSlot: o ? /* @__PURE__ */ m(U, { totalCount: typeof b > "u" ? r.length : b }) : void 0,
+      className: O(l.tableLayout && "w-full", l.className),
       children: [
-        /* @__PURE__ */ e(z, { children: m.map((i, d) => /* @__PURE__ */ e(S, { children: h(i).map((p) => /* @__PURE__ */ e(
-          u,
+        /* @__PURE__ */ m(F, { children: a.map((n, f) => /* @__PURE__ */ m(C, { children: R(n).map((t) => /* @__PURE__ */ m(
+          g,
           {
             className: "whitespace-pre-wrap",
-            sx: g(i, p),
-            colSpan: w(i, p, "ColSpan"),
-            rowSpan: w(i, p, "RowSpan"),
+            sx: w(n, t),
+            colSpan: x(n, t, "ColSpan"),
+            rowSpan: x(n, t, "RowSpan"),
             align: "center",
-            children: i[p]
+            children: n[t]
           },
-          `table-header-${d}-${p}`
-        )) }, `table-header-${d}`)) }),
-        /* @__PURE__ */ e(A, { children: r.map((i, d) => {
-          const p = i;
-          return /* @__PURE__ */ e(S, { children: b.map((s) => /* @__PURE__ */ e(
-            u,
+          `table-header-${f}-${t}`
+        )) }, `table-header-${f}`)) }),
+        /* @__PURE__ */ m(I, { children: r.map((n, f) => {
+          const t = n;
+          return /* @__PURE__ */ m(C, { children: i.map((p) => /* @__PURE__ */ m(
+            g,
             {
               className: "whitespace-pre-wrap h-64",
-              sx: g(p, s),
+              sx: w(t, p),
               align: "center",
-              children: p[s]
+              children: t[p]
             },
-            `table-row-cell-${d}-${s}`
-          )) }, `table-row-${d}`);
+            `table-row-cell-${f}-${p}`
+          )) }, `table-row-${f}`);
         }) })
       ]
     }
   );
 }
-l(po, "OwpTable");
+d(Se, "OwpTable");
 export {
-  po as OwpTable,
-  N as OwpTableTotalCount,
-  W as StyledTable,
-  S as StyledTableRow
+  Se as OwpTable,
+  U as OwpTableTotalCount,
+  ee as StyledTable,
+  C as StyledTableRow
 };
 //# sourceMappingURL=OwpTable.js.map

package/dist/components/OwpTable/OwpTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpTable.js","sources":["../../../src/components/OwpTable/OwpTable.tsx"],"sourcesContent":["import {\n  getTreeGridFontFaceStyles,\n  TREEGRID_FONT_FAMILY_STACK,\n} from '@/constants/treeGrid';\nimport { Divider, styled, Typography, type SxProps, type Theme } from '@mui/material';\nimport clsx from 'clsx';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport Paper from '@mui/material/Paper';\nimport Table, { type TableProps } from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableContainer, { type TableContainerProps } from '@mui/material/TableContainer';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport { isArray, isEmpty, isNumber } from 'es-toolkit/compat';\nimport { type ReactNode, useMemo } from 'react';\n\ntype OwpTableCellValue = string | number;\ntype OwpTableHeaderRow = Record<string, OwpTableCellValue>;\ntype OwpTableRowData = Record<string, unknown>;\n\nconst getTableColumnKeys = (row?: Record<string, unknown>) => {\n  if (!row) {\n    return [];\n  }\n\n  return Object.keys(row).filter((keyName) => !keyName.includes('Span'));\n};\n\nconst getTableCellSx = (row: Record<string, unknown>, keyName: string) => {\n  return (row[`${keyName}Sx`] as SxProps<Theme>) ?? {};\n};\n\nconst getTableCellSpan = (\n  row: Record<string, unknown>,\n  keyName: string,\n  spanType: 'ColSpan' | 'RowSpan',\n) => {\n  return (row[`${keyName}${spanType}`] as number | undefined) ?? undefined;\n};\n\nconst mergeSx = (...styles: Array<SxProps<Theme> | undefined | false>): SxProps<Theme> =>\n  styles.reduce<Array<Exclude<SxProps<Theme>, readonly unknown[]>>>((acc, style) => {\n    if (!style) {\n      return acc;\n    }\n\n    return [...acc, ...(isArray(style) ? style : [style])];\n  }, []) as SxProps<Theme>;\n\nconst treeGridContainerSx = {\n  border: 0,\n  borderRadius: 0,\n  overflow: 'visible',\n} as const;\n\nconst treeGridFontSx = {\n  fontFamily: TREEGRID_FONT_FAMILY_STACK,\n  fontSize: '14px',\n  fontWeight: 'normal',\n  lineHeight: '16px',\n} as const;\n\ninterface StyledTableProps extends TableProps {\n  canBodyFullHeight?: boolean;\n  canUseTreeGridStyle?: boolean;\n  containerProps?: TableContainerProps;\n  footerSlot?: ReactNode;\n  tableLayout?: 'auto' | 'fixed';\n  title?: string;\n  children: ReactNode;\n}\n\ntype StyledTableInnerProps = Pick<StyledTableProps, 'canBodyFullHeight' | 'canUseTreeGridStyle'>;\n\n/**\n * 총 row 수 표시 영역\n * @param totalCount 전체 row 수\n */\nexport function OwpTableTotalCount({ totalCount }: { totalCount?: number }) {\n  return (\n    <>\n      <Divider />\n      <Typography className=\"w-full py-8 pr-12\" align=\"right\">\n        전체: {isNumber(totalCount) ? totalCount.toLocaleString() : 0} 건\n      </Typography>\n    </>\n  );\n}\n\n/**\n * StyledTable 스타일 컴포넌트\n * @param canBodyFullHeight body full height 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param children 하위 콘텐츠\n * @param containerProps containerProps props\n * @param footerSlot footer 영역\n * @param tableLayout tableLayout 값\n */\nexport const StyledTable = ({\n  canBodyFullHeight,\n  canUseTreeGridStyle,\n  children,\n  className,\n  containerProps,\n  footerSlot,\n  tableLayout,\n  ...tableProps\n}: StyledTableProps) => {\n  return (\n    <>\n      {canUseTreeGridStyle && <GlobalStyles styles={getTreeGridFontFaceStyles()} />}\n      <TableContainer\n        component={Paper}\n        variant=\"outlined\"\n        {...containerProps}\n        sx={mergeSx(\n          canUseTreeGridStyle && treeGridContainerSx,\n          canBodyFullHeight && { height: '100%' },\n          containerProps?.sx,\n        )}\n      >\n        <StyledTableInner\n          {...tableProps}\n          canBodyFullHeight={canBodyFullHeight}\n          canUseTreeGridStyle={canUseTreeGridStyle}\n          className={clsx(\n            canBodyFullHeight && 'h-full',\n            tableLayout === 'fixed' ? 'table-fixed' : tableLayout === 'auto' ? 'table-auto' : '',\n            className,\n          )}\n        >\n          {children}\n        </StyledTableInner>\n        {footerSlot}\n      </TableContainer>\n    </>\n  );\n};\n\nconst StyledTableInner = styled(Table, {\n  shouldForwardProp: (prop) => prop !== 'canBodyFullHeight' && prop !== 'canUseTreeGridStyle',\n})<StyledTableInnerProps>(({ theme, canBodyFullHeight, canUseTreeGridStyle }) => ({\n  ...(canBodyFullHeight && {\n    height: '100%',\n  }),\n  ...(canBodyFullHeight && {\n    '& .MuiTableBody-root': {\n      height: '100%',\n    },\n    '& .MuiTableBody-root > .MuiTableRow-root': {\n      height: '100%',\n    },\n  }),\n  '& .MuiTableCell-root': canUseTreeGridStyle\n    ? {\n        boxSizing: 'border-box',\n        ...treeGridFontSx,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        verticalAlign: 'middle',\n        whiteSpace: 'nowrap',\n      }\n    : {\n        fontSize: '1.7rem',\n        padding: '7px 10px',\n        borderLeft: 'none',\n        borderRight: 'none',\n      },\n  ...(!canUseTreeGridStyle && {\n    '& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root': {\n      borderLeft: `1px solid ${theme.palette.divider}`,\n    },\n  }),\n  '& th': canUseTreeGridStyle\n    ? {\n        ...treeGridFontSx,\n        backgroundColor: '#586980',\n        borderTop: '1px solid #6F7F94',\n        borderBottom: '1px solid #6F7F94',\n        borderLeft: 0,\n        borderRight: '1px solid #6F7F94',\n        color: 'white',\n        height: 33,\n        minHeight: 33,\n        padding: '7px 2px 6px 10px',\n        '&:first-of-type': {\n          borderLeft: '1px solid #6F7F94',\n        },\n      }\n    : {\n        backgroundColor: theme.palette.grey[200],\n        fontWeight: 600,\n      },\n  '& td': canUseTreeGridStyle\n    ? {\n        borderBottom: '1px solid #CDD8E4',\n        borderLeft: 0,\n        borderRight: '1px solid #CDD8E4',\n        color: '#111112',\n        padding: '7px 10px 6px',\n        '&:first-of-type': {\n          borderLeft: '1px solid #CDD8E4',\n        },\n      }\n    : {},\n  ...(canUseTreeGridStyle && {\n    '& tbody > tr:first-of-type > th:first-of-type': {\n      borderTopLeftRadius: 'inherit',\n    },\n    '& tbody > tr:first-of-type > td:last-of-type': {\n      borderTopRightRadius: 'inherit',\n    },\n  }),\n}));\n\nexport const StyledTableRow = styled(TableRow)`\n  /* &:last-child th,\n  &:last-child td {\n    border-bottom: 0;\n  } */\n`;\n\ninterface OwpTableProps<T> extends Omit<StyledTableProps, 'children'> {\n  canTotalCountRow?: boolean;\n  headers: OwpTableHeaderRow | OwpTableHeaderRow[];\n  rows: T[];\n  totalCount?: number;\n}\n\n/**\n * OwpTable 컴포넌트\n * @param canTotalCountRow 전체 row 수 표시 여부\n * @param headers headers 값\n * @param rows 행 데이터 목록\n * @param totalCount 전체 row 수\n */\nexport function OwpTable<T>({\n  canTotalCountRow = false,\n  headers,\n  rows,\n  totalCount,\n  ...restTableProps\n}: OwpTableProps<T>) {\n  const resolvedHeaderRows = useMemo(\n    () => (isArray(headers) ? headers : isEmpty(headers) ? [] : [headers]),\n    [headers],\n  );\n  const commonKeyListData = useMemo(\n    () => getTableColumnKeys(isArray(headers) ? headers[0] : headers),\n    [headers],\n  );\n\n  return (\n    <StyledTable\n      {...restTableProps}\n      footerSlot={\n        canTotalCountRow ? (\n          <OwpTableTotalCount totalCount={typeof totalCount === 'undefined' ? rows.length : totalCount} />\n        ) : undefined\n      }\n      className={clsx(restTableProps.tableLayout && 'w-full', restTableProps.className)}\n    >\n      <TableHead>\n        {resolvedHeaderRows.map((headerData, index) => (\n          <StyledTableRow key={`table-header-${index}`}>\n            {getTableColumnKeys(headerData).map((keyName) => (\n              <TableCell\n                key={`table-header-${index}-${keyName}`}\n                className=\"whitespace-pre-wrap\"\n                sx={getTableCellSx(headerData, keyName)}\n                colSpan={getTableCellSpan(headerData, keyName, 'ColSpan')}\n                rowSpan={getTableCellSpan(headerData, keyName, 'RowSpan')}\n                align=\"center\"\n              >\n                {headerData[keyName]}\n              </TableCell>\n            ))}\n          </StyledTableRow>\n        ))}\n      </TableHead>\n      <TableBody>\n        {rows.map((row, index) => {\n          const currentRow = row as OwpTableRowData;\n\n          return (\n            <StyledTableRow key={`table-row-${index}`}>\n              {commonKeyListData.map((keyName) => (\n                <TableCell\n                  key={`table-row-cell-${index}-${keyName}`}\n                  className=\"whitespace-pre-wrap h-64\"\n                  sx={getTableCellSx(currentRow, keyName)}\n                  align=\"center\"\n                >\n                  {currentRow[keyName] as ReactNode}\n                </TableCell>\n              ))}\n            </StyledTableRow>\n          );\n        })}\n      </TableBody>\n    </StyledTable>\n  );\n}\n"],"names":["getTableColumnKeys","__name","row","keyName","getTableCellSx","getTableCellSpan","spanType","mergeSx","styles","acc","style","isArray","treeGridContainerSx","treeGridFontSx","TREEGRID_FONT_FAMILY_STACK","OwpTableTotalCount","totalCount","jsxs","Fragment","jsx","Divider","Typography","isNumber","StyledTable","canBodyFullHeight","canUseTreeGridStyle","children","className","containerProps","footerSlot","tableLayout","tableProps","GlobalStyles","getTreeGridFontFaceStyles","TableContainer","Paper","StyledTableInner","clsx","styled","Table","prop","theme","StyledTableRow","TableRow","OwpTable","canTotalCountRow","headers","rows","restTableProps","resolvedHeaderRows","useMemo","isEmpty","commonKeyListData","TableHead","headerData","index","TableCell","TableBody","currentRow"],"mappings":"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"}
+{"version":3,"file":"OwpTable.js","sources":["../../../src/components/OwpTable/OwpTable.tsx"],"sourcesContent":["import {\n  resolveOwpGridTheme,\n  type OwpResolvedGridThemeConfigType,\n} from '@/constants/gridTheme';\nimport {\n  resolveOwpTableTheme,\n  type OwpResolvedTableThemeConfigType,\n} from '@/constants/tableTheme';\nimport { getTreeGridFontFaceStyles } from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { Divider, styled, Typography, type SxProps, type Theme } from '@mui/material';\nimport clsx from 'clsx';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport Paper from '@mui/material/Paper';\nimport Table, { type TableProps } from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableContainer, { type TableContainerProps } from '@mui/material/TableContainer';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport { isArray, isEmpty, isNumber } from 'es-toolkit/compat';\nimport { type ReactNode, useMemo } from 'react';\nimport {\n  getTreeGridBodyCellSx,\n  getTreeGridBodyRowSx,\n  getTreeGridCellBaseSx,\n  getTreeGridContainerSx,\n  getTreeGridHeaderCellSx,\n  TREEGRID_TABLE_BODY_BORDER_COLOR,\n  TREEGRID_TABLE_HEADER_BORDER_COLOR,\n} from './internal/treeGridTableStyle';\n\ntype OwpTableCellValue = string | number;\ntype OwpTableHeaderRow = Record<string, OwpTableCellValue>;\ntype OwpTableRowData = Record<string, unknown>;\n\nconst getTableColumnKeys = (row?: Record<string, unknown>) => {\n  if (!row) {\n    return [];\n  }\n\n  return Object.keys(row).filter((keyName) => !keyName.includes('Span'));\n};\n\nconst getTableCellSx = (row: Record<string, unknown>, keyName: string) => {\n  return (row[`${keyName}Sx`] as SxProps<Theme>) ?? {};\n};\n\nconst getTableCellSpan = (\n  row: Record<string, unknown>,\n  keyName: string,\n  spanType: 'ColSpan' | 'RowSpan',\n) => {\n  return (row[`${keyName}${spanType}`] as number | undefined) ?? undefined;\n};\n\nconst mergeSx = (...styles: Array<SxProps<Theme> | undefined | false>): SxProps<Theme> =>\n  styles.reduce<Array<Exclude<SxProps<Theme>, readonly unknown[]>>>((acc, style) => {\n    if (!style) {\n      return acc;\n    }\n\n    return [...acc, ...(isArray(style) ? style : [style])];\n  }, []) as SxProps<Theme>;\n\nconst treeGridContainerSx = {\n  border: 0,\n  borderRadius: 0,\n  overflow: 'visible',\n} as const;\n\nconst defaultStyledTableTheme = {\n  header: {\n    backgroundColor: '',\n    color: 'inherit',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    fontSize: '1.7rem',\n  },\n} satisfies OwpResolvedTableThemeConfigType;\n\ninterface StyledTableProps extends TableProps {\n  canBodyFullHeight?: boolean;\n  canUseTreeGridStyle?: boolean;\n  containerProps?: TableContainerProps;\n  footerSlot?: ReactNode;\n  tableTheme?: OwpResolvedTableThemeConfigType;\n  tableLayout?: 'auto' | 'fixed';\n  treeGridTheme?: OwpResolvedGridThemeConfigType;\n  title?: string;\n  children: ReactNode;\n}\n\ntype StyledTableInnerProps = Pick<\n  StyledTableProps,\n  'canBodyFullHeight' | 'canUseTreeGridStyle' | 'tableTheme' | 'treeGridTheme'\n>;\n\n/**\n * 총 row 수 표시 영역\n * @param totalCount 전체 row 수\n */\nexport function OwpTableTotalCount({ totalCount }: { totalCount?: number }) {\n  return (\n    <>\n      <Divider />\n      <Typography className=\"w-full py-8 pr-12\" align=\"right\">\n        전체: {isNumber(totalCount) ? totalCount.toLocaleString() : 0} 건\n      </Typography>\n    </>\n  );\n}\n\n/**\n * StyledTable 스타일 컴포넌트\n * @param canBodyFullHeight body full height 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param children 하위 콘텐츠\n * @param containerProps containerProps props\n * @param footerSlot footer 영역\n * @param tableLayout tableLayout 값\n */\nexport const StyledTable = ({\n  canBodyFullHeight,\n  canUseTreeGridStyle,\n  children,\n  className,\n  containerProps,\n  footerSlot,\n  tableTheme: tableThemeProp,\n  tableLayout,\n  ...tableProps\n}: StyledTableProps) => {\n  const currentSettings = useGetCurrentSettings();\n  const treeGridTheme = useMemo(\n    () => resolveOwpGridTheme(currentSettings?.theme?.main?.grid),\n    [currentSettings],\n  );\n  const tableTheme = useMemo(\n    () =>\n      tableThemeProp ??\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, defaultStyledTableTheme),\n    [currentSettings, tableThemeProp],\n  );\n\n  return (\n    <>\n      {canUseTreeGridStyle && <GlobalStyles styles={getTreeGridFontFaceStyles()} />}\n      <TableContainer\n        component={Paper}\n        variant=\"outlined\"\n        {...containerProps}\n        sx={mergeSx(\n          canUseTreeGridStyle && treeGridContainerSx,\n          canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n          canBodyFullHeight && { height: '100%' },\n          containerProps?.sx,\n        )}\n      >\n        <StyledTableInner\n          {...tableProps}\n          canBodyFullHeight={canBodyFullHeight}\n          canUseTreeGridStyle={canUseTreeGridStyle}\n          tableTheme={tableTheme}\n          treeGridTheme={treeGridTheme}\n          className={clsx(\n            canBodyFullHeight && 'h-full',\n            tableLayout === 'fixed' ? 'table-fixed' : tableLayout === 'auto' ? 'table-auto' : '',\n            className,\n          )}\n        >\n          {children}\n        </StyledTableInner>\n        {footerSlot}\n      </TableContainer>\n    </>\n  );\n};\n\nconst StyledTableInner = styled(Table, {\n  shouldForwardProp: (prop) =>\n    prop !== 'canBodyFullHeight' &&\n    prop !== 'canUseTreeGridStyle' &&\n    prop !== 'tableTheme' &&\n    prop !== 'treeGridTheme',\n})<StyledTableInnerProps>(\n  ({ theme, canBodyFullHeight, canUseTreeGridStyle, tableTheme, treeGridTheme }) => {\n    const resolvedTreeGridTheme = treeGridTheme ?? resolveOwpGridTheme();\n    const resolvedTableTheme = tableTheme ?? defaultStyledTableTheme;\n\n    return {\n      ...(canBodyFullHeight && {\n        height: '100%',\n      }),\n      ...(canBodyFullHeight && {\n        '& .MuiTableBody-root': {\n          height: '100%',\n        },\n        '& .MuiTableBody-root > .MuiTableRow-root': {\n          height: '100%',\n        },\n      }),\n      '& .MuiTableCell-root': canUseTreeGridStyle\n        ? {\n            ...getTreeGridCellBaseSx(resolvedTreeGridTheme),\n          }\n        : {\n            fontSize: resolvedTableTheme.cell.fontSize,\n            padding: '7px 10px',\n            borderLeft: 'none',\n            borderRight: 'none',\n          },\n      ...(!canUseTreeGridStyle && {\n        '& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root': {\n          borderLeft: `1px solid ${theme.palette.divider}`,\n        },\n      }),\n      '& th': canUseTreeGridStyle\n        ? {\n            ...getTreeGridHeaderCellSx(resolvedTreeGridTheme),\n            '&:first-of-type': {\n              borderLeft: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n            },\n          }\n        : {\n            backgroundColor: resolvedTableTheme.header.backgroundColor || theme.palette.grey[200],\n            color: resolvedTableTheme.header.color,\n            fontSize: resolvedTableTheme.header.fontSize,\n            fontWeight: resolvedTableTheme.header.fontWeight,\n          },\n      '& td': canUseTreeGridStyle\n        ? {\n            ...getTreeGridBodyCellSx(resolvedTreeGridTheme),\n            '&:first-of-type': {\n              borderLeft: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n            },\n          }\n        : {},\n      ...(canUseTreeGridStyle && {\n        '& tbody > .MuiTableRow-root': getTreeGridBodyRowSx(resolvedTreeGridTheme),\n      }),\n      ...(canUseTreeGridStyle && {\n        '& tbody > tr:first-of-type > th:first-of-type': {\n          borderTopLeftRadius: 'inherit',\n        },\n        '& tbody > tr:first-of-type > td:last-of-type': {\n          borderTopRightRadius: 'inherit',\n        },\n      }),\n    };\n  },\n);\n\nexport const StyledTableRow = styled(TableRow)`\n  /* &:last-child th,\n  &:last-child td {\n    border-bottom: 0;\n  } */\n`;\n\ninterface OwpTableProps<T> extends Omit<StyledTableProps, 'children'> {\n  canTotalCountRow?: boolean;\n  headers: OwpTableHeaderRow | OwpTableHeaderRow[];\n  rows: T[];\n  totalCount?: number;\n}\n\n/**\n * OwpTable 컴포넌트\n * @param canTotalCountRow 전체 row 수 표시 여부\n * @param headers headers 값\n * @param rows 행 데이터 목록\n * @param totalCount 전체 row 수\n */\nexport function OwpTable<T>({\n  canTotalCountRow = false,\n  headers,\n  rows,\n  totalCount,\n  ...restTableProps\n}: OwpTableProps<T>) {\n  const resolvedHeaderRows = useMemo(\n    () => (isArray(headers) ? headers : isEmpty(headers) ? [] : [headers]),\n    [headers],\n  );\n  const commonKeyListData = useMemo(\n    () => getTableColumnKeys(isArray(headers) ? headers[0] : headers),\n    [headers],\n  );\n\n  return (\n    <StyledTable\n      {...restTableProps}\n      footerSlot={\n        canTotalCountRow ? (\n          <OwpTableTotalCount totalCount={typeof totalCount === 'undefined' ? rows.length : totalCount} />\n        ) : undefined\n      }\n      className={clsx(restTableProps.tableLayout && 'w-full', restTableProps.className)}\n    >\n      <TableHead>\n        {resolvedHeaderRows.map((headerData, index) => (\n          <StyledTableRow key={`table-header-${index}`}>\n            {getTableColumnKeys(headerData).map((keyName) => (\n              <TableCell\n                key={`table-header-${index}-${keyName}`}\n                className=\"whitespace-pre-wrap\"\n                sx={getTableCellSx(headerData, keyName)}\n                colSpan={getTableCellSpan(headerData, keyName, 'ColSpan')}\n                rowSpan={getTableCellSpan(headerData, keyName, 'RowSpan')}\n                align=\"center\"\n              >\n                {headerData[keyName]}\n              </TableCell>\n            ))}\n          </StyledTableRow>\n        ))}\n      </TableHead>\n      <TableBody>\n        {rows.map((row, index) => {\n          const currentRow = row as OwpTableRowData;\n\n          return (\n            <StyledTableRow key={`table-row-${index}`}>\n              {commonKeyListData.map((keyName) => (\n                <TableCell\n                  key={`table-row-cell-${index}-${keyName}`}\n                  className=\"whitespace-pre-wrap h-64\"\n                  sx={getTableCellSx(currentRow, keyName)}\n                  align=\"center\"\n                >\n                  {currentRow[keyName] as ReactNode}\n                </TableCell>\n              ))}\n            </StyledTableRow>\n          );\n        })}\n      </TableBody>\n    </StyledTable>\n  );\n}\n"],"names":["getTableColumnKeys","__name","row","keyName","getTableCellSx","getTableCellSpan","spanType","mergeSx","styles","acc","style","isArray","treeGridContainerSx","defaultStyledTableTheme","OwpTableTotalCount","totalCount","jsxs","Fragment","jsx","Divider","Typography","isNumber","StyledTable","canBodyFullHeight","canUseTreeGridStyle","children","className","containerProps","footerSlot","tableThemeProp","tableLayout","tableProps","currentSettings","useGetCurrentSettings","treeGridTheme","useMemo","resolveOwpGridTheme","_b","_a","tableTheme","resolveOwpTableTheme","GlobalStyles","getTreeGridFontFaceStyles","TableContainer","Paper","getTreeGridContainerSx","StyledTableInner","clsx","styled","Table","prop","theme","resolvedTreeGridTheme","resolvedTableTheme","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","TREEGRID_TABLE_HEADER_BORDER_COLOR","getTreeGridBodyCellSx","TREEGRID_TABLE_BODY_BORDER_COLOR","getTreeGridBodyRowSx","StyledTableRow","TableRow","OwpTable","canTotalCountRow","headers","rows","restTableProps","resolvedHeaderRows","isEmpty","commonKeyListData","TableHead","headerData","index","TableCell","TableBody","currentRow"],"mappings":"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"}

package/dist/components/OwpTable/internal/treeGridTableStyle.js

@@ -0,0 +1,77 @@
+var g = Object.defineProperty;
+var l = (o, r) => g(o, "name", { value: r, configurable: !0 });
+import { TREEGRID_FONT_FAMILY_STACK as n } from "../../../constants/treeGrid.js";
+const d = "#6F7F94", c = "#CDD8E4", s = /* @__PURE__ */ l((o) => ({
+  backgroundColor: o.body.backgroundColor,
+  color: o.body.color
+}), "getTreeGridContainerSx"), a = /* @__PURE__ */ l((o, r = "normal") => ({
+  fontFamily: n,
+  fontSize: o,
+  fontWeight: r,
+  lineHeight: "16px"
+}), "getTreeGridTypographySx"), C = /* @__PURE__ */ l((o) => ({
+  ...a(o.cell.fontSize),
+  boxSizing: "border-box",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  verticalAlign: "middle",
+  whiteSpace: "nowrap"
+}), "getTreeGridCellBaseSx"), x = /* @__PURE__ */ l((o) => ({
+  ...a(
+    o.header.fontSize,
+    o.header.fontWeight
+  ),
+  backgroundColor: o.header.backgroundColor,
+  borderTop: `1px solid ${d}`,
+  borderBottom: `1px solid ${d}`,
+  borderLeft: 0,
+  borderRight: `1px solid ${d}`,
+  color: o.header.color,
+  height: o.header.height,
+  minHeight: o.header.height,
+  padding: "7px 2px 6px 10px"
+}), "getTreeGridHeaderCellSx"), k = /* @__PURE__ */ l((o) => ({
+  ...C(o),
+  backgroundColor: o.row.backgroundColor,
+  borderBottom: `1px solid ${c}`,
+  borderLeft: 0,
+  borderRight: `1px solid ${c}`,
+  color: o.body.color,
+  fontSize: o.cell.fontSize,
+  padding: "7px 10px 6px"
+}), "getTreeGridBodyCellSx"), R = /* @__PURE__ */ l((o, r) => {
+  const e = r != null && r.selected ? o.state.selectedRowBackgroundColor : o.row.backgroundColor, t = r != null && r.selected ? o.state.selectedRowBackgroundColor : o.state.hoverRowBackgroundColor;
+  return {
+    "& > td": {
+      backgroundColor: e
+    },
+    ...(r == null ? void 0 : r.canHover) && {
+      "&:hover > td": {
+        backgroundColor: t
+      }
+    },
+    "&.Mui-selected > td": {
+      backgroundColor: o.state.selectedRowBackgroundColor
+    },
+    "&.Mui-selected:hover > td": {
+      backgroundColor: o.state.selectedRowBackgroundColor
+    },
+    "&:focus-within > td": {
+      backgroundColor: o.state.focusedRowBackgroundColor
+    },
+    "& > td:focus-within": {
+      backgroundColor: o.state.focusedCellBackgroundColor
+    }
+  };
+}, "getTreeGridBodyRowSx");
+export {
+  c as TREEGRID_TABLE_BODY_BORDER_COLOR,
+  d as TREEGRID_TABLE_HEADER_BORDER_COLOR,
+  k as getTreeGridBodyCellSx,
+  R as getTreeGridBodyRowSx,
+  C as getTreeGridCellBaseSx,
+  s as getTreeGridContainerSx,
+  x as getTreeGridHeaderCellSx,
+  a as getTreeGridTypographySx
+};
+//# sourceMappingURL=treeGridTableStyle.js.map

package/dist/components/OwpTable/internal/treeGridTableStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeGridTableStyle.js","sources":["../../../../src/components/OwpTable/internal/treeGridTableStyle.ts"],"sourcesContent":["import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';\nimport { TREEGRID_FONT_FAMILY_STACK } from '@/constants/treeGrid';\n\nexport const TREEGRID_TABLE_HEADER_BORDER_COLOR = '#6F7F94';\nexport const TREEGRID_TABLE_BODY_BORDER_COLOR = '#CDD8E4';\n\n/**\n * TreeGrid 컨테이너 색상 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridContainerSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  backgroundColor: treeGridTheme.body.backgroundColor,\n  color: treeGridTheme.body.color,\n});\n\n/**\n * TreeGrid 타이포그래피 매핑\n * @param fontSize 폰트 크기\n * @param fontWeight 폰트 두께\n */\nexport const getTreeGridTypographySx = (\n  fontSize: number | string,\n  fontWeight: number | string = 'normal',\n) => ({\n  fontFamily: TREEGRID_FONT_FAMILY_STACK,\n  fontSize,\n  fontWeight,\n  lineHeight: '16px',\n});\n\n/**\n * TreeGrid 공통 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridCellBaseSx = (treeGridTheme: OwpResolvedGridThemeConfigType) => ({\n  ...getTreeGridTypographySx(treeGridTheme.cell.fontSize),\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  verticalAlign: 'middle',\n  whiteSpace: 'nowrap',\n});\n\n/**\n * TreeGrid header 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridHeaderCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridTypographySx(\n    treeGridTheme.header.fontSize,\n    treeGridTheme.header.fontWeight,\n  ),\n  backgroundColor: treeGridTheme.header.backgroundColor,\n  borderTop: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderBottom: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  color: treeGridTheme.header.color,\n  height: treeGridTheme.header.height,\n  minHeight: treeGridTheme.header.height,\n  padding: '7px 2px 6px 10px',\n});\n\n/**\n * TreeGrid body 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridBodyCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridCellBaseSx(treeGridTheme),\n  backgroundColor: treeGridTheme.row.backgroundColor,\n  borderBottom: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  color: treeGridTheme.body.color,\n  fontSize: treeGridTheme.cell.fontSize,\n  padding: '7px 10px 6px',\n});\n\n/**\n * TreeGrid body row 상태 스타일 매핑\n * @param treeGridTheme Grid theme 값\n * @param options hover, selected 여부\n */\nexport const getTreeGridBodyRowSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n  options?: {\n    canHover?: boolean;\n    selected?: boolean;\n  },\n) => {\n  const defaultBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.row.backgroundColor;\n  const hoverBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.state.hoverRowBackgroundColor;\n\n  return {\n    '& > td': {\n      backgroundColor: defaultBackgroundColor,\n    },\n    ...(options?.canHover && {\n      '&:hover > td': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    '&.Mui-selected > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&.Mui-selected:hover > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&:focus-within > td': {\n      backgroundColor: treeGridTheme.state.focusedRowBackgroundColor,\n    },\n    '& > td:focus-within': {\n      backgroundColor: treeGridTheme.state.focusedCellBackgroundColor,\n    },\n  };\n};\n"],"names":["TREEGRID_TABLE_HEADER_BORDER_COLOR","TREEGRID_TABLE_BODY_BORDER_COLOR","getTreeGridContainerSx","__name","treeGridTheme","getTreeGridTypographySx","fontSize","fontWeight","TREEGRID_FONT_FAMILY_STACK","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","getTreeGridBodyCellSx","getTreeGridBodyRowSx","options","defaultBackgroundColor","hoverBackgroundColor"],"mappings":";;;AAGO,MAAMA,IAAqC,WACrCC,IAAmC,WAMnCC,IAAyB,gBAAAC,EAAA,CACpCC,OACI;AAAA,EACJ,iBAAiBA,EAAc,KAAK;AAAA,EACpC,OAAOA,EAAc,KAAK;AAC5B,IALsC,2BAYzBC,IAA0B,gBAAAF,EAAA,CACrCG,GACAC,IAA8B,cAC1B;AAAA,EACJ,YAAYC;AAAA,EACZ,UAAAF;AAAA,EACA,YAAAC;AAAA,EACA,YAAY;AACd,IARuC,4BAc1BE,IAAwB,gBAAAN,EAAA,CAACC,OAAmD;AAAA,EACvF,GAAGC,EAAwBD,EAAc,KAAK,QAAQ;AAAA,EACtD,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AACd,IAPqC,0BAaxBM,IAA0B,gBAAAP,EAAA,CACrCC,OACI;AAAA,EACJ,GAAGC;AAAA,IACDD,EAAc,OAAO;AAAA,IACrBA,EAAc,OAAO;AAAA,EAAA;AAAA,EAEvB,iBAAiBA,EAAc,OAAO;AAAA,EACtC,WAAW,aAAaJ,CAAkC;AAAA,EAC1D,cAAc,aAAaA,CAAkC;AAAA,EAC7D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAkC;AAAA,EAC5D,OAAOI,EAAc,OAAO;AAAA,EAC5B,QAAQA,EAAc,OAAO;AAAA,EAC7B,WAAWA,EAAc,OAAO;AAAA,EAChC,SAAS;AACX,IAhBuC,4BAsB1BO,IAAwB,gBAAAR,EAAA,CACnCC,OACI;AAAA,EACJ,GAAGK,EAAsBL,CAAa;AAAA,EACtC,iBAAiBA,EAAc,IAAI;AAAA,EACnC,cAAc,aAAaH,CAAgC;AAAA,EAC3D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAgC;AAAA,EAC1D,OAAOG,EAAc,KAAK;AAAA,EAC1B,UAAUA,EAAc,KAAK;AAAA,EAC7B,SAAS;AACX,IAXqC,0BAkBxBQ,IAAuB,gBAAAT,EAAA,CAClCC,GACAS,MAIG;AACH,QAAMC,IAAyBD,KAAA,QAAAA,EAAS,WACpCT,EAAc,MAAM,6BACpBA,EAAc,IAAI,iBAChBW,IAAuBF,KAAA,QAAAA,EAAS,WAClCT,EAAc,MAAM,6BACpBA,EAAc,MAAM;AAExB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,iBAAiBU;AAAA,IAAA;AAAA,IAEnB,IAAID,KAAA,gBAAAA,EAAS,aAAY;AAAA,MACvB,gBAAgB;AAAA,QACd,iBAAiBE;AAAA,MAAA;AAAA,IACnB;AAAA,IAEF,uBAAuB;AAAA,MACrB,iBAAiBX,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,6BAA6B;AAAA,MAC3B,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,EACvC;AAEJ,GApCoC;"}