npm - @owp/core - Versions diffs - 2.5.3 → 2.5.5 - Mend

@owp/core 2.5.3 → 2.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (188) hide show

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

@@ -0,0 +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 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={{ py: 0.5, textAlign: 'center' }}\n data={searchHeaderPreviewData}\n layout={[[{ title: '상태', key: 'previewValue' }]]}\n titleSx={{ py: 0.5, textAlign: 'center' }}\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","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","getThemePreviewFieldTableCellSx","tableFieldPreviewData","tableFieldPreviewLayout","getThemePreviewFieldTableTitleSx","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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"}

package/dist/features/themePreview/components/ThemePreviewColorField.js ADDED Viewed

@@ -0,0 +1,301 @@
+var G = Object.defineProperty;
+var t = (a, e) => G(a, "name", { value: e, configurable: !0 });
+import { jsxs as h, jsx as l, Fragment as L } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { MenuItem as W, TextField as R, Typography as f, Button as U, Box as _, Popover as K, InputAdornment as Y } from "@mui/material";
+import { blue as q, lightBlue as J, cyan as Q, teal as X, green as Z, amber as ee, orange as re, deepOrange as le, red as te, pink as ae, purple as ne, deepPurple as oe, indigo as ue, grey as ie, blueGrey as ce } from "@mui/material/colors";
+import { useState as g, useRef as se, useEffect as B } from "react";
+import { getThemePreviewPaletteValue as pe } from "../utils/themePreviewSettings.js";
+import { getColorAlphaValue as de, toColorPickerValue as S, applyColorPickerValue as j } from "../utils/color.js";
+const me = {
+  "px-number": "px",
+  "rem-number": "rem"
+}, he = [
+  "50",
+  "100",
+  "200",
+  "300",
+  "400",
+  "500",
+  "600",
+  "700",
+  "800",
+  "900",
+  "A100",
+  "A200",
+  "A400",
+  "A700"
+], fe = [
+  ["Blue", q],
+  ["Light Blue", J],
+  ["Cyan", Q],
+  ["Teal", X],
+  ["Green", Z],
+  ["Amber", ee],
+  ["Orange", re],
+  ["Deep Orange", le],
+  ["Red", te],
+  ["Pink", ae],
+  ["Purple", ne],
+  ["Deep Purple", oe],
+  ["Indigo", ue],
+  ["Grey", ie],
+  ["Blue Grey", ce]
+], xe = fe.map(([a, e]) => ({
+  label: a,
+  colors: he.reduce((p, c) => {
+    const i = e[c];
+    return i && p.push({
+      key: `${a}-${c}`,
+      shade: c,
+      value: i
+    }), p;
+  }, [])
+})), ge = 500;
+function ve(a, e) {
+  return a.replace(new RegExp(`${e}$`, "i"), "");
+}
+t(ve, "getUnitInputDisplayValue");
+function Pe(a, e) {
+  const p = a.replace(/[^0-9.,]/g, "").replace(/,/g, "."), [c = "", ...i] = p.split("."), x = i.join(""), m = x ? `${c}.${x}` : c;
+  return m ? `${m}${e}` : "";
+}
+t(Pe, "normalizeUnitInputValue");
+function we(a) {
+  return (a ? me[a] : null) ?? null;
+}
+t(we, "getUnitValueFormat");
+function Ae({
+  disabled: a = !1,
+  definition: e,
+  sectionKey: p,
+  settings: c,
+  onChange: i
+}) {
+  var $, F;
+  const [x, m] = g(null), n = pe(c, p, e.path), o = we(e.valueFormat), V = e.showColorPicker !== !1, C = e.allowAlpha ? de(n) : null, A = [e.description];
+  e.allowAlpha && A.push(
+    C ? `알파값은 ${C}로 고정되고 색상만 변경됩니다. Pick 또는 MUI로 색상만 변경할 수 있습니다.` : "알파값은 고정되고 색상만 변경됩니다. Pick 또는 MUI로 색상만 변경할 수 있습니다."
+  );
+  const H = A.filter(Boolean).join(" "), P = !!o, w = !!(($ = e.options) != null && $.length), y = !!(e.allowAlpha && V && !w && !o), v = o ? ve(n, o) : n, d = !w && !o && !y, [k, I] = g(v), [E, T] = g(!1), [M, O] = g(S(n)), [b, z] = g(!1), s = se(null);
+  B(() => {
+    !d || E || I(v);
+  }, [d, v, E]), B(() => {
+    b || O(S(n));
+  }, [b, n]), B(() => () => {
+    s.current && window.clearTimeout(s.current);
+  }, []);
+  const D = /* @__PURE__ */ t((r) => {
+    i(e.path, r);
+  }, "commitBufferedTextValue"), N = /* @__PURE__ */ t((r) => {
+    s.current && (window.clearTimeout(s.current), s.current = null), z(!1), i(e.path, j(n, r));
+  }, "commitBufferedPickerValue");
+  return /* @__PURE__ */ h("div", { className: "grid grid-cols-[minmax(0,1fr)_144px] gap-12", children: [
+    /* @__PURE__ */ l(
+      R,
+      {
+        select: w,
+        label: e.label,
+        value: d ? k : v,
+        disabled: a,
+        onChange: /* @__PURE__ */ t((r) => {
+          if (y)
+            return;
+          const u = o ? Pe(r.target.value, o) : r.target.value;
+          if (d) {
+            I(u);
+            return;
+          }
+          i(e.path, u);
+        }, "onChange"),
+        onFocus: /* @__PURE__ */ t(() => {
+          d && T(!0);
+        }, "onFocus"),
+        onBlur: /* @__PURE__ */ t(() => {
+          d && (T(!1), D(k));
+        }, "onBlur"),
+        onKeyDown: /* @__PURE__ */ t((r) => {
+          !d || r.key !== "Enter" || (r.preventDefault(), T(!1), D(k), r.currentTarget.blur());
+        }, "onKeyDown"),
+        helperText: H,
+        slotProps: {
+          htmlInput: {
+            ...o ? {
+              inputMode: "decimal"
+            } : {},
+            ...y ? {
+              readOnly: !0
+            } : {}
+          },
+          input: o ? {
+            endAdornment: /* @__PURE__ */ l(Y, { position: "end", children: o })
+          } : void 0
+        },
+        children: (F = e.options) == null ? void 0 : F.map((r) => /* @__PURE__ */ l(W, { value: r.value, children: r.label }, r.value))
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: "flex flex-col gap-6", children: [
+      V ? /* @__PURE__ */ h(L, { children: [
+        /* @__PURE__ */ l(
+          R,
+          {
+            label: "Pick",
+            type: "color",
+            value: M,
+            disabled: a,
+            onChange: /* @__PURE__ */ t((r) => {
+              const u = r.target.value;
+              O(u), z(!0), s.current && window.clearTimeout(s.current), s.current = window.setTimeout(() => {
+                N(u);
+              }, ge);
+            }, "onChange"),
+            onBlur: /* @__PURE__ */ t(() => {
+              b && N(M);
+            }, "onBlur"),
+            sx: {
+              "& .MuiInputBase-input": {
+                minHeight: 56,
+                p: 0.5
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ l(
+          U,
+          {
+            size: "small",
+            variant: "outlined",
+            disabled: a,
+            onClick: /* @__PURE__ */ t((r) => {
+              m(r.currentTarget);
+            }, "onClick"),
+            children: "MUI"
+          }
+        ),
+        x ? /* @__PURE__ */ l(
+          K,
+          {
+            open: !0,
+            anchorEl: x,
+            onClose: /* @__PURE__ */ t(() => {
+              m(null);
+            }, "onClose"),
+            anchorOrigin: {
+              vertical: "bottom",
+              horizontal: "left"
+            },
+            transformOrigin: {
+              vertical: "top",
+              horizontal: "left"
+            },
+            slotProps: {
+              paper: {
+                sx: {
+                  maxHeight: 420,
+                  p: 1.5,
+                  width: "min(388px, calc(100vw - 48px))"
+                }
+              }
+            },
+            children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-10", children: xe.map((r) => /* @__PURE__ */ h(
+              "div",
+              {
+                className: "grid grid-cols-[84px_264px] items-start gap-8",
+                children: [
+                  /* @__PURE__ */ l(f, { variant: "caption", color: "text.secondary", children: r.label }),
+                  /* @__PURE__ */ l("div", { className: "overflow-x-auto", children: /* @__PURE__ */ l("div", { className: "flex w-max gap-6 pr-2", children: r.colors.map((u) => /* @__PURE__ */ h(
+                    U,
+                    {
+                      size: "small",
+                      variant: "outlined",
+                      onClick: /* @__PURE__ */ t(() => {
+                        i(
+                          e.path,
+                          j(n, u.value)
+                        ), m(null);
+                      }, "onClick"),
+                      sx: {
+                        alignItems: "center",
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 0.5,
+                        minWidth: 0,
+                        p: 0.5,
+                        width: 68
+                      },
+                      children: [
+                        /* @__PURE__ */ l(
+                          _,
+                          {
+                            sx: {
+                              width: 30,
+                              height: 30,
+                              borderRadius: 1,
+                              backgroundColor: u.value,
+                              border: "1px solid",
+                              borderColor: "divider"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ l(
+                          f,
+                          {
+                            variant: "caption",
+                            sx: {
+                              color: "text.secondary",
+                              fontSize: "0.75rem",
+                              fontWeight: 600,
+                              lineHeight: 1
+                            },
+                            children: u.shade
+                          }
+                        )
+                      ]
+                    },
+                    u.key
+                  )) }) })
+                ]
+              },
+              r.label
+            )) })
+          }
+        ) : null
+      ] }) : /* @__PURE__ */ l(
+        _,
+        {
+          className: "rounded border border-solid border-slate-200",
+          sx: {
+            height: 56,
+            alignItems: "center",
+            backgroundColor: e.allowAlpha ? n : "transparent",
+            display: "flex",
+            justifyContent: "center",
+            px: 1
+          },
+          children: e.allowAlpha ? null : /* @__PURE__ */ l(
+            f,
+            {
+              variant: P ? "caption" : "body2",
+              sx: {
+                ...P ? {
+                  color: "text.secondary"
+                } : {
+                  fontSize: n || "inherit"
+                }
+              },
+              children: P ? "Sample" : n || "-"
+            }
+          )
+        }
+      ),
+      e.allowAlpha ? /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ l(f, { variant: "caption", color: "text.secondary", children: "Current" }),
+        /* @__PURE__ */ l(f, { variant: "caption", color: "text.secondary", className: "truncate whitespace-nowrap", children: n || "-" })
+      ] }) : /* @__PURE__ */ l(f, { variant: "caption", color: "text.secondary", children: "Preview" })
+    ] })
+  ] });
+}
+t(Ae, "ThemePreviewColorField");
+export {
+  Ae as ThemePreviewColorField
+};
+//# sourceMappingURL=ThemePreviewColorField.js.map

