@owp/core 2.4.0 → 2.5.0

package/vite/owpCoreAssetsPlugin.cjs

@@ -0,0 +1,120 @@
+const { resolve } = require('node:path');
+const {
+  createStaticAssetPlugin,
+  createStylesheetTag,
+  hasAssetReference,
+  normalizeAssetBasePath,
+  resolveAssetUrl,
+} = require('./staticAssetPlugin.cjs');
+const {
+  owpTreeGridAssetsPlugin,
+  resolveOwpCorePackageRoot,
+  resolveOwpTreeGridAssetRoot,
+} = require('./treeGridAssetsPlugin.cjs');
+const {
+  owpCoreFixedImagesPlugin,
+  resolveOwpFixedImageAssetRoot,
+} = require('./owpCoreFixedImagesPlugin.cjs');
+
+const DEFAULT_FONT_ASSET_BASE_PATH = '/assets/fonts';
+const DEFAULT_ICON_ASSET_BASE_PATH = '/assets/icons';
+const FONT_STYLESHEET_RELATIVE_PATHS = [
+  'material-design-icons/MaterialIconsOutlined.css',
+  'pretendard/pretendard-subset.css',
+];
+
+/** 폰트 자산 루트 경로 조회 */
+const resolveOwpFontAssetRoot = (owpCoreRoot) => {
+  return resolve(resolveOwpCorePackageRoot(owpCoreRoot), 'assets/fonts');
+};
+
+/** 아이콘 자산 루트 경로 조회 */
+const resolveOwpIconAssetRoot = (owpCoreRoot) => {
+  return resolve(resolveOwpCorePackageRoot(owpCoreRoot), 'assets/icons');
+};
+
+/** OWP Core 공통 자산 플러그인 */
+const owpCoreAssetsPlugin = ({
+  fontAssetBasePath = DEFAULT_FONT_ASSET_BASE_PATH,
+  fontAssetRoot = resolveOwpFontAssetRoot(),
+  iconAssetBasePath = DEFAULT_ICON_ASSET_BASE_PATH,
+  iconAssetRoot = resolveOwpIconAssetRoot(),
+  injectFontStylesheets = true,
+  includeFixedImages = true,
+  fixedImageAssetBasePath,
+  fixedImageAssetRoot,
+  includeTreeGrid = true,
+  treeGridAssetBasePath,
+  treeGridAssetRoot,
+} = {}) => {
+  const normalizedFontAssetBasePath = normalizeAssetBasePath(fontAssetBasePath);
+  const fontAndIconPlugins = [
+    createStaticAssetPlugin({
+      assetDefinitions: [
+        {
+          assetBasePath: normalizedFontAssetBasePath,
+          assetRoot: fontAssetRoot,
+        },
+        {
+          assetBasePath: normalizeAssetBasePath(iconAssetBasePath),
+          assetRoot: iconAssetRoot,
+        },
+      ],
+      name: 'owp-core-static-assets',
+    }),
+    {
+      name: 'owp-core-font-html',
+      transformIndexHtml(html) {
+        if (!injectFontStylesheets) {
+          return {
+            html,
+            tags: [],
+          };
+        }
+
+        const tags = FONT_STYLESHEET_RELATIVE_PATHS.flatMap((relativeStylesheetPath) => {
+          if (hasAssetReference(html, relativeStylesheetPath)) {
+            return [];
+          }
+
+          return [createStylesheetTag(resolveAssetUrl(normalizedFontAssetBasePath, relativeStylesheetPath))];
+        });
+
+        return {
+          html,
+          tags,
+        };
+      },
+    },
+  ];
+
+  const plugins = [...fontAndIconPlugins];
+
+  if (includeFixedImages) {
+    plugins.push(
+      ...owpCoreFixedImagesPlugin({
+        assetBasePath: fixedImageAssetBasePath,
+        assetRoot: fixedImageAssetRoot ?? resolveOwpFixedImageAssetRoot(),
+      }),
+    );
+  }
+
+  if (includeTreeGrid) {
+    plugins.push(
+      ...owpTreeGridAssetsPlugin({
+        assetBasePath: treeGridAssetBasePath,
+        assetRoot: treeGridAssetRoot ?? resolveOwpTreeGridAssetRoot(),
+      }),
+    );
+  }
+
+  return plugins;
+};
+
+module.exports = {
+  owpCoreAssetsPlugin,
+  resolveOwpFixedImageAssetRoot,
+  resolveOwpFontAssetRoot,
+  resolveOwpIconAssetRoot,
+  resolveOwpTreeGridAssetRoot,
+};

