@owp/core 2.5.14 → 2.5.15

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

@@ -1 +1 @@
-{"version":3,"file":"ThemePreviewColorField.js","sources":["../../../../src/features/themePreview/components/ThemePreviewColorField.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Divider,\n  IconButton,\n  InputAdornment,\n  MenuItem,\n  Popover,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport RestartAltOutlinedIcon from '@mui/icons-material/RestartAltOutlined';\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  resetVersion?: number;\n  sectionKey: ThemePreviewSectionKey;\n  settings: ThemePreviewSettings;\n  onChange: (path: string, value: string) => void;\n  onReset?: (path: 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 themePreviewMuiPaletteColorValueSet = new Set(\n  themePreviewMuiPaletteColorRows.flatMap((paletteRow) =>\n    paletteRow.colors.map((colorItem) => colorItem.value.toLowerCase()),\n  ),\n);\nconst THEME_PREVIEW_COLOR_PICKER_APPLY_DELAY_MS = 500;\nconst THEME_PREVIEW_SMALL_FIELD_HEIGHT = 32;\nconst THEME_PREVIEW_PICKER_SWATCH_HEIGHT = 20;\n\nfunction getUnitInputDisplayValue(value: string, unit: ThemePreviewInputUnit) {\n  return value.replace(new RegExp(`${unit}$`, 'i'), '');\n}\n\nfunction normalizeUnitInputDisplayValue(value: string) {\n  const sanitizedValue = value.replace(/[^0-9.,]/g, '').replace(/,/g, '.');\n  const decimalPointIndex = sanitizedValue.indexOf('.');\n\n  if (decimalPointIndex < 0) {\n    return sanitizedValue;\n  }\n\n  const integerPart = sanitizedValue.slice(0, decimalPointIndex);\n  const decimalPart = sanitizedValue.slice(decimalPointIndex + 1).replace(/\\./g, '');\n\n  return `${integerPart}.${decimalPart}`;\n}\n\nfunction normalizeCommittedUnitInputDisplayValue(value: string) {\n  const normalizedValue = normalizeUnitInputDisplayValue(value);\n\n  if (!normalizedValue || normalizedValue === '.') {\n    return '';\n  }\n\n  if (normalizedValue.startsWith('.')) {\n    return `0${normalizedValue}`;\n  }\n\n  if (normalizedValue.endsWith('.')) {\n    return normalizedValue.slice(0, -1);\n  }\n\n  return normalizedValue;\n}\n\nfunction normalizeUnitInputValue(value: string, unit: ThemePreviewInputUnit) {\n  const normalizedValue = normalizeCommittedUnitInputDisplayValue(value);\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  resetVersion,\n  sectionKey,\n  settings,\n  onChange,\n  onReset,\n}: ThemePreviewColorFieldProps) {\n  const [muiPaletteAnchorElement, setMuiPaletteAnchorElement] = useState<HTMLElement | null>(null);\n  const muiPaletteContentRef = useRef<HTMLDivElement | 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 hasOptions = Boolean(definition.options?.length);\n  const isReadOnlyColorTextInput = Boolean(\n    definition.allowAlpha && showColorPicker && !hasOptions && !unitValueFormat,\n  );\n  const displayValue =\n    unitValueFormat ? getUnitInputDisplayValue(value, unitValueFormat) : value;\n  const hasPickerControls = showColorPicker;\n  const normalizedMuiPaletteValue = hasPickerControls ? toColorPickerValue(value).toLowerCase() : null;\n  const matchedMuiPaletteValue =\n    normalizedMuiPaletteValue && themePreviewMuiPaletteColorValueSet.has(normalizedMuiPaletteValue)\n      ? normalizedMuiPaletteValue\n      : null;\n  const canBufferTextInput = !hasOptions && !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  const latestDisplayValueRef = useRef(displayValue);\n  const latestValueRef = useRef(value);\n\n  latestDisplayValueRef.current = displayValue;\n  latestValueRef.current = value;\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  useEffect(() => {\n    if (!muiPaletteAnchorElement || !matchedMuiPaletteValue) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      const matchedColorButton = muiPaletteContentRef.current?.querySelector<HTMLElement>(\n        `[data-mui-palette-value=\"${matchedMuiPaletteValue}\"]`,\n      );\n\n      matchedColorButton?.scrollIntoView({\n        block: 'center',\n        inline: 'nearest',\n      });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [matchedMuiPaletteValue, muiPaletteAnchorElement]);\n\n  useEffect(() => {\n    if (typeof resetVersion === 'undefined') {\n      return;\n    }\n\n    if (colorPickerApplyTimeoutRef.current) {\n      window.clearTimeout(colorPickerApplyTimeoutRef.current);\n      colorPickerApplyTimeoutRef.current = null;\n    }\n\n    setBufferedTextValue(latestDisplayValueRef.current);\n    setIsBufferedTextInputFocused(false);\n    setBufferedPickerValue(toColorPickerValue(latestValueRef.current));\n    setIsBufferedPickerDirty(false);\n  }, [resetVersion]);\n\n  const commitBufferedTextValue = (nextValue: string) => {\n    onChange(\n      definition.path,\n      unitValueFormat ? normalizeUnitInputValue(nextValue, unitValueFormat) : nextValue,\n    );\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  const inputEndAdornment = onReset || unitValueFormat ? (\n    <InputAdornment position=\"end\">\n      <div className=\"flex items-center gap-6 pr-2\">\n        {onReset ? (\n          <IconButton\n            size=\"small\"\n            aria-label={`${definition.label} reset`}\n            disabled={disabled}\n            onMouseDown={(event) => {\n              event.preventDefault();\n            }}\n            onClick={() => {\n              onReset(definition.path);\n            }}\n            sx={{\n              border: '1px solid #cbd5e1',\n              borderRadius: 1,\n              color: '#6b7280',\n              p: 0.25,\n            }}\n          >\n            <RestartAltOutlinedIcon sx={{ fontSize: 16 }} />\n          </IconButton>\n        ) : null}\n        {unitValueFormat ? (\n          <Typography variant=\"body2\" sx={{ whiteSpace: 'nowrap' }}>\n            {unitValueFormat}\n          </Typography>\n        ) : null}\n      </div>\n    </InputAdornment>\n  ) : undefined;\n\n  return (\n    <div className=\"grid grid-cols-[minmax(0,1fr)_144px] items-start gap-12\">\n      <TextField\n        select={hasOptions}\n        label={definition.label}\n        size=\"small\"\n        value={canBufferTextInput ? bufferedTextValue : displayValue}\n        disabled={disabled}\n        onChange={(event) => {\n          if (isReadOnlyColorTextInput) {\n            return;\n          }\n\n          const nextValue = unitValueFormat\n            ? normalizeUnitInputDisplayValue(event.target.value)\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            {\n              ...(inputEndAdornment\n                ? {\n                    endAdornment: inputEndAdornment,\n                  }\n                : {}),\n            },\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      {hasPickerControls ? (\n        <div className=\"grid grid-cols-2 gap-6\">\n          <>\n            <Button\n              size=\"small\"\n              fullWidth\n              variant=\"outlined\"\n              disabled={disabled}\n              sx={{\n                fontSize: '1.2rem',\n                height: THEME_PREVIEW_SMALL_FIELD_HEIGHT,\n                minWidth: 0,\n              }}\n              onClick={(event) => {\n                setMuiPaletteAnchorElement(event.currentTarget);\n              }}\n            >\n              MUI\n            </Button>\n            <TextField\n              hiddenLabel\n              type=\"color\"\n              size=\"small\"\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              slotProps={{\n                htmlInput: {\n                  'aria-label': 'Pick color',\n                },\n              }}\n              sx={{\n                '& .MuiOutlinedInput-root': {\n                  height: THEME_PREVIEW_SMALL_FIELD_HEIGHT,\n                  px: 0.5,\n                },\n                '& input[type=\"color\"]': {\n                  WebkitAppearance: 'none',\n                  alignSelf: 'center',\n                  boxSizing: 'border-box',\n                  border: 0,\n                  borderRadius: 0,\n                  display: 'block',\n                  height: THEME_PREVIEW_PICKER_SWATCH_HEIGHT,\n                  minHeight: THEME_PREVIEW_PICKER_SWATCH_HEIGHT,\n                  overflow: 'hidden',\n                  padding: 0,\n                  p: 0,\n                  width: '100%',\n                },\n                '& input[type=\"color\"]::-webkit-color-swatch-wrapper': {\n                  borderRadius: 0,\n                  p: 0,\n                },\n                '& input[type=\"color\"]::-webkit-color-swatch': {\n                  borderColor: '#94a3b8',\n                  borderRadius: 0,\n                },\n                '& input[type=\"color\"]::-moz-color-swatch': {\n                  borderColor: '#94a3b8',\n                  borderRadius: 0,\n                },\n              }}\n            />\n            {muiPaletteAnchorElement ? (\n              <Popover\n                open\n                anchorEl={muiPaletteAnchorElement}\n                transitionDuration={0}\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: 'calc(100vh - 32px)',\n                      maxWidth: 'calc(100vw - 32px)',\n                      minWidth: 320,\n                      overflow: 'auto',\n                      p: 1.5,\n                      width: 'min(760px, calc(100vw - 32px))',\n                    },\n                  },\n                }}\n              >\n                <div ref={muiPaletteContentRef} className=\"flex min-w-0 flex-col gap-10\">\n                  {themePreviewMuiPaletteColorRows.map((paletteRow, paletteRowIndex) => (\n                    <Box key={paletteRow.label} className=\"flex flex-col gap-10\">\n                      {paletteRowIndex > 0 ? <Divider flexItem /> : null}\n                      <Box\n                        sx={{\n                          display: 'grid',\n                          gap: 1,\n                          gridTemplateColumns: {\n                            xs: 'minmax(0, 1fr)',\n                            sm: '84px minmax(0, 1fr)',\n                          },\n                        }}\n                      >\n                        <Typography variant=\"caption\" color=\"text.secondary\">\n                          {paletteRow.label}\n                        </Typography>\n                        <Box\n                          sx={{\n                            display: 'grid',\n                            gap: 0.75,\n                            gridTemplateColumns: 'repeat(auto-fit, minmax(68px, 1fr))',\n                            minWidth: 0,\n                          }}\n                        >\n                          {paletteRow.colors.map((colorItem) => {\n                            const isMatchedMuiPaletteColor =\n                              matchedMuiPaletteValue === colorItem.value.toLowerCase();\n\n                            return (\n                              <Box\n                                key={colorItem.key}\n                                component=\"button\"\n                                type=\"button\"\n                                data-mui-palette-value={colorItem.value.toLowerCase()}\n                                aria-current={isMatchedMuiPaletteColor ? 'true' : undefined}\n                                onClick={() => {\n                                  onChange(\n                                    definition.path,\n                                    applyColorPickerValue(value, colorItem.value),\n                                  );\n                                  setMuiPaletteAnchorElement(null);\n                                }}\n                                sx={{\n                                  alignItems: 'center',\n                                  backgroundColor: isMatchedMuiPaletteColor\n                                    ? 'action.selected'\n                                    : 'background.paper',\n                                  border: '1px solid',\n                                  borderColor: isMatchedMuiPaletteColor ? 'primary.main' : 'divider',\n                                  borderRadius: 1,\n                                  boxShadow: isMatchedMuiPaletteColor\n                                    ? (theme) => `0 0 0 1px ${theme.palette.primary.main}`\n                                    : 'none',\n                                  color: isMatchedMuiPaletteColor ? 'text.primary' : 'text.secondary',\n                                  cursor: 'pointer',\n                                  display: 'flex',\n                                  flexDirection: 'column',\n                                  gap: 0.5,\n                                  justifyContent: 'center',\n                                  minWidth: 0,\n                                  p: 0.5,\n                                  transition:\n                                    'background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease',\n                                  width: '100%',\n                                  '&:hover': {\n                                    backgroundColor: 'action.hover',\n                                    borderColor: isMatchedMuiPaletteColor\n                                      ? 'primary.main'\n                                      : 'text.secondary',\n                                  },\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: isMatchedMuiPaletteColor\n                                      ? 'primary.main'\n                                      : 'divider',\n                                  }}\n                                />\n                                <Box\n                                  component=\"span\"\n                                  sx={{\n                                    fontSize: '0.75rem',\n                                    fontWeight: isMatchedMuiPaletteColor ? 700 : 600,\n                                    lineHeight: 1,\n                                  }}\n                                >\n                                  {colorItem.shade}\n                                </Box>\n                              </Box>\n                            );\n                          })}\n                        </Box>\n                      </Box>\n                    </Box>\n                  ))}\n                </div>\n              </Popover>\n            ) : null}\n          </>\n          {definition.allowAlpha ? (\n            <div className=\"col-span-2 flex flex-col gap-2\">\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                Current\n              </Typography>\n              <Typography\n                variant=\"caption\"\n                color=\"text.secondary\"\n                className=\"truncate whitespace-nowrap\"\n              >\n                {value || '-'}\n              </Typography>\n            </div>\n          ) : null}\n        </div>\n      ) : (\n        <div />\n      )}\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","themePreviewMuiPaletteColorValueSet","paletteRow","colorItem","THEME_PREVIEW_COLOR_PICKER_APPLY_DELAY_MS","THEME_PREVIEW_SMALL_FIELD_HEIGHT","THEME_PREVIEW_PICKER_SWATCH_HEIGHT","getUnitInputDisplayValue","value","unit","__name","normalizeUnitInputDisplayValue","sanitizedValue","decimalPointIndex","integerPart","decimalPart","normalizeCommittedUnitInputDisplayValue","normalizedValue","normalizeUnitInputValue","getUnitValueFormat","valueFormat","ThemePreviewColorField","disabled","definition","resetVersion","sectionKey","settings","onChange","onReset","muiPaletteAnchorElement","setMuiPaletteAnchorElement","useState","muiPaletteContentRef","useRef","getThemePreviewPaletteValue","unitValueFormat","showColorPicker","alphaValue","getColorAlphaValue","helperText","resolvedHelperText","hasOptions","_a","isReadOnlyColorTextInput","displayValue","hasPickerControls","normalizedMuiPaletteValue","toColorPickerValue","matchedMuiPaletteValue","canBufferTextInput","bufferedTextValue","setBufferedTextValue","isBufferedTextInputFocused","setIsBufferedTextInputFocused","bufferedPickerValue","setBufferedPickerValue","isBufferedPickerDirty","setIsBufferedPickerDirty","colorPickerApplyTimeoutRef","latestDisplayValueRef","latestValueRef","useEffect","animationFrameId","matchedColorButton","commitBufferedTextValue","nextValue","commitBufferedPickerValue","nextPickerValue","applyColorPickerValue","inputEndAdornment","jsx","InputAdornment","jsxs","IconButton","event","RestartAltOutlinedIcon","Typography","TextField","_b","option","MenuItem","Fragment","Button","Popover","paletteRowIndex","Box","Divider","isMatchedMuiPaletteColor","theme"],"mappings":"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"}
+{"version":3,"file":"ThemePreviewColorField.js","sources":["../../../../src/features/themePreview/components/ThemePreviewColorField.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Divider,\n  IconButton,\n  InputAdornment,\n  MenuItem,\n  Popover,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport RestartAltOutlinedIcon from '@mui/icons-material/RestartAltOutlined';\nimport { owpDark, skyBlue } from '@/colors';\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  resetVersion?: number;\n  sectionKey: ThemePreviewSectionKey;\n  settings: ThemePreviewSettings;\n  onChange: (path: string, value: string) => void;\n  onReset?: (path: 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  ['OWP Dark', owpDark],\n  ['OWP Sky Blue', skyBlue],\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 themePreviewMuiPaletteColorValueSet = new Set(\n  themePreviewMuiPaletteColorRows.flatMap((paletteRow) =>\n    paletteRow.colors.map((colorItem) => colorItem.value.toLowerCase()),\n  ),\n);\nconst THEME_PREVIEW_COLOR_PICKER_APPLY_DELAY_MS = 500;\nconst THEME_PREVIEW_SMALL_FIELD_HEIGHT = 32;\nconst THEME_PREVIEW_PICKER_SWATCH_HEIGHT = 20;\n\nfunction getUnitInputDisplayValue(value: string, unit: ThemePreviewInputUnit) {\n  return value.replace(new RegExp(`${unit}$`, 'i'), '');\n}\n\nfunction normalizeUnitInputDisplayValue(value: string) {\n  const sanitizedValue = value.replace(/[^0-9.,]/g, '').replace(/,/g, '.');\n  const decimalPointIndex = sanitizedValue.indexOf('.');\n\n  if (decimalPointIndex < 0) {\n    return sanitizedValue;\n  }\n\n  const integerPart = sanitizedValue.slice(0, decimalPointIndex);\n  const decimalPart = sanitizedValue.slice(decimalPointIndex + 1).replace(/\\./g, '');\n\n  return `${integerPart}.${decimalPart}`;\n}\n\nfunction normalizeCommittedUnitInputDisplayValue(value: string) {\n  const normalizedValue = normalizeUnitInputDisplayValue(value);\n\n  if (!normalizedValue || normalizedValue === '.') {\n    return '';\n  }\n\n  if (normalizedValue.startsWith('.')) {\n    return `0${normalizedValue}`;\n  }\n\n  if (normalizedValue.endsWith('.')) {\n    return normalizedValue.slice(0, -1);\n  }\n\n  return normalizedValue;\n}\n\nfunction normalizeUnitInputValue(value: string, unit: ThemePreviewInputUnit) {\n  const normalizedValue = normalizeCommittedUnitInputDisplayValue(value);\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  resetVersion,\n  sectionKey,\n  settings,\n  onChange,\n  onReset,\n}: ThemePreviewColorFieldProps) {\n  const [muiPaletteAnchorElement, setMuiPaletteAnchorElement] = useState<HTMLElement | null>(null);\n  const muiPaletteContentRef = useRef<HTMLDivElement | 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 hasOptions = Boolean(definition.options?.length);\n  const isReadOnlyColorTextInput = Boolean(\n    definition.allowAlpha && showColorPicker && !hasOptions && !unitValueFormat,\n  );\n  const displayValue =\n    unitValueFormat ? getUnitInputDisplayValue(value, unitValueFormat) : value;\n  const hasPickerControls = showColorPicker;\n  const normalizedMuiPaletteValue = hasPickerControls ? toColorPickerValue(value).toLowerCase() : null;\n  const matchedMuiPaletteValue =\n    normalizedMuiPaletteValue && themePreviewMuiPaletteColorValueSet.has(normalizedMuiPaletteValue)\n      ? normalizedMuiPaletteValue\n      : null;\n  const canBufferTextInput = !hasOptions && !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  const latestDisplayValueRef = useRef(displayValue);\n  const latestValueRef = useRef(value);\n\n  latestDisplayValueRef.current = displayValue;\n  latestValueRef.current = value;\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  useEffect(() => {\n    if (!muiPaletteAnchorElement || !matchedMuiPaletteValue) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      const matchedColorButton = muiPaletteContentRef.current?.querySelector<HTMLElement>(\n        `[data-mui-palette-value=\"${matchedMuiPaletteValue}\"]`,\n      );\n\n      matchedColorButton?.scrollIntoView({\n        block: 'center',\n        inline: 'nearest',\n      });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [matchedMuiPaletteValue, muiPaletteAnchorElement]);\n\n  useEffect(() => {\n    if (typeof resetVersion === 'undefined') {\n      return;\n    }\n\n    if (colorPickerApplyTimeoutRef.current) {\n      window.clearTimeout(colorPickerApplyTimeoutRef.current);\n      colorPickerApplyTimeoutRef.current = null;\n    }\n\n    setBufferedTextValue(latestDisplayValueRef.current);\n    setIsBufferedTextInputFocused(false);\n    setBufferedPickerValue(toColorPickerValue(latestValueRef.current));\n    setIsBufferedPickerDirty(false);\n  }, [resetVersion]);\n\n  const commitBufferedTextValue = (nextValue: string) => {\n    onChange(\n      definition.path,\n      unitValueFormat ? normalizeUnitInputValue(nextValue, unitValueFormat) : nextValue,\n    );\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  const inputEndAdornment = onReset || unitValueFormat ? (\n    <InputAdornment position=\"end\">\n      <div className=\"flex items-center gap-6 pr-2\">\n        {onReset ? (\n          <IconButton\n            size=\"small\"\n            aria-label={`${definition.label} reset`}\n            disabled={disabled}\n            onMouseDown={(event) => {\n              event.preventDefault();\n            }}\n            onClick={() => {\n              onReset(definition.path);\n            }}\n            sx={{\n              border: '1px solid #cbd5e1',\n              borderRadius: 1,\n              color: '#6b7280',\n              p: 0.25,\n            }}\n          >\n            <RestartAltOutlinedIcon sx={{ fontSize: 16 }} />\n          </IconButton>\n        ) : null}\n        {unitValueFormat ? (\n          <Typography variant=\"body2\" sx={{ whiteSpace: 'nowrap' }}>\n            {unitValueFormat}\n          </Typography>\n        ) : null}\n      </div>\n    </InputAdornment>\n  ) : undefined;\n\n  return (\n    <div className=\"grid grid-cols-[minmax(0,1fr)_144px] items-start gap-12\">\n      <TextField\n        select={hasOptions}\n        label={definition.label}\n        size=\"small\"\n        value={canBufferTextInput ? bufferedTextValue : displayValue}\n        disabled={disabled}\n        onChange={(event) => {\n          if (isReadOnlyColorTextInput) {\n            return;\n          }\n\n          const nextValue = unitValueFormat\n            ? normalizeUnitInputDisplayValue(event.target.value)\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            {\n              ...(inputEndAdornment\n                ? {\n                    endAdornment: inputEndAdornment,\n                  }\n                : {}),\n            },\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      {hasPickerControls ? (\n        <div className=\"grid grid-cols-2 gap-6\">\n          <>\n            <Button\n              size=\"small\"\n              fullWidth\n              variant=\"outlined\"\n              disabled={disabled}\n              sx={{\n                fontSize: '1.2rem',\n                height: THEME_PREVIEW_SMALL_FIELD_HEIGHT,\n                minWidth: 0,\n              }}\n              onClick={(event) => {\n                setMuiPaletteAnchorElement(event.currentTarget);\n              }}\n            >\n              MUI\n            </Button>\n            <TextField\n              hiddenLabel\n              type=\"color\"\n              size=\"small\"\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              slotProps={{\n                htmlInput: {\n                  'aria-label': 'Pick color',\n                },\n              }}\n              sx={{\n                '& .MuiOutlinedInput-root': {\n                  height: THEME_PREVIEW_SMALL_FIELD_HEIGHT,\n                  px: 0.5,\n                },\n                '& input[type=\"color\"]': {\n                  WebkitAppearance: 'none',\n                  alignSelf: 'center',\n                  boxSizing: 'border-box',\n                  border: 0,\n                  borderRadius: 0,\n                  display: 'block',\n                  height: THEME_PREVIEW_PICKER_SWATCH_HEIGHT,\n                  minHeight: THEME_PREVIEW_PICKER_SWATCH_HEIGHT,\n                  overflow: 'hidden',\n                  padding: 0,\n                  p: 0,\n                  width: '100%',\n                },\n                '& input[type=\"color\"]::-webkit-color-swatch-wrapper': {\n                  borderRadius: 0,\n                  p: 0,\n                },\n                '& input[type=\"color\"]::-webkit-color-swatch': {\n                  borderColor: '#94a3b8',\n                  borderRadius: 0,\n                },\n                '& input[type=\"color\"]::-moz-color-swatch': {\n                  borderColor: '#94a3b8',\n                  borderRadius: 0,\n                },\n              }}\n            />\n            {muiPaletteAnchorElement ? (\n              <Popover\n                open\n                anchorEl={muiPaletteAnchorElement}\n                transitionDuration={0}\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: 'calc(100vh - 32px)',\n                      maxWidth: 'calc(100vw - 32px)',\n                      minWidth: 320,\n                      overflow: 'auto',\n                      p: 1.5,\n                      width: 'min(760px, calc(100vw - 32px))',\n                    },\n                  },\n                }}\n              >\n                <div ref={muiPaletteContentRef} className=\"flex min-w-0 flex-col gap-10\">\n                  {themePreviewMuiPaletteColorRows.map((paletteRow, paletteRowIndex) => (\n                    <Box key={paletteRow.label} className=\"flex flex-col gap-10\">\n                      {paletteRowIndex > 0 ? <Divider flexItem /> : null}\n                      <Box\n                        sx={{\n                          display: 'grid',\n                          gap: 1,\n                          gridTemplateColumns: {\n                            xs: 'minmax(0, 1fr)',\n                            sm: '84px minmax(0, 1fr)',\n                          },\n                        }}\n                      >\n                        <Typography variant=\"caption\" color=\"text.secondary\">\n                          {paletteRow.label}\n                        </Typography>\n                        <Box\n                          sx={{\n                            display: 'grid',\n                            gap: 0.75,\n                            gridTemplateColumns: 'repeat(auto-fit, minmax(68px, 1fr))',\n                            minWidth: 0,\n                          }}\n                        >\n                          {paletteRow.colors.map((colorItem) => {\n                            const isMatchedMuiPaletteColor =\n                              matchedMuiPaletteValue === colorItem.value.toLowerCase();\n\n                            return (\n                              <Box\n                                key={colorItem.key}\n                                component=\"button\"\n                                type=\"button\"\n                                data-mui-palette-value={colorItem.value.toLowerCase()}\n                                aria-current={isMatchedMuiPaletteColor ? 'true' : undefined}\n                                onClick={() => {\n                                  onChange(\n                                    definition.path,\n                                    applyColorPickerValue(value, colorItem.value),\n                                  );\n                                  setMuiPaletteAnchorElement(null);\n                                }}\n                                sx={{\n                                  alignItems: 'center',\n                                  backgroundColor: isMatchedMuiPaletteColor\n                                    ? 'action.selected'\n                                    : 'background.paper',\n                                  border: '1px solid',\n                                  borderColor: isMatchedMuiPaletteColor ? 'primary.main' : 'divider',\n                                  borderRadius: 1,\n                                  boxShadow: isMatchedMuiPaletteColor\n                                    ? (theme) => `0 0 0 1px ${theme.palette.primary.main}`\n                                    : 'none',\n                                  color: isMatchedMuiPaletteColor ? 'text.primary' : 'text.secondary',\n                                  cursor: 'pointer',\n                                  display: 'flex',\n                                  flexDirection: 'column',\n                                  gap: 0.5,\n                                  justifyContent: 'center',\n                                  minWidth: 0,\n                                  p: 0.5,\n                                  transition:\n                                    'background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease',\n                                  width: '100%',\n                                  '&:hover': {\n                                    backgroundColor: 'action.hover',\n                                    borderColor: isMatchedMuiPaletteColor\n                                      ? 'primary.main'\n                                      : 'text.secondary',\n                                  },\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: isMatchedMuiPaletteColor\n                                      ? 'primary.main'\n                                      : 'divider',\n                                  }}\n                                />\n                                <Box\n                                  component=\"span\"\n                                  sx={{\n                                    fontSize: '0.75rem',\n                                    fontWeight: isMatchedMuiPaletteColor ? 700 : 600,\n                                    lineHeight: 1,\n                                  }}\n                                >\n                                  {colorItem.shade}\n                                </Box>\n                              </Box>\n                            );\n                          })}\n                        </Box>\n                      </Box>\n                    </Box>\n                  ))}\n                </div>\n              </Popover>\n            ) : null}\n          </>\n          {definition.allowAlpha ? (\n            <div className=\"col-span-2 flex flex-col gap-2\">\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                Current\n              </Typography>\n              <Typography\n                variant=\"caption\"\n                color=\"text.secondary\"\n                className=\"truncate whitespace-nowrap\"\n              >\n                {value || '-'}\n              </Typography>\n            </div>\n          ) : null}\n        </div>\n      ) : (\n        <div />\n      )}\n    </div>\n  );\n}\n"],"names":["themePreviewInputUnits","themePreviewMuiColorShades","themePreviewMuiColorPalettes","owpDark","skyBlue","blue","lightBlue","cyan","teal","green","amber","orange","deepOrange","red","pink","purple","deepPurple","indigo","grey","blueGrey","themePreviewMuiPaletteColorRows","label","palette","acc","shade","paletteValue","themePreviewMuiPaletteColorValueSet","paletteRow","colorItem","THEME_PREVIEW_COLOR_PICKER_APPLY_DELAY_MS","THEME_PREVIEW_SMALL_FIELD_HEIGHT","THEME_PREVIEW_PICKER_SWATCH_HEIGHT","getUnitInputDisplayValue","value","unit","__name","normalizeUnitInputDisplayValue","sanitizedValue","decimalPointIndex","integerPart","decimalPart","normalizeCommittedUnitInputDisplayValue","normalizedValue","normalizeUnitInputValue","getUnitValueFormat","valueFormat","ThemePreviewColorField","disabled","definition","resetVersion","sectionKey","settings","onChange","onReset","muiPaletteAnchorElement","setMuiPaletteAnchorElement","useState","muiPaletteContentRef","useRef","getThemePreviewPaletteValue","unitValueFormat","showColorPicker","alphaValue","getColorAlphaValue","helperText","resolvedHelperText","hasOptions","_a","isReadOnlyColorTextInput","displayValue","hasPickerControls","normalizedMuiPaletteValue","toColorPickerValue","matchedMuiPaletteValue","canBufferTextInput","bufferedTextValue","setBufferedTextValue","isBufferedTextInputFocused","setIsBufferedTextInputFocused","bufferedPickerValue","setBufferedPickerValue","isBufferedPickerDirty","setIsBufferedPickerDirty","colorPickerApplyTimeoutRef","latestDisplayValueRef","latestValueRef","useEffect","animationFrameId","matchedColorButton","commitBufferedTextValue","nextValue","commitBufferedPickerValue","nextPickerValue","applyColorPickerValue","inputEndAdornment","jsx","InputAdornment","jsxs","IconButton","event","RestartAltOutlinedIcon","Typography","TextField","_b","option","MenuItem","Fragment","Button","Popover","paletteRowIndex","Box","Divider","isMatchedMuiPaletteColor","theme"],"mappings":"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"}

