@owp/core 2.5.4 → 2.5.5

package/dist/features/themePreview/components/themePreviewCanvas.shared.js

@@ -0,0 +1,296 @@
+var f = Object.defineProperty;
+var a = (e, r) => f(e, "name", { value: r, configurable: !0 });
+import { getContrastRatio as P } from "@mui/material/styles";
+import { getThemePreviewPaletteValue as g } from "../utils/themePreviewSettings.js";
+const C = "#e2e8f0", S = "rounded-lg p-14", I = {
+  boxShadow: "none"
+}, p = "ThemePreviewGrid", h = "ThemePreviewReadonlyGrid", k = "#ffffff", y = "rgb(17, 24, 39)", T = ["buttons", "searchHeader"], H = ["부서명", "사용자ID", "성명", "사용여부"], O = ["Dashboard", "Theme Preview", "사용자 관리", "권한 그룹"], s = {
+  admin: "관리자",
+  impix: "담당자1",
+  owp: "담당자2"
+}, V = {
+  default: "기본 snackbar 메시지",
+  success: "정상적으로 처리되었습니다.",
+  info: "확인이 필요한 안내 메시지입니다.",
+  warning: "입력값을 다시 확인해주세요.",
+  error: "오류가 발생했습니다."
+}, B = { previewValue: "적용 대기" }, N = {
+  departmentName: "생산1팀",
+  managerName: s.impix,
+  useYn: "사용",
+  locationName: "제1공장"
+}, x = [
+  [
+    { title: "부서명", key: "departmentName" },
+    { title: "담당자", key: "managerName" }
+  ],
+  [
+    { title: "사용여부", key: "useYn" },
+    { title: "위치", key: "locationName" }
+  ]
+], A = {
+  departmentName: "부서명",
+  managerName: "담당자",
+  useYn: "사용여부"
+}, v = [
+  {
+    departmentName: "생산1팀",
+    managerName: s.impix,
+    useYn: "사용"
+  },
+  {
+    departmentName: "품질팀",
+    managerName: s.owp,
+    useYn: "사용"
+  }
+], D = v.slice(0, 1), z = [
+  { id: "userId", label: "사용자ID", align: "center", valueAlign: "center" },
+  { id: "userName", label: "성명", align: "center", valueAlign: "center" },
+  { id: "useYn", label: "사용여부", align: "center", valueAlign: "center" }
+], b = [
+  {
+    userId: "impix",
+    userName: s.impix,
+    useYn: "사용"
+  },
+  {
+    userId: "owp",
+    userName: s.owp,
+    useYn: "미사용"
+  }
+], F = b.slice(0, 1), Y = [
+  {
+    "OWP_THEME_PREVIEW.ITEM_NAME": "원자재",
+    "OWP_THEME_PREVIEW.REMARK": "초기 점검",
+    "OWP_THEME_PREVIEW.STATUS": "READY",
+    "OWP_THEME_PREVIEW.USER_ID": "admin",
+    "OWP_THEME_PREVIEW.WEIGHT": 12.5,
+    "OWP_THEME_PREVIEW.WORK_DATE": "2026-04-18",
+    CanSelect: 1,
+    Selected: 1
+  },
+  {
+    "OWP_THEME_PREVIEW.ITEM_NAME": "가공품",
+    "OWP_THEME_PREVIEW.REMARK": "조건 확인",
+    "OWP_THEME_PREVIEW.STATUS": "DONE",
+    "OWP_THEME_PREVIEW.USER_ID": "impix",
+    "OWP_THEME_PREVIEW.WEIGHT": 8.2,
+    "OWP_THEME_PREVIEW.WORK_DATE": "2026-04-17",
+    CanSelect: 1
+  },
+  {
+    "OWP_THEME_PREVIEW.ITEM_NAME": "완제품",
+    "OWP_THEME_PREVIEW.REMARK": "샘플 데이터",
+    "OWP_THEME_PREVIEW.STATUS": "READY",
+    "OWP_THEME_PREVIEW.USER_ID": "owp",
+    "OWP_THEME_PREVIEW.WEIGHT": 15.75,
+    "OWP_THEME_PREVIEW.WORK_DATE": "2026-04-16",
+    CanSelect: 1
+  }
+], G = /* @__PURE__ */ a(() => {
+}, "previewNoop");
+function R() {
+  return [
+    ["관리부", "admin", s.admin, "사용"],
+    ["생산1팀", "impix", s.impix, "사용"],
+    ["품질팀", "owp", s.owp, "미사용"]
+  ];
+}
+a(R, "createGridPreviewRows");
+const K = R();
+function U(e) {
+  const r = JSON.stringify(e ?? {});
+  let o = 0;
+  for (let t = 0; t < r.length; t += 1)
+    o = Math.imul(31, o) + r.charCodeAt(t), o |= 0;
+  return Math.abs(o).toString(36);
+}
+a(U, "createThemePreviewVersionKey");
+function L(e, r, o) {
+  return g(e, r, o);
+}
+a(L, "getPaletteValue");
+function c(e) {
+  if (typeof e != "string")
+    return e;
+  const r = e.trim();
+  return r || void 0;
+}
+a(c, "getThemePreviewStyleValue");
+function m(e, r = !1) {
+  return r ? 0 : c(e);
+}
+a(m, "getThemePreviewResolvedBorderRadius");
+function u(e, r = !1) {
+  const o = m(
+    e.borderRadius,
+    r
+  );
+  return typeof o > "u" ? {} : {
+    "& > .MuiPaper-root, & > .MuiTableContainer-root.MuiPaper-root": {
+      borderRadius: o,
+      overflow: "hidden"
+    },
+    "& > .MuiPaper-root > .MuiTableContainer-root": {
+      borderRadius: o,
+      overflow: "hidden"
+    }
+  };
+}
+a(u, "getThemePreviewTableFrameSx");
+function J(e, r = !1) {
+  var n, i, l, d;
+  const o = c((i = (n = e.field) == null ? void 0 : n.cell) == null ? void 0 : i.backgroundColor), t = c((d = (l = e.field) == null ? void 0 : l.cell) == null ? void 0 : d.fontSize);
+  return {
+    ...u(e, r),
+    ...(o || t) && {
+      "& tbody td": {
+        ...o && { backgroundColor: o },
+        ...t && { fontSize: t }
+      }
+    }
+  };
+}
+a(J, "getThemePreviewFieldTableSx");
+function j(e) {
+  var t, n, i, l;
+  const r = c((n = (t = e.field) == null ? void 0 : t.header) == null ? void 0 : n.fontSize), o = c((l = (i = e.field) == null ? void 0 : i.header) == null ? void 0 : l.fontWeight);
+  if (!(!r && !o))
+    return {
+      ...r && {
+        fontSize: r
+      },
+      ...o && {
+        fontWeight: o
+      }
+    };
+}
+a(j, "getThemePreviewFieldTableTitleSx");
+function q(e) {
+  var t, n, i, l;
+  const r = c((n = (t = e.field) == null ? void 0 : t.cell) == null ? void 0 : n.backgroundColor), o = c((l = (i = e.field) == null ? void 0 : i.cell) == null ? void 0 : l.fontSize);
+  if (!(!r && !o))
+    return {
+      ...r && {
+        backgroundColor: r
+      },
+      ...o && {
+        fontSize: o
+      }
+    };
+}
+a(q, "getThemePreviewFieldTableCellSx");
+function Q(e, r = !1) {
+  var i, l, d;
+  const o = c((i = e.row) == null ? void 0 : i.backgroundColor), t = c((l = e.row) == null ? void 0 : l.hoverBackgroundColor), n = c((d = e.cell) == null ? void 0 : d.fontSize);
+  return {
+    ...u(e, r),
+    ...o && {
+      "& tbody > .MuiTableRow-root": {
+        backgroundColor: o
+      }
+    },
+    ...t && {
+      "& tbody > .MuiTableRow-root:hover": {
+        backgroundColor: t
+      }
+    },
+    ...n && {
+      "& tbody > .MuiTableRow-root > .MuiTableCell-root": {
+        fontSize: n
+      }
+    }
+  };
+}
+a(Q, "getThemePreviewBasicTableSx");
+function X(e, r = !1) {
+  var l, d, E, w;
+  const o = c((l = e.row) == null ? void 0 : l.backgroundColor), t = c((d = e.row) == null ? void 0 : d.hoverBackgroundColor), n = c(
+    (E = e.row) == null ? void 0 : E.selectedBackgroundColor
+  ), i = c((w = e.cell) == null ? void 0 : w.fontSize);
+  return {
+    ...u(e, r),
+    ...o && {
+      "& .MuiTableBody-root > .MuiTableRow-root:not(.Mui-selected)": {
+        backgroundColor: o
+      }
+    },
+    ...t && {
+      "& .MuiTableBody-root > .MuiTableRow-root.MuiTableRow-hover:hover:not(.Mui-selected)": {
+        backgroundColor: t
+      }
+    },
+    ...n && {
+      "& .MuiTableBody-root > .MuiTableRow-root.Mui-selected, & .MuiTableBody-root > .MuiTableRow-root.Mui-selected:hover": {
+        backgroundColor: n
+      }
+    },
+    ...i && {
+      "& .MuiTableBody-root > .MuiTableRow-root > .MuiTableCell-root": {
+        fontSize: i
+      }
+    }
+  };
+}
+a(X, "getThemePreviewDataTableSx");
+function Z(e, r) {
+  const o = "#ffffff", t = "#0f172a", n = P(e, o), i = P(e, t);
+  return n === i ? r : n > i ? o : t;
+}
+a(Z, "getPreviewContrastColor");
+function $(e) {
+  switch (e) {
+    case "main":
+    case "navbar":
+    case "toolbar":
+      return [...T];
+    case "grid":
+      return ["grid"];
+    case "snackbar":
+      return ["snackbars"];
+    case "table":
+      return ["tables"];
+    default:
+      return [...T];
+  }
+}
+a($, "getPreviewSectionOrder");
+export {
+  U as createThemePreviewVersionKey,
+  z as dataTablePreviewHeadCells,
+  b as dataTablePreviewRows,
+  T as defaultPreviewSectionOrder,
+  L as getPaletteValue,
+  Z as getPreviewContrastColor,
+  $ as getPreviewSectionOrder,
+  Q as getThemePreviewBasicTableSx,
+  X as getThemePreviewDataTableSx,
+  q as getThemePreviewFieldTableCellSx,
+  J as getThemePreviewFieldTableSx,
+  j as getThemePreviewFieldTableTitleSx,
+  m as getThemePreviewResolvedBorderRadius,
+  c as getThemePreviewStyleValue,
+  u as getThemePreviewTableFrameSx,
+  Y as gridCanvasPreviewRows,
+  k as gridPreviewBodyBackground,
+  y as gridPreviewBodyText,
+  H as gridPreviewColumnLabels,
+  K as gridPreviewRows,
+  F as gridStyledDataTablePreviewRows,
+  D as gridStyledTablePreviewRows,
+  O as navbarPreviewItems,
+  C as previewChromeBorder,
+  I as previewInnerCardSx,
+  G as previewNoop,
+  S as previewSectionCardClassName,
+  s as previewUserNameById,
+  B as searchHeaderPreviewData,
+  V as snackbarPreviewMessageByVariant,
+  N as tableFieldPreviewData,
+  x as tableFieldPreviewLayout,
+  A as tablePreviewHeaders,
+  v as tablePreviewRows,
+  p as themePreviewEditableTreeGridId,
+  h as themePreviewReadonlyTreeGridId
+};
+//# sourceMappingURL=themePreviewCanvas.shared.js.map