package/vite/owpCoreAssetsPlugin.mjs

@@ -0,0 +1,14 @@
+import { createRequire } from 'node:module';
+
+const require = createRequire(import.meta.url);
+
+/** OWP Core 공통 정적 자산 플러그인 ESM 엔트리 */
+export const {
+  owpCoreAssetsPlugin,
+  resolveOwpFixedImageAssetRoot,
+  resolveOwpFontAssetRoot,
+  resolveOwpIconAssetRoot,
+  resolveOwpTreeGridAssetRoot,
+} = require(
+  './owpCoreAssetsPlugin.cjs',
+);

package/vite/owpCoreFixedImagesPlugin.cjs

@@ -0,0 +1,33 @@
+const { resolve } = require('node:path');
+const { createStaticAssetPlugin } = require('./staticAssetPlugin.cjs');
+const { resolveOwpCorePackageRoot } = require('./treeGridAssetsPlugin.cjs');
+
+const DEFAULT_FIXED_IMAGE_ASSET_BASE_PATH = '/assets/images';
+
+/** 고정 이미지 자산 루트 경로 조회 */
+const resolveOwpFixedImageAssetRoot = (owpCoreRoot) => {
+  return resolve(resolveOwpCorePackageRoot(owpCoreRoot), 'fixed-images');
+};
+
+/** OWP Core 고정 이미지 자산 플러그인 */
+const owpCoreFixedImagesPlugin = ({
+  assetBasePath = DEFAULT_FIXED_IMAGE_ASSET_BASE_PATH,
+  assetRoot = resolveOwpFixedImageAssetRoot(),
+} = {}) => {
+  return [
+    createStaticAssetPlugin({
+      assetDefinitions: [
+        {
+          assetBasePath,
+          assetRoot,
+        },
+      ],
+      name: 'owp-core-fixed-images',
+    }),
+  ];
+};
+
+module.exports = {
+  owpCoreFixedImagesPlugin,
+  resolveOwpFixedImageAssetRoot,
+};

package/vite/owpCoreFixedImagesPlugin.mjs

@@ -0,0 +1,11 @@
+import { createRequire } from 'node:module';
+
+const require = createRequire(import.meta.url);
+
+/** OWP Core 고정 이미지 자산 플러그인 ESM 엔트리 */
+export const {
+  owpCoreFixedImagesPlugin,
+  resolveOwpFixedImageAssetRoot,
+} = require(
+  './owpCoreFixedImagesPlugin.cjs',
+);

package/vite/staticAssetPlugin.cjs

