@owp/core 2.5.7 → 2.5.8

package/dist/_virtual/index11.js

@@ -1,5 +1,5 @@
-var r = {};
+var a = {};
 export {
-  r as __exports
+  a as __exports
 };
 //# sourceMappingURL=index11.js.map

package/dist/_virtual/index13.js

@@ -1,5 +1,5 @@
-var a = {};
+var r = {};
 export {
-  a as __exports
+  r as __exports
 };
 //# sourceMappingURL=index13.js.map

package/dist/_virtual/index14.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = {};
 export {
-  r as __exports
+  e as __exports
 };
 //# sourceMappingURL=index14.js.map

package/dist/_virtual/index15.js

@@ -1,5 +1,5 @@
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };
 //# sourceMappingURL=index15.js.map

package/dist/components/OwpOptionSelector/OwpOptionSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpOptionSelector.js","sources":["../../../src/components/OwpOptionSelector/OwpOptionSelector.tsx"],"sourcesContent":["import { OwpSelectorBase } from '@/components/OwpSelectorBase/OwpSelectorBase';\nimport { type SelectChangeEvent, type SelectProps } from '@mui/material';\nimport { type ReactNode, useMemo } from 'react';\n\nexport interface OwpOptionSelectorOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface OwpOptionSelectorProps extends Omit<\n  SelectProps<string>,\n  'defaultValue' | 'multiple' | 'onChange' | 'renderValue' | 'value' | 'variant'\n> {\n  label?: string;\n  defaultValue?: string;\n  disableAllValueItem?: boolean;\n  helperText?: string;\n  multiple?: boolean;\n  onChange?: (event: SelectChangeEvent<string>, child: ReactNode) => void;\n  options: OwpOptionSelectorOption[];\n  value?: string;\n}\n\n/**\n * 옵션 선택기\n * @param props 옵션 선택기 props\n */\nconst OwpOptionSelector = ({\n  className,\n  defaultValue,\n  disableAllValueItem,\n  error,\n  fullWidth,\n  helperText,\n  label,\n  multiple,\n  onChange,\n  options,\n  required,\n  value,\n  ...selectProps\n}: OwpOptionSelectorProps) => {\n  const selectorOptions = useMemo(\n    () =>\n      options.map((option) => ({\n        disabled: option.disabled,\n        label: option.label,\n        value: option.value,\n      })),\n    [options],\n  );\n\n  return (\n    <OwpSelectorBase\n      className={className}\n      defaultValue={defaultValue}\n      disableAllValueItem={disableAllValueItem}\n      disabled={selectProps.disabled}\n      error={error}\n      fullWidth={fullWidth}\n      helperText={helperText}\n      label={label}\n      multiple={multiple}\n      name={selectProps.name}\n      onChange={(event) => {\n        onChange?.(event as SelectChangeEvent<string>, null);\n      }}\n      options={selectorOptions}\n      required={required}\n      selectProps={{\n        ...selectProps,\n      }}\n      selectorType=\"select\"\n      value={value}\n    />\n  );\n};\n\nexport { OwpOptionSelector };\n"],"names":["OwpOptionSelector","__name","className","defaultValue","disableAllValueItem","error","fullWidth","helperText","label","multiple","onChange","options","required","value","selectProps","selectorOptions","useMemo","option","jsx","OwpSelectorBase","event"],"mappings":";;;;;AA4BA,MAAMA,IAAoB,gBAAAC,EAAA,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAMC,IAAkBC;AAAA,IACtB,MACEL,EAAQ,IAAI,CAACM,OAAY;AAAA,MACvB,UAAUA,EAAO;AAAA,MACjB,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd;AAAA,IACJ,CAACN,CAAO;AAAA,EAAA;AAGV,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAjB;AAAA,MACA,cAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,UAAUU,EAAY;AAAA,MACtB,OAAAT;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,MAAMK,EAAY;AAAA,MAClB,UAAU,gBAAAb,EAAA,CAACmB,MAAU;AACnB,QAAAV,KAAA,QAAAA,EAAWU,GAAoC;AAAA,MACjD,GAFU;AAAA,MAGV,SAASL;AAAA,MACT,UAAAH;AAAA,MACA,aAAa;AAAA,QACX,GAAGE;AAAA,MAAA;AAAA,MAEL,cAAa;AAAA,MACb,OAAAD;AAAA,IAAA;AAAA,EAAA;AAGN,GAjD0B;"}
+{"version":3,"file":"OwpOptionSelector.js","sources":["../../../src/components/OwpOptionSelector/OwpOptionSelector.tsx"],"sourcesContent":["import { OwpSelectorBase } from '@/components/OwpSelectorBase/OwpSelectorBase';\nimport { type SelectChangeEvent, type SelectProps } from '@mui/material';\nimport { type ReactNode, useMemo } from 'react';\n\nexport interface OwpOptionSelectorOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface OwpOptionSelectorProps extends Omit<\n  SelectProps<string>,\n  'defaultValue' | 'multiple' | 'onChange' | 'renderValue' | 'value'\n> {\n  label?: string;\n  defaultValue?: string;\n  disableAllValueItem?: boolean;\n  helperText?: string;\n  multiple?: boolean;\n  onChange?: (event: SelectChangeEvent<string>, child: ReactNode) => void;\n  options: OwpOptionSelectorOption[];\n  value?: string;\n}\n\n/**\n * 옵션 선택기\n * @param props 옵션 선택기 props\n */\nconst OwpOptionSelector = ({\n  className,\n  defaultValue,\n  disableAllValueItem,\n  error,\n  fullWidth,\n  helperText,\n  label,\n  multiple,\n  onChange,\n  options,\n  required,\n  value,\n  ...selectProps\n}: OwpOptionSelectorProps) => {\n  const selectorOptions = useMemo(\n    () =>\n      options.map((option) => ({\n        disabled: option.disabled,\n        label: option.label,\n        value: option.value,\n      })),\n    [options],\n  );\n\n  return (\n    <OwpSelectorBase\n      className={className}\n      defaultValue={defaultValue}\n      disableAllValueItem={disableAllValueItem}\n      disabled={selectProps.disabled}\n      error={error}\n      fullWidth={fullWidth}\n      helperText={helperText}\n      label={label}\n      multiple={multiple}\n      name={selectProps.name}\n      onChange={(event) => {\n        onChange?.(event as SelectChangeEvent<string>, null);\n      }}\n      options={selectorOptions}\n      required={required}\n      selectProps={{\n        ...selectProps,\n      }}\n      selectorType=\"select\"\n      value={value}\n    />\n  );\n};\n\nexport { OwpOptionSelector };\n"],"names":["OwpOptionSelector","__name","className","defaultValue","disableAllValueItem","error","fullWidth","helperText","label","multiple","onChange","options","required","value","selectProps","selectorOptions","useMemo","option","jsx","OwpSelectorBase","event"],"mappings":";;;;;AA4BA,MAAMA,IAAoB,gBAAAC,EAAA,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAMC,IAAkBC;AAAA,IACtB,MACEL,EAAQ,IAAI,CAACM,OAAY;AAAA,MACvB,UAAUA,EAAO;AAAA,MACjB,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd;AAAA,IACJ,CAACN,CAAO;AAAA,EAAA;AAGV,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAjB;AAAA,MACA,cAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,UAAUU,EAAY;AAAA,MACtB,OAAAT;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,MAAMK,EAAY;AAAA,MAClB,UAAU,gBAAAb,EAAA,CAACmB,MAAU;AACnB,QAAAV,KAAA,QAAAA,EAAWU,GAAoC;AAAA,MACjD,GAFU;AAAA,MAGV,SAASL;AAAA,MACT,UAAAH;AAAA,MACA,aAAa;AAAA,QACX,GAAGE;AAAA,MAAA;AAAA,MAEL,cAAa;AAAA,MACb,OAAAD;AAAA,IAAA;AAAA,EAAA;AAGN,GAjD0B;"}

