@owp/core 2.5.20 → 2.5.22

package/dist/components/OwpTable/OwpTable.js

@@ -1,255 +1,102 @@
-var Y = Object.defineProperty;
-var b = (e, o) => Y(e, "name", { value: o, configurable: !0 });
-import { jsxs as y, jsx as m, Fragment as j } 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 k } from "../../constants/gridTheme.js";
-import { resolveOwpTableTheme as H } from "../../constants/tableTheme.js";
-import { getTreeGridFontFaceStyles as q } from "../../constants/treeGrid.js";
-import { useGetCurrentSettings as I } from "../../hooks/useOwpSettings.js";
-import { Typography as z, styled as F, Divider as J } from "@mui/material";
-import { clsx as K } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import Q from "@mui/material/GlobalStyles";
-import V from "@mui/material/Paper";
-import W from "@mui/material/Table";
-import X from "@mui/material/TableBody";
-import S from "@mui/material/TableCell";
-import Z from "@mui/material/TableContainer";
-import U from "@mui/material/TableHead";
-import P from "@mui/material/TableRow";
-import { useMemo as w } from "react";
-import { getTreeGridContainerSx as oo, getTreeGridBodyRowSx as eo, TREEGRID_TABLE_BODY_BORDER_COLOR as ro, getTreeGridBodyCellSx as to, TREEGRID_TABLE_HEADER_BORDER_COLOR as lo, getTreeGridHeaderCellSx as io, getTreeGridCellBaseSx as ao } from "./internal/treeGridTableStyle.js";
-import { getDefaultTableHeaderCellSx as N, getDefaultTableCellSx as mo, defaultStyledTableTheme as L } from "./internal/defaultTableStyle.js";
-import { isNumber as bo } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
-import { isArray as $ } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-import { isEmpty as no } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-const G = /* @__PURE__ */ b((e) => e ? Object.keys(e).filter((o) => !o.includes("Span")) : [], "getTableColumnKeys"), _ = /* @__PURE__ */ b((e, o) => e[`${o}Sx`] ?? {}, "getTableCellSx"), D = /* @__PURE__ */ b((e, o, r) => e[`${o}${r}`] ?? void 0, "getTableCellSpan"), E = /* @__PURE__ */ b((...e) => e.reduce((o, r) => r ? [...o, ...$(r) ? r : [r]] : o, []), "mergeSx"), fo = {
-  border: 0,
-  borderRadius: 0,
-  overflow: "visible"
-}, B = {
+var M = Object.defineProperty;
+var i = (e, o) => M(e, "name", { value: o, configurable: !0 });
+import { jsxs as U, jsx as n } 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 { resolveOwpTableTheme as k } from "../../constants/tableTheme.js";
+import { useGetCurrentSettings as A } from "../../hooks/useOwpSettings.js";
+import { clsx as E } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import q from "@mui/material/TableBody";
+import B from "@mui/material/TableCell";
+import z from "@mui/material/TableHead";
+import { useMemo as b } from "react";
+import { getDefaultTableHeaderCellSx as F, defaultStyledTableTheme as I } from "./internal/defaultTableStyle.js";
+import { OwpTableBaseRow as y, OwpTableBase as J } from "./internal/OwpTableBase.js";
+import { OwpTableTotalCount as Q } from "./internal/OwpTableTotalCount.js";
+import { mergeSx as O } from "./utils/tableSx.js";
+import { isArray as v } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+import { isEmpty as V } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+const R = /* @__PURE__ */ i((e) => e ? Object.keys(e).filter((o) => !o.includes("Span")) : [], "getTableColumnKeys"), j = /* @__PURE__ */ i((e, o) => e[`${o}Sx`] ?? {}, "getTableCellSx"), G = /* @__PURE__ */ i((e, o, c) => e[`${o}${c}`] ?? void 0, "getTableCellSpan"), H = {
   dark: "rgba(241,245,249,.12)",
   light: "#e2e8f0"
 };
-function po({
-  borderColor: e,
-  totalCount: o
-}) {
-  return /* @__PURE__ */ y(j, { children: [
-    /* @__PURE__ */ m(J, { sx: e ? { borderColor: e } : void 0 }),
-    /* @__PURE__ */ y(z, { className: "w-full py-8 pr-12", align: "right", children: [
-      "전체: ",
-      bo(o) ? o.toLocaleString() : 0,
-      " 건"
-    ] })
-  ] });
-}
-b(po, "OwpTableTotalCount");
-const ho = /* @__PURE__ */ b(({
-  canBodyFullHeight: e,
-  canUseTreeGridStyle: o,
-  children: r,
-  className: T,
-  containerProps: l,
-  footerSlot: t,
-  tableTheme: d,
-  tableLayout: s,
-  ...v
-}) => {
-  var x, R, g;
-  const i = I(), c = ((g = (R = (x = i == null ? void 0 : i.theme) == null ? void 0 : x.main) == null ? void 0 : R.palette) == null ? void 0 : g.mode) === "dark" ? B.dark : B.light, u = w(
-    () => {
-      var n, f;
-      return k((f = (n = i == null ? void 0 : i.theme) == null ? void 0 : n.main) == null ? void 0 : f.grid);
-    },
-    [i]
-  ), C = w(
-    () => {
-      var n, f;
-      return d ?? H((f = (n = i == null ? void 0 : i.theme) == null ? void 0 : n.main) == null ? void 0 : f.table, {
-        ...L,
-        borderColor: c
-      });
-    },
-    [i, c, d]
-  );
-  return /* @__PURE__ */ y(j, { children: [
-    o && /* @__PURE__ */ m(Q, { styles: q() }),
-    /* @__PURE__ */ y(
-      Z,
-      {
-        component: V,
-        variant: "outlined",
-        ...l,
-        sx: E(
-          !o && { borderColor: C.borderColor },
-          o && fo,
-          o && oo(u),
-          e && { height: "100%" },
-          l == null ? void 0 : l.sx
-        ),
-        children: [
-          /* @__PURE__ */ m(
-            To,
-            {
-              ...v,
-              canBodyFullHeight: e,
-              canUseTreeGridStyle: o,
-              tableTheme: C,
-              treeGridTheme: u,
-              className: K(
-                e && "h-full",
-                s === "fixed" ? "table-fixed" : s === "auto" ? "table-auto" : "",
-                T
-              ),
-              children: r
-            }
-          ),
-          t
-        ]
-      }
-    )
-  ] });
-}, "StyledTable"), To = F(W, {
-  shouldForwardProp: /* @__PURE__ */ b((e) => e !== "canBodyFullHeight" && e !== "canUseTreeGridStyle" && e !== "tableTheme" && e !== "treeGridTheme", "shouldForwardProp")
-})(
-  ({ theme: e, canBodyFullHeight: o, canUseTreeGridStyle: r, tableTheme: T, treeGridTheme: l }) => {
-    const t = l ?? k(), d = T ?? L;
-    return {
-      ...o && {
-        height: "100%"
-      },
-      ...o && {
-        "& .MuiTableBody-root": {
-          height: "100%"
-        },
-        "& .MuiTableBody-root > .MuiTableRow-root": {
-          height: "100%"
-        }
-      },
-      "& .MuiTableCell-root": r ? {
-        ...ao(t)
-      } : void 0,
-      ...!r && {
-        "& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root": {
-          borderLeft: `1px solid ${d.borderColor}`
-        }
-      },
-      "& th": r ? {
-        ...io(t),
-        "&:first-of-type": {
-          borderLeft: `1px solid ${lo}`
-        }
-      } : {
-        ...N(d, e.palette.grey[200])
-      },
-      "& td": r ? {
-        ...to(t),
-        "&:first-of-type": {
-          borderLeft: `1px solid ${ro}`
-        }
-      } : {
-        ...mo(d)
-      },
-      ...r && {
-        "& tbody > .MuiTableRow-root": eo(t)
-      },
-      ...r && {
-        "& tbody > tr:first-of-type > th:first-of-type": {
-          borderTopLeftRadius: "inherit"
-        },
-        "& tbody > tr:first-of-type > td:last-of-type": {
-          borderTopRightRadius: "inherit"
-        }
-      }
-    };
-  }
-), A = F(P)`
-  /* &:last-child th,
-  &:last-child td {
-    border-bottom: 0;
-  } */
-`;
-function ko({
+function no({
   canTotalCountRow: e = !1,
   headers: o,
-  rows: r,
-  totalCount: T,
-  ...l
+  rows: c,
+  totalCount: d,
+  ...t
 }) {
-  var u, C, x, R, g, n, f, M;
-  const t = I(), d = ((x = (C = (u = t == null ? void 0 : t.theme) == null ? void 0 : u.main) == null ? void 0 : C.palette) == null ? void 0 : x.mode) === "dark" ? B.dark : B.light, s = w(
+  var w, C, T, h, g, x, S, $;
+  const l = A(), s = ((T = (C = (w = l == null ? void 0 : l.theme) == null ? void 0 : w.main) == null ? void 0 : C.palette) == null ? void 0 : T.mode) === "dark" ? H.dark : H.light, p = b(
     () => {
-      var a, p;
-      return l.tableTheme ?? H((p = (a = t == null ? void 0 : t.theme) == null ? void 0 : a.main) == null ? void 0 : p.table, {
-        ...L,
-        borderColor: d
+      var r, a;
+      return t.tableTheme ?? k((a = (r = l == null ? void 0 : l.theme) == null ? void 0 : r.main) == null ? void 0 : a.table, {
+        ...I,
+        borderColor: s
       });
     },
-    [t, d, l.tableTheme]
-  ), v = w(
-    () => $(o) ? o : no(o) ? [] : [o],
+    [l, s, t.tableTheme]
+  ), K = b(
+    () => v(o) ? o : V(o) ? [] : [o],
     [o]
-  ), i = w(
-    () => G($(o) ? o[0] : o),
+  ), L = b(
+    () => R(v(o) ? o[0] : o),
     [o]
-  ), c = (f = (n = (g = (R = t == null ? void 0 : t.theme) == null ? void 0 : R.main) == null ? void 0 : g.table) == null ? void 0 : n.row) == null ? void 0 : f.backgroundColor;
-  return /* @__PURE__ */ y(
-    ho,
+  ), u = (S = (x = (g = (h = l == null ? void 0 : l.theme) == null ? void 0 : h.main) == null ? void 0 : g.table) == null ? void 0 : x.row) == null ? void 0 : S.backgroundColor;
+  return /* @__PURE__ */ U(
+    J,
     {
-      ...l,
+      ...t,
       containerProps: {
-        ...l.containerProps,
-        sx: E(
-          !l.canUseTreeGridStyle && c && { backgroundColor: c },
-          (M = l.containerProps) == null ? void 0 : M.sx
+        ...t.containerProps,
+        sx: O(
+          !t.canUseTreeGridStyle && u && { backgroundColor: u },
+          ($ = t.containerProps) == null ? void 0 : $.sx
         )
       },
-      footerSlot: e ? /* @__PURE__ */ m(
-        po,
+      footerSlot: e ? /* @__PURE__ */ n(
+        Q,
         {
-          borderColor: s.borderColor,
-          totalCount: typeof T > "u" ? r.length : T
+          borderColor: p.borderColor,
+          totalCount: typeof d > "u" ? c.length : d
         }
       ) : void 0,
-      className: K(l.tableLayout && "w-full", l.className),
-      tableTheme: s,
+      className: E(t.tableLayout && "w-full", t.className),
+      tableTheme: p,
       children: [
-        /* @__PURE__ */ m(U, { children: v.map((a, p) => /* @__PURE__ */ m(A, { children: G(a).map((h) => /* @__PURE__ */ m(
-          S,
+        /* @__PURE__ */ n(z, { children: K.map((r, a) => /* @__PURE__ */ n(y, { children: R(r).map((m) => /* @__PURE__ */ n(
+          B,
           {
             className: "whitespace-pre-wrap",
-            sx: E(
-              !l.canUseTreeGridStyle && N(s),
-              _(a, h)
+            sx: O(
+              !t.canUseTreeGridStyle && F(p),
+              j(r, m)
             ),
-            colSpan: D(a, h, "ColSpan"),
-            rowSpan: D(a, h, "RowSpan"),
+            colSpan: G(r, m, "ColSpan"),
+            rowSpan: G(r, m, "RowSpan"),
             align: "center",
-            children: a[h]
+            children: r[m]
           },
-          `table-header-${p}-${h}`
-        )) }, `table-header-${p}`)) }),
-        /* @__PURE__ */ m(X, { children: r.map((a, p) => {
-          const h = a;
-          return /* @__PURE__ */ m(A, { children: i.map((O) => /* @__PURE__ */ m(
-            S,
+          `table-header-${a}-${m}`
+        )) }, `table-header-${a}`)) }),
+        /* @__PURE__ */ n(q, { children: c.map((r, a) => {
+          const m = r;
+          return /* @__PURE__ */ n(y, { children: L.map((f) => /* @__PURE__ */ n(
+            B,
             {
               className: "whitespace-pre-wrap h-64",
-              sx: _(h, O),
+              sx: j(m, f),
               align: "center",
-              children: h[O]
+              children: m[f]
             },
-            `table-row-cell-${p}-${O}`
-          )) }, `table-row-${p}`);
+            `table-row-cell-${a}-${f}`
+          )) }, `table-row-${a}`);
         }) })
       ]
     }
   );
 }
-b(ko, "OwpTable");
+i(no, "OwpTable");
 export {
-  ko as OwpTable,
-  po as OwpTableTotalCount,
-  ho as StyledTable,
-  A as StyledTableRow
+  no as OwpTable
 };
 //# 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;\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\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 borderColor 경계선 색상\n * @param totalCount 전체 row 수\n */\nexport function OwpTableTotalCount({\n  borderColor,\n  totalCount,\n}: {\n  borderColor?: string;\n  totalCount?: number;\n}) {\n  return (\n    <>\n      <Divider sx={borderColor ? { borderColor } : undefined} />\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 defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\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, {\n        ...defaultStyledTableTheme,\n        borderColor: defaultTableBorderColor,\n      }),\n    [currentSettings, defaultTableBorderColor, 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 && { borderColor: tableTheme.borderColor },\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 ${resolvedTableTheme.borderColor}`,\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 defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const tableTheme = useMemo(\n    () =>\n      restTableProps.tableTheme ??\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, {\n        ...defaultStyledTableTheme,\n        borderColor: defaultTableBorderColor,\n      }),\n    [currentSettings, defaultTableBorderColor, 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\n            borderColor={tableTheme.borderColor}\n            totalCount={typeof totalCount === 'undefined' ? rows.length : totalCount}\n          />\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","defaultTableBorderColorByMode","OwpTableTotalCount","borderColor","totalCount","jsxs","Fragment","jsx","Divider","Typography","isNumber","StyledTable","canBodyFullHeight","canUseTreeGridStyle","children","className","containerProps","footerSlot","tableThemeProp","tableLayout","tableProps","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","treeGridTheme","useMemo","resolveOwpGridTheme","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","_g","_f","_e","_d","_h","TableHead","headerData","index","TableCell","TableBody","currentRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAMA,IAAqB,gBAAAC,EAAA,CAACC,MACrBA,IAIE,OAAO,KAAKA,CAAG,EAAE,OAAO,CAACC,MAAY,CAACA,EAAQ,SAAS,MAAM,CAAC,IAH5D,CAAA,GAFgB,uBAQrBC,IAAiB,gBAAAH,EAAA,CAACC,GAA8BC,MAC5CD,EAAI,GAAGC,CAAO,IAAI,KAAwB,CAAA,GAD7B,mBAIjBE,IAAmB,gBAAAJ,EAAA,CACvBC,GACAC,GACAG,MAEQJ,EAAI,GAAGC,CAAO,GAAGG,CAAQ,EAAE,KAA4B,QALxC,qBAQnBC,IAAU,gBAAAN,EAAA,IAAIO,MAClBA,EAAO,OAA2D,CAACC,GAAKC,MACjEA,IAIE,CAAC,GAAGD,GAAK,GAAIE,EAAQD,CAAK,IAAIA,IAAQ,CAACA,CAAK,CAAE,IAH5CD,GAIR,EAAE,GAPS,YASVG,KAAsB;AAAA,EAC1B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AACZ,GACMC,IAAgC;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AACT;AAwBO,SAASC,GAAmB;AAAA,EACjC,aAAAC;AAAA,EACA,YAAAC;AACF,GAGG;AACD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,IAAIL,IAAc,EAAE,aAAAA,EAAA,IAAgB,QAAW;AAAA,IACxD,gBAAAE,EAACI,GAAA,EAAW,WAAU,qBAAoB,OAAM,SAAQ,UAAA;AAAA,MAAA;AAAA,MACjDC,GAASN,CAAU,IAAIA,EAAW,mBAAmB;AAAA,MAAE;AAAA,IAAA,EAAA,CAC9D;AAAA,EAAA,GACF;AAEJ;AAfgBf,EAAAa,IAAA;AA0BT,MAAMS,KAAc,gBAAAtB,EAAA,CAAC;AAAA,EAC1B,mBAAAuB;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,aAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;;AACtB,QAAMC,IAAkBC,EAAA,GAClBC,MACJC,KAAAC,KAAAC,IAAAL,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAK,EAAwB,SAAxB,gBAAAD,EAA8B,YAA9B,gBAAAD,EAAuC,UAAS,SAC5CvB,EAA8B,OAC9BA,EAA8B,OAC9B0B,IAAgBC;AAAA,IACpB,MAAA;;AAAM,aAAAC,GAAoBJ,KAAAC,IAAAL,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAK,EAAwB,SAAxB,gBAAAD,EAA8B,IAAI;AAAA;AAAA,IAC5D,CAACJ,CAAe;AAAA,EAAA,GAEZS,IAAaF;AAAA,IACjB,MAAA;;AACE,aAAAV,KACAa,GAAqBN,KAAAC,IAAAL,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAK,EAAwB,SAAxB,gBAAAD,EAA8B,OAAO;AAAA,QACxD,GAAGO;AAAA,QACH,aAAaT;AAAA,MAAA,CACd;AAAA;AAAA,IACH,CAACF,GAAiBE,GAAyBL,CAAc;AAAA,EAAA;AAG3D,SACE,gBAAAb,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAO,KAAuB,gBAAAN,EAAC0B,GAAA,EAAa,QAAQC,EAAA,EAA0B,CAAG;AAAA,IAC3E,gBAAA7B;AAAA,MAAC8B;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,QACX,SAAQ;AAAA,QACP,GAAGpB;AAAA,QACJ,IAAIrB;AAAA,UACF,CAACkB,KAAuB,EAAE,aAAaiB,EAAW,YAAA;AAAA,UAClDjB,KAAuBb;AAAA,UACvBa,KAAuBwB,GAAuBV,CAAa;AAAA,UAC3Df,KAAqB,EAAE,QAAQ,OAAA;AAAA,UAC/BI,KAAA,gBAAAA,EAAgB;AAAA,QAAA;AAAA,QAGlB,UAAA;AAAA,UAAA,gBAAAT;AAAA,YAAC+B;AAAA,YAAA;AAAA,cACE,GAAGlB;AAAA,cACJ,mBAAAR;AAAA,cACA,qBAAAC;AAAA,cACA,YAAAiB;AAAA,cACA,eAAAH;AAAA,cACA,WAAWY;AAAA,gBACT3B,KAAqB;AAAA,gBACrBO,MAAgB,UAAU,gBAAgBA,MAAgB,SAAS,eAAe;AAAA,gBAClFJ;AAAA,cAAA;AAAA,cAGD,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,GA/D2B,gBAiErBqB,KAAmBE,EAAOC,GAAO;AAAA,EACrC,mBAAmB,gBAAApD,EAAA,CAACqD,MAClBA,MAAS,uBACTA,MAAS,yBACTA,MAAS,gBACTA,MAAS,iBAJQ;AAKrB,CAAC;AAAA,EACC,CAAC,EAAE,OAAAC,GAAO,mBAAA/B,GAAmB,qBAAAC,GAAqB,YAAAiB,GAAY,eAAAH,QAAoB;AAChF,UAAMiB,IAAwBjB,KAAiBE,EAAA,GACzCgB,IAAqBf,KAAcE;AAEzC,WAAO;AAAA,MACL,GAAIpB,KAAqB;AAAA,QACvB,QAAQ;AAAA,MAAA;AAAA,MAEV,GAAIA,KAAqB;AAAA,QACvB,wBAAwB;AAAA,UACtB,QAAQ;AAAA,QAAA;AAAA,QAEV,4CAA4C;AAAA,UAC1C,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,MAEF,wBAAwBC,IACpB;AAAA,QACE,GAAGiC,GAAsBF,CAAqB;AAAA,MAAA,IAEhD;AAAA,MACJ,GAAI,CAAC/B,KAAuB;AAAA,QAC1B,iEAAiE;AAAA,UAC/D,YAAY,aAAagC,EAAmB,WAAW;AAAA,QAAA;AAAA,MACzD;AAAA,MAEF,QAAQhC,IACJ;AAAA,QACE,GAAGkC,GAAwBH,CAAqB;AAAA,QAChD,mBAAmB;AAAA,UACjB,YAAY,aAAaI,EAAkC;AAAA,QAAA;AAAA,MAC7D,IAEF;AAAA,QACE,GAAGC,EAA4BJ,GAAoBF,EAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,MAAA;AAAA,MAEhF,QAAQ9B,IACJ;AAAA,QACE,GAAGqC,GAAsBN,CAAqB;AAAA,QAC9C,mBAAmB;AAAA,UACjB,YAAY,aAAaO,EAAgC;AAAA,QAAA;AAAA,MAC3D,IAEF;AAAA,QACE,GAAGC,GAAsBP,CAAkB;AAAA,MAAA;AAAA,MAEjD,GAAIhC,KAAuB;AAAA,QACzB,+BAA+BwC,GAAqBT,CAAqB;AAAA,MAAA;AAAA,MAE3E,GAAI/B,KAAuB;AAAA,QACzB,iDAAiD;AAAA,UAC/C,qBAAqB;AAAA,QAAA;AAAA,QAEvB,gDAAgD;AAAA,UAC9C,sBAAsB;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,EAEJ;AACF,GAEayC,IAAiBd,EAAOe,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBtC,SAASC,GAAY;AAAA,EAC1B,kBAAAC,IAAmB;AAAA,EACnB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAvD;AAAA,EACA,GAAGwD;AACL,GAAqB;;AACnB,QAAMvC,IAAkBC,EAAA,GAClBC,MACJC,KAAAC,KAAAC,IAAAL,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAK,EAAwB,SAAxB,gBAAAD,EAA8B,YAA9B,gBAAAD,EAAuC,UAAS,SAC5CvB,EAA8B,OAC9BA,EAA8B,OAC9B6B,IAAaF;AAAA,IACjB,MAAA;;AACE,aAAAgC,EAAe,cACf7B,GAAqBN,KAAAC,IAAAL,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAK,EAAwB,SAAxB,gBAAAD,EAA8B,OAAO;AAAA,QACxD,GAAGO;AAAA,QACH,aAAaT;AAAA,MAAA,CACd;AAAA;AAAA,IACH,CAACF,GAAiBE,GAAyBqC,EAAe,UAAU;AAAA,EAAA,GAEhEC,IAAqBjC;AAAA,IACzB,MAAO7B,EAAQ2D,CAAO,IAAIA,IAAUI,GAAQJ,CAAO,IAAI,KAAK,CAACA,CAAO;AAAA,IACpE,CAACA,CAAO;AAAA,EAAA,GAEJK,IAAoBnC;AAAA,IACxB,MAAMxC,EAAmBW,EAAQ2D,CAAO,IAAIA,EAAQ,CAAC,IAAIA,CAAO;AAAA,IAChE,CAACA,CAAO;AAAA,EAAA,GAEJM,KAAuBC,KAAAC,KAAAC,KAAAC,IAAA/C,KAAA,gBAAAA,EAAiB,UAAjB,gBAAA+C,EAAwB,SAAxB,gBAAAD,EAA8B,UAA9B,gBAAAD,EAAqC,QAArC,gBAAAD,EAA0C;AAEvE,SACE,gBAAA5D;AAAA,IAACM;AAAA,IAAA;AAAA,MACE,GAAGiD;AAAA,MACJ,gBAAgB;AAAA,QACd,GAAGA,EAAe;AAAA,QAClB,IAAIjE;AAAA,UACF,CAACiE,EAAe,uBACdI,KAAwB,EAAE,iBAAiBA,EAAA;AAAA,WAC7CK,IAAAT,EAAe,mBAAf,gBAAAS,EAA+B;AAAA,QAAA;AAAA,MACjC;AAAA,MAEF,YACEZ,IACE,gBAAAlD;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,aAAa4B,EAAW;AAAA,UACxB,YAAY,OAAO1B,IAAe,MAAcuD,EAAK,SAASvD;AAAA,QAAA;AAAA,MAAA,IAE9D;AAAA,MAEN,WAAWmC,EAAKqB,EAAe,eAAe,UAAUA,EAAe,SAAS;AAAA,MAChF,YAAA9B;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAvB,EAAC+D,GAAA,EACE,UAAAT,EAAmB,IAAI,CAACU,GAAYC,MACnC,gBAAAjE,EAAC+C,GAAA,EACE,UAAAlE,EAAmBmF,CAAU,EAAE,IAAI,CAAChF,MACnC,gBAAAgB;AAAA,UAACkE;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,IAAI9E;AAAA,cACF,CAACiE,EAAe,uBAAuBX,EAA4BnB,CAAU;AAAA,cAC7EtC,EAAe+E,GAAYhF,CAAO;AAAA,YAAA;AAAA,YAEpC,SAASE,EAAiB8E,GAAYhF,GAAS,SAAS;AAAA,YACxD,SAASE,EAAiB8E,GAAYhF,GAAS,SAAS;AAAA,YACxD,OAAM;AAAA,YAEL,YAAWA,CAAO;AAAA,UAAA;AAAA,UAVd,gBAAgBiF,CAAK,IAAIjF,CAAO;AAAA,QAAA,CAYxC,EAAA,GAfkB,gBAAgBiF,CAAK,EAgB1C,CACD,EAAA,CACH;AAAA,0BACCE,GAAA,EACE,UAAAf,EAAK,IAAI,CAACrE,GAAKkF,MAAU;AACxB,gBAAMG,IAAarF;AAEnB,iBACE,gBAAAiB,EAAC+C,GAAA,EACE,UAAAS,EAAkB,IAAI,CAACxE,MACtB,gBAAAgB;AAAA,YAACkE;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cACV,IAAIjF,EAAemF,GAAYpF,CAAO;AAAA,cACtC,OAAM;AAAA,cAEL,YAAWA,CAAO;AAAA,YAAA;AAAA,YALd,kBAAkBiF,CAAK,IAAIjF,CAAO;AAAA,UAAA,CAO1C,KAVkB,aAAaiF,CAAK,EAWvC;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAhGgBnF,EAAAmE,IAAA;"}
+{"version":3,"file":"OwpTable.js","sources":["../../../src/components/OwpTable/OwpTable.tsx"],"sourcesContent":["import { resolveOwpTableTheme } from '@/constants/tableTheme';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport type { SxProps, Theme } from '@mui/material';\nimport clsx from 'clsx';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport { isArray, isEmpty } from 'es-toolkit/compat';\nimport { type ReactNode, useMemo } from 'react';\nimport {\n  defaultStyledTableTheme,\n  getDefaultTableHeaderCellSx,\n} from './internal/defaultTableStyle';\nimport {\n  OwpTableBase,\n  type OwpTableBaseProps,\n  OwpTableBaseRow,\n} from './internal/OwpTableBase';\nimport { OwpTableTotalCount } from './internal/OwpTableTotalCount';\nimport { mergeSx } from './utils/tableSx';\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 defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\ninterface OwpTableProps<T> extends Omit<OwpTableBaseProps, '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 canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param headers headers 값\n * @param rows 행 데이터 목록\n * @param tableBorderRadius 테이블 radius 값\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 defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const tableTheme = useMemo(\n    () =>\n      restTableProps.tableTheme ??\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, {\n        ...defaultStyledTableTheme,\n        borderColor: defaultTableBorderColor,\n      }),\n    [currentSettings, defaultTableBorderColor, 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    <OwpTableBase\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\n            borderColor={tableTheme.borderColor}\n            totalCount={typeof totalCount === 'undefined' ? rows.length : totalCount}\n          />\n        ) : undefined\n      }\n      className={clsx(restTableProps.tableLayout && 'w-full', restTableProps.className)}\n      tableTheme={tableTheme}\n    >\n      <TableHead>\n        {resolvedHeaderRows.map((headerData, index) => (\n          <OwpTableBaseRow 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          </OwpTableBaseRow>\n        ))}\n      </TableHead>\n      <TableBody>\n        {rows.map((row, index) => {\n          const currentRow = row as OwpTableRowData;\n\n          return (\n            <OwpTableBaseRow 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            </OwpTableBaseRow>\n          );\n        })}\n      </TableBody>\n    </OwpTableBase>\n  );\n}\n"],"names":["getTableColumnKeys","__name","row","keyName","getTableCellSx","getTableCellSpan","spanType","defaultTableBorderColorByMode","OwpTable","canTotalCountRow","headers","rows","totalCount","restTableProps","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","tableTheme","useMemo","resolveOwpTableTheme","defaultStyledTableTheme","resolvedHeaderRows","isArray","isEmpty","commonKeyListData","tableBackgroundColor","_g","_f","_e","_d","jsxs","OwpTableBase","mergeSx","_h","jsx","OwpTableTotalCount","clsx","TableHead","headerData","index","OwpTableBaseRow","TableCell","getDefaultTableHeaderCellSx","TableBody","currentRow"],"mappings":"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"}

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

@@ -0,0 +1,195 @@
+var G = Object.defineProperty;
+var m = (o, a) => G(o, "name", { value: a, configurable: !0 });
+import { jsxs as B, jsx as w, Fragment as F } 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 g } from "../../../constants/gridTheme.js";
+import { resolveOwpTableTheme as I } from "../../../constants/tableTheme.js";
+import { getTreeGridFontFaceStyles as $ } from "../../../constants/treeGrid.js";
+import { useGetCurrentSettings as k } from "../../../hooks/useOwpSettings.js";
+import { styled as O } from "@mui/material";
+import { clsx as H } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import j from "@mui/material/GlobalStyles";
+import N from "@mui/material/Paper";
+import K from "@mui/material/Table";
+import S from "@mui/material/TableContainer";
+import V from "@mui/material/TableRow";
+import { useMemo as y } from "react";
+import { TREEGRID_TABLE_BODY_BORDER_COLOR as n, getTreeGridContainerSx as Y, getTreeGridBodyRowSx as Z, getTreeGridBodyCellSx as q, TREEGRID_TABLE_HEADER_BORDER_COLOR as z, getTreeGridHeaderCellSx as J, getTreeGridCellBaseSx as Q } from "./treeGridTableStyle.js";
+import { defaultStyledTableTheme as _, DEFAULT_TABLE_RADIUS as D, getDefaultTableCellSx as W, getDefaultTableHeaderCellSx as X, DEFAULT_TABLE_HEADER_BACKGROUND_COLOR as c } from "./defaultTableStyle.js";
+import { mergeSx as P, toTableRadiusCssValue as U } from "../utils/tableSx.js";
+const oo = {
+  border: 0,
+  borderRadius: 0,
+  overflow: "visible"
+}, eo = {
+  borderRadius: D
+}, ro = {
+  borderRadius: 0
+}, E = {
+  dark: "rgba(241,245,249,.12)",
+  light: "#e2e8f0"
+}, yo = /* @__PURE__ */ m(({
+  canBodyFullHeight: o,
+  canTableRadiusZero: a = !1,
+  canUseTableRadius: r = !1,
+  canUseTreeGridStyle: t,
+  children: s,
+  className: i,
+  containerProps: l,
+  footerSlot: f,
+  tableTheme: T,
+  tableLayout: u,
+  tableBorderRadius: L = D,
+  ...v
+}) => {
+  var C, M, x;
+  const e = k(), R = ((x = (M = (C = e == null ? void 0 : e.theme) == null ? void 0 : C.main) == null ? void 0 : M.palette) == null ? void 0 : x.mode) === "dark" ? E.dark : E.light, p = y(
+    () => {
+      var d, b;
+      return g((b = (d = e == null ? void 0 : e.theme) == null ? void 0 : d.main) == null ? void 0 : b.grid);
+    },
+    [e]
+  ), h = y(
+    () => {
+      var d, b;
+      return T ?? I((b = (d = e == null ? void 0 : e.theme) == null ? void 0 : d.main) == null ? void 0 : b.table, {
+        ..._,
+        borderColor: R
+      });
+    },
+    [e, R, T]
+  ), A = a ? ro : t && r ? {
+    border: `1px solid ${n}`,
+    borderRadius: U(L),
+    overflow: "hidden"
+  } : t ? void 0 : eo;
+  return /* @__PURE__ */ B(F, { children: [
+    t && /* @__PURE__ */ w(j, { styles: $() }),
+    /* @__PURE__ */ B(
+      S,
+      {
+        component: N,
+        variant: "outlined",
+        ...l,
+        sx: P(
+          !t && { borderColor: h.borderColor },
+          t && oo,
+          t && Y(p),
+          A,
+          o && { height: "100%" },
+          l == null ? void 0 : l.sx
+        ),
+        children: [
+          /* @__PURE__ */ w(
+            to,
+            {
+              ...v,
+              canBodyFullHeight: o,
+              canUseTableRadius: r,
+              canUseTreeGridStyle: t,
+              tableTheme: h,
+              treeGridTheme: p,
+              className: H(
+                o && "h-full",
+                u === "fixed" ? "table-fixed" : u === "auto" ? "table-auto" : "",
+                i
+              ),
+              children: s
+            }
+          ),
+          f
+        ]
+      }
+    )
+  ] });
+}, "OwpTableBase"), to = O(K, {
+  shouldForwardProp: /* @__PURE__ */ m((o) => o !== "canBodyFullHeight" && o !== "canUseTableRadius" && o !== "canUseTreeGridStyle" && o !== "tableTheme" && o !== "treeGridTheme", "shouldForwardProp")
+})(
+  ({
+    canBodyFullHeight: o,
+    canUseTableRadius: a,
+    canUseTreeGridStyle: r,
+    tableTheme: t,
+    treeGridTheme: s
+  }) => {
+    const i = s ?? g(), l = t ?? _, f = `1px solid ${l.borderColor}`, T = r && a;
+    return {
+      ...o && {
+        height: "100%"
+      },
+      ...o && {
+        "& .MuiTableBody-root": {
+          height: "100%"
+        },
+        "& .MuiTableBody-root > .MuiTableRow-root": {
+          height: "100%"
+        }
+      },
+      "& .MuiTableCell-root": r ? {
+        ...Q(i)
+      } : void 0,
+      ...!r && {
+        "& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root": {
+          borderLeft: f
+        },
+        "& .MuiTableRow-root > .MuiTableCell-root:not(:last-of-type)": {
+          borderRight: f
+        },
+        "& tbody > .MuiTableRow-root:last-of-type > .MuiTableCell-root": {
+          borderBottom: "none"
+        }
+      },
+      "& th": r ? {
+        ...J(i),
+        "&:first-of-type": {
+          borderLeft: `1px solid ${z}`
+        }
+      } : {
+        ...X(
+          l,
+          c
+        )
+      },
+      "& td": r ? {
+        ...q(i),
+        "&:first-of-type": {
+          borderLeft: `1px solid ${n}`
+        }
+      } : {
+        ...W(l)
+      },
+      ...r && {
+        "& tbody > .MuiTableRow-root": Z(i)
+      },
+      ...r && {
+        "& tbody > tr:first-of-type > th:first-of-type": {
+          borderTopLeftRadius: "inherit"
+        },
+        "& tbody > tr:first-of-type > td:last-of-type": {
+          borderTopRightRadius: "inherit"
+        }
+      },
+      ...T && {
+        "& .MuiTableHead-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root": {
+          borderTop: 0
+        },
+        "& .MuiTableBody-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root": {
+          borderTop: 0
+        },
+        "& .MuiTableRow-root > .MuiTableCell-root:first-of-type": {
+          borderLeft: 0
+        },
+        "& .MuiTableRow-root > .MuiTableCell-root:last-of-type": {
+          borderRight: 0
+        },
+        "& .MuiTableBody-root > .MuiTableRow-root:last-of-type > .MuiTableCell-root": {
+          borderBottom: 0
+        }
+      }
+    };
+  }
+), Eo = O(V)({});
+export {
+  yo as OwpTableBase,
+  Eo as OwpTableBaseRow
+};
+//# sourceMappingURL=OwpTableBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OwpTableBase.js","sources":["../../../../src/components/OwpTable/internal/OwpTableBase.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 { styled } 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 TableContainer, { type TableContainerProps } from '@mui/material/TableContainer';\nimport TableRow from '@mui/material/TableRow';\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 './treeGridTableStyle';\nimport {\n  DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n  DEFAULT_TABLE_RADIUS,\n  defaultStyledTableTheme,\n  getDefaultTableCellSx,\n  getDefaultTableHeaderCellSx,\n} from './defaultTableStyle';\nimport { mergeSx, toTableRadiusCssValue } from '../utils/tableSx';\n\nconst treeGridContainerSx = {\n  border: 0,\n  borderRadius: 0,\n  overflow: 'visible',\n} as const;\nconst defaultTableRadiusSx = {\n  borderRadius: DEFAULT_TABLE_RADIUS,\n} as const;\nconst tableRadiusZeroSx = {\n  borderRadius: 0,\n} as const;\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\nexport interface OwpTableBaseProps extends TableProps {\n  canBodyFullHeight?: boolean;\n  canTableRadiusZero?: boolean;\n  canUseTableRadius?: boolean;\n  canUseTreeGridStyle?: boolean;\n  containerProps?: TableContainerProps;\n  footerSlot?: ReactNode;\n  tableTheme?: OwpResolvedTableThemeConfigType;\n  tableLayout?: 'auto' | 'fixed';\n  tableBorderRadius?: string | number;\n  treeGridTheme?: OwpResolvedGridThemeConfigType;\n  title?: string;\n  children: ReactNode;\n}\n\ntype OwpTableBaseInnerProps = Pick<\n  OwpTableBaseProps,\n  | 'canBodyFullHeight'\n  | 'canUseTableRadius'\n  | 'canUseTreeGridStyle'\n  | 'tableTheme'\n  | 'treeGridTheme'\n>;\n\n/**\n * OWP Table 기반 컨테이너\n * @param canBodyFullHeight body full height 사용 여부\n * @param canTableRadiusZero 테이블 radius 0 사용 여부\n * @param canUseTableRadius 테이블 radius 사용 여부\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n * @param children 하위 콘텐츠\n * @param containerProps containerProps props\n * @param footerSlot footer 영역\n * @param tableLayout tableLayout 값\n * @param tableBorderRadius 테이블 radius 값\n */\nexport const OwpTableBase = ({\n  canBodyFullHeight,\n  canTableRadiusZero = false,\n  canUseTableRadius = false,\n  canUseTreeGridStyle,\n  children,\n  className,\n  containerProps,\n  footerSlot,\n  tableTheme: tableThemeProp,\n  tableLayout,\n  tableBorderRadius = DEFAULT_TABLE_RADIUS,\n  ...tableProps\n}: OwpTableBaseProps) => {\n  const currentSettings = useGetCurrentSettings();\n  const defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\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, {\n        ...defaultStyledTableTheme,\n        borderColor: defaultTableBorderColor,\n      }),\n    [currentSettings, defaultTableBorderColor, tableThemeProp],\n  );\n  const tableContainerRadiusSx = canTableRadiusZero\n    ? tableRadiusZeroSx\n    : canUseTreeGridStyle && canUseTableRadius\n      ? {\n          border: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n          borderRadius: toTableRadiusCssValue(tableBorderRadius),\n          overflow: 'hidden',\n        }\n      : !canUseTreeGridStyle\n        ? defaultTableRadiusSx\n        : undefined;\n\n  return (\n    <>\n      {canUseTreeGridStyle && <GlobalStyles styles={getTreeGridFontFaceStyles()} />}\n      <TableContainer\n        component={Paper}\n        variant=\"outlined\"\n        {...containerProps}\n        sx={mergeSx(\n          !canUseTreeGridStyle && { borderColor: tableTheme.borderColor },\n          canUseTreeGridStyle && treeGridContainerSx,\n          canUseTreeGridStyle && getTreeGridContainerSx(treeGridTheme),\n          tableContainerRadiusSx,\n          canBodyFullHeight && { height: '100%' },\n          containerProps?.sx,\n        )}\n      >\n        <OwpTableBaseInner\n          {...tableProps}\n          canBodyFullHeight={canBodyFullHeight}\n          canUseTableRadius={canUseTableRadius}\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        </OwpTableBaseInner>\n        {footerSlot}\n      </TableContainer>\n    </>\n  );\n};\n\n/** OWP Table 기반 table element */\nconst OwpTableBaseInner = styled(Table, {\n  shouldForwardProp: (prop) =>\n    prop !== 'canBodyFullHeight' &&\n    prop !== 'canUseTableRadius' &&\n    prop !== 'canUseTreeGridStyle' &&\n    prop !== 'tableTheme' &&\n    prop !== 'treeGridTheme',\n})<OwpTableBaseInnerProps>(\n  ({\n    canBodyFullHeight,\n    canUseTableRadius,\n    canUseTreeGridStyle,\n    tableTheme,\n    treeGridTheme,\n  }) => {\n    const resolvedTreeGridTheme = treeGridTheme ?? resolveOwpGridTheme();\n    const resolvedTableTheme = tableTheme ?? defaultStyledTableTheme;\n    const defaultTableBorder = `1px solid ${resolvedTableTheme.borderColor}`;\n    const shouldUseTreeGridRadius = canUseTreeGridStyle && canUseTableRadius;\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: defaultTableBorder,\n        },\n        '& .MuiTableRow-root > .MuiTableCell-root:not(:last-of-type)': {\n          borderRight: defaultTableBorder,\n        },\n        '& tbody > .MuiTableRow-root:last-of-type > .MuiTableCell-root': {\n          borderBottom: 'none',\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(\n              resolvedTableTheme,\n              DEFAULT_TABLE_HEADER_BACKGROUND_COLOR,\n            ),\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      ...(shouldUseTreeGridRadius && {\n        '& .MuiTableHead-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root':\n          {\n            borderTop: 0,\n          },\n        '& .MuiTableBody-root:first-of-type > .MuiTableRow-root:first-of-type > .MuiTableCell-root':\n          {\n            borderTop: 0,\n          },\n        '& .MuiTableRow-root > .MuiTableCell-root:first-of-type': {\n          borderLeft: 0,\n        },\n        '& .MuiTableRow-root > .MuiTableCell-root:last-of-type': {\n          borderRight: 0,\n        },\n        '& .MuiTableBody-root > .MuiTableRow-root:last-of-type > .MuiTableCell-root': {\n          borderBottom: 0,\n        },\n      }),\n    };\n  },\n);\n\n/** OWP Table 기반 row */\nexport const OwpTableBaseRow = styled(TableRow)({});\n"],"names":["treeGridContainerSx","defaultTableRadiusSx","DEFAULT_TABLE_RADIUS","tableRadiusZeroSx","defaultTableBorderColorByMode","OwpTableBase","__name","canBodyFullHeight","canTableRadiusZero","canUseTableRadius","canUseTreeGridStyle","children","className","containerProps","footerSlot","tableThemeProp","tableLayout","tableBorderRadius","tableProps","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","treeGridTheme","useMemo","resolveOwpGridTheme","tableTheme","resolveOwpTableTheme","defaultStyledTableTheme","tableContainerRadiusSx","TREEGRID_TABLE_BODY_BORDER_COLOR","toTableRadiusCssValue","jsxs","Fragment","jsx","GlobalStyles","getTreeGridFontFaceStyles","TableContainer","Paper","mergeSx","getTreeGridContainerSx","OwpTableBaseInner","clsx","styled","Table","prop","resolvedTreeGridTheme","resolvedTableTheme","defaultTableBorder","shouldUseTreeGridRadius","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","TREEGRID_TABLE_HEADER_BORDER_COLOR","getDefaultTableHeaderCellSx","DEFAULT_TABLE_HEADER_BACKGROUND_COLOR","getTreeGridBodyCellSx","getDefaultTableCellSx","getTreeGridBodyRowSx","OwpTableBaseRow","TableRow"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+var o = Object.defineProperty;
+var e = (r, i) => o(r, "name", { value: i, configurable: !0 });
+import { jsxs as m, jsx as p, Fragment as t } 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 { Divider as n, Typography as a } from "@mui/material";
+import { isNumber as l } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
+function h({
+  borderColor: r,
+  totalCount: i
+}) {
+  return /* @__PURE__ */ m(t, { children: [
+    /* @__PURE__ */ p(n, { sx: r ? { borderColor: r } : void 0 }),
+    /* @__PURE__ */ m(a, { className: "w-full py-8 pr-12", align: "right", children: [
+      "전체: ",
+      l(i) ? i.toLocaleString() : 0,
+      " 건"
+    ] })
+  ] });
+}
+e(h, "OwpTableTotalCount");
+export {
+  h as OwpTableTotalCount
+};
+//# sourceMappingURL=OwpTableTotalCount.js.map