@owp/core 2.5.8 → 2.5.9

package/dist/components/OwpTable/OwpTable.js

@@ -1,107 +1,107 @@
-var L = Object.defineProperty;
-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 = {
+var I = Object.defineProperty;
+var n = (o, e) => I(o, "name", { value: e, configurable: !0 });
+import { jsxs as u, jsx as a, Fragment as L } 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 M } from "../../constants/gridTheme.js";
+import { resolveOwpTableTheme as _ } from "../../constants/tableTheme.js";
+import { getTreeGridFontFaceStyles as F } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as D } from "../../hooks/useOwpSettings.js";
+import { Typography as K, styled as A, Divider as N } from "@mui/material";
+import { clsx as j } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import Y from "@mui/material/GlobalStyles";
+import q from "@mui/material/Paper";
+import z from "@mui/material/Table";
+import J from "@mui/material/TableBody";
+import O from "@mui/material/TableCell";
+import Q from "@mui/material/TableContainer";
+import V from "@mui/material/TableHead";
+import W from "@mui/material/TableRow";
+import { useMemo as h } from "react";
+import { getTreeGridContainerSx as X, getTreeGridBodyRowSx as Z, TREEGRID_TABLE_BODY_BORDER_COLOR as k, getTreeGridBodyCellSx as U, TREEGRID_TABLE_HEADER_BORDER_COLOR as P, getTreeGridHeaderCellSx as ee, getTreeGridCellBaseSx as oe } from "./internal/treeGridTableStyle.js";
+import { getDefaultTableHeaderCellSx as H, getDefaultTableCellSx as te, defaultStyledTableTheme as S } from "./internal/defaultTableStyle.js";
+import { isNumber as re } 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 le } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+const $ = /* @__PURE__ */ n((o) => o ? Object.keys(o).filter((e) => !e.includes("Span")) : [], "getTableColumnKeys"), E = /* @__PURE__ */ n((o, e) => o[`${e}Sx`] ?? {}, "getTableCellSx"), B = /* @__PURE__ */ n((o, e, t) => o[`${e}${t}`] ?? void 0, "getTableCellSpan"), y = /* @__PURE__ */ n((...o) => o.reduce((e, t) => t ? [...e, ...C(t) ? t : [t]] : e, []), "mergeSx"), ie = {
   border: 0,
   borderRadius: 0,
   overflow: "visible"
 };