@@ -0,0 +1,187 @@
+const { createReadStream, promises: fs } = require('node:fs');
+const { extname, posix, relative, resolve, sep } = require('node:path');
+
+const MIME_TYPE_BY_EXTENSION = {
+  '.css': 'text/css; charset=utf-8',
+  '.cur': 'image/x-icon',
+  '.gif': 'image/gif',
+  '.html': 'text/html; charset=utf-8',
+  '.jpeg': 'image/jpeg',
+  '.jpg': 'image/jpeg',
+  '.js': 'text/javascript; charset=utf-8',
+  '.json': 'application/json; charset=utf-8',
+  '.png': 'image/png',
+  '.svg': 'image/svg+xml',
+  '.ttf': 'font/ttf',
+  '.txt': 'text/plain; charset=utf-8',
+  '.wav': 'audio/wav',
+  '.woff': 'font/woff',
+  '.woff2': 'font/woff2',
+  '.xml': 'application/xml; charset=utf-8',
+};
+
+/** 정적 자산 base path 정규화 */
+const normalizeAssetBasePath = (assetBasePath) => {
+  const trimmedPath = assetBasePath.trim();
+  const normalizedPath = trimmedPath.startsWith('/') ? trimmedPath : `/${trimmedPath}`;
+
+  return normalizedPath.replace(/\/+$/, '');
+};
+
+/** 정적 자산 파일 목록 수집 */
+const collectAssetFiles = async (rootPath) => {
+  let entries;
+
+  try {
+    entries = await fs.readdir(rootPath, {
+      withFileTypes: true,
+    });
+  } catch (error) {
+    if (error && typeof error === 'object' && 'code' in error && error.code === 'ENOENT') {
+      return [];
+    }
+
+    throw error;
+  }
+
+  const assetFiles = await Promise.all(
+    entries.map(async (entry) => {
+      const entryPath = resolve(rootPath, entry.name);
+
+      if (entry.isDirectory()) {
+        return collectAssetFiles(entryPath);
+      }
+
+      return [entryPath];
+    }),
+  );
+
+  return assetFiles.flat().sort();
+};
+
+/** 정적 자산 응답 경로 보호 */
+const resolveSafeAssetFilePath = (assetRootPath, relativePath) => {
+  const resolvedPath = resolve(assetRootPath, relativePath);
+
+  if (resolvedPath === assetRootPath || resolvedPath.startsWith(`${assetRootPath}${sep}`)) {
+    return resolvedPath;
+  }
+
+  return undefined;
+};
+
+/** 정적 자산 MIME 타입 조회 */
+const getAssetMimeType = (assetFilePath) => {
+  return MIME_TYPE_BY_EXTENSION[extname(assetFilePath).toLowerCase()] ?? 'application/octet-stream';
+};
+
+/** 정적 자산 URL 생성 */
+const resolveAssetUrl = (assetBasePath, assetPath) => {
+  return `${assetBasePath}/${assetPath.replace(/^\/+/, '')}`;
+};
+
+/** 정적 자산 참조 여부 */
+const hasAssetReference = (html, assetPath) => {
+  return html.includes(assetPath);
+};
+
+/** 정적 스타일시트 링크 태그 */
+const createStylesheetTag = (href) => {
+  return {
+    attrs: {
+      href,
+      rel: 'stylesheet',
+    },
+    injectTo: 'head-prepend',
+    tag: 'link',
+  };
+};
+
+/** 정적 자산 서빙 및 emit 플러그인 */
+const createStaticAssetPlugin = ({ assetDefinitions, name }) => {
+  const normalizedAssetDefinitions = assetDefinitions.map(({ assetBasePath, assetRoot }) => ({
+    assetBasePath: normalizeAssetBasePath(assetBasePath),
+    assetRoot: resolve(assetRoot),
+  }));
+
+  return {
+    name,
+    async buildStart() {
+      for (const { assetBasePath, assetRoot } of normalizedAssetDefinitions) {
+        const assetFiles = await collectAssetFiles(assetRoot);
+
+        for (const assetFilePath of assetFiles) {
+          const relativeAssetPath = relative(assetRoot, assetFilePath).split(sep).join('/');
+          const source = await fs.readFile(assetFilePath);
+
+          this.emitFile({
+            fileName: posix.join(assetBasePath.replace(/^\/+/, ''), relativeAssetPath),
+            source,
+            type: 'asset',
+          });
+        }
+      }
+    },
+    configureServer(server) {
+      server.middlewares.use(async (req, res, next) => {
+        if (!req.url) {
+          next();
+          return;
+        }
+
+        const requestUrl = new URL(req.url, 'http://localhost');
+        const matchedAssetDefinition = normalizedAssetDefinitions.find(({ assetBasePath }) => {
+          return requestUrl.pathname.startsWith(`${assetBasePath}/`);
+        });
+
+        if (!matchedAssetDefinition) {
+          next();
+          return;
+        }
+
+        const relativeAssetPath = decodeURIComponent(
+          requestUrl.pathname.slice(`${matchedAssetDefinition.assetBasePath}/`.length),
+        );
+        const assetFilePath = resolveSafeAssetFilePath(
+          matchedAssetDefinition.assetRoot,
+          relativeAssetPath,
+        );
+
+        if (!assetFilePath) {
+          res.statusCode = 403;
+          res.end();
+          return;
+        }
+
+        try {
+          const assetStat = await fs.stat(assetFilePath);
+
+          if (!assetStat.isFile()) {
+            next();
+            return;
+          }
+
+          res.setHeader('Content-Length', assetStat.size);
+          res.setHeader('Content-Type', getAssetMimeType(assetFilePath));
+          createReadStream(assetFilePath).pipe(res);
+        } catch (error) {
+          if (error && typeof error === 'object' && 'code' in error && error.code === 'ENOENT') {
+            next();
+            return;
+          }
+
+          next(error);
+        }
+      });
+    },
+  };
+};
+
+module.exports = {
+  collectAssetFiles,
+  createStaticAssetPlugin,
+  createStylesheetTag,
+  hasAssetReference,
+  normalizeAssetBasePath,
+  resolveAssetUrl,
+};

