@owp/core 2.5.3 → 2.5.5

package/dist/components/OwpTable/OwpTable.js

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

@@ -0,0 +1,50 @@
+var t = Object.defineProperty;
+var e = (o, r) => t(o, "name", { value: r, configurable: !0 });
+import { grey as l } from "@mui/material/colors";
+const n = "7px 10px", d = {
+  header: {
+    backgroundColor: "",
+    color: "inherit",
+    fontSize: "1.7rem",
+    fontWeight: 600
+  },
+  cell: {
+    fontSize: "1.7rem"
+  }
+}, i = /* @__PURE__ */ e((o) => ({
+  fontSize: o.cell.fontSize,
+  padding: n,
+  borderLeft: "none",
+  borderRight: "none"
+}), "getDefaultTableCellSx"), f = /* @__PURE__ */ e((o, r = l[200]) => ({
+  ...i(o),
+  backgroundColor: o.header.backgroundColor || r,
+  color: o.header.color,
+  fontSize: o.header.fontSize,
+  fontWeight: o.header.fontWeight
+}), "getDefaultTableHeaderCellSx"), S = /* @__PURE__ */ e((o) => ({
+  color: o.header.color,
+  fontSize: o.header.fontSize,
+  fontWeight: o.header.fontWeight
+}), "getDefaultTableHeaderLabelSx"), g = {
+  "&.MuiTableSortLabel-root": {
+    color: "inherit"
+  },
+  "&.MuiTableSortLabel-root:hover": {
+    color: "inherit"
+  },
+  "&.Mui-active": {
+    color: "inherit"
+  },
+  "& .MuiTableSortLabel-icon": {
+    color: "currentColor !important"
+  }
+};
+export {
+  d as defaultStyledTableTheme,
+  g as defaultTableSortLabelSx,
+  i as getDefaultTableCellSx,
+  f as getDefaultTableHeaderCellSx,
+  S as getDefaultTableHeaderLabelSx
+};
+//# sourceMappingURL=defaultTableStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTableStyle.js","sources":["../../../../src/components/OwpTable/internal/defaultTableStyle.ts"],"sourcesContent":["import type { OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';\nimport { grey } from '@mui/material/colors';\n\nconst DEFAULT_TABLE_CELL_PADDING = '7px 10px';\n\nexport const 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\n/** 기본 table cell sx */\nexport const getDefaultTableCellSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    fontSize: tableTheme.cell.fontSize,\n    padding: DEFAULT_TABLE_CELL_PADDING,\n    borderLeft: 'none',\n    borderRight: 'none',\n  }) as const;\n\n/** 기본 table header cell sx */\nexport const getDefaultTableHeaderCellSx = (\n  tableTheme: OwpResolvedTableThemeConfigType,\n  fallbackBackgroundColor: string = grey[200],\n) =>\n  ({\n    ...getDefaultTableCellSx(tableTheme),\n    backgroundColor: tableTheme.header.backgroundColor || fallbackBackgroundColor,\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\n/** 기본 table header label sx */\nexport const getDefaultTableHeaderLabelSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\nexport const defaultTableSortLabelSx = {\n  '&.MuiTableSortLabel-root': {\n    color: 'inherit',\n  },\n  '&.MuiTableSortLabel-root:hover': {\n    color: 'inherit',\n  },\n  '&.Mui-active': {\n    color: 'inherit',\n  },\n  '& .MuiTableSortLabel-icon': {\n    color: 'currentColor !important',\n  },\n} as const;\n"],"names":["DEFAULT_TABLE_CELL_PADDING","defaultStyledTableTheme","getDefaultTableCellSx","__name","tableTheme","getDefaultTableHeaderCellSx","fallbackBackgroundColor","grey","getDefaultTableHeaderLabelSx","defaultTableSortLabelSx"],"mappings":";;;AAGA,MAAMA,IAA6B,YAEtBC,IAA0B;AAAA,EACrC,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,EAAA;AAAA,EAEd,MAAM;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd,GAGaC,IAAwB,gBAAAC,EAAA,CAACC,OACnC;AAAA,EACC,UAAUA,EAAW,KAAK;AAAA,EAC1B,SAASJ;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AACf,IANmC,0BASxBK,IAA8B,gBAAAF,EAAA,CACzCC,GACAE,IAAkCC,EAAK,GAAG,OAEzC;AAAA,EACC,GAAGL,EAAsBE,CAAU;AAAA,EACnC,iBAAiBA,EAAW,OAAO,mBAAmBE;AAAA,EACtD,OAAOF,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAVyC,gCAa9BI,IAA+B,gBAAAL,EAAA,CAACC,OAC1C;AAAA,EACC,OAAOA,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAL0C,iCAO/BK,IAA0B;AAAA,EACrC,4BAA4B;AAAA,IAC1B,OAAO;AAAA,EAAA;AAAA,EAET,kCAAkC;AAAA,IAChC,OAAO;AAAA,EAAA;AAAA,EAET,gBAAgB;AAAA,IACd,OAAO;AAAA,EAAA;AAAA,EAET,6BAA6B;AAAA,IAC3B,OAAO;AAAA,EAAA;AAEX;"}

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;"}