package/dist/hooks/useConfirm.js

@@ -1,10 +1,9 @@
-var d = Object.defineProperty;
-var n = (t, e) => d(t, "name", { value: e, configurable: !0 });
-import { jsxs as m, jsx as k } 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 { Typography as p, DialogContent as h, DialogActions as v, Button as T, Dialog as y } from "@mui/material";
-import { useOwpTranslation as x } from "./useOwpTranslation.js";
-import { useDialogs as D } from "@toolpad/core/useDialogs";
-const i = {
+var f = Object.defineProperty;
+var n = (t, e) => f(t, "name", { value: e, configurable: !0 });
+import { useOwpTranslation as m } from "./useOwpTranslation.js";
+import { useDialogs as p } from "@toolpad/core/useDialogs";
+import { OwpAlertDialog as T } from "../components/OwpDialog/OwpAlertDialog.js";
+const s = {
   infoTitle: {
     key: "Message.처리하시겠습니까",
     defaultValue: "처리하시겠습니까?"
@@ -29,77 +28,68 @@ const i = {
   },
   deleteOk: {
     key: "Button.삭제"
-  },
-  cancel: {
-    key: "Button.취소"
   }
-}, s = /* @__PURE__ */ n((t, { key: e, defaultValue: o }) => o ? t(e, { defaultValue: o }) : t(e), "translateConfirmText"), a = /* @__PURE__ */ n((t, e) => t ? {
+}, i = /* @__PURE__ */ n((t, { key: e, defaultValue: r }) => r ? t(e, { defaultValue: r }) : t(e), "translateConfirmText"), c = /* @__PURE__ */ n((t, e) => t ? {
   color: t,
   ...e
-} : e, "mergeOkButtonProps"), S = /* @__PURE__ */ n(() => {
-  const t = D(), { t: e } = x(), o = /* @__PURE__ */ n((r) => t.open(C, r), "confirmBase");
+} : e, "mergeOkButtonProps"), B = /* @__PURE__ */ n(() => {
+  const t = p(), { t: e } = m(), r = /* @__PURE__ */ n((o) => t.open(T, o), "confirmBase");
   return {
-    confirm: o,
-    confirmInfo: /* @__PURE__ */ n(async ({ title: r, okText: c, severity: l } = {}) => o({
-      title: r ?? s(e, i.infoTitle),
-      okText: c ?? s(e, i.infoOk),
-      severity: l ?? "primary",
+    confirm: r,
+    confirmInfo: /* @__PURE__ */ n(async ({
+      title: o,
+      description: a,
+      okText: k,
+      severity: u
+    } = {}) => r({
+      title: o ?? i(e, s.infoTitle),
+      description: a,
+      okText: k ?? i(e, s.infoOk),
+      severity: u ?? "primary",
       useInfo: !0
     }), "confirmInfo"),
     confirmSave: /* @__PURE__ */ n(async ({
-      title: r,
-      okText: c,
-      cancelText: l,
-      okButtonProps: u
-    } = {}) => o({
-      title: r ?? s(e, i.saveTitle),
-      okText: c ?? s(e, i.saveOk),
-      cancelText: l,
-      okButtonProps: a("secondary", u)
+      title: o,
+      description: a,
+      okText: k,
+      cancelText: u,
+      okButtonProps: l
+    } = {}) => r({
+      title: o ?? i(e, s.saveTitle),
+      description: a,
+      okText: k ?? i(e, s.saveOk),
+      cancelText: u,
+      okButtonProps: c("secondary", l)
     }), "confirmSave"),
     confirmUpdate: /* @__PURE__ */ n(async ({
-      title: r,
-      okText: c,
-      cancelText: l,
-      okButtonProps: u
-    } = {}) => o({
-      title: r ?? s(e, i.updateTitle),
-      okText: c ?? s(e, i.updateOk),
-      cancelText: l,
-      okButtonProps: a("secondary", u)
+      title: o,
+      description: a,
+      okText: k,
+      cancelText: u,
+      okButtonProps: l
+    } = {}) => r({
+      title: o ?? i(e, s.updateTitle),
+      description: a,
+      okText: k ?? i(e, s.updateOk),
+      cancelText: u,
+      okButtonProps: c("secondary", l)
     }), "confirmUpdate"),
     confirmDelete: /* @__PURE__ */ n(async ({
-      title: r,
-      okText: c,
-      cancelText: l,
-      okButtonProps: u
-    } = {}) => o({
-      title: r ?? s(e, i.deleteTitle),
-      okText: c ?? s(e, i.deleteOk),
-      cancelText: l,
-      okButtonProps: a("error", u)
+      title: o,
+      description: a,
+      okText: k,
+      cancelText: u,
+      okButtonProps: l
+    } = {}) => r({
+      title: o ?? i(e, s.deleteTitle),
+      description: a,
+      okText: k ?? i(e, s.deleteOk),
+      cancelText: u,
+      okButtonProps: c("error", l)
     }), "confirmDelete")
   };
-}, "useConfirm"), C = /* @__PURE__ */ n(({ payload: t, open: e, onClose: o }) => {
-  const { title: r, okButtonProps: c, cancelButtonProps: l, severity: u, useInfo: O } = t, { t: f } = x(), g = (t == null ? void 0 : t.okText) ?? s(f, i.infoOk), B = (t == null ? void 0 : t.cancelText) ?? s(f, i.cancel);
-  return /* @__PURE__ */ m(y, { fullWidth: !0, maxWidth: "xs", open: e, onClose: /* @__PURE__ */ n(() => o(!1), "onClose"), children: [
-    /* @__PURE__ */ k(h, { children: /* @__PURE__ */ k(p, { className: "mb-12", variant: "h6", children: r }) }),
-    /* @__PURE__ */ m(v, { children: [
-      !O && /* @__PURE__ */ k(T, { ...l, variant: "outlined", onClick: /* @__PURE__ */ n(() => o(!1), "onClick"), children: B }),
-      /* @__PURE__ */ k(
-        T,
-        {
-          color: u || "primary",
-          variant: "contained",
-          ...c,
-          onClick: /* @__PURE__ */ n(() => o(!0), "onClick"),
-          children: g
-        }
-      )
-    ] })
-  ] });
-}, "ConfirmDialog");
+}, "useConfirm");
 export {
-  S as useConfirm
+  B as useConfirm
 };
 //# sourceMappingURL=useConfirm.js.map

package/dist/hooks/useConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirm.js","sources":["../../src/hooks/useConfirm.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  Typography,\n} from '@mui/material';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { DialogProps, useDialogs } from '@toolpad/core/useDialogs';\nimport { ReactNode } from 'react';\n\nexport interface ConfirmProps {\n  title?: ReactNode | string;\n  okText?: string;\n  cancelText?: string;\n  severity?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  useInfo?: boolean;\n  okButtonProps?: ButtonProps;\n  onClose?: (result: boolean) => Promise<void>;\n}\ninterface ConfirmBaseProps extends ConfirmProps {\n  okButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n}\n\ninterface ConfirmTranslationConfig {\n  key: string;\n  defaultValue?: string;\n}\n\n/**\n * 확인 대화상자 번역 설정\n */\nconst CONFIRM_TRANSLATIONS = {\n  infoTitle: {\n    key: 'Message.처리하시겠습니까',\n    defaultValue: '처리하시겠습니까?',\n  },\n  infoOk: {\n    key: 'Button.확인',\n  },\n  saveTitle: {\n    key: 'Message.저장하시겠습니까?',\n  },\n  saveOk: {\n    key: 'Button.저장',\n  },\n  updateTitle: {\n    key: 'Message.수정하시겠습니까?',\n  },\n  updateOk: {\n    key: 'Button.수정',\n  },\n  deleteTitle: {\n    key: 'Message.삭제하시겠습니까?',\n  },\n  deleteOk: {\n    key: 'Button.삭제',\n  },\n  cancel: {\n    key: 'Button.취소',\n  },\n} as const;\n\nconst translateConfirmText = (\n  translate: (key: string, options?: { defaultValue?: string }) => string,\n  { key, defaultValue }: ConfirmTranslationConfig,\n) => (defaultValue ? translate(key, { defaultValue }) : translate(key));\n\n/**\n * 확인 버튼 속성 병합\n * @param defaultColor 기본 버튼 색상\n * @param okButtonProps 사용자 버튼 속성\n */\nconst mergeOkButtonProps = (\n  defaultColor: ButtonProps['color'] | undefined,\n  okButtonProps?: ButtonProps,\n) => {\n  if (!defaultColor) {\n    return okButtonProps;\n  }\n\n  return {\n    color: defaultColor,\n    ...okButtonProps,\n  } as ButtonProps;\n};\n/**\n * 확인 대화상자 훅\n */\nexport const useConfirm = () => {\n  const dialogs = useDialogs();\n  const { t } = useOwpTranslation();\n\n  const confirmBase = (props: ConfirmBaseProps) => dialogs.open(ConfirmDialog, props);\n\n  return {\n    confirm: confirmBase,\n    confirmInfo: async ({ title, okText, severity }: ConfirmProps | undefined = {}) => {\n      return confirmBase({\n        title: title ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.infoTitle),\n        okText: okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.infoOk),\n        severity: severity ?? 'primary',\n        useInfo: true,\n      });\n    },\n    confirmSave: async ({\n      title,\n      okText,\n      cancelText,\n      okButtonProps,\n    }: ConfirmProps | undefined = {}) => {\n      return confirmBase({\n        title: title ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.saveTitle),\n        okText: okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.saveOk),\n        cancelText,\n        okButtonProps: mergeOkButtonProps('secondary', okButtonProps),\n      });\n    },\n    confirmUpdate: async ({\n      title,\n      okText,\n      cancelText,\n      okButtonProps,\n    }: ConfirmProps | undefined = {}) => {\n      return confirmBase({\n        title: title ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.updateTitle),\n        okText: okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.updateOk),\n        cancelText,\n        okButtonProps: mergeOkButtonProps('secondary', okButtonProps),\n      });\n    },\n    confirmDelete: async ({\n      title,\n      okText,\n      cancelText,\n      okButtonProps,\n    }: ConfirmProps | undefined = {}) => {\n      return confirmBase({\n        title: title ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.deleteTitle),\n        okText: okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.deleteOk),\n        cancelText,\n        okButtonProps: mergeOkButtonProps('error', okButtonProps),\n      });\n    },\n  };\n};\n\nconst ConfirmDialog = ({ payload, open, onClose }: DialogProps<ConfirmBaseProps, boolean>) => {\n  const { title, okButtonProps, cancelButtonProps, severity, useInfo } = payload;\n\n  const { t } = useOwpTranslation();\n\n  const okText =\n    payload?.okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.infoOk);\n  const cancelText =\n    payload?.cancelText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.cancel);\n\n  return (\n    <Dialog fullWidth maxWidth=\"xs\" open={open} onClose={() => onClose(false)}>\n      <DialogContent>\n        <Typography className=\"mb-12\" variant=\"h6\">\n          {title}\n        </Typography>\n      </DialogContent>\n      <DialogActions>\n        {!useInfo && (\n          <Button {...cancelButtonProps} variant=\"outlined\" onClick={() => onClose(false)}>\n            {cancelText}\n          </Button>\n        )}\n        <Button\n          color={severity ? severity : 'primary'}\n          variant=\"contained\"\n          {...okButtonProps}\n          onClick={() => onClose(true)}\n        >\n          {okText}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["CONFIRM_TRANSLATIONS","translateConfirmText","__name","translate","key","defaultValue","mergeOkButtonProps","defaultColor","okButtonProps","useConfirm","dialogs","useDialogs","t","useOwpTranslation","confirmBase","props","ConfirmDialog","title","okText","severity","cancelText","payload","open","onClose","cancelButtonProps","useInfo","jsxs","Dialog","jsx","DialogContent","Typography","DialogActions","Button"],"mappings":"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"}
+{"version":3,"file":"useConfirm.js","sources":["../../src/hooks/useConfirm.tsx"],"sourcesContent":["import { OwpAlertDialog } from '@/components/OwpDialog';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type { OwpAlertDialogPayload } from '@/components/OwpDialog';\nimport type { ButtonProps } from '@mui/material';\nimport { useDialogs } from '@toolpad/core/useDialogs';\n\nexport interface ConfirmProps extends Omit<OwpAlertDialogPayload, 'cancelButtonProps'> {\n  onClose?: (result: boolean) => Promise<void>;\n}\ninterface ConfirmBaseProps extends ConfirmProps {\n  cancelButtonProps?: ButtonProps;\n}\n\ninterface ConfirmTranslationConfig {\n  key: string;\n  defaultValue?: string;\n}\n\n/**\n * 확인 대화상자 번역 설정\n */\nconst CONFIRM_TRANSLATIONS = {\n  infoTitle: {\n    key: 'Message.처리하시겠습니까',\n    defaultValue: '처리하시겠습니까?',\n  },\n  infoOk: {\n    key: 'Button.확인',\n  },\n  saveTitle: {\n    key: 'Message.저장하시겠습니까?',\n  },\n  saveOk: {\n    key: 'Button.저장',\n  },\n  updateTitle: {\n    key: 'Message.수정하시겠습니까?',\n  },\n  updateOk: {\n    key: 'Button.수정',\n  },\n  deleteTitle: {\n    key: 'Message.삭제하시겠습니까?',\n  },\n  deleteOk: {\n    key: 'Button.삭제',\n  },\n  cancel: {\n    key: 'Button.취소',\n  },\n} as const;\n\nconst translateConfirmText = (\n  translate: (key: string, options?: { defaultValue?: string }) => string,\n  { key, defaultValue }: ConfirmTranslationConfig,\n) => (defaultValue ? translate(key, { defaultValue }) : translate(key));\n\n/**\n * 확인 버튼 속성 병합\n * @param defaultColor 기본 버튼 색상\n * @param okButtonProps 사용자 버튼 속성\n */\nconst mergeOkButtonProps = (\n  defaultColor: ButtonProps['color'] | undefined,\n  okButtonProps?: ButtonProps,\n) => {\n  if (!defaultColor) {\n    return okButtonProps;\n  }\n\n  return {\n    color: defaultColor,\n    ...okButtonProps,\n  } as ButtonProps;\n};\n/**\n * 확인 대화상자 훅\n */\nexport const useConfirm = () => {\n  const dialogs = useDialogs();\n  const { t } = useOwpTranslation();\n\n  const confirmBase = (props: ConfirmBaseProps) => dialogs.open(OwpAlertDialog, props);\n\n  return {\n    confirm: confirmBase,\n    confirmInfo: async ({\n      title,\n      description,\n      okText,\n      severity,\n    }: ConfirmProps | undefined = {}) => {\n      return confirmBase({\n        title: title ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.infoTitle),\n        description,\n        okText: okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.infoOk),\n        severity: severity ?? 'primary',\n        useInfo: true,\n      });\n    },\n    confirmSave: async ({\n      title,\n      description,\n      okText,\n      cancelText,\n      okButtonProps,\n    }: ConfirmProps | undefined = {}) => {\n      return confirmBase({\n        title: title ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.saveTitle),\n        description,\n        okText: okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.saveOk),\n        cancelText,\n        okButtonProps: mergeOkButtonProps('secondary', okButtonProps),\n      });\n    },\n    confirmUpdate: async ({\n      title,\n      description,\n      okText,\n      cancelText,\n      okButtonProps,\n    }: ConfirmProps | undefined = {}) => {\n      return confirmBase({\n        title: title ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.updateTitle),\n        description,\n        okText: okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.updateOk),\n        cancelText,\n        okButtonProps: mergeOkButtonProps('secondary', okButtonProps),\n      });\n    },\n    confirmDelete: async ({\n      title,\n      description,\n      okText,\n      cancelText,\n      okButtonProps,\n    }: ConfirmProps | undefined = {}) => {\n      return confirmBase({\n        title: title ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.deleteTitle),\n        description,\n        okText: okText ?? translateConfirmText(t, CONFIRM_TRANSLATIONS.deleteOk),\n        cancelText,\n        okButtonProps: mergeOkButtonProps('error', okButtonProps),\n      });\n    },\n  };\n};\n"],"names":["CONFIRM_TRANSLATIONS","translateConfirmText","__name","translate","key","defaultValue","mergeOkButtonProps","defaultColor","okButtonProps","useConfirm","dialogs","useDialogs","t","useOwpTranslation","confirmBase","props","OwpAlertDialog","title","description","okText","severity","cancelText"],"mappings":"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"}

package/dist/index.js

@@ -5,13 +5,13 @@ import { OwpAutoLogoutDialog as c } from "./components/OwpAutoLogoutDialog/OwpAu
 import { OwpBarcodeInputField as s } from "./components/OwpBarcodeInput/OwpBarcodeInputField.js";
 import { OwpExportDataToExcelButton as P } from "./components/OwpExportExcelButton/OwpExportExcelButton.js";
 import { OwpFilePickerButton as h } from "./components/OwpFilePickerButton/OwpFilePickerButton.js";
-import { OwpMoreActionsButton as k } from "./components/OwpMoreActionsButton/OwpMoreActionsButton.js";
+import { OwpMoreActionsButton as D } from "./components/OwpMoreActionsButton/OwpMoreActionsButton.js";
 import { OwpDatePicker as B } from "./components/OwpPicker/OwpDatePicker.js";
 import { OwpDateRangePicker as L } from "./components/OwpPicker/OwpDateRangePicker.js";
 import { OwpTimePicker as G } from "./components/OwpPicker/OwpTimePicker.js";
 import { OwpWeekDatePicker as v } from "./components/OwpPicker/OwpWeekDatePicker.js";
 import { OwpYearRangePicker as M } from "./components/OwpPicker/OwpYearRangePicker.js";
-import { OwpDataTable as H } from "./components/OwpTable/OwpDataTable.js";
+import { OwpDataTable as A } from "./components/OwpTable/OwpDataTable.js";
 import { OwpTable as N, OwpTableTotalCount as W, StyledTable as Y, StyledTableRow as q } from "./components/OwpTable/OwpTable.js";
 import { OwpFieldTable as j } from "./components/OwpTable/OwpFieldTable.js";
 import { OwpTextMaskField as J } from "./components/OwpTextField/OwpTextMaskField.js";
@@ -21,94 +21,96 @@ import { default as $ } from "./components/OwpPageBreadcrumb/OwpPageBreadcrumb.j
 import { OwpErrorBoundary as oe } from "./components/OwpErrorBoundary/OwpErrorBoundary.js";
 import { OwpEventEmitter as te } from "./components/OwpEventEmitter/OwpEventEmitter.js";
 import { OwpLanguageSwitcherSelect as me } from "./components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.js";
-import { OwpDialog as xe } from "./components/OwpDialog/OwpDialog.js";
-import { CommonCodeSelector as Oe, OwpCommonCodeSelector as we } from "./components/OwpCommonCode/OwpCommonCodeSelector.js";
-import { CommonCodeQuerySelector as le, OwpCommonCodeQuerySelector as ne } from "./components/OwpCommonCode/OwpCommonCodeQuerySelector.js";
-import { CommonCodeRadioGroup as ue, OwpCommonCodeRadioGroup as ge } from "./components/OwpCommonCode/OwpCommonCodeRadioGroup.js";
-import { OwpErrorStatusPage as ce } from "./components/OwpErrorStatusPage/OwpErrorStatusPage.js";
-import { OwpFieldHelperText as se } from "./components/OwpFieldHelperText/OwpFieldHelperText.js";
-import { OwpLayout as Pe } from "./components/OwpLayout/OwpLayout.js";
-import { OwpLoading as he } from "./components/OwpLoading/OwpLoading.js";
-import { OwpMrtTable as ke } from "./components/OwpMrtTable/OwpMrtTable.js";
-import { OwpNumberField as Be } from "./components/OwpNumberField/OwpNumberField.js";
-import { OwpOptionSelector as Le } from "./components/OwpOptionSelector/OwpOptionSelector.js";
-import { OwpPageCarded as Ge } from "./components/OwpPageCarded/OwpPageCarded.js";
-import { OwpPageContent as ve } from "./components/OwpPageContent/OwpPageContent.js";
-import { OwpPageLockLoading as Me } from "./components/OwpPageLockLoading/OwpPageLockLoading.js";
-import { OwpPageTitle as He } from "./components/OwpPageTitle/OwpPageTitle.js";
-import { OwpQuerySelector as Ne } from "./components/OwpQuerySelector/OwpQuerySelector.js";
-import { OwpScrollbars as Ye } from "./components/OwpScrollbars/OwpScrollbars.js";
-import { OwpSearchFilter as Ze } from "./components/OwpSearchFilter/OwpSearchFilter.js";
-import { OwpSection as ze } from "./components/OwpSection/OwpSection.js";
-import { OwpStyleProvider as Ke } from "./components/OwpStyleProvider/OwpStyleProvider.js";
-import { OwpSuspense as Ve } from "./components/OwpSuspense/OwpSuspense.js";
-import { OwpSvgIcon as _e } from "./components/OwpSvgIcon/OwpSvgIcon.js";
-import { OwpRequiredHelperText as eo } from "./components/OwpRequiredHelperText/OwpRequiredHelperText.js";
-import { OwpTab as ro } from "./components/OwpTabs/OwpTab.js";
-import { OwpTabs as po } from "./components/OwpTabs/OwpTabs.js";
-import { OwpTreeGridExportExcelButton as ao } from "./components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.js";
-import { OwpTreeGridResetChangesButton as fo } from "./components/OwpTreeGridResetChangesButton/OwpTreeGridResetChangesButton.js";
-import { OwpTreeGrid as wo } from "./components/OwpTreeGrid/OwpTreeGrid.js";
-import { TreeGrid as lo } from "./components/OwpTreeGrid/TreeGrid.js";
-import { OwpYesNoSelector as uo } from "./components/OwpYesNoSelector/OwpYesNoSelector.js";
+import { OwpAlertDialog as xe } from "./components/OwpDialog/OwpAlertDialog.js";
+import { OwpDialog as Oe } from "./components/OwpDialog/OwpDialog.js";
+import { CommonCodeSelector as ie, OwpCommonCodeSelector as le } from "./components/OwpCommonCode/OwpCommonCodeSelector.js";
+import { CommonCodeQuerySelector as de, OwpCommonCodeQuerySelector as ue } from "./components/OwpCommonCode/OwpCommonCodeQuerySelector.js";
+import { CommonCodeRadioGroup as Te, OwpCommonCodeRadioGroup as ce } from "./components/OwpCommonCode/OwpCommonCodeRadioGroup.js";
+import { OwpErrorStatusPage as se } from "./components/OwpErrorStatusPage/OwpErrorStatusPage.js";
+import { OwpFieldHelperText as Pe } from "./components/OwpFieldHelperText/OwpFieldHelperText.js";
+import { OwpLayout as he } from "./components/OwpLayout/OwpLayout.js";
+import { OwpLoading as De } from "./components/OwpLoading/OwpLoading.js";
+import { OwpMrtTable as Be } from "./components/OwpMrtTable/OwpMrtTable.js";
+import { OwpNumberField as Le } from "./components/OwpNumberField/OwpNumberField.js";
+import { OwpOptionSelector as Ge } from "./components/OwpOptionSelector/OwpOptionSelector.js";
+import { OwpPageCarded as ve } from "./components/OwpPageCarded/OwpPageCarded.js";
+import { OwpPageContent as Me } from "./components/OwpPageContent/OwpPageContent.js";
+import { OwpPageLockLoading as Ae } from "./components/OwpPageLockLoading/OwpPageLockLoading.js";
+import { OwpPageTitle as Ne } from "./components/OwpPageTitle/OwpPageTitle.js";
+import { OwpQuerySelector as Ye } from "./components/OwpQuerySelector/OwpQuerySelector.js";
+import { OwpScrollbars as Ze } from "./components/OwpScrollbars/OwpScrollbars.js";
+import { OwpSearchFilter as ze } from "./components/OwpSearchFilter/OwpSearchFilter.js";
+import { OwpSection as Ke } from "./components/OwpSection/OwpSection.js";
+import { OwpStyleProvider as Ve } from "./components/OwpStyleProvider/OwpStyleProvider.js";
+import { OwpSuspense as _e } from "./components/OwpSuspense/OwpSuspense.js";
+import { OwpSvgIcon as eo } from "./components/OwpSvgIcon/OwpSvgIcon.js";
+import { OwpRequiredHelperText as ro } from "./components/OwpRequiredHelperText/OwpRequiredHelperText.js";
+import { OwpTab as po } from "./components/OwpTabs/OwpTab.js";
+import { OwpTabs as ao } from "./components/OwpTabs/OwpTabs.js";
+import { OwpTreeGridExportExcelButton as fo } from "./components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.js";
+import { OwpTreeGridResetChangesButton as wo } from "./components/OwpTreeGridResetChangesButton/OwpTreeGridResetChangesButton.js";
+import { OwpTreeGrid as lo } from "./components/OwpTreeGrid/OwpTreeGrid.js";
+import { TreeGrid as uo } from "./components/OwpTreeGrid/TreeGrid.js";
+import { OwpYesNoSelector as To } from "./components/OwpYesNoSelector/OwpYesNoSelector.js";
 export {
-  le as CommonCodeQuerySelector,
-  ue as CommonCodeRadioGroup,
-  Oe as CommonCodeSelector,
+  de as CommonCodeQuerySelector,
+  Te as CommonCodeRadioGroup,
+  ie as CommonCodeSelector,
   r as DialogsProvider,
+  xe as OwpAlertDialog,
   c as OwpAutoLogoutDialog,
   s as OwpBarcodeInputField,
-  ne as OwpCommonCodeQuerySelector,
-  ge as OwpCommonCodeRadioGroup,
-  we as OwpCommonCodeSelector,
-  H as OwpDataTable,
+  ue as OwpCommonCodeQuerySelector,
+  ce as OwpCommonCodeRadioGroup,
+  le as OwpCommonCodeSelector,
+  A as OwpDataTable,
   B as OwpDatePicker,
   L as OwpDateRangePicker,
-  xe as OwpDialog,
+  Oe as OwpDialog,
   oe as OwpErrorBoundary,
-  ce as OwpErrorStatusPage,
+  se as OwpErrorStatusPage,
   te as OwpEventEmitter,
   P as OwpExportDataToExcelButton,
-  se as OwpFieldHelperText,
+  Pe as OwpFieldHelperText,
   j as OwpFieldTable,
   h as OwpFilePickerButton,
   me as OwpLanguageSwitcherSelect,
-  Pe as OwpLayout,
-  he as OwpLoading,
-  k as OwpMoreActionsButton,
-  ke as OwpMrtTable,
-  Be as OwpNumberField,
-  Le as OwpOptionSelector,
+  he as OwpLayout,
+  De as OwpLoading,
+  D as OwpMoreActionsButton,
+  Be as OwpMrtTable,
+  Le as OwpNumberField,
+  Ge as OwpOptionSelector,
   $ as OwpPageBreadcrumb,
-  Ge as OwpPageCarded,
-  ve as OwpPageContent,
-  Me as OwpPageLockLoading,
-  He as OwpPageTitle,
-  Ne as OwpQuerySelector,
-  eo as OwpRequiredHelperText,
-  Ye as OwpScrollbars,
-  Ze as OwpSearchFilter,
-  ze as OwpSection,
-  Ke as OwpStyleProvider,
-  Ve as OwpSuspense,
-  _e as OwpSvgIcon,
-  ro as OwpTab,
+  ve as OwpPageCarded,
+  Me as OwpPageContent,
+  Ae as OwpPageLockLoading,
+  Ne as OwpPageTitle,
+  Ye as OwpQuerySelector,
+  ro as OwpRequiredHelperText,
+  Ze as OwpScrollbars,
+  ze as OwpSearchFilter,
+  Ke as OwpSection,
+  Ve as OwpStyleProvider,
+  _e as OwpSuspense,
+  eo as OwpSvgIcon,
+  po as OwpTab,
   N as OwpTable,
   W as OwpTableTotalCount,
-  po as OwpTabs,
+  ao as OwpTabs,
   J as OwpTextMaskField,
   G as OwpTimePicker,
-  wo as OwpTreeGrid,
-  ao as OwpTreeGridExportExcelButton,
-  fo as OwpTreeGridResetChangesButton,
+  lo as OwpTreeGrid,
+  fo as OwpTreeGridExportExcelButton,
+  wo as OwpTreeGridResetChangesButton,
   U as OwpTreeGridToolbar,
   v as OwpWeekDatePicker,
   M as OwpYearRangePicker,
-  uo as OwpYesNoSelector,
+  To as OwpYesNoSelector,
   X as OwpZoomImageSlider,
   Y as StyledTable,
   q as StyledTableRow,
-  lo as TreeGrid,
+  uo as TreeGrid,
   a as createInitialOwpSettings,
   x as defaultSettings,
   f as defaultSnackbarTheme,

package/dist/index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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