package/vite/treeGridAssetsPlugin.cjs

@@ -0,0 +1,88 @@
+const { dirname, resolve } = require('node:path');
+const {
+  createStaticAssetPlugin,
+  normalizeAssetBasePath,
+  resolveAssetUrl,
+} = require('./staticAssetPlugin.cjs');
+
+const DEFAULT_TREE_GRID_ASSET_BASE_PATH = '/assets/vendors/Grid';
+const TREE_GRID_ASSET_BASE_PATH_GLOBAL_KEY = '__OWP_TREE_GRID_ASSET_BASE_PATH__';
+
+/** OWP Core 패키지 루트 경로 조회 */
+const resolveOwpCorePackageRoot = (owpCoreRoot) => {
+  return owpCoreRoot ?? resolve(dirname(__dirname));
+};
+
+/** TreeGrid 자산 루트 경로 조회 */
+const resolveOwpTreeGridAssetRoot = (owpCoreRoot) => {
+  return resolve(resolveOwpCorePackageRoot(owpCoreRoot), 'treegrid');
+};
+
+/** TreeGrid 스크립트 참조 여부 */
+const hasTreeGridScriptReference = (html) => {
+  return html.includes('GridE.js');
+};
+
+/** TreeGrid base path 설정 스크립트 */
+const createTreeGridRuntimeConfigTag = (assetBasePath) => {
+  return {
+    attrs: {
+      'data-owp-tree-grid-config': '',
+    },
+    children: `window.${TREE_GRID_ASSET_BASE_PATH_GLOBAL_KEY} = ${JSON.stringify(assetBasePath)};`,
+    injectTo: 'body-prepend',
+    tag: 'script',
+  };
+};
+
+/** TreeGrid 런타임 스크립트 태그 */
+const createTreeGridRuntimeScriptTag = (assetBasePath) => {
+  return {
+    attrs: {
+      src: resolveAssetUrl(assetBasePath, 'GridE.js'),
+    },
+    injectTo: 'body-prepend',
+    tag: 'script',
+  };
+};
+
+/** TreeGrid 정적 자산 플러그인 */
+const owpTreeGridAssetsPlugin = ({
+  assetBasePath = DEFAULT_TREE_GRID_ASSET_BASE_PATH,
+  assetRoot = resolveOwpTreeGridAssetRoot(),
+} = {}) => {
+  const normalizedTreeGridAssetBasePath = normalizeAssetBasePath(assetBasePath);
+
+  return [
+    createStaticAssetPlugin({
+      assetDefinitions: [
+        {
+          assetBasePath: normalizedTreeGridAssetBasePath,
+          assetRoot,
+        },
+      ],
+      name: 'owp-tree-grid-assets',
+    }),
+    {
+      name: 'owp-tree-grid-html',
+      transformIndexHtml(html) {
+        const tags = [createTreeGridRuntimeConfigTag(normalizedTreeGridAssetBasePath)];
+
+        if (!hasTreeGridScriptReference(html)) {
+          tags.push(createTreeGridRuntimeScriptTag(normalizedTreeGridAssetBasePath));
+        }
+
+        return {
+          html,
+          tags,
+        };
+      },
+    },
+  ];
+};
+
+module.exports = {
+  owpTreeGridAssetsPlugin,
+  resolveOwpCorePackageRoot,
+  resolveOwpTreeGridAssetRoot,
+};

package/vite/treeGridAssetsPlugin.mjs

@@ -0,0 +1,12 @@
+import { createRequire } from 'node:module';
+
+const require = createRequire(import.meta.url);
+
+/** TreeGrid Vite 정적 자산 플러그인 ESM 엔트리 */
+export const {
+  owpTreeGridAssetsPlugin,
+  resolveOwpCorePackageRoot,
+  resolveOwpTreeGridAssetRoot,
+} = require(
+  './treeGridAssetsPlugin.cjs',
+);

