@owp/core 2.5.9 → 2.5.11

package/dist/components/OwpTable/OwpTable.js

@@ -1,112 +1,123 @@
-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 = {
+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 = {
+  dark: "rgba(241,245,249,.12)",
+  light: "#e2e8f0"
 };
-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: [
+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: [
       "전체: ",
-      re(o) ? o.toLocaleString() : 0,
+      bo(o) ? o.toLocaleString() : 0,
       " 건"
     ] })
   ] });
 }
-n(me, "OwpTableTotalCount");
-const ae = /* @__PURE__ */ n(({
-  canBodyFullHeight: o,
-  canUseTreeGridStyle: e,
-  children: t,
-  className: s,
-  containerProps: r,
-  footerSlot: l,
+b(po, "OwpTableTotalCount");
+const ho = /* @__PURE__ */ b(({
+  canBodyFullHeight: e,
+  canUseTreeGridStyle: o,
+  children: r,
+  className: T,
+  containerProps: l,
+  footerSlot: t,
   tableTheme: d,
-  tableLayout: x,
-  ...g
+  tableLayout: s,
+  ...v
 }) => {
-  const i = D(), T = h(
+  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 f, b;
-      return M((b = (f = i == null ? void 0 : i.theme) == null ? void 0 : f.main) == null ? void 0 : b.grid);
+      var n, f;
+      return k((f = (n = i == null ? void 0 : i.theme) == null ? void 0 : n.main) == null ? void 0 : f.grid);
     },
     [i]
-  ), R = h(
+  ), C = w(
     () => {
-      var f, b;
-      return d ?? _((b = (f = i == null ? void 0 : i.theme) == null ? void 0 : f.main) == null ? void 0 : b.table, S);
+      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, d]
+    [i, c, d]
   );
-  return /* @__PURE__ */ u(L, { children: [
-    e && /* @__PURE__ */ a(Y, { styles: F() }),
-    /* @__PURE__ */ u(
-      Q,
+  return /* @__PURE__ */ y(j, { children: [
+    o && /* @__PURE__ */ m(Q, { styles: q() }),
+    /* @__PURE__ */ y(
+      Z,
       {
-        component: q,
+        component: V,
         variant: "outlined",
-        ...r,
-        sx: y(
-          e && ie,
-          e && X(T),
-          o && { height: "100%" },
-          r == null ? void 0 : r.sx
+        ...l,
+        sx: E(
+          !o && { borderColor: C.borderColor },
+          o && fo,
+          o && oo(u),
+          e && { height: "100%" },
+          l == null ? void 0 : l.sx
         ),
         children: [
-          /* @__PURE__ */ a(
-            ne,
+          /* @__PURE__ */ m(
+            To,
             {
-              ...g,
-              canBodyFullHeight: o,
-              canUseTreeGridStyle: e,
-              tableTheme: R,
-              treeGridTheme: T,
-              className: j(
-                o && "h-full",
-                x === "fixed" ? "table-fixed" : x === "auto" ? "table-auto" : "",
-                s
+              ...v,
+              canBodyFullHeight: e,
+              canUseTreeGridStyle: o,
+              tableTheme: C,
+              treeGridTheme: u,
+              className: K(
+                e && "h-full",
+                s === "fixed" ? "table-fixed" : s === "auto" ? "table-auto" : "",
+                T
               ),
-              children: t
+              children: r
             }
           ),
-          l
+          t
         ]
       }
     )
   ] });
-}, "StyledTable"), ne = A(z, {
-  shouldForwardProp: /* @__PURE__ */ n((o) => o !== "canBodyFullHeight" && o !== "canUseTreeGridStyle" && o !== "tableTheme" && o !== "treeGridTheme", "shouldForwardProp")
+}, "StyledTable"), To = F(W, {
+  shouldForwardProp: /* @__PURE__ */ b((e) => e !== "canBodyFullHeight" && e !== "canUseTreeGridStyle" && e !== "tableTheme" && e !== "treeGridTheme", "shouldForwardProp")
 })(
-  ({ theme: o, canBodyFullHeight: e, canUseTreeGridStyle: t, tableTheme: s, treeGridTheme: r }) => {
-    const l = r ?? M(), d = s ?? S;
+  ({ theme: e, canBodyFullHeight: o, canUseTreeGridStyle: r, tableTheme: T, treeGridTheme: l }) => {
+    const t = l ?? k(), d = T ?? L;
     return {
-      ...e && {
+      ...o && {
         height: "100%"
       },
-      ...e && {
+      ...o && {
         "& .MuiTableBody-root": {
           height: "100%"
         },
@@ -114,34 +125,34 @@ const ae = /* @__PURE__ */ n(({
           height: "100%"
         }
       },
-      "& .MuiTableCell-root": t ? {
-        ...oe(l)
+      "& .MuiTableCell-root": r ? {
+        ...ao(t)
       } : void 0,
-      ...!t && {
+      ...!r && {
         "& .MuiTableRow-root > .MuiTableCell-root + .MuiTableCell-root": {
-          borderLeft: `1px solid ${o.palette.divider}`
+          borderLeft: `1px solid ${d.borderColor}`
         }
       },
-      "& th": t ? {
-        ...ee(l),
+      "& th": r ? {
+        ...io(t),
         "&:first-of-type": {
-          borderLeft: `1px solid ${P}`
+          borderLeft: `1px solid ${lo}`
         }
       } : {
-        ...H(d, o.palette.grey[200])
+        ...N(d, e.palette.grey[200])
       },
-      "& td": t ? {
-        ...U(l),
+      "& td": r ? {
+        ...to(t),
         "&:first-of-type": {
-          borderLeft: `1px solid ${k}`
+          borderLeft: `1px solid ${ro}`
         }
       } : {
-        ...te(d)
+        ...mo(d)
       },
-      ...t && {
-        "& tbody > .MuiTableRow-root": Z(l)
+      ...r && {
+        "& tbody > .MuiTableRow-root": eo(t)
       },
-      ...t && {
+      ...r && {
         "& tbody > tr:first-of-type > th:first-of-type": {
           borderTopLeftRadius: "inherit"
         },
@@ -151,85 +162,94 @@ const ae = /* @__PURE__ */ n(({
       }
     };
   }
-), G = A(W)`
+), A = F(P)`
   /* &:last-child th,
   &:last-child td {
     border-bottom: 0;
   } */
 `;
-function Le({
-  canTotalCountRow: o = !1,
-  headers: e,
-  rows: t,
-  totalCount: s,
-  ...r
+function ko({
+  canTotalCountRow: e = !1,
+  headers: o,
+  rows: r,
+  totalCount: T,
+  ...l
 }) {
-  var T, R, f, b, v;
-  const l = D(), d = h(
+  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 m, p;
-      return r.tableTheme ?? _((p = (m = l == null ? void 0 : l.theme) == null ? void 0 : m.main) == null ? void 0 : p.table, S);
+      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
+      });
     },
-    [l, r.tableTheme]
-  ), x = h(
-    () => C(e) ? e : le(e) ? [] : [e],
-    [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(
-    ae,
+    [t, d, l.tableTheme]
+  ), v = w(
+    () => $(o) ? o : no(o) ? [] : [o],
+    [o]
+  ), i = w(
+    () => G($(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,
     {
-      ...r,
+      ...l,
       containerProps: {
-        ...r.containerProps,
-        sx: y(
-          !r.canUseTreeGridStyle && i && { backgroundColor: i },
-          (v = r.containerProps) == null ? void 0 : v.sx
+        ...l.containerProps,
+        sx: E(
+          !l.canUseTreeGridStyle && c && { backgroundColor: c },
+          (M = l.containerProps) == null ? void 0 : M.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,
+      footerSlot: e ? /* @__PURE__ */ m(
+        po,
+        {
+          borderColor: s.borderColor,
+          totalCount: typeof T > "u" ? r.length : T
+        }
+      ) : void 0,
+      className: K(l.tableLayout && "w-full", l.className),
+      tableTheme: s,
       children: [
-        /* @__PURE__ */ a(V, { children: x.map((m, p) => /* @__PURE__ */ a(G, { children: $(m).map((c) => /* @__PURE__ */ a(
-          O,
+        /* @__PURE__ */ m(U, { children: v.map((a, p) => /* @__PURE__ */ m(A, { children: G(a).map((h) => /* @__PURE__ */ m(
+          S,
           {
             className: "whitespace-pre-wrap",
-            sx: y(
-              !r.canUseTreeGridStyle && H(d),
-              E(m, c)
+            sx: E(
+              !l.canUseTreeGridStyle && N(s),
+              _(a, h)
             ),
-            colSpan: B(m, c, "ColSpan"),
-            rowSpan: B(m, c, "RowSpan"),
+            colSpan: D(a, h, "ColSpan"),
+            rowSpan: D(a, h, "RowSpan"),
             align: "center",
-            children: m[c]
+            children: a[h]
           },
-          `table-header-${p}-${c}`
+          `table-header-${p}-${h}`
         )) }, `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,
+        /* @__PURE__ */ m(X, { children: r.map((a, p) => {
+          const h = a;
+          return /* @__PURE__ */ m(A, { children: i.map((O) => /* @__PURE__ */ m(
+            S,
             {
               className: "whitespace-pre-wrap h-64",
-              sx: E(c, w),
+              sx: _(h, O),
               align: "center",
-              children: c[w]
+              children: h[O]
             },
-            `table-row-cell-${p}-${w}`
+            `table-row-cell-${p}-${O}`
           )) }, `table-row-${p}`);
         }) })
       ]
     }
   );
 }
-n(Le, "OwpTable");
+b(ko, "OwpTable");
 export {
-  Le as OwpTable,
-  me as OwpTableTotalCount,
-  ae as StyledTable,
-  G as StyledTableRow
+  ko as OwpTable,
+  po as OwpTableTotalCount,
+  ho as StyledTable,
+  A 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        : 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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"}
+{"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":"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"}

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

@@ -0,0 +1,43 @@
+var u = Object.defineProperty;
+var i = (r, t) => u(r, "name", { value: t, configurable: !0 });
+import { jsx as a } 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 { getDisplayValue as n } from "../../../utils/getDisplayValue.js";
+import { Typography as c } from "@mui/material";
+const m = {
+  display: "block",
+  px: 1.25,
+  py: 0.625,
+  color: "inherit"
+}, s = /* @__PURE__ */ i((r) => {
+  const t = Array.isArray(r) ? r : r ? [r] : [];
+  return [m, ...t];
+}, "getMergedValueSx"), l = /* @__PURE__ */ i(({
+  children: r,
+  className: t,
+  sx: e
+}) => /* @__PURE__ */ a(c, { variant: "body1", className: t, sx: s(e), children: r }), "FieldTableValueTypography"), p = /* @__PURE__ */ i((r) => r == null || r === "" ? n() : String(r), "getTextDisplayValue"), y = /* @__PURE__ */ i((r, t) => {
+  if (r === "" || r == null)
+    return n();
+  const e = Number(r);
+  if (!Number.isFinite(e))
+    return n();
+  if (t == null)
+    return n(e.toLocaleString());
+  const o = Math.max(0, Math.trunc(t));
+  return n(
+    e.toLocaleString(void 0, {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: o
+    })
+  );
+}, "getNumberDisplayValue"), V = /* @__PURE__ */ i(({ value: r, className: t, sx: e }) => /* @__PURE__ */ a(l, { className: t, sx: e, children: p(r) }), "FieldTableTextValue"), h = /* @__PURE__ */ i(({
+  value: r,
+  valueDecimals: t,
+  className: e,
+  sx: o
+}) => /* @__PURE__ */ a(l, { className: e, sx: o, children: y(r, t) }), "FieldTableNumberValue");
+export {
+  h as FieldTableNumberValue,
+  V as FieldTableTextValue
+};
+//# sourceMappingURL=FieldTableValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTableValue.js","sources":["../../../../src/components/OwpTable/internal/FieldTableValue.tsx"],"sourcesContent":["import { getDisplayValue } from '@/utils';\nimport { Typography, type SxProps, type Theme } from '@mui/material';\nimport type { ReactNode } from 'react';\n\nconst valueSx = {\n  display: 'block',\n  px: 1.25,\n  py: 0.625,\n  color: 'inherit',\n} as const;\n\nconst getMergedValueSx = (sx?: SxProps<Theme>): SxProps<Theme> => {\n  const sxArray = Array.isArray(sx) ? sx : sx ? [sx] : [];\n\n  return [valueSx, ...sxArray] as SxProps<Theme>;\n};\n\ninterface FieldTableValueTypographyProps {\n  children: ReactNode;\n  className?: string;\n  sx?: SxProps<Theme>;\n}\n\n/** 필드 테이블 값 타이포그래피 */\nconst FieldTableValueTypography = ({\n  children,\n  className,\n  sx,\n}: FieldTableValueTypographyProps) => (\n  <Typography variant=\"body1\" className={className} sx={getMergedValueSx(sx)}>\n    {children}\n  </Typography>\n);\n\nconst getTextDisplayValue = (value?: string | number | null) =>\n  value == null || value === '' ? getDisplayValue() : String(value);\n\nconst getNumberDisplayValue = (\n  value?: string | number | null,\n  valueDecimals?: number,\n): string => {\n  if (value === '' || value == null) {\n    return getDisplayValue();\n  }\n\n  const numberValue = Number(value);\n\n  if (!Number.isFinite(numberValue)) {\n    return getDisplayValue();\n  }\n\n  if (valueDecimals == null) {\n    return getDisplayValue(numberValue.toLocaleString());\n  }\n\n  const maximumFractionDigits = Math.max(0, Math.trunc(valueDecimals));\n\n  return getDisplayValue(\n    numberValue.toLocaleString(undefined, {\n      minimumFractionDigits: 0,\n      maximumFractionDigits,\n    }),\n  );\n};\n\ninterface FieldTableTextValueProps {\n  value?: string | number | null;\n  className?: string;\n  sx?: SxProps<Theme>;\n}\n\n/** 필드 테이블 문자 값 표시 */\nexport const FieldTableTextValue = ({ value, className, sx }: FieldTableTextValueProps) => (\n  <FieldTableValueTypography className={className} sx={sx}>\n    {getTextDisplayValue(value)}\n  </FieldTableValueTypography>\n);\n\ninterface FieldTableNumberValueProps {\n  value?: string | number | null;\n  valueDecimals?: number;\n  className?: string;\n  sx?: SxProps<Theme>;\n}\n\n/** 필드 테이블 숫자 값 표시 */\nexport const FieldTableNumberValue = ({\n  value,\n  valueDecimals,\n  className,\n  sx,\n}: FieldTableNumberValueProps) => (\n  <FieldTableValueTypography className={className} sx={sx}>\n    {getNumberDisplayValue(value, valueDecimals)}\n  </FieldTableValueTypography>\n);\n"],"names":["valueSx","getMergedValueSx","__name","sx","sxArray","FieldTableValueTypography","children","className","jsx","Typography","getTextDisplayValue","value","getDisplayValue","getNumberDisplayValue","valueDecimals","numberValue","maximumFractionDigits","FieldTableTextValue","FieldTableNumberValue"],"mappings":";;;;;AAIA,MAAMA,IAAU;AAAA,EACd,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEMC,IAAmB,gBAAAC,EAAA,CAACC,MAAwC;AAChE,QAAMC,IAAU,MAAM,QAAQD,CAAE,IAAIA,IAAKA,IAAK,CAACA,CAAE,IAAI,CAAA;AAErD,SAAO,CAACH,GAAS,GAAGI,CAAO;AAC7B,GAJyB,qBAanBC,IAA4B,gBAAAH,EAAA,CAAC;AAAA,EACjC,UAAAI;AAAA,EACA,WAAAC;AAAA,EACA,IAAAJ;AACF,MACE,gBAAAK,EAACC,KAAW,SAAQ,SAAQ,WAAAF,GAAsB,IAAIN,EAAiBE,CAAE,GACtE,UAAAG,EAAA,CACH,GAPgC,8BAU5BI,IAAsB,gBAAAR,EAAA,CAACS,MAC3BA,KAAS,QAAQA,MAAU,KAAKC,EAAA,IAAoB,OAAOD,CAAK,GADtC,wBAGtBE,IAAwB,gBAAAX,EAAA,CAC5BS,GACAG,MACW;AACX,MAAIH,MAAU,MAAMA,KAAS;AAC3B,WAAOC,EAAA;AAGT,QAAMG,IAAc,OAAOJ,CAAK;AAEhC,MAAI,CAAC,OAAO,SAASI,CAAW;AAC9B,WAAOH,EAAA;AAGT,MAAIE,KAAiB;AACnB,WAAOF,EAAgBG,EAAY,gBAAgB;AAGrD,QAAMC,IAAwB,KAAK,IAAI,GAAG,KAAK,MAAMF,CAAa,CAAC;AAEnE,SAAOF;AAAA,IACLG,EAAY,eAAe,QAAW;AAAA,MACpC,uBAAuB;AAAA,MACvB,uBAAAC;AAAA,IAAA,CACD;AAAA,EAAA;AAEL,GA1B8B,0BAmCjBC,IAAsB,gBAAAf,EAAA,CAAC,EAAE,OAAAS,GAAO,WAAAJ,GAAW,IAAAJ,EAAA,MACtD,gBAAAK,EAACH,GAAA,EAA0B,WAAAE,GAAsB,IAAAJ,GAC9C,UAAAO,EAAoBC,CAAK,EAAA,CAC5B,GAHiC,wBActBO,IAAwB,gBAAAhB,EAAA,CAAC;AAAA,EACpC,OAAAS;AAAA,EACA,eAAAG;AAAA,EACA,WAAAP;AAAA,EACA,IAAAJ;AACF,wBACGE,GAAA,EAA0B,WAAAE,GAAsB,IAAAJ,GAC9C,UAAAU,EAAsBF,GAAOG,CAAa,EAAA,CAC7C,GARmC;"}

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

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