package/dist/features/themePreview/components/themePreviewCanvas.shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themePreviewCanvas.shared.js","sources":["../../../../src/features/themePreview/components/themePreviewCanvas.shared.ts"],"sourcesContent":["import type { OwpFieldTable } from '@/components/OwpTable/OwpFieldTable';\nimport type { SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';\nimport type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';\nimport { getContrastRatio, type SxProps, type Theme } from '@mui/material/styles';\nimport type { ComponentProps } from 'react';\nimport type {\n  ThemePreviewPaletteSectionKey,\n  ThemePreviewSectionKey,\n  ThemePreviewSettings,\n} from '../types';\nimport { getThemePreviewPaletteValue } from '../utils';\n\nexport const previewChromeBorder = '#e2e8f0';\nexport const previewSectionCardClassName = 'rounded-lg p-14';\nexport const previewInnerCardSx = {\n  boxShadow: 'none',\n} as const;\nexport const themePreviewEditableTreeGridId = 'ThemePreviewGrid';\nexport const themePreviewReadonlyTreeGridId = 'ThemePreviewReadonlyGrid';\nexport const gridPreviewBodyBackground = '#ffffff';\nexport const gridPreviewBodyText = 'rgb(17, 24, 39)';\nexport const defaultPreviewSectionOrder = ['buttons', 'searchHeader'] as const;\nexport const gridPreviewColumnLabels = ['부서명', '사용자ID', '성명', '사용여부'] as const;\nexport const navbarPreviewItems = ['Dashboard', 'Theme Preview', '사용자 관리', '권한 그룹'] as const;\nexport const previewUserNameById = {\n  admin: '관리자',\n  impix: '담당자1',\n  owp: '담당자2',\n} as const;\nexport const snackbarPreviewMessageByVariant: Record<SnackbarVariantKey, string> = {\n  default: '기본 snackbar 메시지',\n  success: '정상적으로 처리되었습니다.',\n  info: '확인이 필요한 안내 메시지입니다.',\n  warning: '입력값을 다시 확인해주세요.',\n  error: '오류가 발생했습니다.',\n};\nexport const searchHeaderPreviewData = { previewValue: '적용 대기' };\nexport const tableFieldPreviewData = {\n  departmentName: '생산1팀',\n  managerName: previewUserNameById.impix,\n  useYn: '사용',\n  locationName: '제1공장',\n};\nexport const tableFieldPreviewLayout = [\n  [\n    { title: '부서명', key: 'departmentName' },\n    { title: '담당자', key: 'managerName' },\n  ],\n  [\n    { title: '사용여부', key: 'useYn' },\n    { title: '위치', key: 'locationName' },\n  ],\n];\nexport const tablePreviewHeaders = {\n  departmentName: '부서명',\n  managerName: '담당자',\n  useYn: '사용여부',\n};\nexport const tablePreviewRows = [\n  {\n    departmentName: '생산1팀',\n    managerName: previewUserNameById.impix,\n    useYn: '사용',\n  },\n  {\n    departmentName: '품질팀',\n    managerName: previewUserNameById.owp,\n    useYn: '사용',\n  },\n];\nexport const gridStyledTablePreviewRows = tablePreviewRows.slice(0, 1);\nexport const dataTablePreviewHeadCells = [\n  { id: 'userId', label: '사용자ID', align: 'center', valueAlign: 'center' },\n  { id: 'userName', label: '성명', align: 'center', valueAlign: 'center' },\n  { id: 'useYn', label: '사용여부', align: 'center', valueAlign: 'center' },\n];\nexport const dataTablePreviewRows = [\n  {\n    userId: 'impix',\n    userName: previewUserNameById.impix,\n    useYn: '사용',\n  },\n  {\n    userId: 'owp',\n    userName: previewUserNameById.owp,\n    useYn: '미사용',\n  },\n];\nexport const gridStyledDataTablePreviewRows = dataTablePreviewRows.slice(0, 1);\nexport const gridCanvasPreviewRows = [\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '원자재',\n    'OWP_THEME_PREVIEW.REMARK': '초기 점검',\n    'OWP_THEME_PREVIEW.STATUS': 'READY',\n    'OWP_THEME_PREVIEW.USER_ID': 'admin',\n    'OWP_THEME_PREVIEW.WEIGHT': 12.5,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-18',\n    CanSelect: 1,\n    Selected: 1,\n  },\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '가공품',\n    'OWP_THEME_PREVIEW.REMARK': '조건 확인',\n    'OWP_THEME_PREVIEW.STATUS': 'DONE',\n    'OWP_THEME_PREVIEW.USER_ID': 'impix',\n    'OWP_THEME_PREVIEW.WEIGHT': 8.2,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-17',\n    CanSelect: 1,\n  },\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '완제품',\n    'OWP_THEME_PREVIEW.REMARK': '샘플 데이터',\n    'OWP_THEME_PREVIEW.STATUS': 'READY',\n    'OWP_THEME_PREVIEW.USER_ID': 'owp',\n    'OWP_THEME_PREVIEW.WEIGHT': 15.75,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-16',\n    CanSelect: 1,\n  },\n];\nexport const previewNoop = () => {};\n\ntype ThemePreviewFieldTableCellSx = NonNullable<ComponentProps<typeof OwpFieldTable>['cellSx']>;\ntype ThemePreviewFieldTableTitleSx = NonNullable<ComponentProps<typeof OwpFieldTable>['titleSx']>;\n\nexport type ThemePreviewLayoutSectionKey =\n  | 'buttons'\n  | 'snackbars'\n  | 'searchHeader'\n  | 'grid'\n  | 'tables';\n\nfunction createGridPreviewRows() {\n  return [\n    ['관리부', 'admin', previewUserNameById.admin, '사용'],\n    ['생산1팀', 'impix', previewUserNameById.impix, '사용'],\n    ['품질팀', 'owp', previewUserNameById.owp, '미사용'],\n  ] as const;\n}\n\nexport const gridPreviewRows = createGridPreviewRows();\n\nexport function createThemePreviewVersionKey(sourceValue: unknown) {\n  const source = JSON.stringify(sourceValue ?? {});\n  let hash = 0;\n\n  for (let index = 0; index < source.length; index += 1) {\n    hash = Math.imul(31, hash) + source.charCodeAt(index);\n    hash |= 0;\n  }\n\n  return Math.abs(hash).toString(36);\n}\n\nexport function getPaletteValue(\n  settings: ThemePreviewSettings,\n  sectionKey: ThemePreviewPaletteSectionKey,\n  path: string,\n) {\n  return getThemePreviewPaletteValue(settings, sectionKey, path);\n}\n\nexport function getThemePreviewStyleValue<T extends number | string | undefined>(value: T) {\n  if (typeof value !== 'string') {\n    return value;\n  }\n\n  const trimmedValue = value.trim();\n\n  return trimmedValue ? (trimmedValue as T) : undefined;\n}\n\nexport function getThemePreviewResolvedBorderRadius(\n  borderRadius: ThemePreviewTableConfigType['borderRadius'],\n  canTableRadiusZero = false,\n) {\n  return canTableRadiusZero ? 0 : getThemePreviewStyleValue(borderRadius);\n}\n\nexport function getThemePreviewTableFrameSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const borderRadius = getThemePreviewResolvedBorderRadius(\n    tableTheme.borderRadius,\n    canTableRadiusZero,\n  );\n\n  if (typeof borderRadius === 'undefined') {\n    return {};\n  }\n\n  return {\n    '& > .MuiPaper-root, & > .MuiTableContainer-root.MuiPaper-root': {\n      borderRadius,\n      overflow: 'hidden',\n    },\n    '& > .MuiPaper-root > .MuiTableContainer-root': {\n      borderRadius,\n      overflow: 'hidden',\n    },\n  };\n}\n\nexport function getThemePreviewFieldTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const cellBackgroundColor = getThemePreviewStyleValue(tableTheme.field?.cell?.backgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.field?.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...((cellBackgroundColor || cellFontSize) && {\n      '& tbody td': {\n        ...(cellBackgroundColor && { backgroundColor: cellBackgroundColor }),\n        ...(cellFontSize && { fontSize: cellFontSize }),\n      },\n    }),\n  };\n}\n\nexport function getThemePreviewFieldTableTitleSx(\n  tableTheme: ThemePreviewTableConfigType,\n): ThemePreviewFieldTableTitleSx | undefined {\n  const titleFontSize = getThemePreviewStyleValue(tableTheme.field?.header?.fontSize);\n  const titleFontWeight = getThemePreviewStyleValue(tableTheme.field?.header?.fontWeight);\n\n  if (!titleFontSize && !titleFontWeight) {\n    return undefined;\n  }\n\n  return {\n    ...(titleFontSize && {\n      fontSize: titleFontSize,\n    }),\n    ...(titleFontWeight && {\n      fontWeight: titleFontWeight,\n    }),\n  };\n}\n\nexport function getThemePreviewFieldTableCellSx(\n  tableTheme: ThemePreviewTableConfigType,\n): ThemePreviewFieldTableCellSx | undefined {\n  const cellBackgroundColor = getThemePreviewStyleValue(tableTheme.field?.cell?.backgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.field?.cell?.fontSize);\n\n  if (!cellBackgroundColor && !cellFontSize) {\n    return undefined;\n  }\n\n  return {\n    ...(cellBackgroundColor && {\n      backgroundColor: cellBackgroundColor,\n    }),\n    ...(cellFontSize && {\n      fontSize: cellFontSize,\n    }),\n  };\n}\n\nexport function getThemePreviewBasicTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const rowBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.backgroundColor);\n  const hoverBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.hoverBackgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...(rowBackgroundColor && {\n      '& tbody > .MuiTableRow-root': {\n        backgroundColor: rowBackgroundColor,\n      },\n    }),\n    ...(hoverBackgroundColor && {\n      '& tbody > .MuiTableRow-root:hover': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    ...(cellFontSize && {\n      '& tbody > .MuiTableRow-root > .MuiTableCell-root': {\n        fontSize: cellFontSize,\n      },\n    }),\n  };\n}\n\nexport function getThemePreviewDataTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const rowBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.backgroundColor);\n  const hoverBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.hoverBackgroundColor);\n  const selectedBackgroundColor = getThemePreviewStyleValue(\n    tableTheme.row?.selectedBackgroundColor,\n  );\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...(rowBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root:not(.Mui-selected)': {\n        backgroundColor: rowBackgroundColor,\n      },\n    }),\n    ...(hoverBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root.MuiTableRow-hover:hover:not(.Mui-selected)': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    ...(selectedBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root.Mui-selected, & .MuiTableBody-root > .MuiTableRow-root.Mui-selected:hover':\n        {\n          backgroundColor: selectedBackgroundColor,\n        },\n    }),\n    ...(cellFontSize && {\n      '& .MuiTableBody-root > .MuiTableRow-root > .MuiTableCell-root': {\n        fontSize: cellFontSize,\n      },\n    }),\n  };\n}\n\nexport function getPreviewContrastColor(color: string, fallbackColor: string) {\n  const lightTextColor = '#ffffff';\n  const darkTextColor = '#0f172a';\n  const lightContrastRatio = getContrastRatio(color, lightTextColor);\n  const darkContrastRatio = getContrastRatio(color, darkTextColor);\n\n  if (lightContrastRatio === darkContrastRatio) {\n    return fallbackColor;\n  }\n\n  return lightContrastRatio > darkContrastRatio ? lightTextColor : darkTextColor;\n}\n\nexport function getPreviewSectionOrder(\n  activeSection: ThemePreviewSectionKey,\n): ThemePreviewLayoutSectionKey[] {\n  switch (activeSection) {\n    case 'main':\n    case 'navbar':\n    case 'toolbar':\n      return [...defaultPreviewSectionOrder];\n    case 'grid':\n      return ['grid'];\n    case 'snackbar':\n      return ['snackbars'];\n    case 'table':\n      return ['tables'];\n    default:\n      return [...defaultPreviewSectionOrder];\n  }\n}\n"],"names":["previewChromeBorder","previewSectionCardClassName","previewInnerCardSx","themePreviewEditableTreeGridId","themePreviewReadonlyTreeGridId","gridPreviewBodyBackground","gridPreviewBodyText","defaultPreviewSectionOrder","gridPreviewColumnLabels","navbarPreviewItems","previewUserNameById","snackbarPreviewMessageByVariant","searchHeaderPreviewData","tableFieldPreviewData","tableFieldPreviewLayout","tablePreviewHeaders","tablePreviewRows","gridStyledTablePreviewRows","dataTablePreviewHeadCells","dataTablePreviewRows","gridStyledDataTablePreviewRows","gridCanvasPreviewRows","previewNoop","__name","createGridPreviewRows","gridPreviewRows","createThemePreviewVersionKey","sourceValue","source","hash","index","getPaletteValue","settings","sectionKey","path","getThemePreviewPaletteValue","getThemePreviewStyleValue","value","trimmedValue","getThemePreviewResolvedBorderRadius","borderRadius","canTableRadiusZero","getThemePreviewTableFrameSx","tableTheme","getThemePreviewFieldTableSx","cellBackgroundColor","_b","_a","cellFontSize","_d","_c","getThemePreviewFieldTableTitleSx","titleFontSize","titleFontWeight","getThemePreviewFieldTableCellSx","getThemePreviewBasicTableSx","rowBackgroundColor","hoverBackgroundColor","getThemePreviewDataTableSx","selectedBackgroundColor","getPreviewContrastColor","color","fallbackColor","lightTextColor","darkTextColor","lightContrastRatio","getContrastRatio","darkContrastRatio","getPreviewSectionOrder","activeSection"],"mappings":"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"}