package/dist/components/OwpTable/OwpVerticalTable.js

@@ -1,96 +0,0 @@
-var D = Object.defineProperty;
-var o = (r, e) => D(r, "name", { value: e, configurable: !0 });
-import { jsxs as f, jsx as s } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { TableCell as u, TableBody as x, Checkbox as S } from "@mui/material";
-import { clsx as T } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import N from "dayjs";
-import { Fragment as H } from "react";
-import { StyledTableRow as M, StyledTable as c } from "./OwpTable.js";
-import { isNaN as k } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNaN.js";
-import { toNumber as F } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/toNumber.js";
-const y = 28, V = {
-  "&&": {
-    fontFamily: "inherit",
-    fontSize: "1.7rem",
-    fontWeight: 600,
-    lineHeight: "normal",
-    minHeight: "unset",
-    padding: "7px 10px"
-  }
-}, E = {
-  borderRadius: 0,
-  overflow: "visible"
-}, h = {
-  borderTop: "1px solid #CDD8E4"
-}, j = /* @__PURE__ */ o((r, e) => r == null ? void 0 : r[e], "getVerticalTableValue"), z = /* @__PURE__ */ o((r, e) => typeof e == "function" ? e(r) : k(F(r)) ? r === "Y" : !!Number(r), "getCheckboxChecked"), B = /* @__PURE__ */ o((r) => r.withTime ? "YYYY-MM-DD HH:mm" : r.withTimeAndSec ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", "getDateFormat"), L = /* @__PURE__ */ o((r, e, m) => {
-  const i = j(e, r.key);
-  return typeof r.render == "function" ? r.render() : r.useCheckbox ? /* @__PURE__ */ s(
-    S,
-    {
-      checked: z(i, r.validate),
-      sx: { "& .MuiSvgIcon-root": { fontSize: (m == null ? void 0 : m.fontSize) ?? y } }
-    }
-  ) : r.useDate ? i && N(i).format(B(r)) : r.disableLocaleString ? i : i == null ? void 0 : i.toLocaleString();
-}, "renderVerticalTableCellValue");
-function W({
-  layout: r,
-  titleWidth: e,
-  titleSx: m,
-  treeGridTitleCellSx: i,
-  cellSx: a,
-  data: d,
-  colGroupSlot: b,
-  className: w,
-  tableLayout: Y = "fixed",
-  canUseTreeGridStyle: n = !1
-}) {
-  return /* @__PURE__ */ f(
-    c,
-    {
-      canUseTreeGridStyle: n,
-      className: T("w-full", w),
-      containerProps: { sx: n ? E : void 0 },
-      tableLayout: Y,
-      children: [
-        b,
-        /* @__PURE__ */ s(x, { children: r.map((C, p) => /* @__PURE__ */ s(M, { children: C.map((t, g) => /* @__PURE__ */ f(H, { children: [
-          /* @__PURE__ */ s(
-            u,
-            {
-              component: "th",
-              className: "whitespace-pre-wrap",
-              width: e ?? 200,
-              sx: {
-                ...n ? V : {},
-                ...n ? i ?? {} : {},
-                ...n && p === 0 ? h : {},
-                ...m ?? {}
-              },
-              rowSpan: t == null ? void 0 : t.rowSpan,
-              children: t.title
-            }
-          ),
-          /* @__PURE__ */ s(
-            u,
-            {
-              className: "whitespace-pre-wrap",
-              sx: {
-                ...n && p === 0 ? h : {},
-                ...a ?? {}
-              },
-              style: (t == null ? void 0 : t.style) ?? {},
-              colSpan: t == null ? void 0 : t.colSpan,
-              rowSpan: t == null ? void 0 : t.rowSpan,
-              children: L(t, d, a)
-            }
-          )
-        ] }, `owp-vertical-cell-${p}-${g}`)) }, `owp-vertical-col-${p}`)) })
-      ]
-    }
-  );
-}
-o(W, "OwpVerticalTable");
-export {
-  W as OwpVerticalTable
-};
-//# sourceMappingURL=OwpVerticalTable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OwpVerticalTable.js","sources":["../../../src/components/OwpTable/OwpVerticalTable.tsx"],"sourcesContent":["import { 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 } from 'react';\nimport { StyledTable, StyledTableRow } from './OwpTable';\n\ntype OwpVerticalTableCell = {\n  title: string;\n  key: string;\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 OwpVerticalTableValue = string | number | '';\ntype OwpVerticalTableDataRecord = Record<string, OwpVerticalTableValue | undefined>;\n\ninterface OwpVerticalTableProps {\n  layout: OwpVerticalTableCell[][];\n  data?: OwpVerticalTableDataRecord;\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 getVerticalTableValue = (data: OwpVerticalTableProps['data'], key: string) => {\n  return data?.[key];\n};\n\nconst getCheckboxChecked = (\n  value: OwpVerticalTableValue | undefined,\n  validate?: OwpVerticalTableCell['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: OwpVerticalTableCell) => {\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 renderVerticalTableCellValue = (\n  cell: OwpVerticalTableCell,\n  data: OwpVerticalTableProps['data'],\n  cellSx?: OwpVerticalTableProps['cellSx'],\n): ReactNode => {\n  const value = getVerticalTableValue(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 * OwpVerticalTable 컴포넌트\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 OwpVerticalTable({\n  layout,\n  titleWidth,\n  titleSx,\n  treeGridTitleCellSx,\n  cellSx,\n  data,\n  colGroupSlot,\n  className,\n  tableLayout = 'fixed',\n  canUseTreeGridStyle = false,\n}: OwpVerticalTableProps) {\n  return (\n    <StyledTable\n      canUseTreeGridStyle={canUseTreeGridStyle}\n      className={clsx('w-full', className)}\n      containerProps={{ sx: canUseTreeGridStyle ? treeGridContainerSx : undefined }}\n      tableLayout={tableLayout}\n    >\n      {colGroupSlot}\n      <TableBody>\n        {layout.map((cols, rowIndex) => (\n          <StyledTableRow key={`owp-vertical-col-${rowIndex}`}>\n            {cols.map((col, colIndex) => (\n              <Fragment key={`owp-vertical-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.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                  {renderVerticalTableCellValue(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","getVerticalTableValue","__name","data","key","getCheckboxChecked","value","validate","isNaN","toNumber","getDateFormat","cell","renderVerticalTableCellValue","cellSx","jsx","Checkbox","dayjs","OwpVerticalTable","layout","titleWidth","titleSx","treeGridTitleCellSx","colGroupSlot","className","tableLayout","canUseTreeGridStyle","jsxs","StyledTable","clsx","TableBody","cols","rowIndex","StyledTableRow","col","colIndex","Fragment","TableCell"],"mappings":"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"}