package/dist/features/themePreview/components/ThemePreviewColorField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ThemePreviewColorField.js","sources":["../../../../src/features/themePreview/components/ThemePreviewColorField.tsx"],"sourcesContent":["import {\n Box,\n Button,\n InputAdornment,\n MenuItem,\n Popover,\n TextField,\n Typography,\n} from '@mui/material';\nimport {\n amber,\n blue,\n blueGrey,\n cyan,\n deepOrange,\n deepPurple,\n green,\n grey,\n indigo,\n lightBlue,\n orange,\n pink,\n purple,\n red,\n teal,\n} from '@mui/material/colors';\nimport type {\n ThemePreviewFieldDefinition,\n ThemePreviewSectionKey,\n ThemePreviewSettings,\n} from '../types';\nimport {\n applyColorPickerValue,\n getColorAlphaValue,\n getThemePreviewPaletteValue,\n toColorPickerValue,\n} from '../utils';\nimport { useEffect, useRef, useState } from 'react';\n\ninterface ThemePreviewColorFieldProps {\n disabled?: boolean;\n definition: ThemePreviewFieldDefinition;\n sectionKey: ThemePreviewSectionKey;\n settings: ThemePreviewSettings;\n onChange: (path: string, value: string) => void;\n}\n\nconst themePreviewInputUnits = {\n 'px-number': 'px',\n 'rem-number': 'rem',\n} as const;\n\ntype ThemePreviewInputUnit = (typeof themePreviewInputUnits)[keyof typeof themePreviewInputUnits];\n\nconst themePreviewMuiColorShades = [\n '50',\n '100',\n '200',\n '300',\n '400',\n '500',\n '600',\n '700',\n '800',\n '900',\n 'A100',\n 'A200',\n 'A400',\n 'A700',\n] as const;\nconst themePreviewMuiColorPalettes = [\n ['Blue', blue],\n ['Light Blue', lightBlue],\n ['Cyan', cyan],\n ['Teal', teal],\n ['Green', green],\n ['Amber', amber],\n ['Orange', orange],\n ['Deep Orange', deepOrange],\n ['Red', red],\n ['Pink', pink],\n ['Purple', purple],\n ['Deep Purple', deepPurple],\n ['Indigo', indigo],\n ['Grey', grey],\n ['Blue Grey', blueGrey],\n] as const;\nconst themePreviewMuiPaletteColorRows = themePreviewMuiColorPalettes.map(([label, palette]) => ({\n label,\n colors: themePreviewMuiColorShades.reduce<Array<{\n key: string;\n shade: string;\n value: string;\n }>>((acc, shade) => {\n const paletteValue = (palette as Record<string, string>)[shade];\n\n if (!paletteValue) {\n return acc;\n }\n\n acc.push({\n key: `${label}-${shade}`,\n shade,\n value: paletteValue,\n });\n\n return acc;\n }, []),\n}));\nconst THEME_PREVIEW_COLOR_PICKER_APPLY_DELAY_MS = 500;\n\nfunction getUnitInputDisplayValue(value: string, unit: ThemePreviewInputUnit) {\n return value.replace(new RegExp(`${unit}$`, 'i'), '');\n}\n\nfunction normalizeUnitInputValue(value: string, unit: ThemePreviewInputUnit) {\n const sanitizedValue = value.replace(/[^0-9.,]/g, '').replace(/,/g, '.');\n const [integerPart = '', ...decimalParts] = sanitizedValue.split('.');\n const decimalPart = decimalParts.join('');\n const normalizedValue = decimalPart ? `${integerPart}.${decimalPart}` : integerPart;\n\n return normalizedValue ? `${normalizedValue}${unit}` : '';\n}\n\nfunction getUnitValueFormat(valueFormat?: ThemePreviewFieldDefinition['valueFormat']) {\n return (valueFormat ? themePreviewInputUnits[valueFormat] : null) ?? null;\n}\n\nexport function ThemePreviewColorField({\n disabled = false,\n definition,\n sectionKey,\n settings,\n onChange,\n}: ThemePreviewColorFieldProps) {\n const [muiPaletteAnchorElement, setMuiPaletteAnchorElement] = useState<HTMLElement | null>(null);\n const value = getThemePreviewPaletteValue(settings, sectionKey, definition.path);\n const unitValueFormat = getUnitValueFormat(definition.valueFormat);\n const showColorPicker = definition.showColorPicker !== false;\n const alphaValue = definition.allowAlpha ? getColorAlphaValue(value) : null;\n const helperText = [definition.description];\n\n if (definition.allowAlpha) {\n helperText.push(\n alphaValue\n ? `알파값은 ${alphaValue}로 고정되고 색상만 변경됩니다. Pick 또는 MUI로 색상만 변경할 수 있습니다.`\n : '알파값은 고정되고 색상만 변경됩니다. Pick 또는 MUI로 색상만 변경할 수 있습니다.',\n );\n }\n\n const resolvedHelperText = helperText.filter(Boolean).join(' ');\n const isUnitPreview = Boolean(unitValueFormat);\n const hasOptions = Boolean(definition.options?.length);\n const isReadOnlyColorTextInput = Boolean(definition.allowAlpha && showColorPicker && !hasOptions && !unitValueFormat);\n const displayValue =\n unitValueFormat ? getUnitInputDisplayValue(value, unitValueFormat) : value;\n const canBufferTextInput =\n !hasOptions && !unitValueFormat && !isReadOnlyColorTextInput;\n const [bufferedTextValue, setBufferedTextValue] = useState(displayValue);\n const [isBufferedTextInputFocused, setIsBufferedTextInputFocused] = useState(false);\n const [bufferedPickerValue, setBufferedPickerValue] = useState(toColorPickerValue(value));\n const [isBufferedPickerDirty, setIsBufferedPickerDirty] = useState(false);\n const colorPickerApplyTimeoutRef = useRef<number | null>(null);\n\n useEffect(() => {\n if (!canBufferTextInput || isBufferedTextInputFocused) {\n return;\n }\n\n setBufferedTextValue(displayValue);\n }, [canBufferTextInput, displayValue, isBufferedTextInputFocused]);\n\n useEffect(() => {\n if (isBufferedPickerDirty) {\n return;\n }\n\n setBufferedPickerValue(toColorPickerValue(value));\n }, [isBufferedPickerDirty, value]);\n\n useEffect(() => {\n return () => {\n if (!colorPickerApplyTimeoutRef.current) {\n return;\n }\n\n window.clearTimeout(colorPickerApplyTimeoutRef.current);\n };\n }, []);\n\n const commitBufferedTextValue = (nextValue: string) => {\n onChange(definition.path, nextValue);\n };\n const commitBufferedPickerValue = (nextPickerValue: string) => {\n if (colorPickerApplyTimeoutRef.current) {\n window.clearTimeout(colorPickerApplyTimeoutRef.current);\n colorPickerApplyTimeoutRef.current = null;\n }\n\n setIsBufferedPickerDirty(false);\n onChange(definition.path, applyColorPickerValue(value, nextPickerValue));\n };\n\n return (\n <div className=\"grid grid-cols-[minmax(0,1fr)_144px] gap-12\">\n <TextField\n select={hasOptions}\n label={definition.label}\n value={canBufferTextInput ? bufferedTextValue : displayValue}\n disabled={disabled}\n onChange={(event) => {\n if (isReadOnlyColorTextInput) {\n return;\n }\n\n const nextValue = unitValueFormat\n ? normalizeUnitInputValue(event.target.value, unitValueFormat)\n : event.target.value;\n\n if (canBufferTextInput) {\n setBufferedTextValue(nextValue);\n return;\n }\n\n onChange(definition.path, nextValue);\n }}\n onFocus={() => {\n if (!canBufferTextInput) {\n return;\n }\n\n setIsBufferedTextInputFocused(true);\n }}\n onBlur={() => {\n if (!canBufferTextInput) {\n return;\n }\n\n setIsBufferedTextInputFocused(false);\n commitBufferedTextValue(bufferedTextValue);\n }}\n onKeyDown={(event) => {\n if (!canBufferTextInput || event.key !== 'Enter') {\n return;\n }\n\n event.preventDefault();\n setIsBufferedTextInputFocused(false);\n commitBufferedTextValue(bufferedTextValue);\n event.currentTarget.blur();\n }}\n helperText={resolvedHelperText}\n slotProps={{\n htmlInput:\n {\n ...(unitValueFormat\n ? {\n inputMode: 'decimal',\n }\n : {}),\n ...(isReadOnlyColorTextInput\n ? {\n readOnly: true,\n }\n : {}),\n },\n input:\n unitValueFormat\n ? {\n endAdornment: <InputAdornment position=\"end\">{unitValueFormat}</InputAdornment>,\n }\n : undefined,\n }}\n >\n {definition.options?.map((option) => (\n <MenuItem key={option.value} value={option.value}>\n {option.label}\n </MenuItem>\n ))}\n </TextField>\n\n <div className=\"flex flex-col gap-6\">\n {showColorPicker ? (\n <>\n <TextField\n label=\"Pick\"\n type=\"color\"\n value={bufferedPickerValue}\n disabled={disabled}\n onChange={(event) => {\n const nextPickerValue = event.target.value;\n\n setBufferedPickerValue(nextPickerValue);\n setIsBufferedPickerDirty(true);\n\n if (colorPickerApplyTimeoutRef.current) {\n window.clearTimeout(colorPickerApplyTimeoutRef.current);\n }\n\n colorPickerApplyTimeoutRef.current = window.setTimeout(() => {\n commitBufferedPickerValue(nextPickerValue);\n }, THEME_PREVIEW_COLOR_PICKER_APPLY_DELAY_MS);\n }}\n onBlur={() => {\n if (!isBufferedPickerDirty) {\n return;\n }\n\n commitBufferedPickerValue(bufferedPickerValue);\n }}\n sx={{\n '& .MuiInputBase-input': {\n minHeight: 56,\n p: 0.5,\n },\n }}\n />\n <Button\n size=\"small\"\n variant=\"outlined\"\n disabled={disabled}\n onClick={(event) => {\n setMuiPaletteAnchorElement(event.currentTarget);\n }}\n >\n MUI\n </Button>\n {muiPaletteAnchorElement ? (\n <Popover\n open\n anchorEl={muiPaletteAnchorElement}\n onClose={() => {\n setMuiPaletteAnchorElement(null);\n }}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n slotProps={{\n paper: {\n sx: {\n maxHeight: 420,\n p: 1.5,\n width: 'min(388px, calc(100vw - 48px))',\n },\n },\n }}\n >\n <div className=\"flex flex-col gap-10\">\n {themePreviewMuiPaletteColorRows.map((paletteRow) => (\n <div\n key={paletteRow.label}\n className=\"grid grid-cols-[84px_264px] items-start gap-8\"\n >\n <Typography variant=\"caption\" color=\"text.secondary\">\n {paletteRow.label}\n </Typography>\n <div className=\"overflow-x-auto\">\n <div className=\"flex w-max gap-6 pr-2\">\n {paletteRow.colors.map((colorItem) => (\n <Button\n key={colorItem.key}\n size=\"small\"\n variant=\"outlined\"\n onClick={() => {\n onChange(\n definition.path,\n applyColorPickerValue(value, colorItem.value),\n );\n setMuiPaletteAnchorElement(null);\n }}\n sx={{\n alignItems: 'center',\n display: 'flex',\n flexDirection: 'column',\n gap: 0.5,\n minWidth: 0,\n p: 0.5,\n width: 68,\n }}\n >\n <Box\n sx={{\n width: 30,\n height: 30,\n borderRadius: 1,\n backgroundColor: colorItem.value,\n border: '1px solid',\n borderColor: 'divider',\n }}\n />\n <Typography\n variant=\"caption\"\n sx={{\n color: 'text.secondary',\n fontSize: '0.75rem',\n fontWeight: 600,\n lineHeight: 1,\n }}\n >\n {colorItem.shade}\n </Typography>\n </Button>\n ))}\n </div>\n </div>\n </div>\n ))}\n </div>\n </Popover>\n ) : null}\n </>\n ) : (\n <Box\n className=\"rounded border border-solid border-slate-200\"\n sx={{\n height: 56,\n alignItems: 'center',\n backgroundColor: definition.allowAlpha ? value : 'transparent',\n display: 'flex',\n justifyContent: 'center',\n px: 1,\n }}\n >\n {!definition.allowAlpha ? (\n <Typography\n variant={isUnitPreview ? 'caption' : 'body2'}\n sx={{\n ...(isUnitPreview\n ? {\n color: 'text.secondary',\n }\n : {\n fontSize: value || 'inherit',\n }),\n }}\n >\n {isUnitPreview ? 'Sample' : value || '-'}\n </Typography>\n ) : null}\n </Box>\n )}\n {definition.allowAlpha ? (\n <div className=\"flex flex-col gap-2\">\n <Typography variant=\"caption\" color=\"text.secondary\">\n Current\n </Typography>\n <Typography variant=\"caption\" color=\"text.secondary\" className=\"truncate whitespace-nowrap\">\n {value || '-'}\n </Typography>\n </div>\n ) : (\n <Typography variant=\"caption\" color=\"text.secondary\">\n Preview\n </Typography>\n )}\n </div>\n </div>\n );\n}\n"],"names":["themePreviewInputUnits","themePreviewMuiColorShades","themePreviewMuiColorPalettes","blue","lightBlue","cyan","teal","green","amber","orange","deepOrange","red","pink","purple","deepPurple","indigo","grey","blueGrey","themePreviewMuiPaletteColorRows","label","palette","acc","shade","paletteValue","THEME_PREVIEW_COLOR_PICKER_APPLY_DELAY_MS","getUnitInputDisplayValue","value","unit","__name","normalizeUnitInputValue","sanitizedValue","integerPart","decimalParts","decimalPart","normalizedValue","getUnitValueFormat","valueFormat","ThemePreviewColorField","disabled","definition","sectionKey","settings","onChange","muiPaletteAnchorElement","setMuiPaletteAnchorElement","useState","getThemePreviewPaletteValue","unitValueFormat","showColorPicker","alphaValue","getColorAlphaValue","helperText","resolvedHelperText","isUnitPreview","hasOptions","_a","isReadOnlyColorTextInput","displayValue","canBufferTextInput","bufferedTextValue","setBufferedTextValue","isBufferedTextInputFocused","setIsBufferedTextInputFocused","bufferedPickerValue","setBufferedPickerValue","toColorPickerValue","isBufferedPickerDirty","setIsBufferedPickerDirty","colorPickerApplyTimeoutRef","useRef","useEffect","commitBufferedTextValue","nextValue","commitBufferedPickerValue","nextPickerValue","applyColorPickerValue","jsxs","jsx","TextField","event","InputAdornment","_b","option","MenuItem","Fragment","Button","Popover","paletteRow","Typography","colorItem","Box"],"mappings":"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"}