package/dist/features/themePreview/configs/grid.js

@@ -0,0 +1,45 @@
+const o = {
+  header: {
+    backgroundColor: "#586980",
+    color: "#ffffff",
+    fontSize: "14px",
+    fontWeight: "normal",
+    height: 33
+  },
+  body: {
+    backgroundColor: "#FFFFFF",
+    color: "#111112",
+    fillBackgroundColor: "#F7F7F7"
+  },
+  row: {
+    backgroundColor: "#FFFFFE",
+    solidBackgroundColor: "#F6F7F8"
+  },
+  cell: {
+    fontSize: "13px"
+  },
+  state: {
+    hoverRowBackgroundColor: "#EEE",
+    hoverRowBorderColor: "#A7C6E0",
+    selectedCellBackgroundColor: "#FFFFA6",
+    selectedRowBackgroundColor: "#EEE",
+    focusedRowBackgroundColor: "#EEE",
+    focusedRowBorderColor: "#87BFE7",
+    hoverCellBackgroundColor: "#BFDDF2",
+    hoverCellBorderColor: "#A7C6E0",
+    focusedCellBackgroundColor: "#FFFFFE",
+    focusedCellBorderColor: "#6EACD9",
+    editingCellBorderColor: "#D37C89",
+    focusedCellRectBackgroundColor: "#D7FFCA"
+  },
+  editable: {
+    backgroundColor: "#ffd6a8"
+  },
+  changed: {
+    backgroundColor: "#ff8904"
+  }
+};
+export {
+  o as defaultGridTheme
+};
+//# sourceMappingURL=grid.js.map