package/dist/node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-contenteditable-mask-element.js

@@ -1,39 +0,0 @@
-var f = Object.defineProperty;
-var c = (l, t) => f(l, "name", { value: t, configurable: !0 });
-import u from "./html-mask-element.js";
-import a from "../core/holder.js";
-import "./mask-element.js";
-const r = class r extends u {
-  /** Returns HTMLElement selection start */
-  get _unsafeSelectionStart() {
-    const t = this.rootElement, e = t.getSelection && t.getSelection(), n = e && e.anchorOffset, o = e && e.focusOffset;
-    return o == null || n == null || n < o ? n : o;
-  }
-  /** Returns HTMLElement selection end */
-  get _unsafeSelectionEnd() {
-    const t = this.rootElement, e = t.getSelection && t.getSelection(), n = e && e.anchorOffset, o = e && e.focusOffset;
-    return o == null || n == null || n > o ? n : o;
-  }
-  /** Sets HTMLElement selection */
-  _unsafeSelect(t, e) {
-    if (!this.rootElement.createRange) return;
-    const n = this.rootElement.createRange();
-    n.setStart(this.input.firstChild || this.input, t), n.setEnd(this.input.lastChild || this.input, e);
-    const o = this.rootElement, s = o.getSelection && o.getSelection();
-    s && (s.removeAllRanges(), s.addRange(n));
-  }
-  /** HTMLElement value */
-  get value() {
-    return this.input.textContent || "";
-  }
-  set value(t) {
-    this.input.textContent = t;
-  }
-};
-c(r, "HTMLContenteditableMaskElement");
-let i = r;
-a.HTMLContenteditableMaskElement = i;
-export {
-  i as default
-};
-//# sourceMappingURL=html-contenteditable-mask-element.js.map

