@owp/core 2.5.10 → 2.5.12

package/dist/components/OwpTable/OwpFieldTable.js

@@ -1,47 +1,60 @@
-var M = Object.defineProperty;
-var i = (e, o) => M(e, "name", { value: o, configurable: !0 });
-import { jsxs as u, jsx as d, Fragment 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 H } from "../../constants/tableTheme.js";
-import { useGetCurrentSettings as B } from "../../hooks/useOwpSettings.js";
-import { TableCell as F, TableBody as E, Box as _, Checkbox as O } from "@mui/material";
-import { clsx as R } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import v from "dayjs";
-import { useMemo as L, Fragment as j } from "react";
-import { getDefaultTableHeaderCellSx as W } from "./internal/defaultTableStyle.js";
-import { TREEGRID_TABLE_FONT_FAMILY_STACK as $ } from "./internal/treeGridTableStyle.js";
-import { StyledTableRow as I, StyledTable as q } from "./OwpTable.js";
-import { isNaN as G } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNaN.js";
-import { toNumber as K } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/toNumber.js";
-const V = 28, P = {
+var H = Object.defineProperty;
+var a = (e, t) => H(e, "name", { value: t, configurable: !0 });
+import { jsxs as p, jsx as l, Fragment as v } 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 R } from "../../constants/tableTheme.js";
+import { useGetCurrentSettings as O } from "../../hooks/useOwpSettings.js";
+import { TableCell as w, Box as $, TableBody as I, Checkbox as V } from "@mui/material";
+import { clsx as j } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import W from "dayjs";
+import { useMemo as P, Fragment as q } from "react";
+import { FieldTableNumberValue as G, FieldTableTextValue as K } from "./internal/FieldTableValue.js";
+import { getDefaultTableHeaderCellSx as X } from "./internal/defaultTableStyle.js";
+import { TREEGRID_TABLE_FONT_FAMILY_STACK as Z } from "./internal/treeGridTableStyle.js";
+import { StyledTableRow as J, StyledTable as Q } from "./OwpTable.js";
+import { isNaN as U } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNaN.js";
+import { toNumber as ee } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/toNumber.js";
+const re = 28, oe = "calc(0.75rem * 1.66 + 3px)", D = {
+  dark: "rgba(241,245,249,.12)",
+  light: "#e2e8f0"
+}, te = {
   "&&": {
-    fontFamily: $,
+    fontFamily: Z,
     fontSize: "1.7rem",
     fontWeight: 600,
     lineHeight: "normal",
     minHeight: "unset",
     padding: "7px 10px"
   }
-}, X = {
+}, ne = {
   borderRadius: 0,
   overflow: "visible"
-}, k = {
+}, _ = {
   borderTop: "1px solid #CDD8E4"
-}, Y = /* @__PURE__ */ i((e) => e ? (Array.isArray(e) ? e : [e]).filter(Boolean) : [], "normalizeTableCellSx"), w = /* @__PURE__ */ i((...e) => e.flatMap(Y).map(
-  (o) => typeof o == "function" ? (n) => ({
-    "&&&": o(n)
+}, b = "owp-field-table-cell-content", ie = {
+  [`&:has(.MuiFormHelperText-root) .${b}::after`]: {
+    content: '""',
+    display: "block",
+    height: oe
+  },
+  [`&:has(.MuiFormHelperText-root) .${b}:has(.MuiFormHelperText-root)::after`]: {
+    display: "none"
+  }
+}, M = /* @__PURE__ */ a((e) => e ? (Array.isArray(e) ? e : [e]).filter(Boolean) : [], "normalizeTableCellSx"), A = /* @__PURE__ */ a((...e) => e.flatMap(M).map(
+  (t) => typeof t == "function" ? (n) => ({
+    "&&&": t(n)
   }) : {
-    "&&&": o
+    "&&&": t
   }
-), "getTreeGridCellOverrideSx"), Z = /* @__PURE__ */ i((e) => {
+), "getTreeGridCellOverrideSx"), ae = /* @__PURE__ */ a((e) => {
   if (!e)
     return;
-  const o = Array.isArray(e) ? e : [e];
-  for (let n = o.length - 1; n >= 0; n -= 1) {
-    const t = o[n];
-    if (!(!t || typeof t == "function" || Array.isArray(t)) && typeof t == "object" && "fontSize" in t)
-      return t.fontSize;
+  const t = Array.isArray(e) ? e : [e];
+  for (let n = t.length - 1; n >= 0; n -= 1) {
+    const r = t[n];
+    if (!(!r || typeof r == "function" || Array.isArray(r)) && typeof r == "object" && "fontSize" in r)
+      return r.fontSize;
   }
-}, "getTableCellFontSize"), m = {
+}, "getTableCellFontSize"), f = {
   header: {
     backgroundColor: "#eeeeee",
     color: "#111827",
@@ -52,107 +65,119 @@ const V = 28, P = {
     backgroundColor: "#FFFFFF",
     fontSize: "1.7rem"
   }
-}, J = /* @__PURE__ */ i((e) => /* @__PURE__ */ u(N, { children: [
+}, le = /* @__PURE__ */ a((e) => /* @__PURE__ */ p(v, { children: [
   e,
-  /* @__PURE__ */ d("span", { className: "ml-4 text-red-600", children: "*" })
-] }), "getRequiredTitle"), Q = /* @__PURE__ */ i((e, o) => e == null ? void 0 : e[o], "getFieldTableValue"), U = /* @__PURE__ */ i((e, o) => typeof o == "function" ? o(e) : G(K(e)) ? e === "Y" : !!Number(e), "getCheckboxChecked"), ee = /* @__PURE__ */ i((e) => e.withTime ? "YYYY-MM-DD HH:mm" : e.withTimeAndSec ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", "getDateFormat"), re = /* @__PURE__ */ i((e, o, n) => {
-  const t = Q(o, e.key);
-  if (typeof e.render == "function") {
-    const l = e.render();
-    return (e.contentType ?? "input") === "text" ? /* @__PURE__ */ d(_, { sx: { px: 1.25 }, children: l }) : l;
-  }
-  return e.useCheckbox ? /* @__PURE__ */ d(
-    O,
+  /* @__PURE__ */ l("span", { className: "ml-4 text-red-600", children: "*" })
+] }), "getRequiredTitle"), me = /* @__PURE__ */ a((e, t) => e == null ? void 0 : e[t], "getFieldTableValue"), fe = /* @__PURE__ */ a((e, t) => typeof t == "function" ? t(e) : U(ee(e)) ? e === "Y" : !!Number(e), "getCheckboxChecked"), de = /* @__PURE__ */ a((e) => e.withTime ? "YYYY-MM-DD HH:mm" : e.withTimeAndSec ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", "getDateFormat"), se = /* @__PURE__ */ a((e, t, n) => {
+  const r = me(t, e.key);
+  return typeof e.render == "function" ? e.render() : e.useCheckbox ? /* @__PURE__ */ l(
+    V,
     {
-      checked: U(t, e.validate),
+      checked: fe(r, e.validate),
       sx: {
         "& .MuiSvgIcon-root": {
-          fontSize: Z(n) ?? V
+          fontSize: ae(n) ?? re
         }
       }
     }
-  ) : e.useDate ? t && v(t).format(ee(e)) : e.disableLocaleString ? t : t == null ? void 0 : t.toLocaleString();
+  ) : e.useDate ? r && W(r).format(de(e)) : e.contentType === "number" ? /* @__PURE__ */ l(
+    G,
+    {
+      value: r,
+      valueDecimals: e.valueDecimals,
+      className: e.valueClassName,
+      sx: e.valueSx
+    }
+  ) : e.contentType === "text" ? /* @__PURE__ */ l(
+    K,
+    {
+      value: r,
+      className: e.valueClassName,
+      sx: e.valueSx
+    }
+  ) : e.disableLocaleString ? r : r == null ? void 0 : r.toLocaleString();
 }, "renderFieldTableCellValue");
-function he({
+function we({
   layout: e,
-  titleWidth: o,
+  titleWidth: t,
   titleSx: n,
-  treeGridTitleCellSx: t,
-  cellSx: l,
-  data: c,
-  colGroupSlot: D,
-  className: y,
+  treeGridTitleCellSx: r,
+  cellSx: u,
+  data: y,
+  colGroupSlot: Y,
+  className: L,
   tableLayout: z = "fixed",
-  canUseTreeGridStyle: s = !1
+  canUseTreeGridStyle: d = !1
 }) {
-  var g, C, T, S, x;
-  const a = B(), h = ((x = (S = (T = (C = (g = a == null ? void 0 : a.theme) == null ? void 0 : g.main) == null ? void 0 : C.table) == null ? void 0 : T.field) == null ? void 0 : S.cell) == null ? void 0 : x.backgroundColor) ?? m.cell.backgroundColor, b = L(
+  var C, g, x, F, S, E, k, N;
+  const i = O(), c = ((x = (g = (C = i == null ? void 0 : i.theme) == null ? void 0 : C.main) == null ? void 0 : g.palette) == null ? void 0 : x.mode) === "dark" ? D.dark : D.light, h = ((N = (k = (E = (S = (F = i == null ? void 0 : i.theme) == null ? void 0 : F.main) == null ? void 0 : S.table) == null ? void 0 : E.field) == null ? void 0 : k.cell) == null ? void 0 : N.backgroundColor) ?? f.cell.backgroundColor, T = P(
     () => {
-      var p, f, r;
-      return H((r = (f = (p = a == null ? void 0 : a.theme) == null ? void 0 : p.main) == null ? void 0 : f.table) == null ? void 0 : r.field, {
+      var s, m, o;
+      return R((o = (m = (s = i == null ? void 0 : i.theme) == null ? void 0 : s.main) == null ? void 0 : m.table) == null ? void 0 : o.field, {
+        borderColor: c,
         header: {
-          backgroundColor: m.header.backgroundColor,
-          color: m.header.color,
-          fontSize: m.header.fontSize,
-          fontWeight: m.header.fontWeight
+          backgroundColor: f.header.backgroundColor,
+          color: f.header.color,
+          fontSize: f.header.fontSize,
+          fontWeight: f.header.fontWeight
         },
         cell: {
-          backgroundColor: m.cell.backgroundColor,
-          fontSize: m.cell.fontSize
+          backgroundColor: f.cell.backgroundColor,
+          fontSize: f.cell.fontSize
         }
       });
     },
-    [a]
+    [i, c]
   );
-  return /* @__PURE__ */ u(
-    q,
+  return /* @__PURE__ */ p(
+    Q,
     {
-      canUseTreeGridStyle: s,
-      className: R("w-full", y),
+      canUseTreeGridStyle: d,
+      className: j("w-full", L),
       containerProps: {
         sx: [
-          s ? X : void 0,
-          !s && h ? { backgroundColor: h } : void 0
+          d ? ne : void 0,
+          !d && h ? { backgroundColor: h } : void 0
         ]
       },
-      tableTheme: b,
+      tableTheme: T,
       tableLayout: z,
       children: [
-        D,
-        /* @__PURE__ */ d(E, { children: e.map((p, f) => /* @__PURE__ */ d(I, { children: p.map((r, A) => /* @__PURE__ */ u(j, { children: [
-          /* @__PURE__ */ d(
-            F,
+        Y,
+        /* @__PURE__ */ l(I, { children: e.map((s, m) => /* @__PURE__ */ l(J, { sx: ie, children: s.map((o, B) => /* @__PURE__ */ p(q, { children: [
+          /* @__PURE__ */ l(
+            w,
             {
               component: "th",
               className: "whitespace-pre-wrap",
-              width: o ?? 200,
-              sx: s ? [
-                P,
-                f === 0 && k,
-                ...w(t, n)
-              ] : [W(b), ...Y(n)],
-              rowSpan: r == null ? void 0 : r.rowSpan,
-              children: r.required ? J(r.title) : r.title
+              width: t ?? 200,
+              sx: d ? [
+                te,
+                m === 0 && _,
+                ...A(r, n)
+              ] : [X(T), ...M(n)],
+              rowSpan: o == null ? void 0 : o.rowSpan,
+              children: o.required ? le(o.title) : o.title
             }
           ),
-          /* @__PURE__ */ d(
-            F,
+          /* @__PURE__ */ l(
+            w,
             {
               className: "whitespace-pre-wrap",
-              sx: s ? [f === 0 && k, ...w(l)] : l,
-              style: (r == null ? void 0 : r.style) ?? {},
-              colSpan: r == null ? void 0 : r.colSpan,
-              rowSpan: r == null ? void 0 : r.rowSpan,
-              children: re(r, c, l)
+              sx: d ? [m === 0 && _, ...A(u)] : u,
+              style: (o == null ? void 0 : o.style) ?? {},
+              colSpan: o == null ? void 0 : o.colSpan,
+              rowSpan: o == null ? void 0 : o.rowSpan,
+              children: /* @__PURE__ */ l($, { className: b, children: se(o, y, u) })
             }
           )
-        ] }, `owp-field-cell-${f}-${A}`)) }, `owp-field-col-${f}`)) })
+        ] }, `owp-field-cell-${m}-${B}`)) }, `owp-field-col-${m}`)) })
       ]
     }
   );
 }
-i(he, "OwpFieldTable");
+a(we, "OwpFieldTable");
 export {
-  he as OwpFieldTable
+  we as OwpFieldTable
 };
 //# sourceMappingURL=OwpFieldTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OwpFieldTable.js","sources":["../../../src/components/OwpTable/OwpFieldTable.tsx"],"sourcesContent":["import {\n  resolveOwpTableTheme,\n} from '@/constants/tableTheme';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';\nimport { Box, Checkbox, TableBody, TableCell, type TableCellProps } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport dayjs from 'dayjs';\nimport { isNaN, toNumber } from 'es-toolkit/compat';\nimport { Fragment, type CSSProperties, type ReactNode, useMemo } from 'react';\nimport { getDefaultTableHeaderCellSx } from './internal/defaultTableStyle';\nimport { TREEGRID_TABLE_FONT_FAMILY_STACK } from './internal/treeGridTableStyle';\nimport { StyledTable, StyledTableRow } from './OwpTable';\n\ntype OwpFieldTableCell = {\n  title: string;\n  key: string;\n  contentType?: 'input' | 'text';\n  required?: boolean;\n  disableLocaleString?: boolean;\n  useDate?: boolean;\n  withTime?: boolean;\n  withTimeAndSec?: boolean;\n  useCheckbox?: boolean;\n  colSpan?: number;\n  rowSpan?: number;\n  style?: CSSProperties;\n  render?: () => ReactNode;\n  validate?: (v?: number | string) => boolean;\n};\n\ntype OwpFieldTableValue = string | number | '';\ntype OwpFieldTableDataRecord = Record<string, OwpFieldTableValue | undefined>;\n\ninterface OwpFieldTableProps {\n  layout: OwpFieldTableCell[][];\n  data?: OwpFieldTableDataRecord;\n  titleSx?: TableCellProps['sx'];\n  treeGridTitleCellSx?: TableCellProps['sx'];\n  cellSx?: TableCellProps['sx'];\n  titleWidth?: number | string;\n  colGroupSlot?: ReactNode;\n  className?: string;\n  tableLayout?: 'auto' | 'fixed';\n  canUseTreeGridStyle?: boolean;\n}\n\nconst DEFAULT_CHECKBOX_FONT_SIZE = 28;\n\nconst defaultTreeGridTitleCellSx = {\n  '&&': {\n    fontFamily: TREEGRID_TABLE_FONT_FAMILY_STACK,\n    fontSize: '1.7rem',\n    fontWeight: 600,\n    lineHeight: 'normal',\n    minHeight: 'unset',\n    padding: '7px 10px',\n  },\n} as const;\n\nconst treeGridContainerSx = {\n  borderRadius: 0,\n  overflow: 'visible',\n} as const;\n\nconst treeGridFirstRowCellSx = {\n  borderTop: '1px solid #CDD8E4',\n} as const;\n\ntype TableCellSxItem = Exclude<SxProps<Theme>, readonly unknown[] | false | null | undefined>;\n\nconst normalizeTableCellSx = (\n  style?: TableCellProps['sx'],\n): TableCellSxItem[] => {\n  if (!style) {\n    return [];\n  }\n\n  return (Array.isArray(style) ? style : [style]).filter(Boolean) as TableCellSxItem[];\n};\n\nconst getTreeGridCellOverrideSx = (\n  ...styles: Array<TableCellProps['sx'] | undefined>\n): TableCellSxItem[] =>\n  styles.flatMap(normalizeTableCellSx).map((style) =>\n    typeof style === 'function'\n      ? (theme: Theme) => ({\n          '&&&': style(theme),\n        })\n      : {\n          '&&&': style,\n        },\n  );\n\nconst getTableCellFontSize = (\n  style?: TableCellProps['sx'],\n): number | string | undefined => {\n  if (!style) {\n    return undefined;\n  }\n\n  const styleItems = Array.isArray(style) ? style : [style];\n\n  for (let index = styleItems.length - 1; index >= 0; index -= 1) {\n    const styleItem = styleItems[index];\n\n    if (!styleItem || typeof styleItem === 'function' || Array.isArray(styleItem)) {\n      continue;\n    }\n\n    if (typeof styleItem === 'object' && 'fontSize' in styleItem) {\n      return styleItem.fontSize as number | string | undefined;\n    }\n  }\n\n  return undefined;\n};\n\nconst defaultFieldTableTheme = {\n  header: {\n    backgroundColor: '#eeeeee',\n    color: '#111827',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    backgroundColor: '#FFFFFF',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpTableVariantThemeConfigType;\n\n/** 필수 헤더 타이틀 */\nconst getRequiredTitle = (title: string) => (\n  <>\n    {title}\n    <span className=\"ml-4 text-red-600\">*</span>\n  </>\n);\n\nconst getFieldTableValue = (data: OwpFieldTableProps['data'], key: string) => {\n  return data?.[key];\n};\n\nconst getCheckboxChecked = (\n  value: OwpFieldTableValue | undefined,\n  validate?: OwpFieldTableCell['validate'],\n) => {\n  if (typeof validate === 'function') {\n    return validate(value);\n  }\n\n  if (isNaN(toNumber(value))) {\n    return value === 'Y';\n  }\n\n  return Boolean(Number(value));\n};\n\nconst getDateFormat = (cell: OwpFieldTableCell) => {\n  if (cell.withTime) {\n    return 'YYYY-MM-DD HH:mm';\n  }\n\n  if (cell.withTimeAndSec) {\n    return 'YYYY-MM-DD HH:mm:ss';\n  }\n\n  return 'YYYY-MM-DD';\n};\n\nconst renderFieldTableCellValue = (\n  cell: OwpFieldTableCell,\n  data: OwpFieldTableProps['data'],\n  cellSx?: OwpFieldTableProps['cellSx'],\n): ReactNode => {\n  const value = getFieldTableValue(data, cell.key);\n\n  if (typeof cell.render === 'function') {\n    const renderedContent = cell.render();\n    const contentType = cell.contentType ?? 'input';\n\n    return contentType === 'text'\n      ? <Box sx={{ px: 1.25 }}>{renderedContent}</Box>\n      : renderedContent;\n  }\n\n  if (cell.useCheckbox) {\n    return (\n      <Checkbox\n        checked={getCheckboxChecked(value, cell.validate)}\n        sx={{\n          '& .MuiSvgIcon-root': {\n            fontSize: getTableCellFontSize(cellSx) ?? DEFAULT_CHECKBOX_FONT_SIZE,\n          },\n        }}\n      />\n    );\n  }\n\n  if (cell.useDate) {\n    return value ? dayjs(value).format(getDateFormat(cell)) : value;\n  }\n\n  if (cell.disableLocaleString) {\n    return value;\n  }\n\n  return value?.toLocaleString();\n};\n\n/**\n * OwpFieldTable 컴포넌트\n * @param layout layout 값\n * @param titleWidth titleWidth 값\n * @param titleSx titleSx 값\n * @param treeGridTitleCellSx TreeGrid title cell sx 값\n * @param cellSx cellSx 값\n * @param data 데이터\n * @param colGroupSlot colGroupSlot 값\n * @param className className 값\n * @param tableLayout tableLayout 값\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n */\nexport function OwpFieldTable({\n  layout,\n  titleWidth,\n  titleSx,\n  treeGridTitleCellSx,\n  cellSx,\n  data,\n  colGroupSlot,\n  className,\n  tableLayout = 'fixed',\n  canUseTreeGridStyle = false,\n}: OwpFieldTableProps) {\n  const currentSettings = useGetCurrentSettings();\n  const tableBackgroundColor =\n    currentSettings?.theme?.main?.table?.field?.cell?.backgroundColor ??\n    defaultFieldTableTheme.cell.backgroundColor;\n  const tableTheme = useMemo(\n    () =>\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table?.field, {\n        header: {\n          backgroundColor: defaultFieldTableTheme.header.backgroundColor,\n          color: defaultFieldTableTheme.header.color,\n          fontSize: defaultFieldTableTheme.header.fontSize,\n          fontWeight: defaultFieldTableTheme.header.fontWeight,\n        },\n        cell: {\n          backgroundColor: defaultFieldTableTheme.cell.backgroundColor,\n          fontSize: defaultFieldTableTheme.cell.fontSize,\n        },\n      }),\n    [currentSettings],\n  );\n\n  return (\n    <StyledTable\n      canUseTreeGridStyle={canUseTreeGridStyle}\n      className={clsx('w-full', className)}\n      containerProps={{\n        sx: [\n          canUseTreeGridStyle ? treeGridContainerSx : undefined,\n          !canUseTreeGridStyle && tableBackgroundColor\n            ? { backgroundColor: tableBackgroundColor }\n            : undefined,\n        ],\n      }}\n      tableTheme={tableTheme}\n      tableLayout={tableLayout}\n    >\n      {colGroupSlot}\n      <TableBody>\n        {layout.map((cols, rowIndex) => (\n          <StyledTableRow key={`owp-field-col-${rowIndex}`}>\n            {cols.map((col, colIndex) => (\n              <Fragment key={`owp-field-cell-${rowIndex}-${colIndex}`}>\n                <TableCell\n                  component=\"th\"\n                  className=\"whitespace-pre-wrap\"\n                  width={titleWidth ?? 200}\n                  sx={\n                    canUseTreeGridStyle\n                      ? [\n                          defaultTreeGridTitleCellSx,\n                          rowIndex === 0 && treeGridFirstRowCellSx,\n                          ...getTreeGridCellOverrideSx(treeGridTitleCellSx, titleSx),\n                        ]\n                      : [getDefaultTableHeaderCellSx(tableTheme), ...normalizeTableCellSx(titleSx)]\n                  }\n                  rowSpan={col?.rowSpan}\n                >\n                  {col.required ? getRequiredTitle(col.title) : col.title}\n                </TableCell>\n                <TableCell\n                  className=\"whitespace-pre-wrap\"\n                  sx={\n                    canUseTreeGridStyle\n                      ? [rowIndex === 0 && treeGridFirstRowCellSx, ...getTreeGridCellOverrideSx(cellSx)]\n                      : cellSx\n                  }\n                  style={col?.style ?? {}}\n                  colSpan={col?.colSpan}\n                  rowSpan={col?.rowSpan}\n                >\n                  {renderFieldTableCellValue(col, data, cellSx)}\n                </TableCell>\n              </Fragment>\n            ))}\n          </StyledTableRow>\n        ))}\n      </TableBody>\n    </StyledTable>\n  );\n}\n"],"names":["DEFAULT_CHECKBOX_FONT_SIZE","defaultTreeGridTitleCellSx","TREEGRID_TABLE_FONT_FAMILY_STACK","treeGridContainerSx","treeGridFirstRowCellSx","normalizeTableCellSx","__name","style","getTreeGridCellOverrideSx","styles","theme","getTableCellFontSize","styleItems","index","styleItem","defaultFieldTableTheme","getRequiredTitle","title","jsxs","Fragment","jsx","getFieldTableValue","data","key","getCheckboxChecked","value","validate","isNaN","toNumber","getDateFormat","cell","renderFieldTableCellValue","cellSx","renderedContent","Box","Checkbox","dayjs","OwpFieldTable","layout","titleWidth","titleSx","treeGridTitleCellSx","colGroupSlot","className","tableLayout","canUseTreeGridStyle","currentSettings","useGetCurrentSettings","tableBackgroundColor","_e","_d","_c","_b","_a","tableTheme","useMemo","resolveOwpTableTheme","StyledTable","clsx","TableBody","cols","rowIndex","StyledTableRow","col","colIndex","TableCell","getDefaultTableHeaderCellSx"],"mappings":"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"}
+{"version":3,"file":"OwpFieldTable.js","sources":["../../../src/components/OwpTable/OwpFieldTable.tsx"],"sourcesContent":["import {\n  resolveOwpTableTheme,\n} from '@/constants/tableTheme';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';\nimport { Box, Checkbox, TableBody, TableCell, type TableCellProps } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport dayjs from 'dayjs';\nimport { isNaN, toNumber } from 'es-toolkit/compat';\nimport { Fragment, type CSSProperties, type ReactNode, useMemo } from 'react';\nimport { FieldTableNumberValue, FieldTableTextValue } from './internal/FieldTableValue';\nimport { getDefaultTableHeaderCellSx } from './internal/defaultTableStyle';\nimport { TREEGRID_TABLE_FONT_FAMILY_STACK } from './internal/treeGridTableStyle';\nimport { StyledTable, StyledTableRow } from './OwpTable';\n\ntype OwpFieldTableCell = {\n  title: string;\n  key: string;\n  contentType?: 'input' | 'text' | 'number' | (string & {});\n  required?: boolean;\n  disableLocaleString?: boolean;\n  useDate?: boolean;\n  withTime?: boolean;\n  withTimeAndSec?: boolean;\n  useCheckbox?: boolean;\n  colSpan?: number;\n  rowSpan?: number;\n  style?: CSSProperties;\n  render?: () => ReactNode;\n  validate?: (v?: number | string | null) => boolean;\n  valueClassName?: string;\n  valueSx?: SxProps<Theme>;\n  valueDecimals?: number;\n};\n\ntype OwpFieldTableValue = string | number | '' | null;\ntype OwpFieldTableDataRecord = Record<string, OwpFieldTableValue | undefined>;\n\ninterface OwpFieldTableProps {\n  layout: OwpFieldTableCell[][];\n  data?: OwpFieldTableDataRecord;\n  titleSx?: TableCellProps['sx'];\n  treeGridTitleCellSx?: TableCellProps['sx'];\n  cellSx?: TableCellProps['sx'];\n  titleWidth?: number | string;\n  colGroupSlot?: ReactNode;\n  className?: string;\n  tableLayout?: 'auto' | 'fixed';\n  canUseTreeGridStyle?: boolean;\n}\n\nconst DEFAULT_CHECKBOX_FONT_SIZE = 28;\nconst FIELD_TABLE_HELPER_TEXT_RESERVED_SPACE = 'calc(0.75rem * 1.66 + 3px)';\nconst defaultTableBorderColorByMode = {\n  dark: 'rgba(241,245,249,.12)',\n  light: '#e2e8f0',\n} as const;\n\nconst defaultTreeGridTitleCellSx = {\n  '&&': {\n    fontFamily: TREEGRID_TABLE_FONT_FAMILY_STACK,\n    fontSize: '1.7rem',\n    fontWeight: 600,\n    lineHeight: 'normal',\n    minHeight: 'unset',\n    padding: '7px 10px',\n  },\n} as const;\n\nconst treeGridContainerSx = {\n  borderRadius: 0,\n  overflow: 'visible',\n} as const;\n\nconst treeGridFirstRowCellSx = {\n  borderTop: '1px solid #CDD8E4',\n} as const;\n\nconst FIELD_TABLE_CELL_CONTENT_CLASS_NAME = 'owp-field-table-cell-content';\n\n/** 필드 테이블 row helper text 보정 */\nconst fieldTableRowSx = {\n  [`&:has(.MuiFormHelperText-root) .${FIELD_TABLE_CELL_CONTENT_CLASS_NAME}::after`]: {\n    content: '\"\"',\n    display: 'block',\n    height: FIELD_TABLE_HELPER_TEXT_RESERVED_SPACE,\n  },\n  [`&:has(.MuiFormHelperText-root) .${FIELD_TABLE_CELL_CONTENT_CLASS_NAME}:has(.MuiFormHelperText-root)::after`]: {\n    display: 'none',\n  },\n} as const;\n\ntype TableCellSxItem = Exclude<SxProps<Theme>, readonly unknown[] | false | null | undefined>;\n\nconst normalizeTableCellSx = (\n  style?: TableCellProps['sx'],\n): TableCellSxItem[] => {\n  if (!style) {\n    return [];\n  }\n\n  return (Array.isArray(style) ? style : [style]).filter(Boolean) as TableCellSxItem[];\n};\n\nconst getTreeGridCellOverrideSx = (\n  ...styles: Array<TableCellProps['sx'] | undefined>\n): TableCellSxItem[] =>\n  styles.flatMap(normalizeTableCellSx).map((style) =>\n    typeof style === 'function'\n      ? (theme: Theme) => ({\n          '&&&': style(theme),\n        })\n      : {\n          '&&&': style,\n        },\n  );\n\nconst getTableCellFontSize = (\n  style?: TableCellProps['sx'],\n): number | string | undefined => {\n  if (!style) {\n    return undefined;\n  }\n\n  const styleItems = Array.isArray(style) ? style : [style];\n\n  for (let index = styleItems.length - 1; index >= 0; index -= 1) {\n    const styleItem = styleItems[index];\n\n    if (!styleItem || typeof styleItem === 'function' || Array.isArray(styleItem)) {\n      continue;\n    }\n\n    if (typeof styleItem === 'object' && 'fontSize' in styleItem) {\n      return styleItem.fontSize as number | string | undefined;\n    }\n  }\n\n  return undefined;\n};\n\nconst defaultFieldTableTheme = {\n  borderColor: '#e2e8f0',\n  header: {\n    backgroundColor: '#eeeeee',\n    color: '#111827',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    backgroundColor: '#FFFFFF',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpTableVariantThemeConfigType;\n\n/** 필수 헤더 타이틀 */\nconst getRequiredTitle = (title: string) => (\n  <>\n    {title}\n    <span className=\"ml-4 text-red-600\">*</span>\n  </>\n);\n\nconst getFieldTableValue = (data: OwpFieldTableProps['data'], key: string) => {\n  return data?.[key];\n};\n\nconst getCheckboxChecked = (\n  value: OwpFieldTableValue | undefined,\n  validate?: OwpFieldTableCell['validate'],\n) => {\n  if (typeof validate === 'function') {\n    return validate(value);\n  }\n\n  if (isNaN(toNumber(value))) {\n    return value === 'Y';\n  }\n\n  return Boolean(Number(value));\n};\n\nconst getDateFormat = (cell: OwpFieldTableCell) => {\n  if (cell.withTime) {\n    return 'YYYY-MM-DD HH:mm';\n  }\n\n  if (cell.withTimeAndSec) {\n    return 'YYYY-MM-DD HH:mm:ss';\n  }\n\n  return 'YYYY-MM-DD';\n};\n\nconst renderFieldTableCellValue = (\n  cell: OwpFieldTableCell,\n  data: OwpFieldTableProps['data'],\n  cellSx?: OwpFieldTableProps['cellSx'],\n): ReactNode => {\n  const value = getFieldTableValue(data, cell.key);\n\n  if (typeof cell.render === 'function') {\n    return cell.render();\n  }\n\n  if (cell.useCheckbox) {\n    return (\n      <Checkbox\n        checked={getCheckboxChecked(value, cell.validate)}\n        sx={{\n          '& .MuiSvgIcon-root': {\n            fontSize: getTableCellFontSize(cellSx) ?? DEFAULT_CHECKBOX_FONT_SIZE,\n          },\n        }}\n      />\n    );\n  }\n\n  if (cell.useDate) {\n    return value ? dayjs(value).format(getDateFormat(cell)) : value;\n  }\n\n  if (cell.contentType === 'number') {\n    return (\n      <FieldTableNumberValue\n        value={value}\n        valueDecimals={cell.valueDecimals}\n        className={cell.valueClassName}\n        sx={cell.valueSx}\n      />\n    );\n  }\n\n  if (cell.contentType === 'text') {\n    return (\n      <FieldTableTextValue\n        value={value}\n        className={cell.valueClassName}\n        sx={cell.valueSx}\n      />\n    );\n  }\n\n  if (cell.disableLocaleString) {\n    return value;\n  }\n\n  return value?.toLocaleString();\n};\n\n/**\n * OwpFieldTable 컴포넌트\n * @param layout layout 값\n * @param titleWidth titleWidth 값\n * @param titleSx titleSx 값\n * @param treeGridTitleCellSx TreeGrid title cell sx 값\n * @param cellSx cellSx 값\n * @param data 데이터\n * @param colGroupSlot colGroupSlot 값\n * @param className className 값\n * @param tableLayout tableLayout 값\n * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부\n */\nexport function OwpFieldTable({\n  layout,\n  titleWidth,\n  titleSx,\n  treeGridTitleCellSx,\n  cellSx,\n  data,\n  colGroupSlot,\n  className,\n  tableLayout = 'fixed',\n  canUseTreeGridStyle = false,\n}: OwpFieldTableProps) {\n  const currentSettings = useGetCurrentSettings();\n  const defaultTableBorderColor =\n    currentSettings?.theme?.main?.palette?.mode === 'dark'\n      ? defaultTableBorderColorByMode.dark\n      : defaultTableBorderColorByMode.light;\n  const tableBackgroundColor =\n    currentSettings?.theme?.main?.table?.field?.cell?.backgroundColor ??\n    defaultFieldTableTheme.cell.backgroundColor;\n  const tableTheme = useMemo(\n    () =>\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table?.field, {\n        borderColor: defaultTableBorderColor,\n        header: {\n          backgroundColor: defaultFieldTableTheme.header.backgroundColor,\n          color: defaultFieldTableTheme.header.color,\n          fontSize: defaultFieldTableTheme.header.fontSize,\n          fontWeight: defaultFieldTableTheme.header.fontWeight,\n        },\n        cell: {\n          backgroundColor: defaultFieldTableTheme.cell.backgroundColor,\n          fontSize: defaultFieldTableTheme.cell.fontSize,\n        },\n      }),\n    [currentSettings, defaultTableBorderColor],\n  );\n\n  return (\n    <StyledTable\n      canUseTreeGridStyle={canUseTreeGridStyle}\n      className={clsx('w-full', className)}\n      containerProps={{\n        sx: [\n          canUseTreeGridStyle ? treeGridContainerSx : undefined,\n          !canUseTreeGridStyle && tableBackgroundColor\n            ? { backgroundColor: tableBackgroundColor }\n            : undefined,\n        ],\n      }}\n      tableTheme={tableTheme}\n      tableLayout={tableLayout}\n    >\n      {colGroupSlot}\n      <TableBody>\n        {layout.map((cols, rowIndex) => (\n          <StyledTableRow key={`owp-field-col-${rowIndex}`} sx={fieldTableRowSx}>\n            {cols.map((col, colIndex) => (\n              <Fragment key={`owp-field-cell-${rowIndex}-${colIndex}`}>\n                <TableCell\n                  component=\"th\"\n                  className=\"whitespace-pre-wrap\"\n                  width={titleWidth ?? 200}\n                  sx={\n                    canUseTreeGridStyle\n                      ? [\n                          defaultTreeGridTitleCellSx,\n                          rowIndex === 0 && treeGridFirstRowCellSx,\n                          ...getTreeGridCellOverrideSx(treeGridTitleCellSx, titleSx),\n                        ]\n                      : [getDefaultTableHeaderCellSx(tableTheme), ...normalizeTableCellSx(titleSx)]\n                  }\n                  rowSpan={col?.rowSpan}\n                >\n                  {col.required ? getRequiredTitle(col.title) : col.title}\n                </TableCell>\n                <TableCell\n                  className=\"whitespace-pre-wrap\"\n                  sx={\n                    canUseTreeGridStyle\n                      ? [rowIndex === 0 && treeGridFirstRowCellSx, ...getTreeGridCellOverrideSx(cellSx)]\n                      : cellSx\n                  }\n                  style={col?.style ?? {}}\n                  colSpan={col?.colSpan}\n                  rowSpan={col?.rowSpan}\n                >\n                  <Box className={FIELD_TABLE_CELL_CONTENT_CLASS_NAME}>\n                    {renderFieldTableCellValue(col, data, cellSx)}\n                  </Box>\n                </TableCell>\n              </Fragment>\n            ))}\n          </StyledTableRow>\n        ))}\n      </TableBody>\n    </StyledTable>\n  );\n}\n"],"names":["DEFAULT_CHECKBOX_FONT_SIZE","FIELD_TABLE_HELPER_TEXT_RESERVED_SPACE","defaultTableBorderColorByMode","defaultTreeGridTitleCellSx","TREEGRID_TABLE_FONT_FAMILY_STACK","treeGridContainerSx","treeGridFirstRowCellSx","FIELD_TABLE_CELL_CONTENT_CLASS_NAME","fieldTableRowSx","normalizeTableCellSx","__name","style","getTreeGridCellOverrideSx","styles","theme","getTableCellFontSize","styleItems","index","styleItem","defaultFieldTableTheme","getRequiredTitle","title","jsxs","Fragment","jsx","getFieldTableValue","data","key","getCheckboxChecked","value","validate","isNaN","toNumber","getDateFormat","cell","renderFieldTableCellValue","cellSx","Checkbox","dayjs","FieldTableNumberValue","FieldTableTextValue","OwpFieldTable","layout","titleWidth","titleSx","treeGridTitleCellSx","colGroupSlot","className","tableLayout","canUseTreeGridStyle","currentSettings","useGetCurrentSettings","defaultTableBorderColor","_c","_b","_a","tableBackgroundColor","_h","_g","_f","_e","_d","tableTheme","useMemo","resolveOwpTableTheme","StyledTable","clsx","TableBody","cols","rowIndex","StyledTableRow","col","colIndex","TableCell","getDefaultTableHeaderCellSx","Box"],"mappings":"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"}