package/dist/features/themePreview/configs/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../../src/features/themePreview/configs/grid.ts"],"sourcesContent":["import type { OwpGridThemeConfigType } from '@/types';\n\nexport const defaultGridTheme = {\n  header: {\n    backgroundColor: '#586980',\n    color: '#ffffff',\n    fontSize: '14px',\n    fontWeight: 'normal',\n    height: 33,\n  },\n  body: {\n    backgroundColor: '#FFFFFF',\n    color: '#111112',\n    fillBackgroundColor: '#F7F7F7',\n  },\n  row: {\n    backgroundColor: '#FFFFFE',\n    solidBackgroundColor: '#F6F7F8',\n  },\n  cell: {\n    fontSize: '13px',\n  },\n  state: {\n    hoverRowBackgroundColor: '#EEE',\n    hoverRowBorderColor: '#A7C6E0',\n    selectedCellBackgroundColor: '#FFFFA6',\n    selectedRowBackgroundColor: '#EEE',\n    focusedRowBackgroundColor: '#EEE',\n    focusedRowBorderColor: '#87BFE7',\n    hoverCellBackgroundColor: '#BFDDF2',\n    hoverCellBorderColor: '#A7C6E0',\n    focusedCellBackgroundColor: '#FFFFFE',\n    focusedCellBorderColor: '#6EACD9',\n    editingCellBorderColor: '#D37C89',\n    focusedCellRectBackgroundColor: '#D7FFCA',\n  },\n  editable: {\n    backgroundColor: '#ffd6a8',\n  },\n  changed: {\n    backgroundColor: '#ff8904',\n  },\n} satisfies OwpGridThemeConfigType;\n"],"names":["defaultGridTheme"],"mappings":"AAEO,MAAMA,IAAmB;AAAA,EAC9B,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,EAAA;AAAA,EAEV,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,qBAAqB;AAAA,EAAA;AAAA,EAEvB,KAAK;AAAA,IACH,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,EAAA;AAAA,EAExB,MAAM;AAAA,IACJ,UAAU;AAAA,EAAA;AAAA,EAEZ,OAAO;AAAA,IACL,yBAAyB;AAAA,IACzB,qBAAqB;AAAA,IACrB,6BAA6B;AAAA,IAC7B,4BAA4B;AAAA,IAC5B,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,IACvB,0BAA0B;AAAA,IAC1B,sBAAsB;AAAA,IACtB,4BAA4B;AAAA,IAC5B,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,gCAAgC;AAAA,EAAA;AAAA,EAElC,UAAU;AAAA,IACR,iBAAiB;AAAA,EAAA;AAAA,EAEnB,SAAS;AAAA,IACP,iBAAiB;AAAA,EAAA;AAErB;"}