package/dist/node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-contenteditable-mask-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"html-contenteditable-mask-element.js","sources":["../../../../../../../../../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-contenteditable-mask-element.js"],"sourcesContent":["import HTMLMaskElement from './html-mask-element.js';\nimport IMask from '../core/holder.js';\nimport './mask-element.js';\n\nclass HTMLContenteditableMaskElement extends HTMLMaskElement {\n  /** Returns HTMLElement selection start */\n  get _unsafeSelectionStart() {\n    const root = this.rootElement;\n    const selection = root.getSelection && root.getSelection();\n    const anchorOffset = selection && selection.anchorOffset;\n    const focusOffset = selection && selection.focusOffset;\n    if (focusOffset == null || anchorOffset == null || anchorOffset < focusOffset) {\n      return anchorOffset;\n    }\n    return focusOffset;\n  }\n\n  /** Returns HTMLElement selection end */\n  get _unsafeSelectionEnd() {\n    const root = this.rootElement;\n    const selection = root.getSelection && root.getSelection();\n    const anchorOffset = selection && selection.anchorOffset;\n    const focusOffset = selection && selection.focusOffset;\n    if (focusOffset == null || anchorOffset == null || anchorOffset > focusOffset) {\n      return anchorOffset;\n    }\n    return focusOffset;\n  }\n\n  /** Sets HTMLElement selection */\n  _unsafeSelect(start, end) {\n    if (!this.rootElement.createRange) return;\n    const range = this.rootElement.createRange();\n    range.setStart(this.input.firstChild || this.input, start);\n    range.setEnd(this.input.lastChild || this.input, end);\n    const root = this.rootElement;\n    const selection = root.getSelection && root.getSelection();\n    if (selection) {\n      selection.removeAllRanges();\n      selection.addRange(range);\n    }\n  }\n\n  /** HTMLElement value */\n  get value() {\n    return this.input.textContent || '';\n  }\n  set value(value) {\n    this.input.textContent = value;\n  }\n}\nIMask.HTMLContenteditableMaskElement = HTMLContenteditableMaskElement;\n\nexport { HTMLContenteditableMaskElement as default };\n"],"names":["_HTMLContenteditableMaskElement","HTMLMaskElement","root","selection","anchorOffset","focusOffset","start","end","range","value","__name","HTMLContenteditableMaskElement","IMask"],"mappings":";;;;;AAIA,MAAMA,IAAN,MAAMA,UAAuCC,EAAgB;AAAA;AAAA,EAE3D,IAAI,wBAAwB;AAC1B,UAAMC,IAAO,KAAK,aACZC,IAAYD,EAAK,gBAAgBA,EAAK,aAAY,GAClDE,IAAeD,KAAaA,EAAU,cACtCE,IAAcF,KAAaA,EAAU;AAC3C,WAAIE,KAAe,QAAQD,KAAgB,QAAQA,IAAeC,IACzDD,IAEFC;AAAA,EACT;AAAA;AAAA,EAGA,IAAI,sBAAsB;AACxB,UAAMH,IAAO,KAAK,aACZC,IAAYD,EAAK,gBAAgBA,EAAK,aAAY,GAClDE,IAAeD,KAAaA,EAAU,cACtCE,IAAcF,KAAaA,EAAU;AAC3C,WAAIE,KAAe,QAAQD,KAAgB,QAAQA,IAAeC,IACzDD,IAEFC;AAAA,EACT;AAAA;AAAA,EAGA,cAAcC,GAAOC,GAAK;AACxB,QAAI,CAAC,KAAK,YAAY,YAAa;AACnC,UAAMC,IAAQ,KAAK,YAAY,YAAW;AAC1C,IAAAA,EAAM,SAAS,KAAK,MAAM,cAAc,KAAK,OAAOF,CAAK,GACzDE,EAAM,OAAO,KAAK,MAAM,aAAa,KAAK,OAAOD,CAAG;AACpD,UAAML,IAAO,KAAK,aACZC,IAAYD,EAAK,gBAAgBA,EAAK,aAAY;AACxD,IAAIC,MACFA,EAAU,gBAAe,GACzBA,EAAU,SAASK,CAAK;AAAA,EAE5B;AAAA;AAAA,EAGA,IAAI,QAAQ;AACV,WAAO,KAAK,MAAM,eAAe;AAAA,EACnC;AAAA,EACA,IAAI,MAAMC,GAAO;AACf,SAAK,MAAM,cAAcA;AAAA,EAC3B;AACF;AA9C6DC,EAAAV,GAAA;AAA7D,IAAMW,IAANX;AA+CAY,EAAM,iCAAiCD;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-input-mask-element.js