-function te({ totalCount: t }) {
-  return /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ m(D, {}),
-    /* @__PURE__ */ u(_, { className: "w-full py-8 pr-12", align: "right", children: [
+function me({ totalCount: o }) {
+  return /* @__PURE__ */ u(L, { children: [
+    /* @__PURE__ */ a(N, {}),
+    /* @__PURE__ */ u(K, { className: "w-full py-8 pr-12", align: "right", children: [
       "전체: ",
-      k(t) ? t.toLocaleString() : 0,
+      re(o) ? o.toLocaleString() : 0,
       " 건"
     ] })
   ] });
 }
-a(te, "OwpTableTotalCount");
-const oe = /* @__PURE__ */ a(({
-  canBodyFullHeight: t,
+n(me, "OwpTableTotalCount");
+const ae = /* @__PURE__ */ n(({
+  canBodyFullHeight: o,
   canUseTreeGridStyle: e,
-  children: o,
-  className: b,
-  containerProps: l,
-  footerSlot: d,
-  tableTheme: f,
-  tableLayout: i,
-  ...n
+  children: t,
+  className: s,
+  containerProps: r,
+  footerSlot: l,
+  tableTheme: d,
+  tableLayout: x,
+  ...g
 }) => {
-  const r = G(), p = c(
+  const i = D(), T = h(
     () => {
-      var s, T;
-      return y((T = (s = r == null ? void 0 : r.theme) == null ? void 0 : s.main) == null ? void 0 : T.grid);
+      var f, b;
+      return M((b = (f = i == null ? void 0 : i.theme) == null ? void 0 : f.main) == null ? void 0 : b.grid);
     },
-    [r]
-  ), E = c(
+    [i]
+  ), R = h(
     () => {
-      var s, T;
-      return f ?? B((T = (s = r == null ? void 0 : r.theme) == null ? void 0 : s.main) == null ? void 0 : T.table, $);
+      var f, b;
+      return d ?? _((b = (f = i == null ? void 0 : i.theme) == null ? void 0 : f.main) == null ? void 0 : b.table, S);
     },
-    [r, f]
+    [i, d]
   );
-  return /* @__PURE__ */ u(S, { children: [
-    e && /* @__PURE__ */ m(A, { styles: M() }),
+  return /* @__PURE__ */ u(L, { children: [
+    e && /* @__PURE__ */ a(Y, { styles: F() }),
     /* @__PURE__ */ u(
-      F,
+      Q,
       {
-        component: j,
+        component: q,
         variant: "outlined",
-        ...l,
-        sx: U(
-          e && ee,
-          e && Y(p),
-          t && { height: "100%" },
-          l == null ? void 0 : l.sx
+        ...r,
+        sx: y(
+          e && ie,
+          e && X(T),
+          o && { height: "100%" },
+          r == null ? void 0 : r.sx
         ),
         children: [
-          /* @__PURE__ */ m(
-            re,
+          /* @__PURE__ */ a(
+            ne,
             {
-              ...n,
-              canBodyFullHeight: t,
+              ...g,
+              canBodyFullHeight: o,
               canUseTreeGridStyle: e,
-              tableTheme: E,
-              treeGridTheme: p,
-              className: O(
-                t && "h-full",
-                i === "fixed" ? "table-fixed" : i === "auto" ? "table-auto" : "",
-                b
+              tableTheme: R,
+              treeGridTheme: T,
+              className: j(
+                o && "h-full",
+                x === "fixed" ? "table-fixed" : x === "auto" ? "table-auto" : "",
+                s
               ),
-              children: o
+              children: t
             }
           ),
-          d
+          l
         ]
       }
     )
   ] });
-}, "StyledTable"), re = v(H, {
-  shouldForwardProp: /* @__PURE__ */ a((t) => t !== "canBodyFullHeight" && t !== "canUseTreeGridStyle" && t !== "tableTheme" && t !== "treeGridTheme", "shouldForwardProp")
+}, "StyledTable"), ne = A(z, {
+  shouldForwardProp: /* @__PURE__ */ n((o) => o !== "canBodyFullHeight" && o !== "canUseTreeGridStyle" && o !== "tableTheme" && o !== "treeGridTheme", "shouldForwardProp")
 })(
-  ({ theme: t, canBodyFullHeight: e, canUseTreeGridStyle: o, tableTheme: b, treeGridTheme: l }) => {
-    const d = l ?? y(), f = b ?? $;
+  ({ theme: o, canBodyFullHeight: e, canUseTreeGridStyle: t, tableTheme: s, treeGridTheme: r }) => {
+    const l = r ?? M(), d = s ?? S;
     return {
       ...e && {
         height: "100%"
@@ -114,34 +114,34 @@ const oe = /* @__PURE__ */ a(({
           height: "100%"
         }
       },
-      "& .MuiTableCell-root": o ? {
-        ...W(d)
-      } : {
-        ...Z(f)
-      },
-      ...!o && {
+      "& .MuiTableCell-root": t ? {
+        ...oe(l)
+      } : void 0,
+      ...!t && {
         "& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root": {
-          borderLeft: `1px solid ${t.palette.divider}`
+          borderLeft: `1px solid ${o.palette.divider}`
         }
       },
-      "& th": o ? {
-        ...V(d),
+      "& th": t ? {
+        ...ee(l),
         "&:first-of-type": {
-          borderLeft: `1px solid ${Q}`
+          borderLeft: `1px solid ${P}`
         }
       } : {
-        ...X(f, t.palette.grey[200])
+        ...H(d, o.palette.grey[200])
       },
-      "& td": o ? {
-        ...J(d),
+      "& td": t ? {
+        ...U(l),
         "&:first-of-type": {
-          borderLeft: `1px solid ${z}`
+          borderLeft: `1px solid ${k}`
         }
-      } : {},
-      ...o && {
-        "& tbody > .MuiTableRow-root": q(d)
+      } : {
+        ...te(d)
+      },
+      ...t && {
+        "& tbody > .MuiTableRow-root": Z(l)
       },
-      ...o && {
+      ...t && {
         "& tbody > tr:first-of-type > th:first-of-type": {
           borderTopLeftRadius: "inherit"
         },
@@ -151,67 +151,85 @@ const oe = /* @__PURE__ */ a(({
       }
     };
   }
-), C = v(N)`
+), G = A(W)`
   /* &:last-child th,
   &:last-child td {
     border-bottom: 0;
   } */
 `;
-function Oe({
-  canTotalCountRow: t = !1,
+function Le({
+  canTotalCountRow: o = !1,
   headers: e,
-  rows: o,
-  totalCount: b,
-  ...l
+  rows: t,
+  totalCount: s,
+  ...r
 }) {
-  const d = c(
-    () => h(e) ? e : P(e) ? [] : [e],
+  var T, R, f, b, v;
+  const l = D(), d = h(
+    () => {
+      var m, p;
+      return r.tableTheme ?? _((p = (m = l == null ? void 0 : l.theme) == null ? void 0 : m.main) == null ? void 0 : p.table, S);
+    },
+    [l, r.tableTheme]
+  ), x = h(
+    () => C(e) ? e : le(e) ? [] : [e],
     [e]
-  ), f = c(
-    () => g(h(e) ? e[0] : e),
+  ), g = h(
+    () => $(C(e) ? e[0] : e),
     [e]
-  );
+  ), i = (b = (f = (R = (T = l == null ? void 0 : l.theme) == null ? void 0 : T.main) == null ? void 0 : R.table) == null ? void 0 : f.row) == null ? void 0 : b.backgroundColor;
   return /* @__PURE__ */ u(
-    oe,
+    ae,
     {
-      ...l,
-      footerSlot: t ? /* @__PURE__ */ m(te, { totalCount: typeof b > "u" ? o.length : b }) : void 0,
-      className: O(l.tableLayout && "w-full", l.className),
+      ...r,
+      containerProps: {
+        ...r.containerProps,
+        sx: y(
+          !r.canUseTreeGridStyle && i && { backgroundColor: i },
+          (v = r.containerProps) == null ? void 0 : v.sx
+        )
+      },
+      footerSlot: o ? /* @__PURE__ */ a(me, { totalCount: typeof s > "u" ? t.length : s }) : void 0,
+      className: j(r.tableLayout && "w-full", r.className),
+      tableTheme: d,
       children: [
-        /* @__PURE__ */ m(K, { children: d.map((i, n) => /* @__PURE__ */ m(C, { children: g(i).map((r) => /* @__PURE__ */ m(
-          R,
+        /* @__PURE__ */ a(V, { children: x.map((m, p) => /* @__PURE__ */ a(G, { children: $(m).map((c) => /* @__PURE__ */ a(
+          O,
           {
             className: "whitespace-pre-wrap",
-            sx: w(i, r),
-            colSpan: x(i, r, "ColSpan"),
-            rowSpan: x(i, r, "RowSpan"),
+            sx: y(
+              !r.canUseTreeGridStyle && H(d),
+              E(m, c)
+            ),
+            colSpan: B(m, c, "ColSpan"),
+            rowSpan: B(m, c, "RowSpan"),
             align: "center",
-            children: i[r]
+            children: m[c]
           },
-          `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,
+          `table-header-${p}-${c}`
+        )) }, `table-header-${p}`)) }),
+        /* @__PURE__ */ a(J, { children: t.map((m, p) => {
+          const c = m;
+          return /* @__PURE__ */ a(G, { children: g.map((w) => /* @__PURE__ */ a(
+            O,
             {
               className: "whitespace-pre-wrap h-64",
-              sx: w(r, p),
+              sx: E(c, w),
               align: "center",
-              children: r[p]
+              children: c[w]
             },
-            `table-row-cell-${n}-${p}`
-          )) }, `table-row-${n}`);
+            `table-row-cell-${p}-${w}`
+          )) }, `table-row-${p}`);
         }) })
       ]
     }
   );
 }
-a(Oe, "OwpTable");
+n(Le, "OwpTable");
 export {
-  Oe as OwpTable,
-  te as OwpTableTotalCount,
-  oe as StyledTable,
-  C as StyledTableRow
+  Le as OwpTable,
+  me as OwpTableTotalCount,
+  ae as StyledTable,
+  G 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  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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"}
+{"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        : undefined,\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            ...getDefaultTableCellSx(resolvedTableTheme),\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 currentSettings = useGetCurrentSettings();\n  const tableTheme = useMemo(\n    () =>\n      restTableProps.tableTheme ??\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, defaultStyledTableTheme),\n    [currentSettings, restTableProps.tableTheme],\n  );\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  const tableBackgroundColor = currentSettings?.theme?.main?.table?.row?.backgroundColor;\n\n  return (\n    <StyledTable\n      {...restTableProps}\n      containerProps={{\n        ...restTableProps.containerProps,\n        sx: mergeSx(\n          !restTableProps.canUseTreeGridStyle &&\n            tableBackgroundColor && { backgroundColor: tableBackgroundColor },\n          restTableProps.containerProps?.sx,\n        ),\n      }}\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      tableTheme={tableTheme}\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={mergeSx(\n                  !restTableProps.canUseTreeGridStyle && getDefaultTableHeaderCellSx(tableTheme),\n                  getTableCellSx(headerData, keyName),\n                )}\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","getTreeGridHeaderCellSx","TREEGRID_TABLE_HEADER_BORDER_COLOR","getDefaultTableHeaderCellSx","getTreeGridBodyCellSx","TREEGRID_TABLE_BODY_BORDER_COLOR","getDefaultTableCellSx","getTreeGridBodyRowSx","StyledTableRow","TableRow","OwpTable","canTotalCountRow","headers","rows","restTableProps","resolvedHeaderRows","isEmpty","commonKeyListData","tableBackgroundColor","_d","_c","_e","TableHead","headerData","index","TableCell","TableBody","currentRow"],"mappings":"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"}

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

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

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

@@ -1 +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;"}
+{"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    backgroundColor: '',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpResolvedTableThemeConfigType;\n\nconst getDefaultTableCellBaseSx = () =>\n  ({\n    padding: DEFAULT_TABLE_CELL_PADDING,\n    borderLeft: 'none',\n    borderRight: 'none',\n  }) as const;\n\n/** 기본 table cell sx */\nexport const getDefaultTableCellSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    ...getDefaultTableCellBaseSx(),\n    ...(tableTheme.cell.backgroundColor && {\n      backgroundColor: tableTheme.cell.backgroundColor,\n    }),\n    fontSize: tableTheme.cell.fontSize,\n  }) as const;\n\n/** 기본 table header cell sx */\nexport const getDefaultTableHeaderCellSx = (\n  tableTheme: OwpResolvedTableThemeConfigType,\n  fallbackBackgroundColor: string = grey[200],\n) =>\n  ({\n    ...getDefaultTableCellBaseSx(),\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","getDefaultTableCellBaseSx","__name","getDefaultTableCellSx","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,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,GAEMC,IAA4B,gBAAAC,EAAA,OAC/B;AAAA,EACC,SAASH;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AACf,IALgC,8BAQrBI,IAAwB,gBAAAD,EAAA,CAACE,OACnC;AAAA,EACC,GAAGH,EAAA;AAAA,EACH,GAAIG,EAAW,KAAK,mBAAmB;AAAA,IACrC,iBAAiBA,EAAW,KAAK;AAAA,EAAA;AAAA,EAEnC,UAAUA,EAAW,KAAK;AAC5B,IAPmC,0BAUxBC,IAA8B,gBAAAH,EAAA,CACzCE,GACAE,IAAkCC,EAAK,GAAG,OAEzC;AAAA,EACC,GAAGN,EAAA;AAAA,EACH,iBAAiBG,EAAW,OAAO,mBAAmBE;AAAA,EACtD,OAAOF,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAVyC,gCAa9BI,IAA+B,gBAAAN,EAAA,CAACE,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/constants/tableTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableTheme.js","sources":["../../src/constants/tableTheme.ts"],"sourcesContent":["import type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';\n\nexport type OwpResolvedTableThemeConfigType = {\n  header: {\n    backgroundColor: string;\n    color: string;\n    fontSize: number | string;\n    fontWeight: number | string;\n  };\n  cell: {\n    fontSize: number | string;\n  };\n};\n\n/**\n * Table theme 토큰 기본값 병합\n * @param tableTheme 앱 theme table 설정\n * @param fallbackTheme 컴포넌트 기본값\n */\nexport const resolveOwpTableTheme = (\n  tableTheme: OwpTableVariantThemeConfigType | null | undefined,\n  fallbackTheme: OwpResolvedTableThemeConfigType,\n): OwpResolvedTableThemeConfigType => {\n  return {\n    header: {\n      ...fallbackTheme.header,\n      ...(tableTheme?.header ?? {}),\n    },\n    cell: {\n      ...fallbackTheme.cell,\n      ...(tableTheme?.cell ?? {}),\n    },\n  };\n};\n"],"names":["resolveOwpTableTheme","__name","tableTheme","fallbackTheme"],"mappings":";;AAmBO,MAAMA,IAAuB,gBAAAC,EAAA,CAClCC,GACAC,OAEO;AAAA,EACL,QAAQ;AAAA,IACN,GAAGA,EAAc;AAAA,IACjB,IAAID,KAAA,gBAAAA,EAAY,WAAU,CAAA;AAAA,EAAC;AAAA,EAE7B,MAAM;AAAA,IACJ,GAAGC,EAAc;AAAA,IACjB,IAAID,KAAA,gBAAAA,EAAY,SAAQ,CAAA;AAAA,EAAC;AAC3B,IAZgC;"}
+{"version":3,"file":"tableTheme.js","sources":["../../src/constants/tableTheme.ts"],"sourcesContent":["import type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';\n\nexport type OwpResolvedTableThemeConfigType = {\n  header: {\n    backgroundColor: string;\n    color: string;\n    fontSize: number | string;\n    fontWeight: number | string;\n  };\n  cell: {\n    backgroundColor?: string;\n    fontSize: number | string;\n  };\n};\n\n/**\n * Table theme 토큰 기본값 병합\n * @param tableTheme 앱 theme table 설정\n * @param fallbackTheme 컴포넌트 기본값\n */\nexport const resolveOwpTableTheme = (\n  tableTheme: OwpTableVariantThemeConfigType | null | undefined,\n  fallbackTheme: OwpResolvedTableThemeConfigType,\n): OwpResolvedTableThemeConfigType => {\n  return {\n    header: {\n      ...fallbackTheme.header,\n      ...(tableTheme?.header ?? {}),\n    },\n    cell: {\n      ...fallbackTheme.cell,\n      ...(tableTheme?.cell ?? {}),\n    },\n  };\n};\n"],"names":["resolveOwpTableTheme","__name","tableTheme","fallbackTheme"],"mappings":";;AAoBO,MAAMA,IAAuB,gBAAAC,EAAA,CAClCC,GACAC,OAEO;AAAA,EACL,QAAQ;AAAA,IACN,GAAGA,EAAc;AAAA,IACjB,IAAID,KAAA,gBAAAA,EAAY,WAAU,CAAA;AAAA,EAAC;AAAA,EAE7B,MAAM;AAAA,IACJ,GAAGC,EAAc;AAAA,IACjB,IAAID,KAAA,gBAAAA,EAAY,SAAQ,CAAA;AAAA,EAAC;AAC3B,IAZgC;"}