@owp/core 2.5.9 → 2.5.11

package/dist/features/themePreview/components/ThemePreviewCanvasSections.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePreviewCanvasSections.js","sources":["../../../../src/features/themePreview/components/ThemePreviewCanvasSections.tsx"],"sourcesContent":["import type {\n  SnackbarProviderTheme,\n  SnackbarVariantKey,\n} from '@/features/themePreview/configs/snackbar';\nimport type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';\nimport ThemePreviewGridDefXmlRaw from '@/features/themePreview/defs/ThemePreviewGridDef.xml?raw';\nimport ThemePreviewReadonlyGridDefXmlRaw from '@/features/themePreview/defs/ThemePreviewReadonlyGridDef.xml?raw';\nimport { OwpPageContent } from '@/components/OwpPageContent';\nimport { OwpDatePicker } from '@/components/OwpPicker/OwpDatePicker';\nimport { OwpSearchFilter } from '@/components/OwpSearchFilter';\nimport { OwpSection } from '@/components/OwpSection';\nimport { OwpStyleProvider } from '@/components/OwpStyleProvider';\nimport { OwpDataTable } from '@/components/OwpTable/OwpDataTable';\nimport { OwpFieldTable } from '@/components/OwpTable/OwpFieldTable';\nimport { OwpTable } from '@/components/OwpTable/OwpTable';\nimport { OwpTreeGrid } from '@/components/OwpTreeGrid';\nimport { OwpYesNoSelector } from '@/components/OwpYesNoSelector';\nimport { OwpStoreProvider } from '@/contexts';\nimport { highlightTreeGridCellById } from '@/utils';\nimport CloseIcon from '@mui/icons-material/Close';\nimport {\n  Box,\n  Button,\n  ButtonBase,\n  IconButton,\n  Paper,\n  Skeleton,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport { alpha, type SxProps, type Theme, useTheme } from '@mui/material/styles';\nimport { closeSnackbar, enqueueSnackbar, SnackbarContent, type SnackbarKey } from 'notistack';\nimport { memo, type ComponentProps, type MutableRefObject, type ReactNode } from 'react';\nimport {\n  dataTablePreviewHeadCells,\n  dataTablePreviewRows,\n  getThemePreviewBasicTableSx,\n  getThemePreviewDataTableSx,\n  getThemePreviewFieldTableCellSx,\n  getThemePreviewFieldTableSx,\n  getThemePreviewFieldTableTitleSx,\n  gridCanvasPreviewRows,\n  gridPreviewBodyText,\n  gridPreviewColumnLabels,\n  gridPreviewRows,\n  gridStyledDataTablePreviewRows,\n  gridStyledTablePreviewRows,\n  previewChromeBorder,\n  previewInnerCardSx,\n  previewNoop,\n  previewSectionCardClassName,\n  searchHeaderPreviewData,\n  tableFieldPreviewData,\n  tableFieldPreviewLayout,\n  tablePreviewHeaders,\n  tablePreviewRows,\n} from './themePreviewCanvas.shared';\n\ntype ThemePreviewButtonPreviewItem = {\n  label: string;\n  color: string;\n  previewContrastColor: string;\n};\n\ntype ThemePreviewSnackbarPreviewItem = {\n  actionHoverColor: string;\n  backgroundColor: string;\n  color: string;\n  icon: ReactNode;\n  key: SnackbarVariantKey;\n  message: string;\n};\n\ntype ThemePreviewStoreState = NonNullable<\n  ComponentProps<typeof OwpStoreProvider>['preloadedState']\n>;\n\ninterface PreviewSectionCardProps {\n  children: ReactNode;\n  fillContentHeight?: boolean;\n  gapClassName?: string;\n  paperClassName?: string;\n  sx?: SxProps<Theme>;\n  title?: string;\n}\n\nfunction PreviewSectionCard({\n  children,\n  fillContentHeight = false,\n  gapClassName = 'gap-16',\n  paperClassName = previewSectionCardClassName,\n  sx,\n  title,\n}: PreviewSectionCardProps) {\n  const hasTitle = title !== undefined && title !== null && title !== '';\n\n  return (\n    <Paper\n      className={paperClassName}\n      sx={{\n        ...previewInnerCardSx,\n        ...sx,\n      }}\n    >\n      <div\n        className={`flex flex-col ${hasTitle ? gapClassName : ''} ${\n          fillContentHeight ? 'min-h-0 flex-1' : ''\n        }`}\n      >\n        {hasTitle ? (\n          <Typography variant=\"subtitle1\" fontWeight={700}>\n            {title}\n          </Typography>\n        ) : null}\n        {children}\n      </div>\n    </Paper>\n  );\n}\n\ninterface ThemePreviewButtonsSectionProps {\n  buttonPreviewItems: ThemePreviewButtonPreviewItem[];\n  mainTextSecondary: string;\n  previewSectionCardSx: SxProps<Theme>;\n}\n\nexport const ThemePreviewButtonsSection = memo(function ThemePreviewButtonsSection({\n  buttonPreviewItems,\n  mainTextSecondary,\n  previewSectionCardSx,\n}: ThemePreviewButtonsSectionProps) {\n  return (\n    <PreviewSectionCard title=\"Buttons\" sx={previewSectionCardSx}>\n      <div className=\"flex flex-col gap-12\">\n        <div className=\"flex flex-wrap items-center gap-12\">\n          <Typography variant=\"caption\" sx={{ minWidth: 56, color: mainTextSecondary }}>\n            contained\n          </Typography>\n          {buttonPreviewItems.map(({ label, color, previewContrastColor }) => (\n            <Button\n              key={`contained-${label}`}\n              variant=\"contained\"\n              sx={{\n                backgroundColor: color,\n                color: previewContrastColor,\n              }}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n        <div className=\"flex flex-wrap items-center gap-12\">\n          <Typography variant=\"caption\" sx={{ minWidth: 56, color: mainTextSecondary }}>\n            outlined\n          </Typography>\n          {buttonPreviewItems.map(({ label, color }) => (\n            <Button\n              key={`outlined-${label}`}\n              variant=\"outlined\"\n              sx={{\n                borderColor: alpha(color, 0.52),\n                color,\n                '&:hover': {\n                  borderColor: color,\n                  backgroundColor: alpha(color, 0.08),\n                },\n              }}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      </div>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewSnackbarsSectionProps {\n  previewSectionCardSx: SxProps<Theme>;\n  previewSnackbarKeysRef: MutableRefObject<SnackbarKey[]>;\n  snackbarAnchorOrigin: SnackbarProviderTheme['anchorOrigin'];\n  snackbarPreviewAnchorHorizontal: 'center' | 'left' | 'right';\n  snackbarPreviewAnchorVertical: 'bottom' | 'top';\n  snackbarPreviewFontSize?: number | string;\n  snackbarPreviewItems: ThemePreviewSnackbarPreviewItem[];\n  snackbarPreviewLineHeight?: number | string;\n  snackbarPreviewMaxSnack: number;\n  snackbarAutoHideDuration: SnackbarProviderTheme['autoHideDuration'];\n}\n\nexport const ThemePreviewSnackbarsSection = memo(function ThemePreviewSnackbarsSection({\n  previewSectionCardSx,\n  previewSnackbarKeysRef,\n  snackbarAnchorOrigin,\n  snackbarAutoHideDuration,\n  snackbarPreviewAnchorHorizontal,\n  snackbarPreviewAnchorVertical,\n  snackbarPreviewFontSize,\n  snackbarPreviewItems,\n  snackbarPreviewLineHeight,\n  snackbarPreviewMaxSnack,\n}: ThemePreviewSnackbarsSectionProps) {\n  const theme = useTheme();\n\n  const openPreviewSnackbar = (\n    snackbarKey: SnackbarVariantKey,\n    message: string,\n    backgroundColor: string,\n    color: string,\n    actionHoverColor: string,\n    icon: ReactNode,\n  ) => {\n    const previewSnackbarKey = enqueueSnackbar(message, {\n      anchorOrigin: snackbarAnchorOrigin,\n      autoHideDuration: snackbarAutoHideDuration,\n      variant: snackbarKey,\n      content: (key: SnackbarKey) => (\n        <SnackbarContent\n          role=\"alert\"\n          style={{\n            backgroundColor,\n            borderRadius: `${theme.shape.borderRadius}px`,\n            boxShadow: theme.shadows[2],\n            color,\n            fontSize: snackbarPreviewFontSize,\n            lineHeight: snackbarPreviewLineHeight,\n            overflow: 'hidden',\n            padding: 0,\n          }}\n        >\n          <Box\n            sx={{\n              alignItems: 'center',\n              color: 'inherit',\n              display: 'flex',\n              minWidth: 0,\n              px: 2,\n              py: 1.25,\n              width: '100%',\n            }}\n          >\n            <Box\n              sx={{\n                alignItems: 'center',\n                color: 'inherit',\n                display: 'flex',\n                flex: 1,\n                gap: 1.25,\n                minWidth: 0,\n              }}\n            >\n              <Box\n                sx={{\n                  alignItems: 'center',\n                  color: 'inherit',\n                  display: 'flex',\n                  flexShrink: 0,\n                  '& .MuiSvgIcon-root': {\n                    fontSize: 20,\n                  },\n                }}\n              >\n                {icon}\n              </Box>\n              <Box\n                sx={{\n                  color: 'inherit',\n                  flex: 1,\n                  fontSize: snackbarPreviewFontSize,\n                  lineHeight: snackbarPreviewLineHeight,\n                  minWidth: 0,\n                }}\n              >\n                {message}\n              </Box>\n            </Box>\n            <IconButton\n              aria-label=\"close\"\n              onClick={() => closeSnackbar(key)}\n              size=\"small\"\n              sx={{\n                color: 'inherit',\n                flexShrink: 0,\n                ml: 1,\n                '&:hover': {\n                  backgroundColor: actionHoverColor,\n                },\n              }}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        </SnackbarContent>\n      ),\n    });\n\n    previewSnackbarKeysRef.current.push(previewSnackbarKey);\n\n    while (previewSnackbarKeysRef.current.length > snackbarPreviewMaxSnack) {\n      const oldestSnackbarKey = previewSnackbarKeysRef.current.shift();\n\n      if (oldestSnackbarKey) {\n        closeSnackbar(oldestSnackbarKey);\n      }\n    }\n  };\n\n  return (\n    <PreviewSectionCard\n      fillContentHeight\n      paperClassName=\"flex min-h-0 flex-1 flex-col rounded-lg p-14\"\n      title=\"Snackbars\"\n      sx={previewSectionCardSx}\n    >\n      <div className=\"flex min-h-0 flex-1 flex-col gap-10\">\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          스넥바를 클릭하면 실제 동작을 바로 확인할 수 있습니다.\n        </Typography>\n        <div\n          className=\"flex min-h-0 flex-1 flex-col gap-10\"\n          style={{\n            alignItems:\n              snackbarPreviewAnchorHorizontal === 'left'\n                ? 'flex-start'\n                : snackbarPreviewAnchorHorizontal === 'right'\n                  ? 'flex-end'\n                  : 'center',\n            justifyContent: snackbarPreviewAnchorVertical === 'bottom' ? 'flex-end' : 'flex-start',\n          }}\n        >\n          {snackbarPreviewItems.map(\n            ({ key, actionHoverColor, backgroundColor, color, icon, message }) => (\n              <ButtonBase\n                key={key}\n                className=\"flex items-center justify-between gap-10 px-16 py-10 text-left\"\n                onClick={() => {\n                  openPreviewSnackbar(\n                    key,\n                    message,\n                    backgroundColor,\n                    color,\n                    actionHoverColor,\n                    icon,\n                  );\n                }}\n                style={{\n                  backgroundColor,\n                  borderRadius: 8,\n                  boxShadow:\n                    '0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)',\n                  color,\n                  width: 'min(100%, 360px)',\n                }}\n              >\n                <div className=\"flex min-w-0 flex-1 items-center gap-10\">\n                  <div className=\"flex shrink-0 items-center\" style={{ color }}>\n                    {icon}\n                  </div>\n                  <Typography\n                    variant=\"body2\"\n                    className=\"truncate\"\n                    sx={{\n                      color: 'inherit',\n                      ...(snackbarPreviewFontSize && {\n                        fontSize: snackbarPreviewFontSize,\n                      }),\n                      ...(snackbarPreviewLineHeight && {\n                        lineHeight: snackbarPreviewLineHeight,\n                      }),\n                    }}\n                  >\n                    {message}\n                  </Typography>\n                </div>\n                <div\n                  className=\"flex h-28 w-28 shrink-0 items-center justify-center rounded-full\"\n                  style={{\n                    backgroundColor: actionHoverColor,\n                    color,\n                  }}\n                >\n                  <CloseIcon sx={{ fontSize: 16 }} />\n                </div>\n              </ButtonBase>\n            ),\n          )}\n        </div>\n      </div>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewSearchHeaderSectionProps {\n  gridPreviewTable: ReactNode;\n  mainBackground: string;\n  mainPaper: string;\n  mainText: string;\n  mainThemePreviewStoreState: ThemePreviewStoreState;\n  previewSectionCardSx: SxProps<Theme>;\n  searchHeaderPreviewDate: string;\n  searchHeaderPreviewNumber: string;\n  searchHeaderPreviewVersionKey: string;\n  tablePreviewCanTableRadiusZero: boolean;\n  tableTheme: ThemePreviewTableConfigType;\n  tableThemePreviewVersionKey: string;\n}\n\nexport const ThemePreviewSearchHeaderSection = memo(function ThemePreviewSearchHeaderSection({\n  gridPreviewTable,\n  mainBackground,\n  mainPaper,\n  mainText,\n  mainThemePreviewStoreState,\n  previewSectionCardSx,\n  searchHeaderPreviewDate,\n  searchHeaderPreviewNumber,\n  searchHeaderPreviewVersionKey,\n  tablePreviewCanTableRadiusZero,\n  tableTheme,\n  tableThemePreviewVersionKey,\n}: ThemePreviewSearchHeaderSectionProps) {\n  const searchHeaderFieldTableCellSx = getThemePreviewFieldTableCellSx(tableTheme);\n  const searchHeaderFieldTableTitleSx = getThemePreviewFieldTableTitleSx(tableTheme);\n\n  return (\n    <PreviewSectionCard paperClassName=\"overflow-hidden rounded-lg p-0\" sx={previewSectionCardSx}>\n      <OwpStoreProvider\n        key={`search-header-${searchHeaderPreviewVersionKey}`}\n        preloadedState={mainThemePreviewStoreState}\n      >\n        <OwpStyleProvider>\n          <Box\n            className=\"flex flex-col gap-16 p-16\"\n            sx={{\n              backgroundColor: mainBackground,\n              color: mainText,\n              '& .OwpPageContent-header .MuiDivider-root': {\n                my: 1.5,\n              },\n              '& form': {\n                width: '100%',\n              },\n            }}\n          >\n            <Paper\n              className=\"w-full\"\n              sx={{\n                backgroundColor: 'transparent',\n                boxShadow: 'none',\n              }}\n            >\n              <OwpSearchFilter onSubmit={previewNoop} onReset={previewNoop}>\n                <OwpDatePicker\n                  label=\"작업일자\"\n                  value={searchHeaderPreviewDate}\n                  variant=\"standard\"\n                  onChange={previewNoop}\n                />\n                <OwpYesNoSelector\n                  label=\"사용여부\"\n                  yesLabel=\"사용\"\n                  noLabel=\"미사용\"\n                  value=\"Y\"\n                  onChange={previewNoop}\n                />\n                <TextField\n                  label=\"번호\"\n                  variant=\"standard\"\n                  value={searchHeaderPreviewNumber}\n                  onChange={previewNoop}\n                />\n              </OwpSearchFilter>\n            </Paper>\n\n            <Paper\n              className=\"w-full rounded-lg p-16\"\n              sx={{\n                ...previewInnerCardSx,\n                backgroundColor: mainPaper,\n                border: `1px solid ${previewChromeBorder}`,\n              }}\n            >\n              <OwpPageContent\n                title=\"제목\"\n                centerSlot={\n                  <div className=\"w-[240px]\">\n                    <Box\n                      sx={getThemePreviewFieldTableSx(\n                        tableTheme,\n                        tablePreviewCanTableRadiusZero,\n                      )}\n                    >\n                      <OwpFieldTable\n                        key={`search-header-field-table-${tableThemePreviewVersionKey}`}\n                        canUseTreeGridStyle={false}\n                        cellSx={[\n                          ...(Array.isArray(searchHeaderFieldTableCellSx)\n                            ? searchHeaderFieldTableCellSx\n                            : searchHeaderFieldTableCellSx\n                              ? [searchHeaderFieldTableCellSx]\n                              : []),\n                          { py: 0.5, textAlign: 'center' },\n                        ]}\n                        data={searchHeaderPreviewData}\n                        layout={[[{ title: '상태', key: 'previewValue' }]]}\n                        titleSx={[\n                          ...(Array.isArray(searchHeaderFieldTableTitleSx)\n                            ? searchHeaderFieldTableTitleSx\n                            : searchHeaderFieldTableTitleSx\n                              ? [searchHeaderFieldTableTitleSx]\n                              : []),\n                          { py: 0.5, textAlign: 'center' },\n                        ]}\n                        titleWidth={92}\n                      />\n                    </Box>\n                  </div>\n                }\n                actions={\n                  <div className=\"flex flex-wrap gap-8\">\n                    <Button color=\"primary\" size=\"small\" variant=\"contained\">\n                      추가\n                    </Button>\n                    <Button color=\"secondary\" size=\"small\" variant=\"contained\">\n                      수정\n                    </Button>\n                    <Button color=\"error\" size=\"small\" variant=\"contained\">\n                      삭제\n                    </Button>\n                    <Button color=\"success\" size=\"small\" variant=\"contained\">\n                      다운로드\n                    </Button>\n                  </div>\n                }\n              >\n                <div className=\"flex min-h-0 flex-1 flex-col gap-12\">\n                  {gridPreviewTable}\n                  <OwpSection className=\"min-h-0 flex-1\" title=\"섹션 제목\">\n                    <div\n                      className=\"flex min-h-0 flex-1 flex-col gap-10 pt-12\"\n                      style={{ borderTop: `1px solid ${previewChromeBorder}` }}\n                    >\n                      <Skeleton animation={false} height={16} variant=\"rounded\" width=\"100%\" />\n                      <Skeleton animation={false} height={16} variant=\"rounded\" width=\"78%\" />\n                      <Skeleton animation={false} className=\"flex-1\" variant=\"rounded\" width=\"100%\" />\n                    </div>\n                  </OwpSection>\n                </div>\n              </OwpPageContent>\n            </Paper>\n          </Box>\n        </OwpStyleProvider>\n      </OwpStoreProvider>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewGridSectionProps {\n  editableThemePreviewGridId: string;\n  mainGridChangedBackgroundColor?: string;\n  mainThemePreviewStoreKey: string;\n  mainThemePreviewStoreState: ThemePreviewStoreState;\n  previewSectionCardSx: SxProps<Theme>;\n  readonlyThemePreviewGridId: string;\n}\n\nexport const ThemePreviewGridSection = memo(function ThemePreviewGridSection({\n  editableThemePreviewGridId,\n  mainGridChangedBackgroundColor,\n  mainThemePreviewStoreKey,\n  mainThemePreviewStoreState,\n  previewSectionCardSx,\n  readonlyThemePreviewGridId,\n}: ThemePreviewGridSectionProps) {\n  const handleEditableThemePreviewGridReady = (grid: TGrid) => {\n    if (!grid) {\n      return;\n    }\n\n    const selectedRow = grid.GetFirst();\n    const focusedRow = selectedRow ? grid.GetNext(selectedRow) : null;\n    const changedCellRow = focusedRow ? grid.GetNext(focusedRow) : selectedRow;\n\n    if (!selectedRow) {\n      return;\n    }\n\n    grid.SelectRow(selectedRow, 1);\n\n    if (focusedRow) {\n      grid.Focus(focusedRow, 'OWP_THEME_PREVIEW.STATUS');\n    } else {\n      grid.Focus(selectedRow, 'OWP_THEME_PREVIEW.STATUS');\n    }\n\n    if (changedCellRow) {\n      highlightTreeGridCellById(editableThemePreviewGridId, {\n        row: changedCellRow,\n        col: 'OWP_THEME_PREVIEW.REMARK',\n        backgroundColor: mainGridChangedBackgroundColor,\n      });\n      grid.RefreshRow(changedCellRow);\n    }\n  };\n\n  const handleReadonlyThemePreviewGridReady = (grid: TGrid) => {\n    if (!grid) {\n      return;\n    }\n\n    const focusedRow = grid.GetFirst();\n\n    if (!focusedRow) {\n      return;\n    }\n\n    grid.Focus(focusedRow, 'OWP_THEME_PREVIEW.WORK_DATE');\n  };\n\n  return (\n    <PreviewSectionCard title=\"Grid\" sx={previewSectionCardSx}>\n      <OwpStoreProvider\n        key={`grid-preview-${mainThemePreviewStoreKey}`}\n        preloadedState={mainThemePreviewStoreState}\n      >\n        <OwpStyleProvider>\n          <div\n            className=\"flex min-h-0 flex-col gap-12\"\n            style={{\n              height: 'min(640px, calc(100vh - 360px))',\n            }}\n          >\n            <div className=\"grid min-h-0 flex-1 grid-rows-[minmax(0,1fr)_minmax(0,1fr)] gap-12\">\n              <OwpTreeGrid\n                data={gridCanvasPreviewRows}\n                height=\"100%\"\n                id={editableThemePreviewGridId}\n                key={editableThemePreviewGridId}\n                layoutData={ThemePreviewGridDefXmlRaw}\n                onReady={handleEditableThemePreviewGridReady}\n              />\n              <OwpTreeGrid\n                data={gridCanvasPreviewRows}\n                height=\"100%\"\n                id={readonlyThemePreviewGridId}\n                key={readonlyThemePreviewGridId}\n                layoutData={ThemePreviewReadonlyGridDefXmlRaw}\n                onReady={handleReadonlyThemePreviewGridReady}\n              />\n            </div>\n            <div className=\"grid shrink-0 grid-cols-2 gap-12\">\n              <div className=\"flex flex-col gap-8\">\n                <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                  Basic Table (Grid Style)\n                </Typography>\n                <OwpTable\n                  canUseTreeGridStyle\n                  headers={tablePreviewHeaders}\n                  rows={gridStyledTablePreviewRows}\n                />\n              </div>\n              <div className=\"flex flex-col gap-8\">\n                <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                  Data Table (Grid Style)\n                </Typography>\n                <OwpDataTable\n                  canCheckbox={false}\n                  canTotalCountRow={false}\n                  canUseOrderBy={false}\n                  canUseTreeGridStyle\n                  fixedRowCount={1}\n                  headCells={dataTablePreviewHeadCells}\n                  rows={gridStyledDataTablePreviewRows}\n                  sx={{\n                    '& .MuiTableBody-root > .MuiTableRow-root, & .MuiTableBody-root > .MuiTableRow-root:hover, & .MuiTableBody-root > .MuiTableRow-root.Mui-selected, & .MuiTableBody-root > .MuiTableRow-root.Mui-selected:hover':\n                      {\n                        backgroundColor: 'transparent',\n                      },\n                    '& .MuiTableBody-root > .MuiTableRow-root > .MuiTableCell-root': {\n                      backgroundColor: 'transparent',\n                    },\n                  }}\n                />\n              </div>\n            </div>\n          </div>\n        </OwpStyleProvider>\n      </OwpStoreProvider>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewTablesSectionProps {\n  mainThemePreviewStoreState: ThemePreviewStoreState;\n  previewSectionCardSx: SxProps<Theme>;\n  tablePreviewCanTableRadiusZero: boolean;\n  tableTheme: ThemePreviewTableConfigType;\n  tableThemePreviewVersionKey: string;\n}\n\nexport const ThemePreviewTablesSection = memo(function ThemePreviewTablesSection({\n  mainThemePreviewStoreState,\n  previewSectionCardSx,\n  tablePreviewCanTableRadiusZero,\n  tableTheme,\n  tableThemePreviewVersionKey,\n}: ThemePreviewTablesSectionProps) {\n  return (\n    <PreviewSectionCard title=\"Tables\" sx={previewSectionCardSx}>\n      <OwpStoreProvider\n        key={`table-preview-${tableThemePreviewVersionKey}`}\n        preloadedState={mainThemePreviewStoreState}\n      >\n        <OwpStyleProvider>\n          <div className=\"flex flex-col gap-14\">\n            <div className=\"flex flex-col gap-8\">\n              <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                Field Table\n              </Typography>\n              <Box sx={getThemePreviewFieldTableSx(tableTheme, tablePreviewCanTableRadiusZero)}>\n                <OwpFieldTable\n                  key={`field-table-${tableThemePreviewVersionKey}`}\n                  canUseTreeGridStyle={false}\n                  cellSx={getThemePreviewFieldTableCellSx(tableTheme)}\n                  data={tableFieldPreviewData}\n                  layout={tableFieldPreviewLayout}\n                  titleSx={getThemePreviewFieldTableTitleSx(tableTheme)}\n                  titleWidth={108}\n                />\n              </Box>\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                Table\n              </Typography>\n              <Box sx={getThemePreviewBasicTableSx(tableTheme, tablePreviewCanTableRadiusZero)}>\n                <OwpTable\n                  key={`basic-table-${tableThemePreviewVersionKey}`}\n                  canUseTreeGridStyle={false}\n                  headers={tablePreviewHeaders}\n                  rows={tablePreviewRows}\n                />\n              </Box>\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                Data Table\n              </Typography>\n              <Box sx={getThemePreviewDataTableSx(tableTheme, tablePreviewCanTableRadiusZero)}>\n                <OwpDataTable\n                  key={`data-table-${tableThemePreviewVersionKey}`}\n                  canCheckbox={false}\n                  canTableRadiusZero={tablePreviewCanTableRadiusZero}\n                  canTotalCountRow={false}\n                  canUseOrderBy={false}\n                  canUseTreeGridStyle={false}\n                  fixedRowCount={2}\n                  headCells={dataTablePreviewHeadCells}\n                  rows={dataTablePreviewRows}\n                  selected={dataTablePreviewRows.slice(0, 1)}\n                />\n              </Box>\n            </div>\n          </div>\n        </OwpStyleProvider>\n      </OwpStoreProvider>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewGridPreviewTableProps {\n  gridBodyBorder: string;\n  layoutPreviewGridCellBackground: string;\n  layoutPreviewGridCellFontSize: string;\n  layoutPreviewGridHeaderBackground: string;\n  layoutPreviewGridHeaderBorder: string;\n  layoutPreviewGridHeaderColor: string;\n  layoutPreviewGridHeaderFontSize: string;\n}\n\nexport const ThemePreviewGridPreviewTable = memo(function ThemePreviewGridPreviewTable({\n  gridBodyBorder,\n  layoutPreviewGridCellBackground,\n  layoutPreviewGridCellFontSize,\n  layoutPreviewGridHeaderBackground,\n  layoutPreviewGridHeaderBorder,\n  layoutPreviewGridHeaderColor,\n  layoutPreviewGridHeaderFontSize,\n}: ThemePreviewGridPreviewTableProps) {\n  return (\n    <div\n      className=\"overflow-hidden border border-solid\"\n      style={{\n        borderColor: previewChromeBorder,\n      }}\n    >\n      <Table\n        size=\"small\"\n        sx={{\n          tableLayout: 'fixed',\n        }}\n      >\n        <TableHead>\n          <TableRow>\n            {gridPreviewColumnLabels.map((label) => (\n              <TableCell\n                key={label}\n                sx={{\n                  backgroundColor: layoutPreviewGridHeaderBackground,\n                  borderBottom: `1px solid ${layoutPreviewGridHeaderBorder}`,\n                  borderRight: `1px solid ${layoutPreviewGridHeaderBorder}`,\n                  color: layoutPreviewGridHeaderColor,\n                  fontSize: layoutPreviewGridHeaderFontSize,\n                  fontWeight: 500,\n                  px: 1.25,\n                  py: 1,\n                  textAlign: 'center',\n                  '&:last-of-type': {\n                    borderRight: 'none',\n                  },\n                }}\n              >\n                {label}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {gridPreviewRows.map((row) => (\n            <TableRow\n              key={row.join('-')}\n              sx={{\n                backgroundColor: layoutPreviewGridCellBackground,\n              }}\n            >\n              {row.map((value, cellIndex) => (\n                <TableCell\n                  key={`${value}-${cellIndex}`}\n                  sx={{\n                    borderBottom: `1px solid ${gridBodyBorder}`,\n                    borderRight: `1px solid ${gridBodyBorder}`,\n                    color: gridPreviewBodyText,\n                    fontSize: layoutPreviewGridCellFontSize,\n                    px: 1.25,\n                    py: 1,\n                    textAlign: 'center',\n                    '&:last-of-type': {\n                      borderRight: 'none',\n                    },\n                  }}\n                >\n                  {value}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n});\n"],"names":["PreviewSectionCard","children","fillContentHeight","gapClassName","paperClassName","previewSectionCardClassName","sx","title","hasTitle","jsx","Paper","previewInnerCardSx","jsxs","Typography","__name","ThemePreviewButtonsSection","memo","buttonPreviewItems","mainTextSecondary","previewSectionCardSx","label","color","previewContrastColor","Button","alpha","ThemePreviewSnackbarsSection","previewSnackbarKeysRef","snackbarAnchorOrigin","snackbarAutoHideDuration","snackbarPreviewAnchorHorizontal","snackbarPreviewAnchorVertical","snackbarPreviewFontSize","snackbarPreviewItems","snackbarPreviewLineHeight","snackbarPreviewMaxSnack","theme","useTheme","openPreviewSnackbar","snackbarKey","message","backgroundColor","actionHoverColor","icon","previewSnackbarKey","enqueueSnackbar","key","SnackbarContent","Box","IconButton","closeSnackbar","CloseIcon","oldestSnackbarKey","ButtonBase","ThemePreviewSearchHeaderSection","gridPreviewTable","mainBackground","mainPaper","mainText","mainThemePreviewStoreState","searchHeaderPreviewDate","searchHeaderPreviewNumber","searchHeaderPreviewVersionKey","tablePreviewCanTableRadiusZero","tableTheme","tableThemePreviewVersionKey","searchHeaderFieldTableCellSx","getThemePreviewFieldTableCellSx","searchHeaderFieldTableTitleSx","getThemePreviewFieldTableTitleSx","OwpStoreProvider","OwpStyleProvider","OwpSearchFilter","previewNoop","OwpDatePicker","OwpYesNoSelector","TextField","previewChromeBorder","OwpPageContent","getThemePreviewFieldTableSx","OwpFieldTable","searchHeaderPreviewData","OwpSection","Skeleton","ThemePreviewGridSection","editableThemePreviewGridId","mainGridChangedBackgroundColor","mainThemePreviewStoreKey","readonlyThemePreviewGridId","OwpTreeGrid","gridCanvasPreviewRows","ThemePreviewGridDefXmlRaw","grid","selectedRow","focusedRow","changedCellRow","highlightTreeGridCellById","ThemePreviewReadonlyGridDefXmlRaw","OwpTable","tablePreviewHeaders","gridStyledTablePreviewRows","OwpDataTable","dataTablePreviewHeadCells","gridStyledDataTablePreviewRows","ThemePreviewTablesSection","tableFieldPreviewData","tableFieldPreviewLayout","getThemePreviewBasicTableSx","tablePreviewRows","getThemePreviewDataTableSx","dataTablePreviewRows","ThemePreviewGridPreviewTable","gridBodyBorder","layoutPreviewGridCellBackground","layoutPreviewGridCellFontSize","layoutPreviewGridHeaderBackground","layoutPreviewGridHeaderBorder","layoutPreviewGridHeaderColor","layoutPreviewGridHeaderFontSize","Table","TableHead","TableRow","gridPreviewColumnLabels","TableCell","TableBody","gridPreviewRows","row","value","cellIndex","gridPreviewBodyText"],"mappings":"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"}
+{"version":3,"file":"ThemePreviewCanvasSections.js","sources":["../../../../src/features/themePreview/components/ThemePreviewCanvasSections.tsx"],"sourcesContent":["import type {\n  SnackbarProviderTheme,\n  SnackbarVariantKey,\n} from '@/features/themePreview/configs/snackbar';\nimport type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';\nimport ThemePreviewGridDefXmlRaw from '@/features/themePreview/defs/ThemePreviewGridDef.xml?raw';\nimport ThemePreviewReadonlyGridDefXmlRaw from '@/features/themePreview/defs/ThemePreviewReadonlyGridDef.xml?raw';\nimport { OwpPageContent } from '@/components/OwpPageContent';\nimport { OwpDatePicker } from '@/components/OwpPicker/OwpDatePicker';\nimport { OwpSearchFilter } from '@/components/OwpSearchFilter';\nimport { OwpSection } from '@/components/OwpSection';\nimport { OwpStyleProvider } from '@/components/OwpStyleProvider';\nimport { OwpDataTable } from '@/components/OwpTable/OwpDataTable';\nimport { OwpFieldTable } from '@/components/OwpTable/OwpFieldTable';\nimport { OwpTable } from '@/components/OwpTable/OwpTable';\nimport { OwpTreeGrid } from '@/components/OwpTreeGrid';\nimport { OwpYesNoSelector } from '@/components/OwpYesNoSelector';\nimport { OwpStoreProvider } from '@/contexts';\nimport { highlightTreeGridCellById } from '@/utils';\nimport CloseIcon from '@mui/icons-material/Close';\nimport SearchIcon from '@mui/icons-material/Search';\nimport SpaceDashboardOutlinedIcon from '@mui/icons-material/SpaceDashboardOutlined';\nimport {\n  Box,\n  Button,\n  ButtonBase,\n  CircularProgress,\n  IconButton,\n  LinearProgress,\n  Paper,\n  Skeleton,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport {\n  alpha,\n  createTheme,\n  ThemeProvider,\n  type SxProps,\n  type Theme,\n  useTheme,\n} from '@mui/material/styles';\nimport { closeSnackbar, enqueueSnackbar, SnackbarContent, type SnackbarKey } from 'notistack';\nimport {\n  memo,\n  type ComponentProps,\n  type MutableRefObject,\n  type ReactNode,\n  useMemo,\n} from 'react';\nimport {\n  dataTablePreviewHeadCells,\n  dataTablePreviewRows,\n  getThemePreviewBasicTableSx,\n  getThemePreviewDataTableSx,\n  getThemePreviewFieldTableCellSx,\n  getThemePreviewFieldTableSx,\n  getThemePreviewFieldTableTitleSx,\n  gridCanvasPreviewRows,\n  gridPreviewBodyText,\n  gridPreviewColumnLabels,\n  gridPreviewRows,\n  gridStyledDataTablePreviewRows,\n  gridStyledTablePreviewRows,\n  previewChromeBorder,\n  previewInnerCardSx,\n  previewNoop,\n  previewSectionCardClassName,\n  searchHeaderPreviewData,\n  tableFieldPreviewData,\n  tableFieldPreviewLayout,\n  tablePreviewHeaders,\n  tablePreviewRows,\n} from './themePreviewCanvas.shared';\n\ntype ThemePreviewButtonPreviewItem = {\n  label: string;\n  color: string;\n  previewContrastColor: string;\n};\n\ntype ThemePreviewSnackbarPreviewItem = {\n  actionHoverColor: string;\n  backgroundColor: string;\n  color: string;\n  icon: ReactNode;\n  key: SnackbarVariantKey;\n  message: string;\n};\n\ntype ThemePreviewStoreState = NonNullable<\n  ComponentProps<typeof OwpStoreProvider>['preloadedState']\n>;\n\ninterface PreviewSectionCardProps {\n  children: ReactNode;\n  fillContentHeight?: boolean;\n  gapClassName?: string;\n  paperClassName?: string;\n  sx?: SxProps<Theme>;\n  title?: string;\n}\n\nfunction PreviewSectionCard({\n  children,\n  fillContentHeight = false,\n  gapClassName = 'gap-16',\n  paperClassName = previewSectionCardClassName,\n  sx,\n  title,\n}: PreviewSectionCardProps) {\n  const hasTitle = title !== undefined && title !== null && title !== '';\n\n  return (\n    <Paper\n      className={paperClassName}\n      sx={{\n        ...previewInnerCardSx,\n        ...sx,\n      }}\n    >\n      <div\n        className={`flex flex-col ${hasTitle ? gapClassName : ''} ${\n          fillContentHeight ? 'min-h-0 flex-1' : ''\n        }`}\n      >\n        {hasTitle ? (\n          <Typography variant=\"subtitle1\" fontWeight={700}>\n            {title}\n          </Typography>\n        ) : null}\n        {children}\n      </div>\n    </Paper>\n  );\n}\n\n/** Table preview divider 고정 boundary */\nfunction ThemePreviewStaticDividerBoundary({ children }: { children: ReactNode }) {\n  const theme = useTheme();\n  const fixedDividerTheme = useMemo(\n    () =>\n      createTheme(theme, {\n        palette: {\n          divider: previewChromeBorder,\n        },\n      }),\n    [theme],\n  );\n\n  return <ThemeProvider theme={fixedDividerTheme}>{children}</ThemeProvider>;\n}\n\ninterface ThemePreviewButtonsSectionProps {\n  buttonPreviewItems: ThemePreviewButtonPreviewItem[];\n  mainTextSecondary: string;\n  previewSectionCardSx: SxProps<Theme>;\n}\n\ninterface ThemePreviewCommonSectionProps {\n  buttonPreviewItems: ThemePreviewButtonPreviewItem[];\n  mainTextSecondary: string;\n  mainThemePreviewStoreState: ThemePreviewStoreState;\n  previewSectionCardSx: SxProps<Theme>;\n}\n\n/** Buttons preview line set */\nfunction ThemePreviewButtonsPreviewContent({\n  buttonPreviewItems,\n  mainTextSecondary,\n}: Pick<ThemePreviewButtonsSectionProps, 'buttonPreviewItems' | 'mainTextSecondary'>) {\n  return (\n    <div className=\"flex flex-col gap-12\">\n      <div className=\"flex flex-col gap-8\">\n        <Typography variant=\"caption\" sx={{ color: mainTextSecondary }}>\n          contained\n        </Typography>\n        <div className=\"flex flex-wrap gap-8\">\n          {buttonPreviewItems.map(({ label, color, previewContrastColor }) => (\n            <Button\n              key={`contained-${label}`}\n              size=\"small\"\n              variant=\"contained\"\n              sx={{\n                backgroundColor: color,\n                color: previewContrastColor,\n                minWidth: 72,\n                px: 1.5,\n                py: 0.625,\n              }}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <Typography variant=\"caption\" sx={{ color: mainTextSecondary }}>\n          outlined\n        </Typography>\n        <div className=\"flex flex-wrap gap-8\">\n          {buttonPreviewItems.map(({ label, color }) => (\n            <Button\n              key={`outlined-${label}`}\n              size=\"small\"\n              variant=\"outlined\"\n              sx={{\n                borderColor: alpha(color, 0.52),\n                color,\n                minWidth: 72,\n                px: 1.5,\n                py: 0.625,\n                '&:hover': {\n                  backgroundColor: alpha(color, 0.08),\n                  borderColor: color,\n                },\n              }}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const ThemePreviewCommonSection = memo(function ThemePreviewCommonSection({\n  buttonPreviewItems,\n  mainTextSecondary,\n  mainThemePreviewStoreState,\n  previewSectionCardSx,\n}: ThemePreviewCommonSectionProps) {\n  return (\n    <OwpStoreProvider preloadedState={mainThemePreviewStoreState}>\n      <OwpStyleProvider>\n        <div className=\"grid gap-16 xl:grid-cols-[188px_212px_minmax(0,9fr)_minmax(280px,13fr)]\">\n          <PreviewSectionCard\n            gapClassName=\"gap-12\"\n            sx={{\n              ...previewSectionCardSx,\n              minWidth: 0,\n            }}\n            title=\"Common\"\n          >\n            <div className=\"flex flex-col gap-12\">\n              <div className=\"flex items-center justify-between gap-12\">\n                <div className=\"flex items-center gap-8\">\n                  <SpaceDashboardOutlinedIcon color=\"primary\" />\n                  <Typography variant=\"body2\" color=\"primary.main\" fontWeight={600}>\n                    primary\n                  </Typography>\n                </div>\n                <CircularProgress color=\"primary\" size={18} thickness={5} />\n              </div>\n              <LinearProgress\n                color=\"primary\"\n                sx={{ borderRadius: 999, height: 6, width: '100%' }}\n                value={68}\n                variant=\"determinate\"\n              />\n              <div className=\"flex items-center justify-between gap-12\">\n                <div className=\"flex items-center gap-8\">\n                  <SearchIcon color=\"secondary\" />\n                  <Typography variant=\"body2\" color=\"secondary.main\" fontWeight={600}>\n                    secondary\n                  </Typography>\n                </div>\n                <CircularProgress color=\"secondary\" size={18} thickness={5} />\n              </div>\n              <LinearProgress\n                color=\"secondary\"\n                sx={{ borderRadius: 999, height: 6, width: '100%' }}\n                value={52}\n                variant=\"determinate\"\n              />\n            </div>\n          </PreviewSectionCard>\n\n          <PreviewSectionCard\n            gapClassName=\"gap-12\"\n            sx={{\n              ...previewSectionCardSx,\n              minWidth: 0,\n            }}\n            title=\"Inputs\"\n          >\n            <div className=\"grid gap-12\">\n              <TextField\n                fullWidth\n                label=\"기본 입력\"\n                onChange={previewNoop}\n                size=\"small\"\n                value=\"기본 상태\"\n              />\n              <TextField\n                focused\n                fullWidth\n                label=\"포커스 입력\"\n                onChange={previewNoop}\n                size=\"small\"\n                value=\"focus 상태\"\n              />\n              <TextField\n                disabled\n                fullWidth\n                label=\"비활성 입력\"\n                onChange={previewNoop}\n                size=\"small\"\n                value=\"disabled 상태\"\n              />\n            </div>\n          </PreviewSectionCard>\n\n          <PreviewSectionCard\n            gapClassName=\"gap-12\"\n            sx={{\n              ...previewSectionCardSx,\n              minWidth: 0,\n            }}\n            title=\"Text\"\n          >\n            <div className=\"flex flex-col gap-14\">\n              <Typography variant=\"h6\">메인 제목 텍스트</Typography>\n              <Typography variant=\"body1\">text.primary 본문</Typography>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                text.secondary 보조 설명\n              </Typography>\n              <Typography variant=\"body2\" color=\"text.disabled\">\n                text.disabled 비활성 텍스트\n              </Typography>\n            </div>\n          </PreviewSectionCard>\n\n          <PreviewSectionCard\n            gapClassName=\"gap-12\"\n            sx={{\n              ...previewSectionCardSx,\n              minWidth: 0,\n            }}\n            title=\"Buttons\"\n          >\n            <ThemePreviewButtonsPreviewContent\n              buttonPreviewItems={buttonPreviewItems}\n              mainTextSecondary={mainTextSecondary}\n            />\n          </PreviewSectionCard>\n        </div>\n      </OwpStyleProvider>\n    </OwpStoreProvider>\n  );\n});\n\nexport const ThemePreviewButtonsSection = memo(function ThemePreviewButtonsSection({\n  buttonPreviewItems,\n  mainTextSecondary,\n  previewSectionCardSx,\n}: ThemePreviewButtonsSectionProps) {\n  return (\n    <PreviewSectionCard title=\"Buttons\" sx={previewSectionCardSx}>\n      <ThemePreviewButtonsPreviewContent\n        buttonPreviewItems={buttonPreviewItems}\n        mainTextSecondary={mainTextSecondary}\n      />\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewSnackbarsSectionProps {\n  previewSectionCardSx: SxProps<Theme>;\n  previewSnackbarKeysRef: MutableRefObject<SnackbarKey[]>;\n  snackbarAnchorOrigin: SnackbarProviderTheme['anchorOrigin'];\n  snackbarPreviewAnchorHorizontal: 'center' | 'left' | 'right';\n  snackbarPreviewAnchorVertical: 'bottom' | 'top';\n  snackbarPreviewFontSize?: number | string;\n  snackbarPreviewItems: ThemePreviewSnackbarPreviewItem[];\n  snackbarPreviewLineHeight?: number | string;\n  snackbarPreviewMaxSnack: number;\n  snackbarAutoHideDuration: SnackbarProviderTheme['autoHideDuration'];\n}\n\nexport const ThemePreviewSnackbarsSection = memo(function ThemePreviewSnackbarsSection({\n  previewSectionCardSx,\n  previewSnackbarKeysRef,\n  snackbarAnchorOrigin,\n  snackbarAutoHideDuration,\n  snackbarPreviewAnchorHorizontal,\n  snackbarPreviewAnchorVertical,\n  snackbarPreviewFontSize,\n  snackbarPreviewItems,\n  snackbarPreviewLineHeight,\n  snackbarPreviewMaxSnack,\n}: ThemePreviewSnackbarsSectionProps) {\n  const theme = useTheme();\n\n  const openPreviewSnackbar = (\n    snackbarKey: SnackbarVariantKey,\n    message: string,\n    backgroundColor: string,\n    color: string,\n    actionHoverColor: string,\n    icon: ReactNode,\n  ) => {\n    const previewSnackbarKey = enqueueSnackbar(message, {\n      anchorOrigin: snackbarAnchorOrigin,\n      autoHideDuration: snackbarAutoHideDuration,\n      variant: snackbarKey,\n      content: (key: SnackbarKey) => (\n        <SnackbarContent\n          role=\"alert\"\n          style={{\n            backgroundColor,\n            borderRadius: `${theme.shape.borderRadius}px`,\n            boxShadow: theme.shadows[2],\n            color,\n            fontSize: snackbarPreviewFontSize,\n            lineHeight: snackbarPreviewLineHeight,\n            overflow: 'hidden',\n            padding: 0,\n          }}\n        >\n          <Box\n            sx={{\n              alignItems: 'center',\n              color: 'inherit',\n              display: 'flex',\n              minWidth: 0,\n              px: 2,\n              py: 1.25,\n              width: '100%',\n            }}\n          >\n            <Box\n              sx={{\n                alignItems: 'center',\n                color: 'inherit',\n                display: 'flex',\n                flex: 1,\n                gap: 1.25,\n                minWidth: 0,\n              }}\n            >\n              <Box\n                sx={{\n                  alignItems: 'center',\n                  color: 'inherit',\n                  display: 'flex',\n                  flexShrink: 0,\n                  '& .MuiSvgIcon-root': {\n                    fontSize: 20,\n                  },\n                }}\n              >\n                {icon}\n              </Box>\n              <Box\n                sx={{\n                  color: 'inherit',\n                  flex: 1,\n                  fontSize: snackbarPreviewFontSize,\n                  lineHeight: snackbarPreviewLineHeight,\n                  minWidth: 0,\n                }}\n              >\n                {message}\n              </Box>\n            </Box>\n            <IconButton\n              aria-label=\"close\"\n              onClick={() => closeSnackbar(key)}\n              size=\"small\"\n              sx={{\n                color: 'inherit',\n                flexShrink: 0,\n                ml: 1,\n                '&:hover': {\n                  backgroundColor: actionHoverColor,\n                },\n              }}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        </SnackbarContent>\n      ),\n    });\n\n    previewSnackbarKeysRef.current.push(previewSnackbarKey);\n\n    while (previewSnackbarKeysRef.current.length > snackbarPreviewMaxSnack) {\n      const oldestSnackbarKey = previewSnackbarKeysRef.current.shift();\n\n      if (oldestSnackbarKey) {\n        closeSnackbar(oldestSnackbarKey);\n      }\n    }\n  };\n\n  return (\n    <PreviewSectionCard\n      fillContentHeight\n      paperClassName=\"flex min-h-0 flex-1 flex-col rounded-lg p-14\"\n      title=\"Snackbars\"\n      sx={previewSectionCardSx}\n    >\n      <div className=\"flex min-h-0 flex-1 flex-col gap-10\">\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          스넥바를 클릭하면 실제 동작을 바로 확인할 수 있습니다.\n        </Typography>\n        <div\n          className=\"flex min-h-0 flex-1 flex-col gap-10\"\n          style={{\n            alignItems:\n              snackbarPreviewAnchorHorizontal === 'left'\n                ? 'flex-start'\n                : snackbarPreviewAnchorHorizontal === 'right'\n                  ? 'flex-end'\n                  : 'center',\n            justifyContent: snackbarPreviewAnchorVertical === 'bottom' ? 'flex-end' : 'flex-start',\n          }}\n        >\n          {snackbarPreviewItems.map(\n            ({ key, actionHoverColor, backgroundColor, color, icon, message }) => (\n              <ButtonBase\n                key={key}\n                className=\"flex items-center justify-between gap-10 px-16 py-10 text-left\"\n                onClick={() => {\n                  openPreviewSnackbar(\n                    key,\n                    message,\n                    backgroundColor,\n                    color,\n                    actionHoverColor,\n                    icon,\n                  );\n                }}\n                style={{\n                  backgroundColor,\n                  borderRadius: 8,\n                  boxShadow:\n                    '0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)',\n                  color,\n                  width: 'min(100%, 360px)',\n                }}\n              >\n                <div className=\"flex min-w-0 flex-1 items-center gap-10\">\n                  <div className=\"flex shrink-0 items-center\" style={{ color }}>\n                    {icon}\n                  </div>\n                  <Typography\n                    variant=\"body2\"\n                    className=\"truncate\"\n                    sx={{\n                      color: 'inherit',\n                      ...(snackbarPreviewFontSize && {\n                        fontSize: snackbarPreviewFontSize,\n                      }),\n                      ...(snackbarPreviewLineHeight && {\n                        lineHeight: snackbarPreviewLineHeight,\n                      }),\n                    }}\n                  >\n                    {message}\n                  </Typography>\n                </div>\n                <div\n                  className=\"flex h-28 w-28 shrink-0 items-center justify-center rounded-full\"\n                  style={{\n                    backgroundColor: actionHoverColor,\n                    color,\n                  }}\n                >\n                  <CloseIcon sx={{ fontSize: 16 }} />\n                </div>\n              </ButtonBase>\n            ),\n          )}\n        </div>\n      </div>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewSearchHeaderSectionProps {\n  activeSection: 'main' | 'navbar' | 'toolbar';\n  gridPreviewTable: ReactNode;\n  mainBackground: string;\n  mainPaper: string;\n  mainText: string;\n  mainThemePreviewStoreState: ThemePreviewStoreState;\n  previewSectionCardSx: SxProps<Theme>;\n  searchHeaderPreviewDate: string;\n  searchHeaderPreviewNumber: string;\n  searchHeaderPreviewVersionKey: string;\n  tablePreviewCanTableRadiusZero: boolean;\n  tableTheme: ThemePreviewTableConfigType;\n  tableThemePreviewVersionKey: string;\n}\n\nexport const ThemePreviewSearchHeaderSection = memo(function ThemePreviewSearchHeaderSection({\n  activeSection,\n  gridPreviewTable,\n  mainBackground,\n  mainPaper,\n  mainText,\n  mainThemePreviewStoreState,\n  previewSectionCardSx,\n  searchHeaderPreviewDate,\n  searchHeaderPreviewNumber,\n  searchHeaderPreviewVersionKey,\n  tablePreviewCanTableRadiusZero,\n  tableTheme,\n  tableThemePreviewVersionKey,\n}: ThemePreviewSearchHeaderSectionProps) {\n  const searchHeaderFieldTableCellSx = getThemePreviewFieldTableCellSx(tableTheme);\n  const searchHeaderFieldTableTitleSx = getThemePreviewFieldTableTitleSx(tableTheme);\n  const shouldUseSectionSkeletons = activeSection === 'navbar' || activeSection === 'toolbar';\n\n  return (\n    <PreviewSectionCard paperClassName=\"overflow-hidden rounded-lg p-0\" sx={previewSectionCardSx}>\n      <OwpStoreProvider\n        key={`search-header-${searchHeaderPreviewVersionKey}`}\n        preloadedState={mainThemePreviewStoreState}\n      >\n        <OwpStyleProvider>\n          <Box\n            className=\"flex flex-col gap-16 p-16\"\n            sx={{\n              backgroundColor: mainBackground,\n              color: mainText,\n              '& .OwpPageContent-header .MuiDivider-root': {\n                my: 1.5,\n              },\n              '& form': {\n                width: '100%',\n              },\n            }}\n          >\n            <Paper\n              className=\"w-full\"\n              sx={{\n                backgroundColor: 'transparent',\n                boxShadow: 'none',\n              }}\n            >\n              <OwpSearchFilter onSubmit={previewNoop} onReset={previewNoop}>\n                <OwpDatePicker\n                  label=\"작업일자\"\n                  value={searchHeaderPreviewDate}\n                  variant=\"standard\"\n                  onChange={previewNoop}\n                />\n                <OwpYesNoSelector\n                  label=\"사용여부\"\n                  yesLabel=\"사용\"\n                  noLabel=\"미사용\"\n                  value=\"Y\"\n                  onChange={previewNoop}\n                />\n                <TextField\n                  label=\"번호\"\n                  variant=\"standard\"\n                  value={searchHeaderPreviewNumber}\n                  onChange={previewNoop}\n                />\n              </OwpSearchFilter>\n            </Paper>\n\n            <Paper\n              className=\"w-full rounded-lg p-16\"\n              sx={{\n                ...previewInnerCardSx,\n                backgroundColor: mainPaper,\n                border: `1px solid ${previewChromeBorder}`,\n              }}\n            >\n              <OwpPageContent\n                title=\"제목\"\n                centerSlot={\n                  <div className=\"w-[240px]\">\n                    <ThemePreviewStaticDividerBoundary>\n                      <Box\n                        sx={getThemePreviewFieldTableSx(\n                          tableTheme,\n                          tablePreviewCanTableRadiusZero,\n                        )}\n                      >\n                        <OwpFieldTable\n                          key={`search-header-field-table-${tableThemePreviewVersionKey}`}\n                          canUseTreeGridStyle={false}\n                          cellSx={[\n                            ...(Array.isArray(searchHeaderFieldTableCellSx)\n                              ? searchHeaderFieldTableCellSx\n                              : searchHeaderFieldTableCellSx\n                                ? [searchHeaderFieldTableCellSx]\n                                : []),\n                            { py: 0.5, textAlign: 'center' },\n                          ]}\n                          data={searchHeaderPreviewData}\n                          layout={[[{ title: '상태', key: 'previewValue' }]]}\n                          titleSx={[\n                            ...(Array.isArray(searchHeaderFieldTableTitleSx)\n                              ? searchHeaderFieldTableTitleSx\n                              : searchHeaderFieldTableTitleSx\n                                ? [searchHeaderFieldTableTitleSx]\n                                : []),\n                            { py: 0.5, textAlign: 'center' },\n                          ]}\n                          titleWidth={92}\n                        />\n                      </Box>\n                    </ThemePreviewStaticDividerBoundary>\n                  </div>\n                }\n                actions={\n                  <div className=\"flex flex-wrap gap-8\">\n                    <Button color=\"info\" size=\"small\" variant=\"contained\">\n                      추가\n                    </Button>\n                    <Button color=\"warning\" size=\"small\" variant=\"contained\">\n                      수정\n                    </Button>\n                    <Button color=\"error\" size=\"small\" variant=\"contained\">\n                      삭제\n                    </Button>\n                    <Button color=\"success\" size=\"small\" variant=\"contained\">\n                      다운로드\n                    </Button>\n                  </div>\n                }\n              >\n                <div className=\"flex min-h-0 flex-1 flex-col gap-12\">\n                  {gridPreviewTable}\n                  <OwpSection\n                    className={shouldUseSectionSkeletons ? 'shrink-0' : 'min-h-0 flex-1'}\n                    title=\"섹션 제목\"\n                  >\n                    <div\n                      className=\"flex min-h-0 flex-1 flex-col pt-12\"\n                      style={{ borderTop: `1px solid ${previewChromeBorder}` }}\n                    >\n                      <ThemePreviewStaticDividerBoundary>\n                        <Box\n                          sx={getThemePreviewFieldTableSx(\n                            tableTheme,\n                            tablePreviewCanTableRadiusZero,\n                          )}\n                        >\n                          <OwpFieldTable\n                            key={`search-header-content-field-table-${tableThemePreviewVersionKey}`}\n                            canUseTreeGridStyle\n                            cellSx={getThemePreviewFieldTableCellSx(tableTheme)}\n                            data={tableFieldPreviewData}\n                            layout={tableFieldPreviewLayout}\n                            titleWidth={108}\n                          />\n                        </Box>\n                      </ThemePreviewStaticDividerBoundary>\n                    </div>\n                  </OwpSection>\n                  {shouldUseSectionSkeletons ? (\n                    <div className=\"flex min-h-0 flex-1 flex-col gap-12\">\n                      {[0, 1].map((sectionIndex) => (\n                        <OwpSection\n                          key={`search-header-skeleton-section-${sectionIndex}`}\n                          className=\"min-h-0 flex-1\"\n                          title=\"섹션 제목\"\n                        >\n                          <div\n                            className=\"flex min-h-0 flex-1 flex-col gap-10 pt-12\"\n                            style={{ borderTop: `1px solid ${previewChromeBorder}` }}\n                          >\n                            <Skeleton\n                              animation={false}\n                              height={16}\n                              variant=\"rounded\"\n                              width=\"100%\"\n                            />\n                            <Skeleton\n                              animation={false}\n                              height={16}\n                              variant=\"rounded\"\n                              width=\"78%\"\n                            />\n                            <Skeleton\n                              animation={false}\n                              className=\"flex-1\"\n                              variant=\"rounded\"\n                              width=\"100%\"\n                            />\n                          </div>\n                        </OwpSection>\n                      ))}\n                    </div>\n                  ) : null}\n                </div>\n              </OwpPageContent>\n            </Paper>\n          </Box>\n        </OwpStyleProvider>\n      </OwpStoreProvider>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewGridSectionProps {\n  editableThemePreviewGridId: string;\n  mainGridChangedBackgroundColor?: string;\n  mainThemePreviewStoreKey: string;\n  mainThemePreviewStoreState: ThemePreviewStoreState;\n  previewSectionCardSx: SxProps<Theme>;\n  readonlyThemePreviewGridId: string;\n}\n\nexport const ThemePreviewGridSection = memo(function ThemePreviewGridSection({\n  editableThemePreviewGridId,\n  mainGridChangedBackgroundColor,\n  mainThemePreviewStoreKey,\n  mainThemePreviewStoreState,\n  previewSectionCardSx,\n  readonlyThemePreviewGridId,\n}: ThemePreviewGridSectionProps) {\n  const handleEditableThemePreviewGridReady = (grid: TGrid) => {\n    if (!grid) {\n      return;\n    }\n\n    const selectedRow = grid.GetFirst();\n    const focusedRow = selectedRow ? grid.GetNext(selectedRow) : null;\n    const changedCellRow = focusedRow ? grid.GetNext(focusedRow) : selectedRow;\n\n    if (!selectedRow) {\n      return;\n    }\n\n    grid.SelectRow(selectedRow, 1);\n\n    if (focusedRow) {\n      grid.Focus(focusedRow, 'OWP_THEME_PREVIEW.STATUS');\n    } else {\n      grid.Focus(selectedRow, 'OWP_THEME_PREVIEW.STATUS');\n    }\n\n    if (changedCellRow) {\n      highlightTreeGridCellById(editableThemePreviewGridId, {\n        row: changedCellRow,\n        col: 'OWP_THEME_PREVIEW.REMARK',\n        backgroundColor: mainGridChangedBackgroundColor,\n      });\n      grid.RefreshRow(changedCellRow);\n    }\n  };\n\n  const handleReadonlyThemePreviewGridReady = (grid: TGrid) => {\n    if (!grid) {\n      return;\n    }\n\n    const focusedRow = grid.GetFirst();\n\n    if (!focusedRow) {\n      return;\n    }\n\n    grid.Focus(focusedRow, 'OWP_THEME_PREVIEW.WORK_DATE');\n  };\n\n  return (\n    <PreviewSectionCard title=\"Grid\" sx={previewSectionCardSx}>\n      <OwpStoreProvider\n        key={`grid-preview-${mainThemePreviewStoreKey}`}\n        preloadedState={mainThemePreviewStoreState}\n      >\n        <OwpStyleProvider>\n          <div\n            className=\"flex min-h-0 flex-col gap-12\"\n            style={{\n              height: 'min(640px, calc(100vh - 360px))',\n            }}\n          >\n            <div className=\"grid min-h-0 flex-1 grid-rows-[minmax(0,1fr)_minmax(0,1fr)] gap-12\">\n              <OwpTreeGrid\n                data={gridCanvasPreviewRows}\n                height=\"100%\"\n                id={editableThemePreviewGridId}\n                key={editableThemePreviewGridId}\n                layoutData={ThemePreviewGridDefXmlRaw}\n                onReady={handleEditableThemePreviewGridReady}\n              />\n              <OwpTreeGrid\n                data={gridCanvasPreviewRows}\n                height=\"100%\"\n                id={readonlyThemePreviewGridId}\n                key={readonlyThemePreviewGridId}\n                layoutData={ThemePreviewReadonlyGridDefXmlRaw}\n                onReady={handleReadonlyThemePreviewGridReady}\n              />\n            </div>\n            <div className=\"grid shrink-0 grid-cols-2 gap-12\">\n              <div className=\"flex flex-col gap-8\">\n                <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                  Basic Table (Grid Style)\n                </Typography>\n                <OwpTable\n                  canUseTreeGridStyle\n                  headers={tablePreviewHeaders}\n                  rows={gridStyledTablePreviewRows}\n                />\n              </div>\n              <div className=\"flex flex-col gap-8\">\n                <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                  Data Table (Grid Style)\n                </Typography>\n                <OwpDataTable\n                  canCheckbox={false}\n                  canTotalCountRow={false}\n                  canUseOrderBy={false}\n                  canUseTreeGridStyle\n                  fixedRowCount={1}\n                  headCells={dataTablePreviewHeadCells}\n                  rows={gridStyledDataTablePreviewRows}\n                  sx={{\n                    '& .MuiTableBody-root > .MuiTableRow-root, & .MuiTableBody-root > .MuiTableRow-root:hover, & .MuiTableBody-root > .MuiTableRow-root.Mui-selected, & .MuiTableBody-root > .MuiTableRow-root.Mui-selected:hover':\n                      {\n                        backgroundColor: 'transparent',\n                      },\n                    '& .MuiTableBody-root > .MuiTableRow-root > .MuiTableCell-root': {\n                      backgroundColor: 'transparent',\n                    },\n                  }}\n                />\n              </div>\n            </div>\n          </div>\n        </OwpStyleProvider>\n      </OwpStoreProvider>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewTablesSectionProps {\n  mainThemePreviewStoreState: ThemePreviewStoreState;\n  previewSectionCardSx: SxProps<Theme>;\n  tablePreviewCanTableRadiusZero: boolean;\n  tableTheme: ThemePreviewTableConfigType;\n  tableThemePreviewVersionKey: string;\n}\n\nexport const ThemePreviewTablesSection = memo(function ThemePreviewTablesSection({\n  mainThemePreviewStoreState,\n  previewSectionCardSx,\n  tablePreviewCanTableRadiusZero,\n  tableTheme,\n  tableThemePreviewVersionKey,\n}: ThemePreviewTablesSectionProps) {\n  return (\n    <PreviewSectionCard title=\"Tables\" sx={previewSectionCardSx}>\n      <OwpStoreProvider\n        key={`table-preview-${tableThemePreviewVersionKey}`}\n        preloadedState={mainThemePreviewStoreState}\n      >\n        <OwpStyleProvider>\n          <div className=\"flex flex-col gap-14\">\n            <div className=\"flex flex-col gap-8\">\n              <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                Field Table\n              </Typography>\n              <ThemePreviewStaticDividerBoundary>\n                <Box sx={getThemePreviewFieldTableSx(tableTheme, tablePreviewCanTableRadiusZero)}>\n                  <OwpFieldTable\n                    key={`field-table-${tableThemePreviewVersionKey}`}\n                    canUseTreeGridStyle={false}\n                    cellSx={getThemePreviewFieldTableCellSx(tableTheme)}\n                    data={tableFieldPreviewData}\n                    layout={tableFieldPreviewLayout}\n                    titleSx={getThemePreviewFieldTableTitleSx(tableTheme)}\n                    titleWidth={108}\n                  />\n                </Box>\n              </ThemePreviewStaticDividerBoundary>\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                Table\n              </Typography>\n              <ThemePreviewStaticDividerBoundary>\n                <Box sx={getThemePreviewBasicTableSx(tableTheme, tablePreviewCanTableRadiusZero)}>\n                  <OwpTable\n                    key={`basic-table-${tableThemePreviewVersionKey}`}\n                    canUseTreeGridStyle={false}\n                    headers={tablePreviewHeaders}\n                    rows={tablePreviewRows}\n                  />\n                </Box>\n              </ThemePreviewStaticDividerBoundary>\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Typography variant=\"body2\" color=\"text.secondary\" fontWeight={600}>\n                Data Table\n              </Typography>\n              <Box sx={getThemePreviewDataTableSx(tableTheme, tablePreviewCanTableRadiusZero)}>\n                <OwpDataTable\n                  key={`data-table-${tableThemePreviewVersionKey}`}\n                  canCheckbox={false}\n                  canTableRadiusZero={tablePreviewCanTableRadiusZero}\n                  canTotalCountRow={false}\n                  canUseOrderBy={false}\n                  canUseTreeGridStyle={false}\n                  fixedRowCount={2}\n                  headCells={dataTablePreviewHeadCells}\n                  rows={dataTablePreviewRows}\n                  selected={dataTablePreviewRows.slice(0, 1)}\n                />\n              </Box>\n            </div>\n          </div>\n        </OwpStyleProvider>\n      </OwpStoreProvider>\n    </PreviewSectionCard>\n  );\n});\n\ninterface ThemePreviewGridPreviewTableProps {\n  gridBodyBorder: string;\n  layoutPreviewGridCellBackground: string;\n  layoutPreviewGridCellFontSize: string;\n  layoutPreviewGridHeaderBackground: string;\n  layoutPreviewGridHeaderBorder: string;\n  layoutPreviewGridHeaderColor: string;\n  layoutPreviewGridHeaderFontSize: string;\n}\n\nexport const ThemePreviewGridPreviewTable = memo(function ThemePreviewGridPreviewTable({\n  gridBodyBorder,\n  layoutPreviewGridCellBackground,\n  layoutPreviewGridCellFontSize,\n  layoutPreviewGridHeaderBackground,\n  layoutPreviewGridHeaderBorder,\n  layoutPreviewGridHeaderColor,\n  layoutPreviewGridHeaderFontSize,\n}: ThemePreviewGridPreviewTableProps) {\n  return (\n    <div\n      className=\"overflow-hidden border border-solid\"\n      style={{\n        borderColor: previewChromeBorder,\n      }}\n    >\n      <Table\n        size=\"small\"\n        sx={{\n          tableLayout: 'fixed',\n        }}\n      >\n        <TableHead>\n          <TableRow>\n            {gridPreviewColumnLabels.map((label) => (\n              <TableCell\n                key={label}\n                sx={{\n                  backgroundColor: layoutPreviewGridHeaderBackground,\n                  borderBottom: `1px solid ${layoutPreviewGridHeaderBorder}`,\n                  borderRight: `1px solid ${layoutPreviewGridHeaderBorder}`,\n                  color: layoutPreviewGridHeaderColor,\n                  fontSize: layoutPreviewGridHeaderFontSize,\n                  fontWeight: 500,\n                  px: 1.25,\n                  py: 1,\n                  textAlign: 'center',\n                  '&:last-of-type': {\n                    borderRight: 'none',\n                  },\n                }}\n              >\n                {label}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {gridPreviewRows.map((row) => (\n            <TableRow\n              key={row.join('-')}\n              sx={{\n                backgroundColor: layoutPreviewGridCellBackground,\n              }}\n            >\n              {row.map((value, cellIndex) => (\n                <TableCell\n                  key={`${value}-${cellIndex}`}\n                  sx={{\n                    borderBottom: `1px solid ${gridBodyBorder}`,\n                    borderRight: `1px solid ${gridBodyBorder}`,\n                    color: gridPreviewBodyText,\n                    fontSize: layoutPreviewGridCellFontSize,\n                    px: 1.25,\n                    py: 1,\n                    textAlign: 'center',\n                    '&:last-of-type': {\n                      borderRight: 'none',\n                    },\n                  }}\n                >\n                  {value}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n});\n"],"names":["PreviewSectionCard","children","fillContentHeight","gapClassName","paperClassName","previewSectionCardClassName","sx","title","hasTitle","jsx","Paper","previewInnerCardSx","jsxs","Typography","__name","ThemePreviewStaticDividerBoundary","theme","useTheme","fixedDividerTheme","useMemo","createTheme","previewChromeBorder","ThemeProvider","ThemePreviewButtonsPreviewContent","buttonPreviewItems","mainTextSecondary","label","color","previewContrastColor","Button","alpha","ThemePreviewCommonSection","memo","mainThemePreviewStoreState","previewSectionCardSx","OwpStoreProvider","OwpStyleProvider","SpaceDashboardOutlinedIcon","CircularProgress","LinearProgress","SearchIcon","TextField","previewNoop","ThemePreviewButtonsSection","ThemePreviewSnackbarsSection","previewSnackbarKeysRef","snackbarAnchorOrigin","snackbarAutoHideDuration","snackbarPreviewAnchorHorizontal","snackbarPreviewAnchorVertical","snackbarPreviewFontSize","snackbarPreviewItems","snackbarPreviewLineHeight","snackbarPreviewMaxSnack","openPreviewSnackbar","snackbarKey","message","backgroundColor","actionHoverColor","icon","previewSnackbarKey","enqueueSnackbar","key","SnackbarContent","Box","IconButton","closeSnackbar","CloseIcon","oldestSnackbarKey","ButtonBase","ThemePreviewSearchHeaderSection","activeSection","gridPreviewTable","mainBackground","mainPaper","mainText","searchHeaderPreviewDate","searchHeaderPreviewNumber","searchHeaderPreviewVersionKey","tablePreviewCanTableRadiusZero","tableTheme","tableThemePreviewVersionKey","searchHeaderFieldTableCellSx","getThemePreviewFieldTableCellSx","searchHeaderFieldTableTitleSx","getThemePreviewFieldTableTitleSx","shouldUseSectionSkeletons","OwpSearchFilter","OwpDatePicker","OwpYesNoSelector","OwpPageContent","getThemePreviewFieldTableSx","OwpFieldTable","searchHeaderPreviewData","OwpSection","tableFieldPreviewData","tableFieldPreviewLayout","sectionIndex","Skeleton","ThemePreviewGridSection","editableThemePreviewGridId","mainGridChangedBackgroundColor","mainThemePreviewStoreKey","readonlyThemePreviewGridId","OwpTreeGrid","gridCanvasPreviewRows","ThemePreviewGridDefXmlRaw","grid","selectedRow","focusedRow","changedCellRow","highlightTreeGridCellById","ThemePreviewReadonlyGridDefXmlRaw","OwpTable","tablePreviewHeaders","gridStyledTablePreviewRows","OwpDataTable","dataTablePreviewHeadCells","gridStyledDataTablePreviewRows","ThemePreviewTablesSection","getThemePreviewBasicTableSx","tablePreviewRows","getThemePreviewDataTableSx","dataTablePreviewRows","ThemePreviewGridPreviewTable","gridBodyBorder","layoutPreviewGridCellBackground","layoutPreviewGridCellFontSize","layoutPreviewGridHeaderBackground","layoutPreviewGridHeaderBorder","layoutPreviewGridHeaderColor","layoutPreviewGridHeaderFontSize","Table","TableHead","TableRow","gridPreviewColumnLabels","TableCell","TableBody","gridPreviewRows","row","value","cellIndex","gridPreviewBodyText"],"mappings":"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"}