@@ -1,36 +0,0 @@
-var l = Object.defineProperty;
-var i = (u, t) => l(u, "name", { value: t, configurable: !0 });
-import s from "./html-mask-element.js";
-import a from "../core/holder.js";
-import "./mask-element.js";
-const e = class e extends s {
-  /** InputElement to use mask on */
-  constructor(t) {
-    super(t), this.input = t;
-  }
-  /** Returns InputElement selection start */
-  get _unsafeSelectionStart() {
-    return this.input.selectionStart != null ? this.input.selectionStart : this.value.length;
-  }
-  /** Returns InputElement selection end */
-  get _unsafeSelectionEnd() {
-    return this.input.selectionEnd;
-  }
-  /** Sets InputElement selection */
-  _unsafeSelect(t, r) {
-    this.input.setSelectionRange(t, r);
-  }
-  get value() {
-    return this.input.value;
-  }
-  set value(t) {
-    this.input.value = t;
-  }
-};
-i(e, "HTMLInputMaskElement");
-let n = e;
-a.HTMLMaskElement = s;
-export {
-  n as default
-};
-//# sourceMappingURL=html-input-mask-element.js.map

package/dist/node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-input-mask-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"html-input-mask-element.js","sources":["../../../../../../../../../../node_modules/.pnpm/imask@7.6.1/node_modules/imask/esm/controls/html-input-mask-element.js"],"sourcesContent":["import HTMLMaskElement from './html-mask-element.js';\nimport IMask from '../core/holder.js';\nimport './mask-element.js';\n\n/** Bridge between InputElement and {@link Masked} */\nclass HTMLInputMaskElement extends HTMLMaskElement {\n  /** InputElement to use mask on */\n\n  constructor(input) {\n    super(input);\n    this.input = input;\n  }\n\n  /** Returns InputElement selection start */\n  get _unsafeSelectionStart() {\n    return this.input.selectionStart != null ? this.input.selectionStart : this.value.length;\n  }\n\n  /** Returns InputElement selection end */\n  get _unsafeSelectionEnd() {\n    return this.input.selectionEnd;\n  }\n\n  /** Sets InputElement selection */\n  _unsafeSelect(start, end) {\n    this.input.setSelectionRange(start, end);\n  }\n  get value() {\n    return this.input.value;\n  }\n  set value(value) {\n    this.input.value = value;\n  }\n}\nIMask.HTMLMaskElement = HTMLMaskElement;\n\nexport { HTMLInputMaskElement as default };\n"],"names":["_HTMLInputMaskElement","HTMLMaskElement","input","start","end","value","__name","HTMLInputMaskElement","IMask"],"mappings":";;;;;AAKA,MAAMA,IAAN,MAAMA,UAA6BC,EAAgB;AAAA;AAAA,EAGjD,YAAYC,GAAO;AACjB,UAAMA,CAAK,GACX,KAAK,QAAQA;AAAA,EACf;AAAA;AAAA,EAGA,IAAI,wBAAwB;AAC1B,WAAO,KAAK,MAAM,kBAAkB,OAAO,KAAK,MAAM,iBAAiB,KAAK,MAAM;AAAA,EACpF;AAAA;AAAA,EAGA,IAAI,sBAAsB;AACxB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA,EAGA,cAAcC,GAAOC,GAAK;AACxB,SAAK,MAAM,kBAAkBD,GAAOC,CAAG;AAAA,EACzC;AAAA,EACA,IAAI,QAAQ;AACV,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA,EACA,IAAI,MAAMC,GAAO;AACf,SAAK,MAAM,QAAQA;AAAA,EACrB;AACF;AA5BmDC,EAAAN,GAAA;AAAnD,IAAMO,IAANP;AA6BAQ,EAAM,kBAAkBP;","x_google_ignoreList":[0]}