package/dist/components/OwpTable/OwpFieldTable.js

@@ -1,30 +1,37 @@
 var x = Object.defineProperty;
-var a = (e, r) => x(e, "name", { value: r, configurable: !0 });
-import { jsxs as l, jsx as h, Fragment as D } 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";
+var o = (e, t) => x(e, "name", { value: t, configurable: !0 });
+import { jsxs as u, jsx as d, Fragment as M } 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 b } from "../../constants/tableTheme.js";
 import { useGetCurrentSettings as N } from "../../hooks/useOwpSettings.js";
-import { TableCell as g, TableBody as M, Checkbox as k } from "@mui/material";
-import { clsx as H } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import W from "dayjs";
-import { useMemo as S, Fragment as y } from "react";
-import { StyledTableRow as E, StyledTable as O } from "./OwpTable.js";
-import { isNaN as R } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNaN.js";
-import { toNumber as $ } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/toNumber.js";
-const j = 28, B = {
+import { TableCell as T, TableBody as k, Checkbox as A } from "@mui/material";
+import { clsx as E } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import H from "dayjs";
+import { useMemo as S, Fragment as _ } from "react";
+import { TREEGRID_TABLE_FONT_FAMILY_STACK as O } from "./internal/treeGridTableStyle.js";
+import { StyledTableRow as R, StyledTable as W } from "./OwpTable.js";
+import { isNaN as y } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNaN.js";
+import { toNumber as B } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/toNumber.js";
+const L = 28, $ = {
   "&&": {
-    fontFamily: "inherit",
+    fontFamily: O,
     fontSize: "1.7rem",
     fontWeight: 600,
     lineHeight: "normal",
     minHeight: "unset",
     padding: "7px 10px"
   }
-}, L = {
+}, j = {
   borderRadius: 0,
   overflow: "visible"
-}, T = {
+}, g = {
   borderTop: "1px solid #CDD8E4"
-}, s = {
+}, G = /* @__PURE__ */ o((e) => e ? (Array.isArray(e) ? e : [e]).filter(Boolean) : [], "normalizeTableCellSx"), C = /* @__PURE__ */ o((...e) => e.flatMap(G).map(
+  (t) => typeof t == "function" ? (a) => ({
+    "&&&": t(a)
+  }) : {
+    "&&&": t
+  }
+), "getTreeGridCellOverrideSx"), s = {
   header: {
     fontSize: "1.7rem",
     fontWeight: 600
@@ -32,35 +39,35 @@ const j = 28, B = {
   cell: {
     fontSize: "1.7rem"
   }
-}, _ = /* @__PURE__ */ a((e) => /* @__PURE__ */ l(D, { children: [
+}, q = /* @__PURE__ */ o((e) => /* @__PURE__ */ u(M, { children: [
   e,
-  /* @__PURE__ */ h("span", { className: "ml-4 text-red-600", children: "*" })
-] }), "getRequiredTitle"), q = /* @__PURE__ */ a((e, r) => e == null ? void 0 : e[r], "getFieldTableValue"), A = /* @__PURE__ */ a((e, r) => typeof r == "function" ? r(e) : R($(e)) ? e === "Y" : !!Number(e), "getCheckboxChecked"), V = /* @__PURE__ */ a((e) => e.withTime ? "YYYY-MM-DD HH:mm" : e.withTimeAndSec ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", "getDateFormat"), v = /* @__PURE__ */ a((e, r, d) => {
-  const i = q(r, e.key);
-  return typeof e.render == "function" ? e.render() : e.useCheckbox ? /* @__PURE__ */ h(
-    k,
+  /* @__PURE__ */ d("span", { className: "ml-4 text-red-600", children: "*" })
+] }), "getRequiredTitle"), v = /* @__PURE__ */ o((e, t) => e == null ? void 0 : e[t], "getFieldTableValue"), K = /* @__PURE__ */ o((e, t) => typeof t == "function" ? t(e) : y(B(e)) ? e === "Y" : !!Number(e), "getCheckboxChecked"), V = /* @__PURE__ */ o((e) => e.withTime ? "YYYY-MM-DD HH:mm" : e.withTimeAndSec ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", "getDateFormat"), I = /* @__PURE__ */ o((e, t, a) => {
+  const i = v(t, e.key);
+  return typeof e.render == "function" ? e.render() : e.useCheckbox ? /* @__PURE__ */ d(
+    A,
     {
-      checked: A(i, e.validate),
-      sx: { "& .MuiSvgIcon-root": { fontSize: (d == null ? void 0 : d.fontSize) ?? j } }
+      checked: K(i, e.validate),
+      sx: { "& .MuiSvgIcon-root": { fontSize: (a == null ? void 0 : a.fontSize) ?? L } }
     }
-  ) : e.useDate ? i && W(i).format(V(e)) : e.disableLocaleString ? i : i == null ? void 0 : i.toLocaleString();
+  ) : e.useDate ? i && H(i).format(V(e)) : e.disableLocaleString ? i : i == null ? void 0 : i.toLocaleString();
 }, "renderFieldTableCellValue");
-function re({
+function ae({
   layout: e,
-  titleWidth: r,
-  titleSx: d,
+  titleWidth: t,
+  titleSx: a,
   treeGridTitleCellSx: i,
-  cellSx: u,
-  data: w,
-  colGroupSlot: C,
+  cellSx: h,
+  data: c,
+  colGroupSlot: w,
   className: z,
-  tableLayout: Y = "fixed",
-  canUseTreeGridStyle: f = !1
+  tableLayout: F = "fixed",
+  canUseTreeGridStyle: p = !1
 }) {
-  const o = N(), p = S(
+  const m = N(), l = S(
     () => {
-      var m, n;
-      return b((n = (m = o == null ? void 0 : o.theme) == null ? void 0 : m.main) == null ? void 0 : n.table, {
+      var f, n;
+      return b((n = (f = m == null ? void 0 : m.theme) == null ? void 0 : f.main) == null ? void 0 : n.table, {
         header: {
           backgroundColor: "",
           color: "inherit",
@@ -72,72 +79,68 @@ function re({
         }
       });
     },
-    [o]
-  ), c = S(
+    [m]
+  ), Y = S(
     () => {
-      var m, n, t;
-      return b((t = (n = (m = o == null ? void 0 : o.theme) == null ? void 0 : m.main) == null ? void 0 : n.table) == null ? void 0 : t.field, {
+      var f, n, r;
+      return b((r = (n = (f = m == null ? void 0 : m.theme) == null ? void 0 : f.main) == null ? void 0 : n.table) == null ? void 0 : r.field, {
         header: {
-          ...p.header,
+          ...l.header,
           fontSize: s.header.fontSize,
           fontWeight: s.header.fontWeight
         },
         cell: {
-          ...p.cell,
+          ...l.cell,
           fontSize: s.cell.fontSize
         }
       });
     },
-    [p, o]
+    [l, m]
   );
-  return /* @__PURE__ */ l(
-    O,
+  return /* @__PURE__ */ u(
+    W,
     {
-      canUseTreeGridStyle: f,
-      className: H("w-full", z),
-      containerProps: { sx: f ? L : void 0 },
-      tableTheme: c,
-      tableLayout: Y,
+      canUseTreeGridStyle: p,
+      className: E("w-full", z),
+      containerProps: { sx: p ? j : void 0 },
+      tableTheme: Y,
+      tableLayout: F,
       children: [
-        C,
-        /* @__PURE__ */ h(M, { children: e.map((m, n) => /* @__PURE__ */ h(E, { children: m.map((t, F) => /* @__PURE__ */ l(y, { children: [
-          /* @__PURE__ */ h(
-            g,
+        w,
+        /* @__PURE__ */ d(k, { children: e.map((f, n) => /* @__PURE__ */ d(R, { children: f.map((r, D) => /* @__PURE__ */ u(_, { children: [
+          /* @__PURE__ */ d(
+            T,
             {
               component: "th",
               className: "whitespace-pre-wrap",
-              width: r ?? 200,
-              sx: {
-                ...f ? B : {},
-                ...f ? i ?? {} : {},
-                ...f && n === 0 ? T : {},
-                ...d ?? {}
-              },
-              rowSpan: t == null ? void 0 : t.rowSpan,
-              children: t.required ? _(t.title) : t.title
+              width: t ?? 200,
+              sx: p ? [
+                $,
+                n === 0 && g,
+                ...C(i, a)
+              ] : a,
+              rowSpan: r == null ? void 0 : r.rowSpan,
+              children: r.required ? q(r.title) : r.title
             }
           ),
-          /* @__PURE__ */ h(
-            g,
+          /* @__PURE__ */ d(
+            T,
             {
               className: "whitespace-pre-wrap",
-              sx: {
-                ...f && n === 0 ? T : {},
-                ...u ?? {}
-              },
-              style: (t == null ? void 0 : t.style) ?? {},
-              colSpan: t == null ? void 0 : t.colSpan,
-              rowSpan: t == null ? void 0 : t.rowSpan,
-              children: v(t, w, u)
+              sx: p ? [n === 0 && g, ...C(h)] : h,
+              style: (r == null ? void 0 : r.style) ?? {},
+              colSpan: r == null ? void 0 : r.colSpan,
+              rowSpan: r == null ? void 0 : r.rowSpan,
+              children: I(r, c, h)
             }
           )
-        ] }, `owp-field-cell-${n}-${F}`)) }, `owp-field-col-${n}`)) })
+        ] }, `owp-field-cell-${n}-${D}`)) }, `owp-field-col-${n}`)) })
       ]
     }
   );
 }
-a(re, "OwpFieldTable");
+o(ae, "OwpFieldTable");
 export {
-  re as OwpFieldTable
+  ae 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 { Checkbox, TableBody, TableCell, type TableCellProps } from '@mui/material';\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 { StyledTable, StyledTableRow } from './OwpTable';\n\ntype OwpFieldTableCell = {\n  title: string;\n  key: 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) => 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'] & CSSProperties;\n  cellSx?: TableCellProps['sx'] & CSSProperties;\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: 'inherit',\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 defaultFieldTableTheme = {\n  header: {\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\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={{ '& .MuiSvgIcon-root': { fontSize: cellSx?.fontSize ?? DEFAULT_CHECKBOX_FONT_SIZE } }}\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 baseTableTheme = useMemo(\n    () =>\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, {\n        header: {\n          backgroundColor: '',\n          color: 'inherit',\n          fontSize: defaultFieldTableTheme.header.fontSize,\n          fontWeight: defaultFieldTableTheme.header.fontWeight,\n        },\n        cell: {\n          fontSize: defaultFieldTableTheme.cell.fontSize,\n        },\n      }),\n    [currentSettings],\n  );\n  const tableTheme = useMemo(\n    () =>\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table?.field, {\n        header: {\n          ...baseTableTheme.header,\n          fontSize: defaultFieldTableTheme.header.fontSize,\n          fontWeight: defaultFieldTableTheme.header.fontWeight,\n        },\n        cell: {\n          ...baseTableTheme.cell,\n          fontSize: defaultFieldTableTheme.cell.fontSize,\n        },\n      }),\n    [baseTableTheme, currentSettings],\n  );\n\n  return (\n    <StyledTable\n      canUseTreeGridStyle={canUseTreeGridStyle}\n      className={clsx('w-full', className)}\n      containerProps={{ sx: canUseTreeGridStyle ? treeGridContainerSx : undefined }}\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 ? defaultTreeGridTitleCellSx : {}),\n                    ...(canUseTreeGridStyle ? (treeGridTitleCellSx ?? {}) : {}),\n                    ...(canUseTreeGridStyle && rowIndex === 0 ? treeGridFirstRowCellSx : {}),\n                    ...(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 && rowIndex === 0 ? treeGridFirstRowCellSx : {}),\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","treeGridContainerSx","treeGridFirstRowCellSx","defaultFieldTableTheme","getRequiredTitle","__name","title","jsxs","Fragment","jsx","getFieldTableValue","data","key","getCheckboxChecked","value","validate","isNaN","toNumber","getDateFormat","cell","renderFieldTableCellValue","cellSx","Checkbox","dayjs","OwpFieldTable","layout","titleWidth","titleSx","treeGridTitleCellSx","colGroupSlot","className","tableLayout","canUseTreeGridStyle","currentSettings","useGetCurrentSettings","baseTableTheme","useMemo","resolveOwpTableTheme","_b","_a","tableTheme","_c","StyledTable","clsx","TableBody","cols","rowIndex","StyledTableRow","col","colIndex","TableCell"],"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 { 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 { TREEGRID_TABLE_FONT_FAMILY_STACK } from './internal/treeGridTableStyle';\nimport { StyledTable, StyledTableRow } from './OwpTable';\n\ntype OwpFieldTableCell = {\n  title: string;\n  key: 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) => 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'] & CSSProperties;\n  cellSx?: TableCellProps['sx'] & CSSProperties;\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 defaultFieldTableTheme = {\n  header: {\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\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={{ '& .MuiSvgIcon-root': { fontSize: cellSx?.fontSize ?? DEFAULT_CHECKBOX_FONT_SIZE } }}\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 baseTableTheme = useMemo(\n    () =>\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table, {\n        header: {\n          backgroundColor: '',\n          color: 'inherit',\n          fontSize: defaultFieldTableTheme.header.fontSize,\n          fontWeight: defaultFieldTableTheme.header.fontWeight,\n        },\n        cell: {\n          fontSize: defaultFieldTableTheme.cell.fontSize,\n        },\n      }),\n    [currentSettings],\n  );\n  const tableTheme = useMemo(\n    () =>\n      resolveOwpTableTheme(currentSettings?.theme?.main?.table?.field, {\n        header: {\n          ...baseTableTheme.header,\n          fontSize: defaultFieldTableTheme.header.fontSize,\n          fontWeight: defaultFieldTableTheme.header.fontWeight,\n        },\n        cell: {\n          ...baseTableTheme.cell,\n          fontSize: defaultFieldTableTheme.cell.fontSize,\n        },\n      }),\n    [baseTableTheme, currentSettings],\n  );\n\n  return (\n    <StyledTable\n      canUseTreeGridStyle={canUseTreeGridStyle}\n      className={clsx('w-full', className)}\n      containerProps={{ sx: canUseTreeGridStyle ? treeGridContainerSx : undefined }}\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                      : 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","defaultFieldTableTheme","getRequiredTitle","title","jsxs","Fragment","jsx","getFieldTableValue","data","key","getCheckboxChecked","value","validate","isNaN","toNumber","getDateFormat","cell","renderFieldTableCellValue","cellSx","Checkbox","dayjs","OwpFieldTable","layout","titleWidth","titleSx","treeGridTitleCellSx","colGroupSlot","className","tableLayout","canUseTreeGridStyle","currentSettings","useGetCurrentSettings","baseTableTheme","useMemo","resolveOwpTableTheme","_b","_a","tableTheme","_c","StyledTable","clsx","TableBody","cols","rowIndex","StyledTableRow","col","colIndex","TableCell"],"mappings":"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"}

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

@@ -1,11 +1,16 @@
-var g = Object.defineProperty;
-var l = (o, r) => g(o, "name", { value: r, configurable: !0 });
-import { TREEGRID_FONT_FAMILY_STACK as n } from "../../../constants/treeGrid.js";
-const d = "#6F7F94", c = "#CDD8E4", s = /* @__PURE__ */ l((o) => ({
+var n = Object.defineProperty;
+var l = (o, r) => n(o, "name", { value: r, configurable: !0 });
+const d = "#6F7F94", c = "#CDD8E4", g = [
+  "Pretendard",
+  "Roboto",
+  '"Helvetica"',
+  "Arial",
+  "sans-serif"
+].join(", "), b = /* @__PURE__ */ l((o) => ({
   backgroundColor: o.body.backgroundColor,
   color: o.body.color
 }), "getTreeGridContainerSx"), a = /* @__PURE__ */ l((o, r = "normal") => ({
-  fontFamily: n,
+  fontFamily: g,
   fontSize: o,
   fontWeight: r,
   lineHeight: "16px"
@@ -16,7 +21,7 @@ const d = "#6F7F94", c = "#CDD8E4", s = /* @__PURE__ */ l((o) => ({
   textOverflow: "ellipsis",
   verticalAlign: "middle",
   whiteSpace: "nowrap"
-}), "getTreeGridCellBaseSx"), x = /* @__PURE__ */ l((o) => ({
+}), "getTreeGridCellBaseSx"), s = /* @__PURE__ */ l((o) => ({
   ...a(
     o.header.fontSize,
     o.header.fontWeight
@@ -30,7 +35,7 @@ const d = "#6F7F94", c = "#CDD8E4", s = /* @__PURE__ */ l((o) => ({
   height: o.header.height,
   minHeight: o.header.height,
   padding: "7px 2px 6px 10px"
-}), "getTreeGridHeaderCellSx"), k = /* @__PURE__ */ l((o) => ({
+}), "getTreeGridHeaderCellSx"), x = /* @__PURE__ */ l((o) => ({
   ...C(o),
   backgroundColor: o.row.backgroundColor,
   borderBottom: `1px solid ${c}`,
@@ -66,12 +71,13 @@ const d = "#6F7F94", c = "#CDD8E4", s = /* @__PURE__ */ l((o) => ({
 }, "getTreeGridBodyRowSx");
 export {
   c as TREEGRID_TABLE_BODY_BORDER_COLOR,
+  g as TREEGRID_TABLE_FONT_FAMILY_STACK,
   d as TREEGRID_TABLE_HEADER_BORDER_COLOR,
-  k as getTreeGridBodyCellSx,
+  x as getTreeGridBodyCellSx,
   R as getTreeGridBodyRowSx,
   C as getTreeGridCellBaseSx,
-  s as getTreeGridContainerSx,
-  x as getTreeGridHeaderCellSx,
+  b as getTreeGridContainerSx,
+  s as getTreeGridHeaderCellSx,
   a as getTreeGridTypographySx
 };
 //# sourceMappingURL=treeGridTableStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"treeGridTableStyle.js","sources":["../../../../src/components/OwpTable/internal/treeGridTableStyle.ts"],"sourcesContent":["import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';\nimport { TREEGRID_FONT_FAMILY_STACK } from '@/constants/treeGrid';\n\nexport const TREEGRID_TABLE_HEADER_BORDER_COLOR = '#6F7F94';\nexport const TREEGRID_TABLE_BODY_BORDER_COLOR = '#CDD8E4';\n\n/**\n * TreeGrid 컨테이너 색상 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridContainerSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  backgroundColor: treeGridTheme.body.backgroundColor,\n  color: treeGridTheme.body.color,\n});\n\n/**\n * TreeGrid 타이포그래피 매핑\n * @param fontSize 폰트 크기\n * @param fontWeight 폰트 두께\n */\nexport const getTreeGridTypographySx = (\n  fontSize: number | string,\n  fontWeight: number | string = 'normal',\n) => ({\n  fontFamily: TREEGRID_FONT_FAMILY_STACK,\n  fontSize,\n  fontWeight,\n  lineHeight: '16px',\n});\n\n/**\n * TreeGrid 공통 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridCellBaseSx = (treeGridTheme: OwpResolvedGridThemeConfigType) => ({\n  ...getTreeGridTypographySx(treeGridTheme.cell.fontSize),\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  verticalAlign: 'middle',\n  whiteSpace: 'nowrap',\n});\n\n/**\n * TreeGrid header 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridHeaderCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridTypographySx(\n    treeGridTheme.header.fontSize,\n    treeGridTheme.header.fontWeight,\n  ),\n  backgroundColor: treeGridTheme.header.backgroundColor,\n  borderTop: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderBottom: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  color: treeGridTheme.header.color,\n  height: treeGridTheme.header.height,\n  minHeight: treeGridTheme.header.height,\n  padding: '7px 2px 6px 10px',\n});\n\n/**\n * TreeGrid body 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridBodyCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridCellBaseSx(treeGridTheme),\n  backgroundColor: treeGridTheme.row.backgroundColor,\n  borderBottom: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  color: treeGridTheme.body.color,\n  fontSize: treeGridTheme.cell.fontSize,\n  padding: '7px 10px 6px',\n});\n\n/**\n * TreeGrid body row 상태 스타일 매핑\n * @param treeGridTheme Grid theme 값\n * @param options hover, selected 여부\n */\nexport const getTreeGridBodyRowSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n  options?: {\n    canHover?: boolean;\n    selected?: boolean;\n  },\n) => {\n  const defaultBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.row.backgroundColor;\n  const hoverBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.state.hoverRowBackgroundColor;\n\n  return {\n    '& > td': {\n      backgroundColor: defaultBackgroundColor,\n    },\n    ...(options?.canHover && {\n      '&:hover > td': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    '&.Mui-selected > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&.Mui-selected:hover > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&:focus-within > td': {\n      backgroundColor: treeGridTheme.state.focusedRowBackgroundColor,\n    },\n    '& > td:focus-within': {\n      backgroundColor: treeGridTheme.state.focusedCellBackgroundColor,\n    },\n  };\n};\n"],"names":["TREEGRID_TABLE_HEADER_BORDER_COLOR","TREEGRID_TABLE_BODY_BORDER_COLOR","getTreeGridContainerSx","__name","treeGridTheme","getTreeGridTypographySx","fontSize","fontWeight","TREEGRID_FONT_FAMILY_STACK","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","getTreeGridBodyCellSx","getTreeGridBodyRowSx","options","defaultBackgroundColor","hoverBackgroundColor"],"mappings":";;;AAGO,MAAMA,IAAqC,WACrCC,IAAmC,WAMnCC,IAAyB,gBAAAC,EAAA,CACpCC,OACI;AAAA,EACJ,iBAAiBA,EAAc,KAAK;AAAA,EACpC,OAAOA,EAAc,KAAK;AAC5B,IALsC,2BAYzBC,IAA0B,gBAAAF,EAAA,CACrCG,GACAC,IAA8B,cAC1B;AAAA,EACJ,YAAYC;AAAA,EACZ,UAAAF;AAAA,EACA,YAAAC;AAAA,EACA,YAAY;AACd,IARuC,4BAc1BE,IAAwB,gBAAAN,EAAA,CAACC,OAAmD;AAAA,EACvF,GAAGC,EAAwBD,EAAc,KAAK,QAAQ;AAAA,EACtD,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AACd,IAPqC,0BAaxBM,IAA0B,gBAAAP,EAAA,CACrCC,OACI;AAAA,EACJ,GAAGC;AAAA,IACDD,EAAc,OAAO;AAAA,IACrBA,EAAc,OAAO;AAAA,EAAA;AAAA,EAEvB,iBAAiBA,EAAc,OAAO;AAAA,EACtC,WAAW,aAAaJ,CAAkC;AAAA,EAC1D,cAAc,aAAaA,CAAkC;AAAA,EAC7D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAkC;AAAA,EAC5D,OAAOI,EAAc,OAAO;AAAA,EAC5B,QAAQA,EAAc,OAAO;AAAA,EAC7B,WAAWA,EAAc,OAAO;AAAA,EAChC,SAAS;AACX,IAhBuC,4BAsB1BO,IAAwB,gBAAAR,EAAA,CACnCC,OACI;AAAA,EACJ,GAAGK,EAAsBL,CAAa;AAAA,EACtC,iBAAiBA,EAAc,IAAI;AAAA,EACnC,cAAc,aAAaH,CAAgC;AAAA,EAC3D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAgC;AAAA,EAC1D,OAAOG,EAAc,KAAK;AAAA,EAC1B,UAAUA,EAAc,KAAK;AAAA,EAC7B,SAAS;AACX,IAXqC,0BAkBxBQ,IAAuB,gBAAAT,EAAA,CAClCC,GACAS,MAIG;AACH,QAAMC,IAAyBD,KAAA,QAAAA,EAAS,WACpCT,EAAc,MAAM,6BACpBA,EAAc,IAAI,iBAChBW,IAAuBF,KAAA,QAAAA,EAAS,WAClCT,EAAc,MAAM,6BACpBA,EAAc,MAAM;AAExB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,iBAAiBU;AAAA,IAAA;AAAA,IAEnB,IAAID,KAAA,gBAAAA,EAAS,aAAY;AAAA,MACvB,gBAAgB;AAAA,QACd,iBAAiBE;AAAA,MAAA;AAAA,IACnB;AAAA,IAEF,uBAAuB;AAAA,MACrB,iBAAiBX,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,6BAA6B;AAAA,MAC3B,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,EACvC;AAEJ,GApCoC;"}
+{"version":3,"file":"treeGridTableStyle.js","sources":["../../../../src/components/OwpTable/internal/treeGridTableStyle.ts"],"sourcesContent":["import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';\n\nexport const TREEGRID_TABLE_HEADER_BORDER_COLOR = '#6F7F94';\nexport const TREEGRID_TABLE_BODY_BORDER_COLOR = '#CDD8E4';\nexport const TREEGRID_TABLE_FONT_FAMILY_STACK = [\n  'Pretendard',\n  'Roboto',\n  '\"Helvetica\"',\n  'Arial',\n  'sans-serif',\n].join(', ');\n\n/**\n * TreeGrid 컨테이너 색상 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridContainerSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  backgroundColor: treeGridTheme.body.backgroundColor,\n  color: treeGridTheme.body.color,\n});\n\n/**\n * TreeGrid 타이포그래피 매핑\n * @param fontSize 폰트 크기\n * @param fontWeight 폰트 두께\n */\nexport const getTreeGridTypographySx = (\n  fontSize: number | string,\n  fontWeight: number | string = 'normal',\n) => ({\n  fontFamily: TREEGRID_TABLE_FONT_FAMILY_STACK,\n  fontSize,\n  fontWeight,\n  lineHeight: '16px',\n});\n\n/**\n * TreeGrid 공통 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridCellBaseSx = (treeGridTheme: OwpResolvedGridThemeConfigType) => ({\n  ...getTreeGridTypographySx(treeGridTheme.cell.fontSize),\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  verticalAlign: 'middle',\n  whiteSpace: 'nowrap',\n});\n\n/**\n * TreeGrid header 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridHeaderCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridTypographySx(\n    treeGridTheme.header.fontSize,\n    treeGridTheme.header.fontWeight,\n  ),\n  backgroundColor: treeGridTheme.header.backgroundColor,\n  borderTop: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderBottom: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_HEADER_BORDER_COLOR}`,\n  color: treeGridTheme.header.color,\n  height: treeGridTheme.header.height,\n  minHeight: treeGridTheme.header.height,\n  padding: '7px 2px 6px 10px',\n});\n\n/**\n * TreeGrid body 셀 스타일 매핑\n * @param treeGridTheme Grid theme 값\n */\nexport const getTreeGridBodyCellSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n) => ({\n  ...getTreeGridCellBaseSx(treeGridTheme),\n  backgroundColor: treeGridTheme.row.backgroundColor,\n  borderBottom: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  borderLeft: 0,\n  borderRight: `1px solid ${TREEGRID_TABLE_BODY_BORDER_COLOR}`,\n  color: treeGridTheme.body.color,\n  fontSize: treeGridTheme.cell.fontSize,\n  padding: '7px 10px 6px',\n});\n\n/**\n * TreeGrid body row 상태 스타일 매핑\n * @param treeGridTheme Grid theme 값\n * @param options hover, selected 여부\n */\nexport const getTreeGridBodyRowSx = (\n  treeGridTheme: OwpResolvedGridThemeConfigType,\n  options?: {\n    canHover?: boolean;\n    selected?: boolean;\n  },\n) => {\n  const defaultBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.row.backgroundColor;\n  const hoverBackgroundColor = options?.selected\n    ? treeGridTheme.state.selectedRowBackgroundColor\n    : treeGridTheme.state.hoverRowBackgroundColor;\n\n  return {\n    '& > td': {\n      backgroundColor: defaultBackgroundColor,\n    },\n    ...(options?.canHover && {\n      '&:hover > td': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    '&.Mui-selected > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&.Mui-selected:hover > td': {\n      backgroundColor: treeGridTheme.state.selectedRowBackgroundColor,\n    },\n    '&:focus-within > td': {\n      backgroundColor: treeGridTheme.state.focusedRowBackgroundColor,\n    },\n    '& > td:focus-within': {\n      backgroundColor: treeGridTheme.state.focusedCellBackgroundColor,\n    },\n  };\n};\n"],"names":["TREEGRID_TABLE_HEADER_BORDER_COLOR","TREEGRID_TABLE_BODY_BORDER_COLOR","TREEGRID_TABLE_FONT_FAMILY_STACK","getTreeGridContainerSx","__name","treeGridTheme","getTreeGridTypographySx","fontSize","fontWeight","getTreeGridCellBaseSx","getTreeGridHeaderCellSx","getTreeGridBodyCellSx","getTreeGridBodyRowSx","options","defaultBackgroundColor","hoverBackgroundColor"],"mappings":";;AAEO,MAAMA,IAAqC,WACrCC,IAAmC,WACnCC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,IAAI,GAMEC,IAAyB,gBAAAC,EAAA,CACpCC,OACI;AAAA,EACJ,iBAAiBA,EAAc,KAAK;AAAA,EACpC,OAAOA,EAAc,KAAK;AAC5B,IALsC,2BAYzBC,IAA0B,gBAAAF,EAAA,CACrCG,GACAC,IAA8B,cAC1B;AAAA,EACJ,YAAYN;AAAA,EACZ,UAAAK;AAAA,EACA,YAAAC;AAAA,EACA,YAAY;AACd,IARuC,4BAc1BC,IAAwB,gBAAAL,EAAA,CAACC,OAAmD;AAAA,EACvF,GAAGC,EAAwBD,EAAc,KAAK,QAAQ;AAAA,EACtD,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AACd,IAPqC,0BAaxBK,IAA0B,gBAAAN,EAAA,CACrCC,OACI;AAAA,EACJ,GAAGC;AAAA,IACDD,EAAc,OAAO;AAAA,IACrBA,EAAc,OAAO;AAAA,EAAA;AAAA,EAEvB,iBAAiBA,EAAc,OAAO;AAAA,EACtC,WAAW,aAAaL,CAAkC;AAAA,EAC1D,cAAc,aAAaA,CAAkC;AAAA,EAC7D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAkC;AAAA,EAC5D,OAAOK,EAAc,OAAO;AAAA,EAC5B,QAAQA,EAAc,OAAO;AAAA,EAC7B,WAAWA,EAAc,OAAO;AAAA,EAChC,SAAS;AACX,IAhBuC,4BAsB1BM,IAAwB,gBAAAP,EAAA,CACnCC,OACI;AAAA,EACJ,GAAGI,EAAsBJ,CAAa;AAAA,EACtC,iBAAiBA,EAAc,IAAI;AAAA,EACnC,cAAc,aAAaJ,CAAgC;AAAA,EAC3D,YAAY;AAAA,EACZ,aAAa,aAAaA,CAAgC;AAAA,EAC1D,OAAOI,EAAc,KAAK;AAAA,EAC1B,UAAUA,EAAc,KAAK;AAAA,EAC7B,SAAS;AACX,IAXqC,0BAkBxBO,IAAuB,gBAAAR,EAAA,CAClCC,GACAQ,MAIG;AACH,QAAMC,IAAyBD,KAAA,QAAAA,EAAS,WACpCR,EAAc,MAAM,6BACpBA,EAAc,IAAI,iBAChBU,IAAuBF,KAAA,QAAAA,EAAS,WAClCR,EAAc,MAAM,6BACpBA,EAAc,MAAM;AAExB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,iBAAiBS;AAAA,IAAA;AAAA,IAEnB,IAAID,KAAA,gBAAAA,EAAS,aAAY;AAAA,MACvB,gBAAgB;AAAA,QACd,iBAAiBE;AAAA,MAAA;AAAA,IACnB;AAAA,IAEF,uBAAuB;AAAA,MACrB,iBAAiBV,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,6BAA6B;AAAA,MAC3B,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,IAEvC,uBAAuB;AAAA,MACrB,iBAAiBA,EAAc,MAAM;AAAA,IAAA;AAAA,EACvC;AAEJ,GApCoC;"}

package/dist/constants.js

@@ -1,30 +1,33 @@
-import { DEFAULT_CELL_ALIGNMENT as L, DEFAULT_HEADER_FILL as T, DEFAULT_HEADER_FONT as e, DEFAULT_THIN_BORDER as A, DEFAULT_VALUE_FONT as r, DEFAULT_WRAP_CELL_ALIGNMENT as R } from "./constants/excel.js";
-import { FALLBACK_LANGUAGE_LIST as I } from "./constants/language.js";
-import { CURRENT_LANGUAGE as N, LOCAL_STORAGE_KEYS as o, STORAGE_ACCESS_TOKEN_KEY as F } from "./constants/localStorageKeys.js";
-import { STORAGE_KEYS as D } from "./constants/storageKeys.js";
-import { TREEGRID_CELL_HIGHLIGHT_CLASS as U, TREEGRID_CELL_HIGHLIGHT_COLOR as S, TREEGRID_FONT_FAMILY as s, TREEGRID_FONT_FAMILY_STACK as H, TREEGRID_INPUT_CELL_COLOR as l, TREEGRID_WARNING_CELL_COLOR as m, getTreeGridAssetBasePath as x, getTreeGridFontFaceStyles as K, getTreeGridTextResourceUrl as d, resolveTreeGridAssetUrl as f, resolveTreeGridColorNumber as i } from "./constants/treeGrid.js";
+import { DEFAULT_CELL_ALIGNMENT as L, DEFAULT_HEADER_FILL as T, DEFAULT_HEADER_FONT as R, DEFAULT_THIN_BORDER as A, DEFAULT_VALUE_FONT as e, DEFAULT_WRAP_CELL_ALIGNMENT as r } from "./constants/excel.js";
+import { FALLBACK_LANGUAGE_LIST as O } from "./constants/language.js";
+import { CURRENT_LANGUAGE as I, LOCAL_STORAGE_KEYS as C, STORAGE_ACCESS_TOKEN_KEY as o } from "./constants/localStorageKeys.js";
+import { STORAGE_KEYS as F } from "./constants/storageKeys.js";
+import { TREEGRID_CELL_HIGHLIGHT_CLASS as U, TREEGRID_CELL_HIGHLIGHT_COLOR as S, TREEGRID_FONT_FAMILY as H, TREEGRID_FONT_FAMILY_STACK as s, TREEGRID_INPUT_CELL_COLOR as B, TREEGRID_WARNING_CELL_COLOR as m, getTreeGridAssetBasePath as x, getTreeGridFontFaceStyles as f, getTreeGridTextResourceUrl as l, resolveTreeGridAssetUrl as p, resolveTreeGridColorNumber as K } from "./constants/treeGrid.js";
+import { TREEGRID_TABLE_BODY_BORDER_COLOR as d, TREEGRID_TABLE_HEADER_BORDER_COLOR as i } from "./components/OwpTable/internal/treeGridTableStyle.js";
 export {
-  N as CURRENT_LANGUAGE,
+  I as CURRENT_LANGUAGE,
   L as DEFAULT_CELL_ALIGNMENT,
   T as DEFAULT_HEADER_FILL,
-  e as DEFAULT_HEADER_FONT,
+  R as DEFAULT_HEADER_FONT,
   A as DEFAULT_THIN_BORDER,
-  r as DEFAULT_VALUE_FONT,
-  R as DEFAULT_WRAP_CELL_ALIGNMENT,
-  I as FALLBACK_LANGUAGE_LIST,
-  o as LOCAL_STORAGE_KEYS,
-  F as STORAGE_ACCESS_TOKEN_KEY,
-  D as STORAGE_KEYS,
+  e as DEFAULT_VALUE_FONT,
+  r as DEFAULT_WRAP_CELL_ALIGNMENT,
+  O as FALLBACK_LANGUAGE_LIST,
+  C as LOCAL_STORAGE_KEYS,
+  o as STORAGE_ACCESS_TOKEN_KEY,
+  F as STORAGE_KEYS,
   U as TREEGRID_CELL_HIGHLIGHT_CLASS,
   S as TREEGRID_CELL_HIGHLIGHT_COLOR,
-  s as TREEGRID_FONT_FAMILY,
-  H as TREEGRID_FONT_FAMILY_STACK,
-  l as TREEGRID_INPUT_CELL_COLOR,
+  H as TREEGRID_FONT_FAMILY,
+  s as TREEGRID_FONT_FAMILY_STACK,
+  B as TREEGRID_INPUT_CELL_COLOR,
+  d as TREEGRID_TABLE_BODY_BORDER_COLOR,
+  i as TREEGRID_TABLE_HEADER_BORDER_COLOR,
   m as TREEGRID_WARNING_CELL_COLOR,
   x as getTreeGridAssetBasePath,
-  K as getTreeGridFontFaceStyles,
-  d as getTreeGridTextResourceUrl,
-  f as resolveTreeGridAssetUrl,
-  i as resolveTreeGridColorNumber
+  f as getTreeGridFontFaceStyles,
+  l as getTreeGridTextResourceUrl,
+  p as resolveTreeGridAssetUrl,
+  K as resolveTreeGridColorNumber
 };
 //# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"constants.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/constants.js

@@ -1,6 +1,6 @@
 var f = Object.defineProperty;
 var t = (e, _) => f(e, "name", { value: _, configurable: !0 });
-import { __exports as r } from "../../../../../../../../_virtual/constants3.js";
+import { __exports as r } from "../../../../../../../../_virtual/constants.js";
 var i;
 function E() {
   if (i) return r;

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/index.js

@@ -1,6 +1,6 @@
 var q = Object.defineProperty;
 var O = (C, _) => q(C, "name", { value: _, configurable: !0 });
-import { __exports as r } from "../../../../../../../../_virtual/index8.js";
+import { __exports as r } from "../../../../../../../../_virtual/index7.js";
 import { __require as d } from "./CODE128_AUTO.js";
 import { __require as n } from "./CODE128A.js";
 import { __require as m } from "./CODE128B.js";

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE39/index.js

@@ -1,6 +1,6 @@
 var w = Object.defineProperty;
 var n = (f, a) => w(f, "name", { value: a, configurable: !0 });
-import { __exports as i } from "../../../../../../../../_virtual/index7.js";
+import { __exports as i } from "../../../../../../../../_virtual/index6.js";
 import { __require as k } from "../Barcode.js";
 var _;
 function P() {

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE93/index.js

@@ -1,6 +1,6 @@
 var D = Object.defineProperty;
 var C = (u, t) => D(u, "name", { value: t, configurable: !0 });
-import { __exports as e } from "../../../../../../../../_virtual/index14.js";
+import { __exports as e } from "../../../../../../../../_virtual/index13.js";
 import { __require as O } from "./CODE93.js";
 import { __require as E } from "./CODE93FullASCII.js";
 var l;

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/constants.js

@@ -1,6 +1,6 @@
 var n = Object.defineProperty;
 var G = (r, t) => n(r, "name", { value: t, configurable: !0 });
-import { __exports as L } from "../../../../../../../../_virtual/constants.js";
+import { __exports as L } from "../../../../../../../../_virtual/constants2.js";
 var e;
 function o() {
   return e ? L : (e = 1, Object.defineProperty(L, "__esModule", {

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/index.js

@@ -1,6 +1,6 @@
 var C = Object.defineProperty;
 var i = (u, a) => C(u, "name", { value: a, configurable: !0 });
-import { __exports as r } from "../../../../../../../../_virtual/index9.js";
+import { __exports as r } from "../../../../../../../../_virtual/index8.js";
 import { __require as U } from "./EAN13.js";
 import { __require as s } from "./EAN8.js";
 import { __require as l } from "./EAN5.js";

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/GenericBarcode/index.js

@@ -1,6 +1,6 @@
 var b = Object.defineProperty;
 var r = (a, f) => b(a, "name", { value: f, configurable: !0 });
-import { __exports as u } from "../../../../../../../../_virtual/index15.js";
+import { __exports as u } from "../../../../../../../../_virtual/index14.js";
 import { __require as p } from "../Barcode.js";
 var c;
 function w() {

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/constants.js

@@ -1,6 +1,6 @@
 var o = Object.defineProperty;
 var r = (n, s) => o(n, "name", { value: s, configurable: !0 });
-import { __exports as e } from "../../../../../../../../_virtual/constants2.js";
+import { __exports as e } from "../../../../../../../../_virtual/constants3.js";
 var t;
 function _() {
   return t ? e : (t = 1, Object.defineProperty(e, "__esModule", {

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/index.js

@@ -1,6 +1,6 @@
 var T = Object.defineProperty;
 var i = (u, t) => T(u, "name", { value: t, configurable: !0 });
-import { __exports as e } from "../../../../../../../../_virtual/index10.js";
+import { __exports as e } from "../../../../../../../../_virtual/index9.js";
 import { __require as f } from "./ITF.js";
 import { __require as n } from "./ITF14.js";
 var a;

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/MSI/index.js

@@ -1,6 +1,6 @@
 var v = Object.defineProperty;
 var I = (M, _) => v(M, "name", { value: _, configurable: !0 });
-import { __exports as r } from "../../../../../../../../_virtual/index11.js";
+import { __exports as r } from "../../../../../../../../_virtual/index10.js";
 import { __require as n } from "./MSI.js";
 import { __require as s } from "./MSI10.js";
 import { __require as l } from "./MSI11.js";

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/codabar/index.js

@@ -1,6 +1,6 @@
 var p = Object.defineProperty;
 var a = (f, c) => p(f, "name", { value: c, configurable: !0 });
-import { __exports as i } from "../../../../../../../../_virtual/index13.js";
+import { __exports as i } from "../../../../../../../../_virtual/index12.js";
 import { __require as g } from "../Barcode.js";
 var h;
 function w() {

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/pharmacode/index.js

@@ -1,6 +1,6 @@
 var v = Object.defineProperty;
 var i = (u, f) => v(u, "name", { value: f, configurable: !0 });
-import { __exports as a } from "../../../../../../../../_virtual/index12.js";
+import { __exports as a } from "../../../../../../../../_virtual/index11.js";
 import { __require as y } from "../Barcode.js";
 var c;
 function q() {

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/renderers/index.js

@@ -1,6 +1,6 @@
 var v = Object.defineProperty;
 var _ = (a, t) => v(a, "name", { value: t, configurable: !0 });
-import { __exports as r } from "../../../../../../../_virtual/index6.js";
+import { __exports as r } from "../../../../../../../_virtual/index15.js";
 import { __require as f } from "./canvas.js";
 import { __require as q } from "./svg.js";
 import { __require as c } from "./object.js";

package/dist/types/components/OwpOptionSelector/OwpOptionSelector.d.ts

@@ -5,7 +5,7 @@ export interface OwpOptionSelectorOption {
     label: ReactNode;
     disabled?: boolean;
 }
-export interface OwpOptionSelectorProps extends Omit<SelectProps<string>, 'defaultValue' | 'multiple' | 'onChange' | 'renderValue' | 'value' | 'variant'> {
+export interface OwpOptionSelectorProps extends Omit<SelectProps<string>, 'defaultValue' | 'multiple' | 'onChange' | 'renderValue' | 'value'> {
     label?: string;
     defaultValue?: string;
     disableAllValueItem?: boolean;

package/dist/types/components/OwpTable/internal/treeGridTableStyle.d.ts

@@ -1,6 +1,7 @@
 import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
 export declare const TREEGRID_TABLE_HEADER_BORDER_COLOR = "#6F7F94";
 export declare const TREEGRID_TABLE_BODY_BORDER_COLOR = "#CDD8E4";
+export declare const TREEGRID_TABLE_FONT_FAMILY_STACK: string;
 /**
  * TreeGrid 컨테이너 색상 매핑
  * @param treeGridTheme Grid theme 값

package/dist/types/constants/index.d.ts

@@ -3,3 +3,4 @@ export * from './language';
 export * from './localStorageKeys';
 export * from './storageKeys';
 export * from './treeGrid';
+export { TREEGRID_TABLE_BODY_BORDER_COLOR, TREEGRID_TABLE_HEADER_BORDER_COLOR, } from '../components/OwpTable/internal/treeGridTableStyle';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@owp/core",
   "private": false,
-  "version": "2.5.7",
+  "version": "2.5.8",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",