npm - @owp/core - Versions diffs - 2.5.25 → 2.5.27 - Mend

@owp/core 2.5.25 → 2.5.27

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 (74) hide show

package/dist/components/OwpPicker/OwpTimePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OwpTimePicker.js","sources":["../../../src/components/OwpPicker/OwpTimePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n IconButton,\n InputAdornment,\n type InputAdornmentProps,\n Paper,\n Popper,\n type TextFieldProps,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport {\n LocalizationProvider,\n MultiSectionDigitalClock,\n TimePicker,\n type TimePickerProps,\n} from '@mui/x-date-pickers';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport clsx from 'clsx';\nimport dayjs, { type Dayjs } from '@/dayjs';\nimport {\n type KeyboardEvent as ReactKeyboardEvent,\n type MouseEvent as ReactMouseEvent,\n type Ref,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n PICKER_INVALID_INPUT_MESSAGE_KEY,\n TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH,\n TIME_PICKER_EDITOR_SECTION_WIDTH,\n TIME_PICKER_SELECTED_ITEM_SX,\n VALUE_TIME_FORMATTER,\n VALUE_TIME_SECOND_FORMATTER,\n} from './constants';\nimport { OwpTextMaskField, type OwpTextMaskFieldChangeEvent } from '../OwpTextField';\nimport { getAdjacentFocusableElement, getPickerInputMask } from './utils';\n\nconst EMPTY_TIME_SECTION = '––';\n\nconst TIME_PICKER_TEXT_FIELD_SX = {\n '& .MuiInputBase-root': {\n alignItems: 'center',\n },\n '& .MuiInputAdornment-positionEnd': {\n marginBottom: 0,\n marginLeft: 0,\n gap: 0,\n },\n '& .MuiInputAdornment-positionEnd > :not(style) + :not(style)': {\n marginLeft: 0,\n },\n '& .MuiInputAdornment-positionEnd .MuiIconButton-root': {\n margin: 0,\n padding: 0,\n },\n '& .clearButton': {\n opacity: 1,\n visibility: 'visible',\n },\n '@media (pointer: fine)': {\n '& .clearButton': {\n opacity: 1,\n visibility: 'visible',\n },\n },\n};\n\nexport type OwpTimePickerValue = string \| Date \| Dayjs;\ntype OwpTimePickerTextFieldClickEvent = Parameters<NonNullable<TextFieldProps['onClick']>>[0];\ntype OwpTimePickerTextFieldFocusEvent = Parameters<NonNullable<TextFieldProps['onFocus']>>[0];\ntype OwpTimePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\ntype OwpTimePickerTextFieldMouseDownEvent = Parameters<\n NonNullable<TextFieldProps['onMouseDown']>\n>[0];\n\nconst isValueEditingKey = (event: OwpTimePickerTextFieldKeyDownEvent) => {\n if (event.ctrlKey \|\| event.altKey \|\| event.metaKey) {\n return false;\n }\n\n return event.key.length === 1 \|\| event.key === 'Backspace' \|\| event.key === 'Delete';\n};\n\nconst isTimePickerOpenKey = (event: OwpTimePickerTextFieldKeyDownEvent) => {\n if (\n event.ctrlKey \|\|\n event.altKey \|\|\n event.metaKey \|\|\n event.key === 'Escape' \|\|\n event.key === 'Enter' \|\|\n event.key === 'Tab'\n ) {\n return false;\n }\n\n return event.key.length === 1 \|\| event.key.startsWith('Arrow');\n};\n\n/** TimePicker 입력 값 파싱 /\nconst parseTimePickerInput = (value: string, hasSeconds: boolean) => {\n const normalizedValue = value.trim();\n const timePattern = hasSeconds ? '(\\\\d{2}):(\\\\d{2}):(\\\\d{2})' : '(\\\\d{2}):(\\\\d{2})';\n const match = normalizedValue.match(new RegExp(`^${timePattern}$`));\n\n if (!match) {\n return null;\n }\n\n const hour = Number(match[1]);\n const minute = Number(match[2]);\n const second = hasSeconds ? Number(match[3]) : 0;\n\n if (minute > 59 \|\| second > 59) {\n return null;\n }\n\n if (hour > 24 \|\| (hour === 24 && (minute > 0 \|\| second > 0))) {\n return null;\n }\n\n const valueText = [hour, minute, ...(hasSeconds ? [second] : [])]\n .map((part) => String(part).padStart(2, '0'))\n .join(':');\n\n return {\n dateValue:\n hour === 24\n ? dayjs('00:00:00', VALUE_TIME_SECOND_FORMATTER, true).add(1, 'day')\n : dayjs(valueText, hasSeconds ? VALUE_TIME_SECOND_FORMATTER : VALUE_TIME_FORMATTER, true),\n valueText,\n };\n};\n\n/* TimePicker 상단 입력 표시 값 /\nconst formatTimePickerDisplayInput = (value: Dayjs, hasSeconds: boolean) =>\n value.format(hasSeconds ? VALUE_TIME_SECOND_FORMATTER : VALUE_TIME_FORMATTER);\n\n/* input ref 값 할당 /\nconst assignInputRef = (\n inputRef: Ref<HTMLInputElement> \| undefined,\n value: HTMLInputElement \| null,\n) => {\n if (!inputRef) {\n return;\n }\n\n if (typeof inputRef === 'function') {\n inputRef(value);\n return;\n }\n\n (inputRef as { current: HTMLInputElement \| null }).current = value;\n};\n\ninterface OwnProps {\n label?: string;\n variant?: TextFieldProps['variant'];\n sx?: TextFieldProps['sx'];\n value?: OwpTimePickerValue;\n format?: string;\n useAmPm?: boolean;\n placeholder?: string;\n disabledClearButton?: boolean;\n fullWidth?: boolean;\n onChange?: (value?: string) => void;\n slotProps?: TimePickerProps<false>['slotProps'];\n textFieldProps?: Omit<TextFieldProps, 'value' \| 'defaultValue' \| 'onChange'>;\n}\n\ntype OwpTimePickerProps = OwnProps &\n Omit<\n TimePickerProps<false>,\n \| 'value'\n \| 'onChange'\n \| 'label'\n \| 'format'\n \| 'ampm'\n \| 'slotProps'\n \| 'enableAccessibleFieldDOMStructure'\n >;\n\n/\n OwpTimePicker 컴포넌트\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값, clear 버튼 동작 대상 값\n * @param format 시간 포맷\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param disabledClearButton clear 버튼 비활성화 여부\n * @param fullWidth 전체 너비 사용 여부\n * @param onChange onChange 핸들러, clear 버튼 활성화 조건\n * @param slotProps TimePicker slot props\n * @param textFieldProps TextField props\n /\nconst OwpTimePicker = ({\n label,\n variant = 'standard',\n sx,\n value,\n format = VALUE_TIME_FORMATTER,\n useAmPm,\n placeholder,\n disabledClearButton,\n fullWidth,\n onChange,\n textFieldProps,\n localeText,\n open: openProp,\n onOpen,\n onClose,\n slots,\n slotProps,\n ...timePickerProps\n}: OwpTimePickerProps) => {\n const hasSeconds = /s/i.test(format);\n const normalizedValueFormat = hasSeconds ? VALUE_TIME_SECOND_FORMATTER : VALUE_TIME_FORMATTER;\n const useMeridiem = useAmPm ?? /a/i.test(format);\n const displayFormat = useMeridiem\n ? hasSeconds\n ? 'A hh:mm:ss'\n : 'A hh:mm'\n : normalizedValueFormat;\n const resolvedCloseOnSelect = timePickerProps.closeOnSelect ?? false;\n const resolvedTimeSteps = {\n minutes: 1,\n seconds: 1,\n ...timePickerProps.timeSteps,\n };\n const timePickerViews = useMemo(\n () =>\n hasSeconds ? (['hours', 'minutes', 'seconds'] as const) : (['hours', 'minutes'] as const),\n [hasSeconds],\n );\n const closeTimePickerSectionIndex = timePickerViews.length - 1;\n const timePickerEditorWidth =\n TIME_PICKER_EDITOR_SECTION_WIDTH (timePickerViews.length + (useMeridiem ? 1 : 0));\n const [internalOpen, setInternalOpen] = useState(false);\n const [inputDraftValue, setInputDraftValue] = useState('');\n const [hasPickerInputCommitError, setHasPickerInputCommitError] = useState(false);\n const [pickerDraftValue, setPickerDraftValue] = useState<Dayjs \| null>(null);\n const rootRef = useRef<HTMLDivElement \| null>(null);\n const popperRef = useRef<HTMLDivElement \| null>(null);\n const externalInputRef = useRef<HTMLInputElement \| null>(null);\n const pickerInputRef = useRef<HTMLInputElement \| null>(null);\n const isTextFieldMouseDownRef = useRef(false);\n const skipNextOpenRef = useRef(false);\n const suppressOpenUntilRef = useRef(0);\n const skipNextTextFieldClickRef = useRef(false);\n const { t, i18n } = useOwpTranslation();\n const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n const adapterLocale = languageId === 'kr' ? 'ko' : 'en';\n const resolvedLocaleText = {\n okButtonLabel: t('Button.확인'),\n clearButtonLabel: t('Button.초기화'),\n fieldHoursPlaceholder: () => EMPTY_TIME_SECTION,\n fieldMinutesPlaceholder: () => EMPTY_TIME_SECTION,\n fieldMeridiemPlaceholder: () => EMPTY_TIME_SECTION,\n ...localeText,\n };\n const resolvedPlaceholder = placeholder ?? (useMeridiem ? '–– ––:––' : '––:––');\n const resolvedTextFieldSx = [TIME_PICKER_TEXT_FIELD_SX, sx, textFieldProps?.sx].filter(\n Boolean,\n ) as SxProps<Theme>;\n const isClearDisabled = Boolean(\n disabledClearButton \|\| timePickerProps.disabled \|\| timePickerProps.readOnly,\n );\n const canClear = Boolean(onChange) && !disabledClearButton;\n const isControlledOpen = openProp !== undefined;\n const isOpen = isControlledOpen ? openProp : internalOpen;\n const setPickerInputDraftValue = useCallback((nextValue: string) => {\n setInputDraftValue(nextValue);\n setHasPickerInputCommitError(false);\n }, []);\n\n const selectedValue = useMemo(() => {\n if (!value) {\n return null;\n }\n\n if (dayjs.isDayjs(value)) {\n return value;\n }\n\n if (typeof value === 'string') {\n const parsedInputValue = parseTimePickerInput(value, hasSeconds);\n\n if (parsedInputValue?.dateValue.isValid()) {\n return parsedInputValue.dateValue;\n }\n\n const parsedValue = dayjs(value, normalizedValueFormat, true);\n return parsedValue.isValid() ? parsedValue : null;\n }\n\n const parsedValue = dayjs(value);\n return parsedValue.isValid() ? parsedValue : null;\n }, [hasSeconds, normalizedValueFormat, value]);\n\n const selectedInputValue = useMemo(() => {\n if (!value) {\n return '';\n }\n\n if (typeof value === 'string') {\n const parsedValue = dayjs(value, normalizedValueFormat, true);\n\n if (parsedValue.isValid()) {\n return formatTimePickerDisplayInput(parsedValue, hasSeconds);\n }\n\n return value;\n }\n\n const parsedValue = dayjs(value);\n return parsedValue.isValid() ? formatTimePickerDisplayInput(parsedValue, hasSeconds) : '';\n }, [hasSeconds, normalizedValueFormat, value]);\n\n const handleChange = (nextValue: Dayjs \| null) => {\n const nextValueText = nextValue?.isValid()\n ? nextValue.format(normalizedValueFormat)\n : undefined;\n setPickerInputDraftValue(\n nextValue?.isValid() ? formatTimePickerDisplayInput(nextValue, hasSeconds) : '',\n );\n onChange?.(nextValueText);\n };\n\n const commitInputDraftValue = useCallback(\n (showError?: boolean) => {\n if (!inputDraftValue) {\n setPickerInputDraftValue('');\n onChange?.('');\n\n return true;\n }\n\n const parsedInput = parseTimePickerInput(inputDraftValue, hasSeconds);\n\n if (!parsedInput?.dateValue.isValid()) {\n if (showError && inputDraftValue) {\n setHasPickerInputCommitError(true);\n }\n\n return false;\n }\n\n setPickerInputDraftValue(parsedInput.valueText);\n onChange?.(parsedInput.valueText);\n\n return true;\n },\n [hasSeconds, inputDraftValue, onChange, setPickerInputDraftValue],\n );\n\n const handleOpen = useCallback(() => {\n if (skipNextOpenRef.current \|\| Date.now() < suppressOpenUntilRef.current) {\n skipNextOpenRef.current = false;\n return;\n }\n\n if (!isControlledOpen) {\n setInternalOpen(true);\n }\n\n setPickerInputDraftValue(selectedInputValue);\n setPickerDraftValue(selectedValue);\n onOpen?.();\n }, [isControlledOpen, onOpen, selectedInputValue, selectedValue, setPickerInputDraftValue]);\n\n const closePicker = useCallback(() => {\n if (!isControlledOpen) {\n setInternalOpen(false);\n }\n\n onClose?.();\n }, [isControlledOpen, onClose]);\n\n const handleClose = useCallback(() => {\n commitInputDraftValue();\n closePicker();\n }, [closePicker, commitInputDraftValue]);\n\n const handleClickAwayClose = useCallback(() => {\n suppressOpenUntilRef.current = Date.now() + 200;\n handleClose();\n }, [handleClose]);\n\n const closePickerWithoutReopen = useCallback(() => {\n suppressOpenUntilRef.current = Date.now() + 200;\n closePicker();\n }, [closePicker]);\n\n const focusAdjacentElement = useCallback((isBackward?: boolean) => {\n const rootElement = rootRef.current;\n\n if (!rootElement) {\n return;\n }\n\n window.requestAnimationFrame(() => {\n getAdjacentFocusableElement(rootElement, isBackward)?.focus();\n });\n }, []);\n\n const focusExternalInput = useCallback(() => {\n window.requestAnimationFrame(() => {\n externalInputRef.current?.focus();\n });\n }, []);\n\n const handleTextFieldInputRef = useCallback(\n (input: HTMLInputElement \| null) => {\n externalInputRef.current = input;\n assignInputRef(textFieldProps?.inputRef as Ref<HTMLInputElement> \| undefined, input);\n },\n [textFieldProps?.inputRef],\n );\n\n const handleClear = () => {\n onChange?.('');\n setPickerInputDraftValue('');\n };\n\n const handlePickerInputChange = useCallback(\n (event: OwpTextMaskFieldChangeEvent) => {\n const nextInputValue = event.target.value;\n const parsedInput = parseTimePickerInput(nextInputValue, hasSeconds);\n\n setPickerInputDraftValue(nextInputValue);\n\n if (parsedInput?.dateValue.isValid()) {\n setPickerDraftValue(parsedInput.dateValue);\n }\n },\n [hasSeconds, setPickerInputDraftValue],\n );\n\n const stopPickerInputKeyboardEvent = useCallback(\n (event: ReactKeyboardEvent<HTMLInputElement>) => {\n event.stopPropagation();\n event.nativeEvent.stopImmediatePropagation();\n },\n [],\n );\n\n const handlePickerInputKeyDown = useCallback(\n (event: ReactKeyboardEvent<HTMLInputElement>) => {\n stopPickerInputKeyboardEvent(event);\n\n if (event.key === 'Escape') {\n event.preventDefault();\n suppressOpenUntilRef.current = Date.now() + 200;\n setPickerInputDraftValue(selectedInputValue);\n setPickerDraftValue(selectedValue);\n closePicker();\n focusExternalInput();\n return;\n }\n\n if (event.key === 'Tab') {\n event.preventDefault();\n\n if (!commitInputDraftValue(true)) {\n return;\n }\n\n suppressOpenUntilRef.current = Date.now() + 200;\n closePicker();\n focusAdjacentElement(event.shiftKey);\n return;\n }\n\n if (event.key !== 'Enter') {\n return;\n }\n\n event.preventDefault();\n if (commitInputDraftValue(true)) {\n suppressOpenUntilRef.current = Date.now() + 200;\n closePicker();\n focusExternalInput();\n }\n },\n [\n closePicker,\n commitInputDraftValue,\n focusAdjacentElement,\n focusExternalInput,\n selectedInputValue,\n selectedValue,\n setPickerInputDraftValue,\n stopPickerInputKeyboardEvent,\n ],\n );\n\n const handlePickerInputClear = useCallback(\n (event: ReactMouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n onChange?.('');\n setPickerInputDraftValue('');\n setPickerDraftValue(null);\n pickerInputRef.current?.focus();\n },\n [onChange, setPickerInputDraftValue],\n );\n\n const handlePickerClockChange = useCallback(\n (nextValue: Dayjs \| null, selectedView?: string) => {\n if (!nextValue?.isValid()) {\n return;\n }\n\n const nextValueText = nextValue.format(normalizedValueFormat);\n\n setPickerDraftValue(nextValue);\n setPickerInputDraftValue(nextValueText);\n\n if (selectedView !== timePickerViews[closeTimePickerSectionIndex]) {\n return;\n }\n\n suppressOpenUntilRef.current = Date.now() + 200;\n onChange?.(nextValueText);\n closePickerWithoutReopen();\n focusExternalInput();\n },\n [\n closeTimePickerSectionIndex,\n closePickerWithoutReopen,\n focusExternalInput,\n normalizedValueFormat,\n onChange,\n setPickerInputDraftValue,\n timePickerViews,\n ],\n );\n\n const handleTextFieldMouseDown = useCallback(\n (event: OwpTimePickerTextFieldMouseDownEvent) => {\n textFieldProps?.onMouseDown?.(event);\n isTextFieldMouseDownRef.current = true;\n },\n [textFieldProps],\n );\n\n const handleTextFieldFocus = useCallback(\n (event: OwpTimePickerTextFieldFocusEvent) => {\n textFieldProps?.onFocus?.(event);\n\n if (\n event.defaultPrevented \|\|\n timePickerProps.disabled \|\|\n timePickerProps.readOnly \|\|\n isOpen\n ) {\n return;\n }\n\n skipNextTextFieldClickRef.current = isTextFieldMouseDownRef.current;\n handleOpen();\n },\n [handleOpen, isOpen, textFieldProps, timePickerProps.disabled, timePickerProps.readOnly],\n );\n\n const handleTextFieldClick = useCallback(\n (event: OwpTimePickerTextFieldClickEvent) => {\n textFieldProps?.onClick?.(event);\n\n if (event.defaultPrevented \|\| timePickerProps.disabled \|\| timePickerProps.readOnly) {\n return;\n }\n\n if (skipNextTextFieldClickRef.current) {\n skipNextTextFieldClickRef.current = false;\n isTextFieldMouseDownRef.current = false;\n return;\n }\n\n isTextFieldMouseDownRef.current = false;\n\n if (isOpen) {\n skipNextOpenRef.current = true;\n handleClose();\n queueMicrotask(() => {\n skipNextOpenRef.current = false;\n });\n return;\n }\n\n handleOpen();\n },\n [\n handleClose,\n handleOpen,\n isOpen,\n textFieldProps,\n timePickerProps.disabled,\n timePickerProps.readOnly,\n ],\n );\n\n const handleTextFieldKeyDown = useCallback(\n (event: OwpTimePickerTextFieldKeyDownEvent) => {\n textFieldProps?.onKeyDown?.(event);\n\n if (event.defaultPrevented \|\| timePickerProps.disabled \|\| timePickerProps.readOnly) {\n return;\n }\n\n if (!isOpen && isTimePickerOpenKey(event)) {\n event.preventDefault();\n handleOpen();\n return;\n }\n\n if (!isOpen \|\| !isValueEditingKey(event)) {\n return;\n }\n\n handleClose();\n },\n [\n handleClose,\n handleOpen,\n isOpen,\n textFieldProps,\n timePickerProps.disabled,\n timePickerProps.readOnly,\n ],\n );\n\n useEffect(() => {\n if (!isOpen) {\n return;\n }\n\n setPickerInputDraftValue(selectedInputValue);\n setPickerDraftValue(selectedValue);\n }, [isOpen, selectedInputValue, selectedValue, setPickerInputDraftValue]);\n\n useEffect(() => {\n if (!isOpen) {\n return undefined;\n }\n\n const animationFrameId = window.requestAnimationFrame(() => {\n pickerInputRef.current?.focus();\n });\n\n return () => {\n window.cancelAnimationFrame(animationFrameId);\n };\n }, [isOpen]);\n\n useEffect(() => {\n if (!isOpen) {\n return undefined;\n }\n\n const handleDocumentMouseDown = (event: MouseEvent) => {\n const target = event.target;\n\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.current?.contains(target) \|\| popperRef.current?.contains(target)) {\n return;\n }\n\n handleClickAwayClose();\n };\n\n document.addEventListener('mousedown', handleDocumentMouseDown, true);\n\n return () => {\n document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n };\n }, [handleClickAwayClose, isOpen]);\n\n const TimePickerInputAdornment = ({ position, children, ...restProps }: InputAdornmentProps) => (\n <InputAdornment position={position} {...restProps}>\n {position === 'end' && canClear && (\n <IconButton\n className=\"clearButton\"\n size=\"small\"\n tabIndex={-1}\n aria-label={resolvedLocaleText.clearButtonLabel}\n disabled={isClearDisabled}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n handleClear();\n }}\n >\n <ClearIcon fontSize=\"small\" />\n </IconButton>\n )}\n {children}\n </InputAdornment>\n );\n\n return (\n <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n <div ref={rootRef}>\n <TimePicker\n {...timePickerProps}\n enableAccessibleFieldDOMStructure={false}\n ampm={useMeridiem}\n open={false}\n closeOnSelect={resolvedCloseOnSelect}\n timeSteps={resolvedTimeSteps}\n label={label}\n value={selectedValue}\n views={timePickerViews}\n format={displayFormat}\n localeText={resolvedLocaleText}\n onChange={handleChange}\n onOpen={handleOpen}\n onClose={handleClose}\n slots={{\n ...slots,\n inputAdornment: TimePickerInputAdornment,\n }}\n slotProps={{\n ...slotProps,\n openPickerButton: {\n ...(typeof slotProps?.openPickerButton === 'function'\n ? undefined\n : slotProps?.openPickerButton),\n size: 'small',\n tabIndex: -1,\n onClick: (event) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!isOpen) {\n handleOpen();\n }\n },\n sx: {\n margin: 0,\n padding: 0,\n },\n },\n openPickerIcon: {\n ...(typeof slotProps?.openPickerIcon === 'function'\n ? undefined\n : slotProps?.openPickerIcon),\n fontSize: 'small',\n },\n inputAdornment: {\n ...(typeof slotProps?.inputAdornment === 'function'\n ? undefined\n : slotProps?.inputAdornment),\n sx: {\n marginBottom: 0,\n marginLeft: 0,\n gap: 0,\n ...(typeof slotProps?.inputAdornment === 'function'\n ? undefined\n : slotProps?.inputAdornment?.sx),\n },\n },\n textField: {\n variant,\n fullWidth,\n ...textFieldProps,\n className: clsx(\n !fullWidth && (useMeridiem ? 'w-[160px]' : 'w-[140px]'),\n textFieldProps?.className,\n ),\n onMouseDown: handleTextFieldMouseDown,\n onFocus: handleTextFieldFocus,\n onClick: handleTextFieldClick,\n onKeyDown: handleTextFieldKeyDown,\n inputRef: handleTextFieldInputRef,\n placeholder: resolvedPlaceholder,\n sx: resolvedTextFieldSx,\n },\n }}\n />\n <Popper\n open={isOpen}\n anchorEl={rootRef.current}\n placement=\"bottom-end\"\n ref={popperRef}\n modifiers={[\n {\n name: 'offset',\n options: {\n offset: [0, 7],\n },\n },\n ]}\n sx={{ zIndex: (theme) => theme.zIndex.modal }}\n >\n <Paper\n elevation={8}\n onClick={(event) => {\n event.stopPropagation();\n }}\n onKeyDown={(event) => {\n event.stopPropagation();\n }}\n onKeyUp={(event) => {\n event.stopPropagation();\n }}\n onMouseDown={(event) => {\n event.stopPropagation();\n }}\n sx={{\n borderRadius: 1,\n lineHeight: 0,\n overflow: 'hidden',\n width: timePickerEditorWidth,\n }}\n >\n <OwpTextMaskField\n autoFocus\n inputRef={pickerInputRef}\n fullWidth\n size=\"small\"\n variant=\"outlined\"\n value={inputDraftValue}\n error={hasPickerInputCommitError}\n helperText={\n hasPickerInputCommitError ? t(PICKER_INVALID_INPUT_MESSAGE_KEY) : undefined\n }\n mask={getPickerInputMask(normalizedValueFormat)}\n placeholder={normalizedValueFormat}\n onChange={handlePickerInputChange}\n onKeyDown={handlePickerInputKeyDown}\n inputProps={{\n inputMode: 'numeric',\n 'aria-label': normalizedValueFormat,\n }}\n endAdornment={\n <InputAdornment\n position=\"end\"\n sx={{\n marginLeft: 0,\n }}\n >\n <IconButton\n size=\"small\"\n tabIndex={-1}\n aria-label={resolvedLocaleText.clearButtonLabel}\n disabled={!inputDraftValue}\n onClick={handlePickerInputClear}\n onMouseDown={(event) => {\n event.preventDefault();\n event.stopPropagation();\n }}\n sx={{\n margin: 0,\n padding: 0.25,\n }}\n >\n <ClearIcon fontSize=\"small\" />\n </IconButton>\n </InputAdornment>\n }\n sx={{\n boxSizing: 'border-box',\n width: timePickerEditorWidth,\n px: 1,\n py: 1,\n '& .MuiOutlinedInput-root': {\n borderRadius: 0.75,\n fontSize: 13,\n paddingRight: 0.5,\n },\n }}\n />\n <MultiSectionDigitalClock\n ampm={useMeridiem}\n value={pickerDraftValue}\n views={timePickerViews}\n onChange={(nextValue, _selectionState, selectedView) =>\n handlePickerClockChange(nextValue, selectedView)\n }\n timeSteps={resolvedTimeSteps}\n slotProps={{\n digitalClockSectionItem: {\n sx: TIME_PICKER_SELECTED_ITEM_SX,\n },\n }}\n sx={{\n border: 0,\n width: timePickerEditorWidth,\n '& .MuiMultiSectionDigitalClockSection-root': {\n border: 0,\n boxSizing: 'border-box',\n width: TIME_PICKER_EDITOR_SECTION_WIDTH,\n flex: `0 0 ${TIME_PICKER_EDITOR_SECTION_WIDTH}px`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n '& .MuiMultiSectionDigitalClockSection-item': {\n alignSelf: 'stretch',\n boxSizing: 'border-box',\n width: TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH,\n minWidth: TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH,\n justifyContent: 'center',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n }}\n />\n </Paper>\n </Popper>\n </div>\n </LocalizationProvider>\n );\n};\n\nexport { OwpTimePicker };\n"],"names":["EMPTY_TIME_SECTION","TIME_PICKER_TEXT_FIELD_SX","isValueEditingKey","__name","event","isTimePickerOpenKey","parseTimePickerInput","value","hasSeconds","normalizedValue","timePattern","match","hour","minute","second","valueText","part","dayjs","VALUE_TIME_SECOND_FORMATTER","VALUE_TIME_FORMATTER","formatTimePickerDisplayInput","assignInputRef","inputRef","OwpTimePicker","label","variant","sx","format","useAmPm","placeholder","disabledClearButton","fullWidth","onChange","textFieldProps","localeText","openProp","onOpen","onClose","slots","slotProps","timePickerProps","normalizedValueFormat","useMeridiem","displayFormat","resolvedCloseOnSelect","resolvedTimeSteps","timePickerViews","useMemo","closeTimePickerSectionIndex","timePickerEditorWidth","TIME_PICKER_EDITOR_SECTION_WIDTH","internalOpen","setInternalOpen","useState","inputDraftValue","setInputDraftValue","hasPickerInputCommitError","setHasPickerInputCommitError","pickerDraftValue","setPickerDraftValue","rootRef","useRef","popperRef","externalInputRef","pickerInputRef","isTextFieldMouseDownRef","skipNextOpenRef","suppressOpenUntilRef","skipNextTextFieldClickRef","t","i18n","useOwpTranslation","adapterLocale","resolvedLocaleText","resolvedPlaceholder","resolvedTextFieldSx","isClearDisabled","canClear","isControlledOpen","isOpen","setPickerInputDraftValue","useCallback","nextValue","selectedValue","parsedInputValue","parsedValue","selectedInputValue","handleChange","nextValueText","commitInputDraftValue","showError","parsedInput","handleOpen","closePicker","handleClose","handleClickAwayClose","closePickerWithoutReopen","focusAdjacentElement","isBackward","rootElement","_a","getAdjacentFocusableElement","focusExternalInput","handleTextFieldInputRef","input","handleClear","handlePickerInputChange","nextInputValue","stopPickerInputKeyboardEvent","handlePickerInputKeyDown","handlePickerInputClear","handlePickerClockChange","selectedView","handleTextFieldMouseDown","handleTextFieldFocus","handleTextFieldClick","handleTextFieldKeyDown","useEffect","animationFrameId","handleDocumentMouseDown","target","_b","jsx","LocalizationProvider","AdapterDayjs","jsxs","TimePicker","position","children","restProps","InputAdornment","IconButton","ClearIcon","clsx","Popper","theme","Paper","OwpTextMaskField","PICKER_INVALID_INPUT_MESSAGE_KEY","getPickerInputMask","MultiSectionDigitalClock","_selectionState","TIME_PICKER_SELECTED_ITEM_SX","TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH"],"mappings":"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"}
1	+ {"version":3,"file":"OwpTimePicker.js","sources":["../../../src/components/OwpPicker/OwpTimePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n IconButton,\n InputAdornment,\n type InputAdornmentProps,\n Paper,\n Popper,\n type TextFieldProps,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport {\n LocalizationProvider,\n MultiSectionDigitalClock,\n TimePicker,\n type TimePickerProps,\n} from '@mui/x-date-pickers';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport clsx from 'clsx';\nimport dayjs, { type Dayjs } from '@/dayjs';\nimport {\n type CSSProperties,\n type KeyboardEvent as ReactKeyboardEvent,\n type MouseEvent as ReactMouseEvent,\n type Ref,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n PICKER_INVALID_INPUT_MESSAGE_KEY,\n TIME_PICKER_EDITOR_SECTION_WIDTH,\n TIME_PICKER_SELECTED_ITEM_SX,\n VALUE_TIME_FORMATTER,\n VALUE_TIME_SECOND_FORMATTER,\n} from './constants';\nimport {\n getOwpPickerEditorInputSx,\n getOwpPickerEditorPaperSx,\n getOwpTimePickerClockSx,\n} from './internal/pickerEditorStyles';\nimport {\n PICKER_EXIT_TRANSFORM_DELAY,\n PICKER_TRANSFORM_TRANSITION_DURATION,\n PICKER_TRANSITION_DURATION,\n useOwpPickerPopperTransition,\n} from './internal/useOwpPickerPopperTransition';\nimport { OwpTextMaskField, type OwpTextMaskFieldChangeEvent } from '../OwpTextField';\nimport { getAdjacentFocusableElement, getPickerInputMask } from './utils';\n\nconst EMPTY_TIME_SECTION = '––';\n\nconst TIME_PICKER_TEXT_FIELD_SX = {\n '& .MuiInputBase-root': {\n alignItems: 'center',\n },\n '& .MuiInputAdornment-positionEnd': {\n marginBottom: 0,\n marginLeft: 0,\n gap: 0,\n },\n '& .MuiInputAdornment-positionEnd > :not(style) + :not(style)': {\n marginLeft: 0,\n },\n '& .MuiInputAdornment-positionEnd .MuiIconButton-root': {\n margin: 0,\n padding: 0,\n },\n '& .clearButton': {\n opacity: 1,\n visibility: 'visible',\n },\n '@media (pointer: fine)': {\n '& .clearButton': {\n opacity: 1,\n visibility: 'visible',\n },\n },\n};\n\nexport type OwpTimePickerValue = string \| Date \| Dayjs;\ntype OwpTimePickerTextFieldClickEvent = Parameters<NonNullable<TextFieldProps['onClick']>>[0];\ntype OwpTimePickerTextFieldFocusEvent = Parameters<NonNullable<TextFieldProps['onFocus']>>[0];\ntype OwpTimePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\ntype OwpTimePickerTextFieldMouseDownEvent = Parameters<\n NonNullable<TextFieldProps['onMouseDown']>\n>[0];\n\nconst isValueEditingKey = (event: OwpTimePickerTextFieldKeyDownEvent) => {\n if (event.ctrlKey \|\| event.altKey \|\| event.metaKey) {\n return false;\n }\n\n return event.key.length === 1 \|\| event.key === 'Backspace' \|\| event.key === 'Delete';\n};\n\nconst isTimePickerOpenKey = (event: OwpTimePickerTextFieldKeyDownEvent) => {\n if (\n event.ctrlKey \|\|\n event.altKey \|\|\n event.metaKey \|\|\n event.key === 'Escape' \|\|\n event.key === 'Enter' \|\|\n event.key === 'Tab'\n ) {\n return false;\n }\n\n return event.key.length === 1 \|\| event.key.startsWith('Arrow');\n};\n\n/** TimePicker 입력 값 파싱 /\nconst parseTimePickerInput = (value: string, hasSeconds: boolean) => {\n const normalizedValue = value.trim();\n const timePattern = hasSeconds ? '(\\\\d{2}):(\\\\d{2}):(\\\\d{2})' : '(\\\\d{2}):(\\\\d{2})';\n const match = normalizedValue.match(new RegExp(`^${timePattern}$`));\n\n if (!match) {\n return null;\n }\n\n const hour = Number(match[1]);\n const minute = Number(match[2]);\n const second = hasSeconds ? Number(match[3]) : 0;\n\n if (minute > 59 \|\| second > 59) {\n return null;\n }\n\n if (hour > 24 \|\| (hour === 24 && (minute > 0 \|\| second > 0))) {\n return null;\n }\n\n const valueText = [hour, minute, ...(hasSeconds ? [second] : [])]\n .map((part) => String(part).padStart(2, '0'))\n .join(':');\n\n return {\n dateValue:\n hour === 24\n ? dayjs('00:00:00', VALUE_TIME_SECOND_FORMATTER, true).add(1, 'day')\n : dayjs(valueText, hasSeconds ? VALUE_TIME_SECOND_FORMATTER : VALUE_TIME_FORMATTER, true),\n valueText,\n };\n};\n\n/* TimePicker 상단 입력 표시 값 /\nconst formatTimePickerDisplayInput = (value: Dayjs, hasSeconds: boolean) =>\n value.format(hasSeconds ? VALUE_TIME_SECOND_FORMATTER : VALUE_TIME_FORMATTER);\n\n/* input ref 값 할당 /\nconst assignInputRef = (\n inputRef: Ref<HTMLInputElement> \| undefined,\n value: HTMLInputElement \| null,\n) => {\n if (!inputRef) {\n return;\n }\n\n if (typeof inputRef === 'function') {\n inputRef(value);\n return;\n }\n\n (inputRef as { current: HTMLInputElement \| null }).current = value;\n};\n\ninterface OwnProps {\n label?: string;\n variant?: TextFieldProps['variant'];\n sx?: TextFieldProps['sx'];\n value?: OwpTimePickerValue;\n format?: string;\n useAmPm?: boolean;\n placeholder?: string;\n disabledClearButton?: boolean;\n fullWidth?: boolean;\n onChange?: (value?: string) => void;\n slotProps?: TimePickerProps<false>['slotProps'];\n textFieldProps?: Omit<TextFieldProps, 'value' \| 'defaultValue' \| 'onChange'>;\n}\n\ntype OwpTimePickerProps = OwnProps &\n Omit<\n TimePickerProps<false>,\n \| 'value'\n \| 'onChange'\n \| 'label'\n \| 'format'\n \| 'ampm'\n \| 'slotProps'\n \| 'enableAccessibleFieldDOMStructure'\n >;\n\n/\n OwpTimePicker 컴포넌트\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값, clear 버튼 동작 대상 값\n * @param format 시간 포맷\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param disabledClearButton clear 버튼 비활성화 여부\n * @param fullWidth 전체 너비 사용 여부\n * @param onChange onChange 핸들러, clear 버튼 활성화 조건\n * @param slotProps TimePicker slot props\n * @param textFieldProps TextField props\n /\nconst OwpTimePicker = ({\n label,\n variant = 'standard',\n sx,\n value,\n format = VALUE_TIME_FORMATTER,\n useAmPm,\n placeholder,\n disabledClearButton,\n fullWidth,\n onChange,\n textFieldProps,\n localeText,\n open: openProp,\n onOpen,\n onClose,\n slots,\n slotProps,\n ...timePickerProps\n}: OwpTimePickerProps) => {\n const hasSeconds = /s/i.test(format);\n const normalizedValueFormat = hasSeconds ? VALUE_TIME_SECOND_FORMATTER : VALUE_TIME_FORMATTER;\n const useMeridiem = useAmPm ?? /a/i.test(format);\n const displayFormat = useMeridiem\n ? hasSeconds\n ? 'A hh:mm:ss'\n : 'A hh:mm'\n : normalizedValueFormat;\n const resolvedCloseOnSelect = timePickerProps.closeOnSelect ?? false;\n const resolvedTimeSteps = {\n minutes: 1,\n seconds: 1,\n ...timePickerProps.timeSteps,\n };\n const timePickerViews = useMemo(\n () =>\n hasSeconds ? (['hours', 'minutes', 'seconds'] as const) : (['hours', 'minutes'] as const),\n [hasSeconds],\n );\n const closeTimePickerSectionIndex = timePickerViews.length - 1;\n const timePickerEditorWidth =\n TIME_PICKER_EDITOR_SECTION_WIDTH (timePickerViews.length + (useMeridiem ? 1 : 0));\n const [internalOpen, setInternalOpen] = useState(false);\n const [inputDraftValue, setInputDraftValue] = useState('');\n const [hasPickerInputCommitError, setHasPickerInputCommitError] = useState(false);\n const [pickerDraftValue, setPickerDraftValue] = useState<Dayjs \| null>(null);\n const rootRef = useRef<HTMLDivElement \| null>(null);\n const popperRef = useRef<HTMLDivElement \| null>(null);\n const externalInputRef = useRef<HTMLInputElement \| null>(null);\n const pickerInputRef = useRef<HTMLInputElement \| null>(null);\n const isTextFieldMouseDownRef = useRef(false);\n const skipNextOpenRef = useRef(false);\n const suppressOpenUntilRef = useRef(0);\n const skipNextTextFieldClickRef = useRef(false);\n const { t, i18n } = useOwpTranslation();\n const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n const adapterLocale = languageId === 'kr' ? 'ko' : 'en';\n const resolvedLocaleText = {\n okButtonLabel: t('Button.확인'),\n clearButtonLabel: t('Button.초기화'),\n fieldHoursPlaceholder: () => EMPTY_TIME_SECTION,\n fieldMinutesPlaceholder: () => EMPTY_TIME_SECTION,\n fieldMeridiemPlaceholder: () => EMPTY_TIME_SECTION,\n ...localeText,\n };\n const resolvedPlaceholder = placeholder ?? (useMeridiem ? '–– ––:––' : '––:––');\n const resolvedTextFieldSx = [TIME_PICKER_TEXT_FIELD_SX, sx, textFieldProps?.sx].filter(\n Boolean,\n ) as SxProps<Theme>;\n const isClearDisabled = Boolean(\n disabledClearButton \|\| timePickerProps.disabled \|\| timePickerProps.readOnly,\n );\n const canClear = Boolean(onChange) && !disabledClearButton;\n const isControlledOpen = openProp !== undefined;\n const isOpen = isControlledOpen ? openProp : internalOpen;\n const popperTransition = useOwpPickerPopperTransition(isOpen);\n const setPickerInputDraftValue = useCallback((nextValue: string) => {\n setInputDraftValue(nextValue);\n setHasPickerInputCommitError(false);\n }, []);\n const focusPickerInput = useCallback(() => {\n pickerInputRef.current?.focus();\n }, []);\n\n const selectedValue = useMemo(() => {\n if (!value) {\n return null;\n }\n\n if (dayjs.isDayjs(value)) {\n return value;\n }\n\n if (typeof value === 'string') {\n const parsedInputValue = parseTimePickerInput(value, hasSeconds);\n\n if (parsedInputValue?.dateValue.isValid()) {\n return parsedInputValue.dateValue;\n }\n\n const parsedValue = dayjs(value, normalizedValueFormat, true);\n return parsedValue.isValid() ? parsedValue : null;\n }\n\n const parsedValue = dayjs(value);\n return parsedValue.isValid() ? parsedValue : null;\n }, [hasSeconds, normalizedValueFormat, value]);\n\n const selectedInputValue = useMemo(() => {\n if (!value) {\n return '';\n }\n\n if (typeof value === 'string') {\n const parsedValue = dayjs(value, normalizedValueFormat, true);\n\n if (parsedValue.isValid()) {\n return formatTimePickerDisplayInput(parsedValue, hasSeconds);\n }\n\n return value;\n }\n\n const parsedValue = dayjs(value);\n return parsedValue.isValid() ? formatTimePickerDisplayInput(parsedValue, hasSeconds) : '';\n }, [hasSeconds, normalizedValueFormat, value]);\n\n const handleChange = (nextValue: Dayjs \| null) => {\n const nextValueText = nextValue?.isValid()\n ? nextValue.format(normalizedValueFormat)\n : undefined;\n setPickerInputDraftValue(\n nextValue?.isValid() ? formatTimePickerDisplayInput(nextValue, hasSeconds) : '',\n );\n onChange?.(nextValueText);\n };\n\n const commitInputDraftValue = useCallback(\n (showError?: boolean) => {\n if (!inputDraftValue) {\n setPickerInputDraftValue('');\n onChange?.('');\n\n return true;\n }\n\n const parsedInput = parseTimePickerInput(inputDraftValue, hasSeconds);\n\n if (!parsedInput?.dateValue.isValid()) {\n if (showError && inputDraftValue) {\n setHasPickerInputCommitError(true);\n }\n\n return false;\n }\n\n setPickerInputDraftValue(parsedInput.valueText);\n onChange?.(parsedInput.valueText);\n\n return true;\n },\n [hasSeconds, inputDraftValue, onChange, setPickerInputDraftValue],\n );\n\n const handleOpen = useCallback(() => {\n if (skipNextOpenRef.current \|\| Date.now() < suppressOpenUntilRef.current) {\n skipNextOpenRef.current = false;\n return;\n }\n\n if (!isControlledOpen) {\n setInternalOpen(true);\n }\n\n setPickerInputDraftValue(selectedInputValue);\n setPickerDraftValue(selectedValue);\n onOpen?.();\n }, [isControlledOpen, onOpen, selectedInputValue, selectedValue, setPickerInputDraftValue]);\n\n const closePicker = useCallback(() => {\n if (!isControlledOpen) {\n setInternalOpen(false);\n }\n\n onClose?.();\n }, [isControlledOpen, onClose]);\n\n const handleClose = useCallback(() => {\n commitInputDraftValue();\n closePicker();\n }, [closePicker, commitInputDraftValue]);\n\n const handleClickAwayClose = useCallback(() => {\n suppressOpenUntilRef.current = Date.now() + 200;\n handleClose();\n }, [handleClose]);\n\n const closePickerWithoutReopen = useCallback(() => {\n suppressOpenUntilRef.current = Date.now() + 200;\n closePicker();\n }, [closePicker]);\n\n const focusAdjacentElement = useCallback((isBackward?: boolean) => {\n const rootElement = rootRef.current;\n\n if (!rootElement) {\n return;\n }\n\n window.requestAnimationFrame(() => {\n getAdjacentFocusableElement(rootElement, isBackward)?.focus();\n });\n }, []);\n\n const focusExternalInput = useCallback(() => {\n window.requestAnimationFrame(() => {\n externalInputRef.current?.focus();\n });\n }, []);\n\n const handleTextFieldInputRef = useCallback(\n (input: HTMLInputElement \| null) => {\n externalInputRef.current = input;\n assignInputRef(textFieldProps?.inputRef as Ref<HTMLInputElement> \| undefined, input);\n },\n [textFieldProps?.inputRef],\n );\n\n const handlePickerInputRef = useCallback(\n (input: HTMLInputElement \| null) => {\n pickerInputRef.current = input;\n\n if (!input \|\| !isOpen) {\n return;\n }\n\n window.requestAnimationFrame(() => {\n focusPickerInput();\n });\n window.setTimeout(() => {\n focusPickerInput();\n });\n },\n [focusPickerInput, isOpen],\n );\n\n const handleClear = () => {\n onChange?.('');\n setPickerInputDraftValue('');\n };\n\n const handlePickerInputChange = useCallback(\n (event: OwpTextMaskFieldChangeEvent) => {\n const nextInputValue = event.target.value;\n const parsedInput = parseTimePickerInput(nextInputValue, hasSeconds);\n\n setPickerInputDraftValue(nextInputValue);\n\n if (parsedInput?.dateValue.isValid()) {\n setPickerDraftValue(parsedInput.dateValue);\n }\n },\n [hasSeconds, setPickerInputDraftValue],\n );\n\n const stopPickerInputKeyboardEvent = useCallback(\n (event: ReactKeyboardEvent<HTMLInputElement>) => {\n event.stopPropagation();\n event.nativeEvent.stopImmediatePropagation();\n },\n [],\n );\n\n const handlePickerInputKeyDown = useCallback(\n (event: ReactKeyboardEvent<HTMLInputElement>) => {\n stopPickerInputKeyboardEvent(event);\n\n if (event.key === 'Escape') {\n event.preventDefault();\n suppressOpenUntilRef.current = Date.now() + 200;\n setPickerInputDraftValue(selectedInputValue);\n setPickerDraftValue(selectedValue);\n closePicker();\n focusExternalInput();\n return;\n }\n\n if (event.key === 'Tab') {\n event.preventDefault();\n\n if (!commitInputDraftValue(true)) {\n return;\n }\n\n suppressOpenUntilRef.current = Date.now() + 200;\n closePicker();\n focusAdjacentElement(event.shiftKey);\n return;\n }\n\n if (event.key !== 'Enter') {\n return;\n }\n\n event.preventDefault();\n if (commitInputDraftValue(true)) {\n suppressOpenUntilRef.current = Date.now() + 200;\n closePicker();\n focusExternalInput();\n }\n },\n [\n closePicker,\n commitInputDraftValue,\n focusAdjacentElement,\n focusExternalInput,\n selectedInputValue,\n selectedValue,\n setPickerInputDraftValue,\n stopPickerInputKeyboardEvent,\n ],\n );\n\n const handlePickerEditorKeyDown = useCallback(\n (event: ReactKeyboardEvent<HTMLElement>) => {\n event.stopPropagation();\n\n if (event.key !== 'Tab') {\n return;\n }\n\n event.preventDefault();\n\n if (!commitInputDraftValue(true)) {\n return;\n }\n\n suppressOpenUntilRef.current = Date.now() + 200;\n closePicker();\n focusAdjacentElement(event.shiftKey);\n },\n [closePicker, commitInputDraftValue, focusAdjacentElement],\n );\n\n const handlePickerInputClear = useCallback(\n (event: ReactMouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n onChange?.('');\n setPickerInputDraftValue('');\n setPickerDraftValue(null);\n pickerInputRef.current?.focus();\n },\n [onChange, setPickerInputDraftValue],\n );\n\n const handlePickerClockChange = useCallback(\n (nextValue: Dayjs \| null, selectedView?: string) => {\n if (!nextValue?.isValid()) {\n return;\n }\n\n const nextValueText = nextValue.format(normalizedValueFormat);\n\n setPickerDraftValue(nextValue);\n setPickerInputDraftValue(nextValueText);\n\n if (selectedView !== timePickerViews[closeTimePickerSectionIndex]) {\n return;\n }\n\n suppressOpenUntilRef.current = Date.now() + 200;\n onChange?.(nextValueText);\n closePickerWithoutReopen();\n focusExternalInput();\n },\n [\n closeTimePickerSectionIndex,\n closePickerWithoutReopen,\n focusExternalInput,\n normalizedValueFormat,\n onChange,\n setPickerInputDraftValue,\n timePickerViews,\n ],\n );\n\n const handleTextFieldMouseDown = useCallback(\n (event: OwpTimePickerTextFieldMouseDownEvent) => {\n textFieldProps?.onMouseDown?.(event);\n isTextFieldMouseDownRef.current = true;\n },\n [textFieldProps],\n );\n\n const handleTextFieldFocus = useCallback(\n (event: OwpTimePickerTextFieldFocusEvent) => {\n textFieldProps?.onFocus?.(event);\n\n if (\n event.defaultPrevented \|\|\n timePickerProps.disabled \|\|\n timePickerProps.readOnly \|\|\n isOpen\n ) {\n return;\n }\n\n skipNextTextFieldClickRef.current = isTextFieldMouseDownRef.current;\n handleOpen();\n },\n [handleOpen, isOpen, textFieldProps, timePickerProps.disabled, timePickerProps.readOnly],\n );\n\n const handleTextFieldClick = useCallback(\n (event: OwpTimePickerTextFieldClickEvent) => {\n textFieldProps?.onClick?.(event);\n\n if (event.defaultPrevented \|\| timePickerProps.disabled \|\| timePickerProps.readOnly) {\n return;\n }\n\n if (skipNextTextFieldClickRef.current) {\n skipNextTextFieldClickRef.current = false;\n isTextFieldMouseDownRef.current = false;\n return;\n }\n\n isTextFieldMouseDownRef.current = false;\n\n if (isOpen) {\n skipNextOpenRef.current = true;\n handleClose();\n queueMicrotask(() => {\n skipNextOpenRef.current = false;\n });\n return;\n }\n\n handleOpen();\n },\n [\n handleClose,\n handleOpen,\n isOpen,\n textFieldProps,\n timePickerProps.disabled,\n timePickerProps.readOnly,\n ],\n );\n\n const handleTextFieldKeyDown = useCallback(\n (event: OwpTimePickerTextFieldKeyDownEvent) => {\n textFieldProps?.onKeyDown?.(event);\n\n if (event.defaultPrevented \|\| timePickerProps.disabled \|\| timePickerProps.readOnly) {\n return;\n }\n\n if (!isOpen && isTimePickerOpenKey(event)) {\n event.preventDefault();\n handleOpen();\n return;\n }\n\n if (isOpen && event.key === 'Tab') {\n suppressOpenUntilRef.current = Date.now() + 200;\n handleClose();\n return;\n }\n\n if (!isOpen \|\| !isValueEditingKey(event)) {\n return;\n }\n\n handleClose();\n },\n [\n handleClose,\n handleOpen,\n isOpen,\n textFieldProps,\n timePickerProps.disabled,\n timePickerProps.readOnly,\n ],\n );\n\n useEffect(() => {\n if (!isOpen) {\n return;\n }\n\n setPickerInputDraftValue(selectedInputValue);\n setPickerDraftValue(selectedValue);\n }, [isOpen, selectedInputValue, selectedValue, setPickerInputDraftValue]);\n\n useEffect(() => {\n if (!isOpen \|\| popperTransition.state !== 'open') {\n return undefined;\n }\n\n const animationFrameId = window.requestAnimationFrame(() => {\n focusPickerInput();\n });\n const focusTimerId = window.setTimeout(() => {\n focusPickerInput();\n });\n const transitionFocusTimerId = window.setTimeout(() => {\n focusPickerInput();\n }, PICKER_TRANSITION_DURATION);\n\n return () => {\n window.cancelAnimationFrame(animationFrameId);\n window.clearTimeout(focusTimerId);\n window.clearTimeout(transitionFocusTimerId);\n };\n }, [focusPickerInput, isOpen, popperTransition.state]);\n\n useEffect(() => {\n if (!isOpen) {\n return undefined;\n }\n\n const handleDocumentMouseDown = (event: MouseEvent) => {\n const target = event.target;\n\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.current?.contains(target) \|\| popperRef.current?.contains(target)) {\n return;\n }\n\n handleClickAwayClose();\n };\n\n document.addEventListener('mousedown', handleDocumentMouseDown, true);\n\n return () => {\n document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n };\n }, [handleClickAwayClose, isOpen]);\n\n const TimePickerInputAdornment = ({ position, children, ...restProps }: InputAdornmentProps) => (\n <InputAdornment position={position} {...restProps}>\n {position === 'end' && canClear && (\n <IconButton\n className=\"clearButton\"\n size=\"small\"\n tabIndex={-1}\n aria-label={resolvedLocaleText.clearButtonLabel}\n disabled={isClearDisabled}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n handleClear();\n }}\n >\n <ClearIcon fontSize=\"small\" />\n </IconButton>\n )}\n {children}\n </InputAdornment>\n );\n\n return (\n <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n <div ref={rootRef}>\n <TimePicker\n {...timePickerProps}\n enableAccessibleFieldDOMStructure={false}\n ampm={useMeridiem}\n open={false}\n closeOnSelect={resolvedCloseOnSelect}\n timeSteps={resolvedTimeSteps}\n label={label}\n value={selectedValue}\n views={timePickerViews}\n format={displayFormat}\n localeText={resolvedLocaleText}\n onChange={handleChange}\n onOpen={handleOpen}\n onClose={handleClose}\n slots={{\n ...slots,\n inputAdornment: TimePickerInputAdornment,\n }}\n slotProps={{\n ...slotProps,\n openPickerButton: {\n ...(typeof slotProps?.openPickerButton === 'function'\n ? undefined\n : slotProps?.openPickerButton),\n size: 'small',\n tabIndex: -1,\n onClick: (event) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!isOpen) {\n handleOpen();\n }\n },\n sx: {\n margin: 0,\n padding: 0,\n },\n },\n openPickerIcon: {\n ...(typeof slotProps?.openPickerIcon === 'function'\n ? undefined\n : slotProps?.openPickerIcon),\n fontSize: 'small',\n },\n inputAdornment: {\n ...(typeof slotProps?.inputAdornment === 'function'\n ? undefined\n : slotProps?.inputAdornment),\n sx: {\n marginBottom: 0,\n marginLeft: 0,\n gap: 0,\n ...(typeof slotProps?.inputAdornment === 'function'\n ? undefined\n : slotProps?.inputAdornment?.sx),\n },\n },\n textField: {\n variant,\n fullWidth,\n ...textFieldProps,\n className: clsx(\n !fullWidth && (useMeridiem ? 'w-[160px]' : 'w-[140px]'),\n textFieldProps?.className,\n ),\n onMouseDown: handleTextFieldMouseDown,\n onFocus: handleTextFieldFocus,\n onClick: handleTextFieldClick,\n onKeyDown: handleTextFieldKeyDown,\n inputRef: handleTextFieldInputRef,\n placeholder: resolvedPlaceholder,\n sx: resolvedTextFieldSx,\n },\n }}\n />\n {popperTransition.shouldRender && (\n <Popper\n open\n anchorEl={rootRef.current}\n placement=\"bottom-end\"\n ref={popperRef}\n modifiers={[\n {\n name: 'offset',\n options: {\n offset: [0, 7],\n },\n },\n ]}\n sx={{ zIndex: (theme) => theme.zIndex.modal }}\n >\n <div\n className=\"owp-animated-picker-popper\"\n data-state={popperTransition.state}\n style={\n {\n '--owp-calendar-transition-duration': `${PICKER_TRANSITION_DURATION}ms`,\n '--owp-calendar-transform-transition-duration': `${PICKER_TRANSFORM_TRANSITION_DURATION}ms`,\n '--owp-calendar-exit-transform-delay': `${PICKER_EXIT_TRANSFORM_DELAY}ms`,\n } as CSSProperties\n }\n >\n <Paper\n elevation={8}\n onClick={(event) => {\n event.stopPropagation();\n }}\n onKeyDown={handlePickerEditorKeyDown}\n onKeyUp={(event) => {\n event.stopPropagation();\n }}\n onMouseDown={(event) => {\n event.stopPropagation();\n }}\n sx={getOwpPickerEditorPaperSx(timePickerEditorWidth)}\n >\n <OwpTextMaskField\n autoFocus\n inputRef={handlePickerInputRef}\n fullWidth\n size=\"small\"\n variant=\"outlined\"\n value={inputDraftValue}\n error={hasPickerInputCommitError}\n helperText={\n hasPickerInputCommitError ? t(PICKER_INVALID_INPUT_MESSAGE_KEY) : undefined\n }\n mask={getPickerInputMask(normalizedValueFormat)}\n placeholder={normalizedValueFormat}\n onChange={handlePickerInputChange}\n onKeyDown={handlePickerInputKeyDown}\n inputProps={{\n inputMode: 'numeric',\n 'aria-label': normalizedValueFormat,\n }}\n endAdornment={\n <InputAdornment\n position=\"end\"\n sx={{\n marginLeft: 0,\n }}\n >\n <IconButton\n size=\"small\"\n tabIndex={-1}\n aria-label={resolvedLocaleText.clearButtonLabel}\n disabled={!inputDraftValue}\n onClick={handlePickerInputClear}\n onMouseDown={(event) => {\n event.preventDefault();\n event.stopPropagation();\n }}\n sx={{\n margin: 0,\n padding: 0.25,\n }}\n >\n <ClearIcon fontSize=\"small\" />\n </IconButton>\n </InputAdornment>\n }\n sx={getOwpPickerEditorInputSx(timePickerEditorWidth)}\n />\n <MultiSectionDigitalClock\n ampm={useMeridiem}\n value={pickerDraftValue}\n views={timePickerViews}\n onChange={(nextValue, _selectionState, selectedView) =>\n handlePickerClockChange(nextValue, selectedView)\n }\n timeSteps={resolvedTimeSteps}\n slotProps={{\n digitalClockSectionItem: {\n sx: TIME_PICKER_SELECTED_ITEM_SX,\n },\n }}\n sx={getOwpTimePickerClockSx(timePickerEditorWidth)}\n />\n </Paper>\n </div>\n </Popper>\n )}\n </div>\n </LocalizationProvider>\n );\n};\n\nexport { OwpTimePicker };\n"],"names":["EMPTY_TIME_SECTION","TIME_PICKER_TEXT_FIELD_SX","isValueEditingKey","__name","event","isTimePickerOpenKey","parseTimePickerInput","value","hasSeconds","normalizedValue","timePattern","match","hour","minute","second","valueText","part","dayjs","VALUE_TIME_SECOND_FORMATTER","VALUE_TIME_FORMATTER","formatTimePickerDisplayInput","assignInputRef","inputRef","OwpTimePicker","label","variant","sx","format","useAmPm","placeholder","disabledClearButton","fullWidth","onChange","textFieldProps","localeText","openProp","onOpen","onClose","slots","slotProps","timePickerProps","normalizedValueFormat","useMeridiem","displayFormat","resolvedCloseOnSelect","resolvedTimeSteps","timePickerViews","useMemo","closeTimePickerSectionIndex","timePickerEditorWidth","TIME_PICKER_EDITOR_SECTION_WIDTH","internalOpen","setInternalOpen","useState","inputDraftValue","setInputDraftValue","hasPickerInputCommitError","setHasPickerInputCommitError","pickerDraftValue","setPickerDraftValue","rootRef","useRef","popperRef","externalInputRef","pickerInputRef","isTextFieldMouseDownRef","skipNextOpenRef","suppressOpenUntilRef","skipNextTextFieldClickRef","t","i18n","useOwpTranslation","adapterLocale","resolvedLocaleText","resolvedPlaceholder","resolvedTextFieldSx","isClearDisabled","canClear","isControlledOpen","isOpen","popperTransition","useOwpPickerPopperTransition","setPickerInputDraftValue","useCallback","nextValue","focusPickerInput","_a","selectedValue","parsedInputValue","parsedValue","selectedInputValue","handleChange","nextValueText","commitInputDraftValue","showError","parsedInput","handleOpen","closePicker","handleClose","handleClickAwayClose","closePickerWithoutReopen","focusAdjacentElement","isBackward","rootElement","getAdjacentFocusableElement","focusExternalInput","handleTextFieldInputRef","input","handlePickerInputRef","handleClear","handlePickerInputChange","nextInputValue","stopPickerInputKeyboardEvent","handlePickerInputKeyDown","handlePickerEditorKeyDown","handlePickerInputClear","handlePickerClockChange","selectedView","handleTextFieldMouseDown","handleTextFieldFocus","handleTextFieldClick","handleTextFieldKeyDown","useEffect","animationFrameId","focusTimerId","transitionFocusTimerId","PICKER_TRANSITION_DURATION","handleDocumentMouseDown","target","_b","jsx","LocalizationProvider","AdapterDayjs","jsxs","TimePicker","position","children","restProps","InputAdornment","IconButton","ClearIcon","clsx","Popper","theme","PICKER_TRANSFORM_TRANSITION_DURATION","PICKER_EXIT_TRANSFORM_DELAY","Paper","getOwpPickerEditorPaperSx","OwpTextMaskField","PICKER_INVALID_INPUT_MESSAGE_KEY","getPickerInputMask","getOwpPickerEditorInputSx","MultiSectionDigitalClock","_selectionState","TIME_PICKER_SELECTED_ITEM_SX","getOwpTimePickerClockSx"],"mappings":";;;;;;;;;;;;;;;;AAoDA,MAAMA,KAAqB,MAErBC,KAA4B;AAAA,EAChC,wBAAwB;AAAA,IACtB,YAAY;AAAA,EAAA;AAAA,EAEd,oCAAoC;AAAA,IAClC,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,KAAK;AAAA,EAAA;AAAA,EAEP,gEAAgE;AAAA,IAC9D,YAAY;AAAA,EAAA;AAAA,EAEd,wDAAwD;AAAA,IACtD,QAAQ;AAAA,IACR,SAAS;AAAA,EAAA;AAAA,EAEX,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,YAAY;AAAA,EAAA;AAAA,EAEd,0BAA0B;AAAA,IACxB,kBAAkB;AAAA,MAChB,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ,GAUMC,KAAoB,gBAAAC,EAAA,CAACC,MACrBA,EAAM,WAAWA,EAAM,UAAUA,EAAM,UAClC,KAGFA,EAAM,IAAI,WAAW,KAAKA,EAAM,QAAQ,eAAeA,EAAM,QAAQ,UALpD,sBAQpBC,KAAsB,gBAAAF,EAAA,CAACC,MAEzBA,EAAM,WACNA,EAAM,UACNA,EAAM,WACNA,EAAM,QAAQ,YACdA,EAAM,QAAQ,WACdA,EAAM,QAAQ,QAEP,KAGFA,EAAM,IAAI,WAAW,KAAKA,EAAM,IAAI,WAAW,OAAO,GAZnC,wBAgBtBE,KAAuB,gBAAAH,EAAA,CAACI,GAAeC,MAAwB;AACnE,QAAMC,IAAkBF,EAAM,KAAA,GACxBG,IAAcF,IAAa,+BAA+B,qBAC1DG,IAAQF,EAAgB,MAAM,IAAI,OAAO,IAAIC,CAAW,GAAG,CAAC;AAElE,MAAI,CAACC;AACH,WAAO;AAGT,QAAMC,IAAO,OAAOD,EAAM,CAAC,CAAC,GACtBE,IAAS,OAAOF,EAAM,CAAC,CAAC,GACxBG,IAASN,IAAa,OAAOG,EAAM,CAAC,CAAC,IAAI;AAM/C,MAJIE,IAAS,MAAMC,IAAS,MAIxBF,IAAO,MAAOA,MAAS,OAAOC,IAAS,KAAKC,IAAS;AACvD,WAAO;AAGT,QAAMC,IAAY,CAACH,GAAMC,GAAQ,GAAIL,IAAa,CAACM,CAAM,IAAI,CAAA,CAAG,EAC7D,IAAI,CAACE,MAAS,OAAOA,CAAI,EAAE,SAAS,GAAG,GAAG,CAAC,EAC3C,KAAK,GAAG;AAEX,SAAO;AAAA,IACL,WACEJ,MAAS,KACLK,EAAM,YAAYC,GAA6B,EAAI,EAAE,IAAI,GAAG,KAAK,IACjED,EAAMF,GAAWP,IAAaU,IAA8BC,GAAsB,EAAI;AAAA,IAC5F,WAAAJ;AAAA,EAAA;AAEJ,GAhC6B,yBAmCvBK,KAA+B,gBAAAjB,EAAA,CAACI,GAAcC,MAClDD,EAAM,OAAOC,IAAaU,IAA8BC,CAAoB,GADzC,iCAI/BE,KAAiB,gBAAAlB,EAAA,CACrBmB,GACAf,MACG;AACH,MAAKe,GAIL;AAAA,QAAI,OAAOA,KAAa,YAAY;AAClC,MAAAA,EAASf,CAAK;AACd;AAAA,IACF;AAEC,IAAAe,EAAkD,UAAUf;AAAA;AAC/D,GAduB,mBAyDjBgB,KAAgB,gBAAApB,EAAA,CAAC;AAAA,EACrB,OAAAqB;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,IAAAC;AAAA,EACA,OAAAnB;AAAA,EACA,QAAAoB,IAASR;AAAA,EACT,SAAAS;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAMC;AAAA,EACN,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;;AACxB,QAAMhC,IAAa,KAAK,KAAKmB,CAAM,GAC7Bc,IAAwBjC,IAAaU,IAA8BC,GACnEuB,IAAcd,KAAW,KAAK,KAAKD,CAAM,GACzCgB,KAAgBD,IAClBlC,IACE,eACA,YACFiC,GACEG,KAAwBJ,EAAgB,iBAAiB,IACzDK,KAAoB;AAAA,IACxB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAGL,EAAgB;AAAA,EAAA,GAEfM,IAAkBC;AAAA,IACtB,MACEvC,IAAc,CAAC,SAAS,WAAW,SAAS,IAAe,CAAC,SAAS,SAAS;AAAA,IAChF,CAACA,CAAU;AAAA,EAAA,GAEPwC,KAA8BF,EAAgB,SAAS,GACvDG,IACJC,MAAoCJ,EAAgB,UAAUJ,IAAc,IAAI,KAC5E,CAACS,IAAcC,EAAe,IAAIC,EAAS,EAAK,GAChD,CAACC,GAAiBC,EAAkB,IAAIF,EAAS,EAAE,GACnD,CAACG,IAA2BC,EAA4B,IAAIJ,EAAS,EAAK,GAC1E,CAACK,IAAkBC,CAAmB,IAAIN,EAAuB,IAAI,GACrEO,IAAUC,EAA8B,IAAI,GAC5CC,KAAYD,EAA8B,IAAI,GAC9CE,KAAmBF,EAAgC,IAAI,GACvDG,IAAiBH,EAAgC,IAAI,GACrDI,IAA0BJ,EAAO,EAAK,GACtCK,IAAkBL,EAAO,EAAK,GAC9BM,IAAuBN,EAAO,CAAC,GAC/BO,IAA4BP,EAAO,EAAK,GACxC,EAAE,GAAAQ,GAAG,MAAAC,GAAA,IAASC,GAAA,GAEdC,MADaF,GAAK,oBAAoBA,GAAK,YAAY,UACxB,OAAO,OAAO,MAC7CG,KAAqB;AAAA,IACzB,eAAeJ,EAAE,WAAW;AAAA,IAC5B,kBAAkBA,EAAE,YAAY;AAAA,IAChC,uBAAuB,gBAAAlE,EAAA,MAAMH,IAAN;AAAA,IACvB,yBAAyB,gBAAAG,EAAA,MAAMH,IAAN;AAAA,IACzB,0BAA0B,gBAAAG,EAAA,MAAMH,IAAN;AAAA,IAC1B,GAAGkC;AAAA,EAAA,GAECwC,KAAsB7C,MAAgBa,IAAc,aAAa,UACjEiC,KAAsB,CAAC1E,IAA2ByB,GAAIO,KAAA,gBAAAA,EAAgB,EAAE,EAAE;AAAA,IAC9E;AAAA,EAAA,GAEI2C,KAAkB,GACtB9C,KAAuBU,EAAgB,YAAYA,EAAgB,WAE/DqC,KAAW,EAAQ7C,KAAa,CAACF,GACjCgD,IAAmB3C,OAAa,QAChC4C,IAASD,IAAmB3C,KAAWgB,IACvC6B,IAAmBC,GAA6BF,CAAM,GACtDG,IAA2BC,EAAY,CAACC,MAAsB;AAClE,IAAA7B,GAAmB6B,CAAS,GAC5B3B,GAA6B,EAAK;AAAA,EACpC,GAAG,CAAA,CAAE,GACC4B,IAAmBF,EAAY,MAAM;;AACzC,KAAAG,IAAAtB,EAAe,YAAf,QAAAsB,EAAwB;AAAA,EAC1B,GAAG,CAAA,CAAE,GAECC,IAAgBxC,GAAQ,MAAM;AAClC,QAAI,CAACxC;AACH,aAAO;AAGT,QAAIU,EAAM,QAAQV,CAAK;AACrB,aAAOA;AAGT,QAAI,OAAOA,KAAU,UAAU;AAC7B,YAAMiF,IAAmBlF,GAAqBC,GAAOC,CAAU;AAE/D,UAAIgF,KAAA,QAAAA,EAAkB,UAAU;AAC9B,eAAOA,EAAiB;AAG1B,YAAMC,IAAcxE,EAAMV,GAAOkC,GAAuB,EAAI;AAC5D,aAAOgD,EAAY,YAAYA,IAAc;AAAA,IAC/C;AAEA,UAAMA,IAAcxE,EAAMV,CAAK;AAC/B,WAAOkF,EAAY,YAAYA,IAAc;AAAA,EAC/C,GAAG,CAACjF,GAAYiC,GAAuBlC,CAAK,CAAC,GAEvCmF,IAAqB3C,GAAQ,MAAM;AACvC,QAAI,CAACxC;AACH,aAAO;AAGT,QAAI,OAAOA,KAAU,UAAU;AAC7B,YAAMkF,IAAcxE,EAAMV,GAAOkC,GAAuB,EAAI;AAE5D,aAAIgD,EAAY,YACPrE,GAA6BqE,GAAajF,CAAU,IAGtDD;AAAA,IACT;AAEA,UAAMkF,IAAcxE,EAAMV,CAAK;AAC/B,WAAOkF,EAAY,QAAA,IAAYrE,GAA6BqE,GAAajF,CAAU,IAAI;AAAA,EACzF,GAAG,CAACA,GAAYiC,GAAuBlC,CAAK,CAAC,GAEvCoF,KAAe,gBAAAxF,EAAA,CAACiF,MAA4B;AAChD,UAAMQ,IAAgBR,KAAA,QAAAA,EAAW,YAC7BA,EAAU,OAAO3C,CAAqB,IACtC;AACJ,IAAAyC;AAAA,MACEE,KAAA,QAAAA,EAAW,YAAYhE,GAA6BgE,GAAW5E,CAAU,IAAI;AAAA,IAAA,GAE/EwB,KAAA,QAAAA,EAAW4D;AAAA,EACb,GARqB,iBAUfC,IAAwBV;AAAA,IAC5B,CAACW,MAAwB;AACvB,UAAI,CAACxC;AACH,eAAA4B,EAAyB,EAAE,GAC3BlD,KAAA,QAAAA,EAAW,KAEJ;AAGT,YAAM+D,IAAczF,GAAqBgD,GAAiB9C,CAAU;AAEpE,aAAKuF,KAAA,QAAAA,EAAa,UAAU,aAQ5Bb,EAAyBa,EAAY,SAAS,GAC9C/D,KAAA,QAAAA,EAAW+D,EAAY,YAEhB,OAVDD,KAAaxC,KACfG,GAA6B,EAAI,GAG5B;AAAA,IAOX;AAAA,IACA,CAACjD,GAAY8C,GAAiBtB,GAAUkD,CAAwB;AAAA,EAAA,GAG5Dc,IAAab,EAAY,MAAM;AACnC,QAAIjB,EAAgB,WAAW,KAAK,IAAA,IAAQC,EAAqB,SAAS;AACxE,MAAAD,EAAgB,UAAU;AAC1B;AAAA,IACF;AAEA,IAAKY,KACH1B,GAAgB,EAAI,GAGtB8B,EAAyBQ,CAAkB,GAC3C/B,EAAoB4B,CAAa,GACjCnD,KAAA,QAAAA;AAAA,EACF,GAAG,CAAC0C,GAAkB1C,GAAQsD,GAAoBH,GAAeL,CAAwB,CAAC,GAEpFe,IAAcd,EAAY,MAAM;AACpC,IAAKL,KACH1B,GAAgB,EAAK,GAGvBf,KAAA,QAAAA;AAAA,EACF,GAAG,CAACyC,GAAkBzC,CAAO,CAAC,GAExB6D,IAAcf,EAAY,MAAM;AACpC,IAAAU,EAAA,GACAI,EAAA;AAAA,EACF,GAAG,CAACA,GAAaJ,CAAqB,CAAC,GAEjCM,KAAuBhB,EAAY,MAAM;AAC7C,IAAAhB,EAAqB,UAAU,KAAK,IAAA,IAAQ,KAC5C+B,EAAA;AAAA,EACF,GAAG,CAACA,CAAW,CAAC,GAEVE,KAA2BjB,EAAY,MAAM;AACjD,IAAAhB,EAAqB,UAAU,KAAK,IAAA,IAAQ,KAC5C8B,EAAA;AAAA,EACF,GAAG,CAACA,CAAW,CAAC,GAEVI,IAAuBlB,EAAY,CAACmB,MAAyB;AACjE,UAAMC,IAAc3C,EAAQ;AAE5B,IAAK2C,KAIL,OAAO,sBAAsB,MAAM;;AACjC,OAAAjB,IAAAkB,GAA4BD,GAAaD,CAAU,MAAnD,QAAAhB,EAAsD;AAAA,IACxD,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECmB,IAAqBtB,EAAY,MAAM;AAC3C,WAAO,sBAAsB,MAAM;;AACjC,OAAAG,IAAAvB,GAAiB,YAAjB,QAAAuB,EAA0B;AAAA,IAC5B,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECoB,KAA0BvB;AAAA,IAC9B,CAACwB,MAAmC;AAClC,MAAA5C,GAAiB,UAAU4C,GAC3BtF,GAAeY,KAAA,gBAAAA,EAAgB,UAA+C0E,CAAK;AAAA,IACrF;AAAA,IACA,CAAC1E,KAAA,gBAAAA,EAAgB,QAAQ;AAAA,EAAA,GAGrB2E,KAAuBzB;AAAA,IAC3B,CAACwB,MAAmC;AAGlC,MAFA3C,EAAe,UAAU2C,GAErB,GAACA,KAAS,CAAC5B,OAIf,OAAO,sBAAsB,MAAM;AACjC,QAAAM,EAAA;AAAA,MACF,CAAC,GACD,OAAO,WAAW,MAAM;AACtB,QAAAA,EAAA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAACA,GAAkBN,CAAM;AAAA,EAAA,GAGrB8B,KAAc,gBAAA1G,EAAA,MAAM;AACxB,IAAA6B,KAAA,QAAAA,EAAW,KACXkD,EAAyB,EAAE;AAAA,EAC7B,GAHoB,gBAKd4B,KAA0B3B;AAAA,IAC9B,CAAC/E,MAAuC;AACtC,YAAM2G,IAAiB3G,EAAM,OAAO,OAC9B2F,IAAczF,GAAqByG,GAAgBvG,CAAU;AAEnE,MAAA0E,EAAyB6B,CAAc,GAEnChB,KAAA,QAAAA,EAAa,UAAU,aACzBpC,EAAoBoC,EAAY,SAAS;AAAA,IAE7C;AAAA,IACA,CAACvF,GAAY0E,CAAwB;AAAA,EAAA,GAGjC8B,KAA+B7B;AAAA,IACnC,CAAC/E,MAAgD;AAC/C,MAAAA,EAAM,gBAAA,GACNA,EAAM,YAAY,yBAAA;AAAA,IACpB;AAAA,IACA,CAAA;AAAA,EAAC,GAGG6G,KAA2B9B;AAAA,IAC/B,CAAC/E,MAAgD;AAG/C,UAFA4G,GAA6B5G,CAAK,GAE9BA,EAAM,QAAQ,UAAU;AAC1B,QAAAA,EAAM,eAAA,GACN+D,EAAqB,UAAU,KAAK,IAAA,IAAQ,KAC5Ce,EAAyBQ,CAAkB,GAC3C/B,EAAoB4B,CAAa,GACjCU,EAAA,GACAQ,EAAA;AACA;AAAA,MACF;AAEA,UAAIrG,EAAM,QAAQ,OAAO;AAGvB,YAFAA,EAAM,eAAA,GAEF,CAACyF,EAAsB,EAAI;AAC7B;AAGF,QAAA1B,EAAqB,UAAU,KAAK,IAAA,IAAQ,KAC5C8B,EAAA,GACAI,EAAqBjG,EAAM,QAAQ;AACnC;AAAA,MACF;AAEA,MAAIA,EAAM,QAAQ,YAIlBA,EAAM,eAAA,GACFyF,EAAsB,EAAI,MAC5B1B,EAAqB,UAAU,KAAK,IAAA,IAAQ,KAC5C8B,EAAA,GACAQ,EAAA;AAAA,IAEJ;AAAA,IACA;AAAA,MACER;AAAA,MACAJ;AAAA,MACAQ;AAAA,MACAI;AAAA,MACAf;AAAA,MACAH;AAAA,MACAL;AAAA,MACA8B;AAAA,IAAA;AAAA,EACF,GAGIE,KAA4B/B;AAAA,IAChC,CAAC/E,MAA2C;AAG1C,MAFAA,EAAM,gBAAA,GAEFA,EAAM,QAAQ,UAIlBA,EAAM,eAAA,GAEDyF,EAAsB,EAAI,MAI/B1B,EAAqB,UAAU,KAAK,IAAA,IAAQ,KAC5C8B,EAAA,GACAI,EAAqBjG,EAAM,QAAQ;AAAA,IACrC;AAAA,IACA,CAAC6F,GAAaJ,GAAuBQ,CAAoB;AAAA,EAAA,GAGrDc,KAAyBhC;AAAA,IAC7B,CAAC/E,MAA8C;;AAC7C,MAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACN4B,KAAA,QAAAA,EAAW,KACXkD,EAAyB,EAAE,GAC3BvB,EAAoB,IAAI,IACxB2B,IAAAtB,EAAe,YAAf,QAAAsB,EAAwB;AAAA,IAC1B;AAAA,IACA,CAACtD,GAAUkD,CAAwB;AAAA,EAAA,GAG/BkC,KAA0BjC;AAAA,IAC9B,CAACC,GAAyBiC,MAA0B;AAClD,UAAI,EAACjC,KAAA,QAAAA,EAAW;AACd;AAGF,YAAMQ,IAAgBR,EAAU,OAAO3C,CAAqB;AAK5D,MAHAkB,EAAoByB,CAAS,GAC7BF,EAAyBU,CAAa,GAElCyB,MAAiBvE,EAAgBE,EAA2B,MAIhEmB,EAAqB,UAAU,KAAK,IAAA,IAAQ,KAC5CnC,KAAA,QAAAA,EAAW4D,IACXQ,GAAA,GACAK,EAAA;AAAA,IACF;AAAA,IACA;AAAA,MACEzD;AAAA,MACAoD;AAAA,MACAK;AAAA,MACAhE;AAAA,MACAT;AAAA,MACAkD;AAAA,MACApC;AAAA,IAAA;AAAA,EACF,GAGIwE,KAA2BnC;AAAA,IAC/B,CAAC/E,MAAgD;;AAC/C,OAAAkF,IAAArD,KAAA,gBAAAA,EAAgB,gBAAhB,QAAAqD,EAAA,KAAArD,GAA8B7B,IAC9B6D,EAAwB,UAAU;AAAA,IACpC;AAAA,IACA,CAAChC,CAAc;AAAA,EAAA,GAGXsF,KAAuBpC;AAAA,IAC3B,CAAC/E,MAA4C;;AAG3C,OAFAkF,IAAArD,KAAA,gBAAAA,EAAgB,YAAhB,QAAAqD,EAAA,KAAArD,GAA0B7B,IAGxB,EAAAA,EAAM,oBACNoC,EAAgB,YAChBA,EAAgB,YAChBuC,OAKFX,EAA0B,UAAUH,EAAwB,SAC5D+B,EAAA;AAAA,IACF;AAAA,IACA,CAACA,GAAYjB,GAAQ9C,GAAgBO,EAAgB,UAAUA,EAAgB,QAAQ;AAAA,EAAA,GAGnFgF,KAAuBrC;AAAA,IAC3B,CAAC/E,MAA4C;;AAG3C,WAFAkF,IAAArD,KAAA,gBAAAA,EAAgB,YAAhB,QAAAqD,EAAA,KAAArD,GAA0B7B,IAEtB,EAAAA,EAAM,oBAAoBoC,EAAgB,YAAYA,EAAgB,WAI1E;AAAA,YAAI4B,EAA0B,SAAS;AACrC,UAAAA,EAA0B,UAAU,IACpCH,EAAwB,UAAU;AAClC;AAAA,QACF;AAIA,YAFAA,EAAwB,UAAU,IAE9Bc,GAAQ;AACV,UAAAb,EAAgB,UAAU,IAC1BgC,EAAA,GACA,eAAe,MAAM;AACnB,YAAAhC,EAAgB,UAAU;AAAA,UAC5B,CAAC;AACD;AAAA,QACF;AAEA,QAAA8B,EAAA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MACEE;AAAA,MACAF;AAAA,MACAjB;AAAA,MACA9C;AAAA,MACAO,EAAgB;AAAA,MAChBA,EAAgB;AAAA,IAAA;AAAA,EAClB,GAGIiF,KAAyBtC;AAAA,IAC7B,CAAC/E,MAA8C;;AAG7C,WAFAkF,IAAArD,KAAA,gBAAAA,EAAgB,cAAhB,QAAAqD,EAAA,KAAArD,GAA4B7B,IAExB,EAAAA,EAAM,oBAAoBoC,EAAgB,YAAYA,EAAgB,WAI1E;AAAA,YAAI,CAACuC,KAAU1E,GAAoBD,CAAK,GAAG;AACzC,UAAAA,EAAM,eAAA,GACN4F,EAAA;AACA;AAAA,QACF;AAEA,YAAIjB,KAAU3E,EAAM,QAAQ,OAAO;AACjC,UAAA+D,EAAqB,UAAU,KAAK,IAAA,IAAQ,KAC5C+B,EAAA;AACA;AAAA,QACF;AAEA,QAAI,CAACnB,KAAU,CAAC7E,GAAkBE,CAAK,KAIvC8F,EAAA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MACEA;AAAA,MACAF;AAAA,MACAjB;AAAA,MACA9C;AAAA,MACAO,EAAgB;AAAA,MAChBA,EAAgB;AAAA,IAAA;AAAA,EAClB;AAGF,SAAAkF,GAAU,MAAM;AACd,IAAK3C,MAILG,EAAyBQ,CAAkB,GAC3C/B,EAAoB4B,CAAa;AAAA,EACnC,GAAG,CAACR,GAAQW,GAAoBH,GAAeL,CAAwB,CAAC,GAExEwC,GAAU,MAAM;AACd,QAAI,CAAC3C,KAAUC,EAAiB,UAAU;AACxC;AAGF,UAAM2C,IAAmB,OAAO,sBAAsB,MAAM;AAC1D,MAAAtC,EAAA;AAAA,IACF,CAAC,GACKuC,IAAe,OAAO,WAAW,MAAM;AAC3C,MAAAvC,EAAA;AAAA,IACF,CAAC,GACKwC,IAAyB,OAAO,WAAW,MAAM;AACrD,MAAAxC,EAAA;AAAA,IACF,GAAGyC,EAA0B;AAE7B,WAAO,MAAM;AACX,aAAO,qBAAqBH,CAAgB,GAC5C,OAAO,aAAaC,CAAY,GAChC,OAAO,aAAaC,CAAsB;AAAA,IAC5C;AAAA,EACF,GAAG,CAACxC,GAAkBN,GAAQC,EAAiB,KAAK,CAAC,GAErD0C,GAAU,MAAM;AACd,QAAI,CAAC3C;AACH;AAGF,UAAMgD,IAA0B,gBAAA5H,EAAA,CAACC,MAAsB;;AACrD,YAAM4H,IAAS5H,EAAM;AAErB,MAAM4H,aAAkB,UAIpB1C,IAAA1B,EAAQ,YAAR,QAAA0B,EAAiB,SAAS0C,OAAWC,KAAAnE,GAAU,YAAV,QAAAmE,GAAmB,SAASD,MAIrE7B,GAAA;AAAA,IACF,GAZgC;AAchC,oBAAS,iBAAiB,aAAa4B,GAAyB,EAAI,GAE7D,MAAM;AACX,eAAS,oBAAoB,aAAaA,GAAyB,EAAI;AAAA,IACzE;AAAA,EACF,GAAG,CAAC5B,IAAsBpB,CAAM,CAAC,GAyB/B,gBAAAmD,EAACC,MAAqB,aAAaC,IAAc,eAAA5D,IAC/C,UAAA,gBAAA6D,GAAC,OAAA,EAAI,KAAKzE,GACR,UAAA;AAAA,IAAA,gBAAAsE;AAAA,MAACI;AAAA,MAAA;AAAA,QACE,GAAG9F;AAAA,QACJ,mCAAmC;AAAA,QACnC,MAAME;AAAA,QACN,MAAM;AAAA,QACN,eAAeE;AAAA,QACf,WAAWC;AAAA,QACX,OAAArB;AAAA,QACA,OAAO+D;AAAA,QACP,OAAOzC;AAAA,QACP,QAAQH;AAAA,QACR,YAAY8B;AAAA,QACZ,UAAUkB;AAAA,QACV,QAAQK;AAAA,QACR,SAASE;AAAA,QACT,OAAO;AAAA,UACL,GAAG5D;AAAA,UACH,gBA1CuB,gBAAAnC,EAAA,CAAC,EAAE,UAAAoI,GAAU,UAAAC,GAAU,GAAGC,EAAA,MACzD,gBAAAJ,GAACK,IAAA,EAAe,UAAAH,GAAqB,GAAGE,GACrC,UAAA;AAAA,YAAAF,MAAa,SAAS1D,MACrB,gBAAAqD;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,cAAYlE,GAAmB;AAAA,gBAC/B,UAAUG;AAAA,gBACV,SAAS,gBAAAzE,EAAA,CAACC,MAAU;AAClB,kBAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNyG,GAAA;AAAA,gBACF,GAJS;AAAA,gBAMT,UAAA,gBAAAqB,EAACU,IAAA,EAAU,UAAS,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAG/BJ;AAAA,UAAA,GACH,GAnB+B;AAAA,QA0CP;AAAA,QAElB,WAAW;AAAA,UACT,GAAGjG;AAAA,UACH,kBAAkB;AAAA,YAChB,GAAI,QAAOA,KAAA,gBAAAA,EAAW,qBAAqB,cAEvCA,KAAA,OADA,SACAA,EAAW;AAAA,YACf,MAAM;AAAA,YACN,UAAU;AAAA,YACV,SAAS,gBAAApC,EAAA,CAACC,MAAU;AAClB,cAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GAED2E,KACHiB,EAAA;AAAA,YAEJ,GAPS;AAAA,YAQT,IAAI;AAAA,cACF,QAAQ;AAAA,cACR,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UAEF,gBAAgB;AAAA,YACd,GAAI,QAAOzD,KAAA,gBAAAA,EAAW,mBAAmB,cAErCA,KAAA,OADA,SACAA,EAAW;AAAA,YACf,UAAU;AAAA,UAAA;AAAA,UAEZ,gBAAgB;AAAA,YACd,GAAI,QAAOA,KAAA,gBAAAA,EAAW,mBAAmB,cAErCA,KAAA,OADA,SACAA,EAAW;AAAA,YACf,IAAI;AAAA,cACF,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,GAAI,QAAOA,KAAA,gBAAAA,EAAW,mBAAmB,eAErC+C,KAAA/C,KAAA,gBAAAA,EAAW,mBAAX,OADA,SACA+C,GAA2B;AAAA,YAAA;AAAA,UACjC;AAAA,UAEF,WAAW;AAAA,YACT,SAAA7D;AAAA,YACA,WAAAM;AAAA,YACA,GAAGE;AAAA,YACH,WAAW4G;AAAA,cACT,CAAC9G,MAAcW,IAAc,cAAc;AAAA,cAC3CT,KAAA,gBAAAA,EAAgB;AAAA,YAAA;AAAA,YAElB,aAAaqF;AAAA,YACb,SAASC;AAAA,YACT,SAASC;AAAA,YACT,WAAWC;AAAA,YACX,UAAUf;AAAA,YACV,aAAahC;AAAA,YACb,IAAIC;AAAA,UAAA;AAAA,QACN;AAAA,MACF;AAAA,IAAA;AAAA,IAEDK,EAAiB,gBAChB,gBAAAkD;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,UAAUlF,EAAQ;AAAA,QAClB,WAAU;AAAA,QACV,KAAKE;AAAA,QACL,WAAW;AAAA,UACT;AAAA,YACE,MAAM;AAAA,YACN,SAAS;AAAA,cACP,QAAQ,CAAC,GAAG,CAAC;AAAA,YAAA;AAAA,UACf;AAAA,QACF;AAAA,QAEF,IAAI,EAAE,QAAQ,gBAAA3D,EAAA,CAAC4I,MAAUA,EAAM,OAAO,OAAxB,UAAwB;AAAA,QAEtC,UAAA,gBAAAb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAYlD,EAAiB;AAAA,YAC7B,OACE;AAAA,cACE,sCAAsC,GAAG8C,EAA0B;AAAA,cACnE,gDAAgD,GAAGkB,EAAoC;AAAA,cACvF,uCAAuC,GAAGC,EAA2B;AAAA,YAAA;AAAA,YAIzE,UAAA,gBAAAZ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,gBACX,SAAS,gBAAA/I,EAAA,CAACC,MAAU;AAClB,kBAAAA,EAAM,gBAAA;AAAA,gBACR,GAFS;AAAA,gBAGT,WAAW8G;AAAA,gBACX,SAAS,gBAAA/G,EAAA,CAACC,MAAU;AAClB,kBAAAA,EAAM,gBAAA;AAAA,gBACR,GAFS;AAAA,gBAGT,aAAa,gBAAAD,EAAA,CAACC,MAAU;AACtB,kBAAAA,EAAM,gBAAA;AAAA,gBACR,GAFa;AAAA,gBAGb,IAAI+I,GAA0BlG,CAAqB;AAAA,gBAEnD,UAAA;AAAA,kBAAA,gBAAAiF;AAAA,oBAACkB;AAAA,oBAAA;AAAA,sBACC,WAAS;AAAA,sBACT,UAAUxC;AAAA,sBACV,WAAS;AAAA,sBACT,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,OAAOtD;AAAA,sBACP,OAAOE;AAAA,sBACP,YACEA,KAA4Ba,EAAEgF,EAAgC,IAAI;AAAA,sBAEpE,MAAMC,GAAmB7G,CAAqB;AAAA,sBAC9C,aAAaA;AAAA,sBACb,UAAUqE;AAAA,sBACV,WAAWG;AAAA,sBACX,YAAY;AAAA,wBACV,WAAW;AAAA,wBACX,cAAcxE;AAAA,sBAAA;AAAA,sBAEhB,cACE,gBAAAyF;AAAA,wBAACQ;AAAA,wBAAA;AAAA,0BACC,UAAS;AAAA,0BACT,IAAI;AAAA,4BACF,YAAY;AAAA,0BAAA;AAAA,0BAGd,UAAA,gBAAAR;AAAA,4BAACS;AAAA,4BAAA;AAAA,8BACC,MAAK;AAAA,8BACL,UAAU;AAAA,8BACV,cAAYlE,GAAmB;AAAA,8BAC/B,UAAU,CAACnB;AAAA,8BACX,SAAS6D;AAAA,8BACT,aAAa,gBAAAhH,EAAA,CAACC,MAAU;AACtB,gCAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA;AAAA,8BACR,GAHa;AAAA,8BAIb,IAAI;AAAA,gCACF,QAAQ;AAAA,gCACR,SAAS;AAAA,8BAAA;AAAA,8BAGX,UAAA,gBAAA8H,EAACU,IAAA,EAAU,UAAS,QAAA,CAAQ;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBAC9B;AAAA,sBAAA;AAAA,sBAGJ,IAAIW,GAA0BtG,CAAqB;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAErD,gBAAAiF;AAAA,oBAACsB;AAAA,oBAAA;AAAA,sBACC,MAAM9G;AAAA,sBACN,OAAOgB;AAAA,sBACP,OAAOZ;AAAA,sBACP,UAAU,gBAAA3C,EAAA,CAACiF,GAAWqE,GAAiBpC,MACrCD,GAAwBhC,GAAWiC,CAAY,GADvC;AAAA,sBAGV,WAAWxE;AAAA,sBACX,WAAW;AAAA,wBACT,yBAAyB;AAAA,0BACvB,IAAI6G;AAAA,wBAAA;AAAA,sBACN;AAAA,sBAEF,IAAIC,GAAwB1G,CAAqB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACnD;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,EAAA,CAEJ,EAAA,CACF;AAEJ,GApvBsB;"}

package/dist/components/OwpPicker/internal/AnimatedCalendarContainer.js CHANGED Viewed

@@ -1,43 +1,33 @@
-var v = Object.defineProperty;
-var m = (n, u) => v(n, "name", { value: u, configurable: !0 });
-import { jsx 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 { clsx as R } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useRef as a, useState as f, useEffect as w } from "react";
-import { CalendarContainer as C } from "./CalendarContainer.js";
-const p = 200, I = /* @__PURE__ */ m(({
+var l = Object.defineProperty;
+var i = (n, r) => l(n, "name", { value: r, configurable: !0 });
+import { jsx as s } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useState as m, useEffect as d } from "react";
+import { CalendarContainer as R } from "./CalendarContainer.js";
+import { useOwpPickerPopperTransition as u, PICKER_EXIT_TRANSFORM_DELAY as c, PICKER_TRANSFORM_TRANSITION_DURATION as p, PICKER_TRANSITION_DURATION as f } from "./useOwpPickerPopperTransition.js";
+const _ = /* @__PURE__ */ i(({
   children: n,
-  container: u = C
+  container: r = R
 }) => {
-  const o = !!n, i = a(o), e = a(void 0), r = a(void 0), t = a(void 0), [d, s] = f(n ?? null), [A, c] = f(
-    o ? "open" : "closed"
-  );
-  return w(() => () => {
-    e.current && (window.cancelAnimationFrame(e.current), e.current = void 0), r.current && (window.cancelAnimationFrame(r.current), r.current = void 0), t.current && window.clearTimeout(t.current);
-  }, []), w(() => {
-    if (o) {
-      t.current && window.clearTimeout(t.current), s(n), i.current || (e.current && (window.cancelAnimationFrame(e.current), e.current = void 0), r.current && (window.cancelAnimationFrame(r.current), r.current = void 0), c("opening"), e.current = window.requestAnimationFrame(() => {
-        e.current = void 0, r.current = window.requestAnimationFrame(() => {
-          r.current = void 0, c("open");
-        });
-      })), i.current = !0;
-      return;
-    }
-    i.current && (i.current = !1, c("closing"), t.current = window.setTimeout(() => {
-      s(null), c("closed");
-    }, p));
-  }, [n, o]), d ? /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(
+  const e = !!n, [a, o] = m(n ?? null), t = u(e);
+  return d(() => {
+    e && o(n);
+  }, [n, e]), d(() => {
+    t.shouldRender || o(null);
+  }, [t.shouldRender]), a ? /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(
     "div",
     {
-      className: R("owp-animated-calendar-container"),
-      "data-state": A,
+      className: "owp-animated-calendar-container",
+      "data-state": t.state,
       style: {
-        "--owp-calendar-transition-duration": `${p}ms`
+        "--owp-calendar-transition-duration": `${f}ms`,
+        "--owp-calendar-transform-transition-duration": `${p}ms`,
+        "--owp-calendar-exit-transform-delay": `${c}ms`
       },
-      children: d
+      children: a
     }
   ) }) : null;
 }, "AnimatedCalendarContainer");
 export {
-  I as AnimatedCalendarContainer
+  _ as AnimatedCalendarContainer
 };
 //# sourceMappingURL=AnimatedCalendarContainer.js.map

package/dist/components/OwpPicker/internal/AnimatedCalendarContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnimatedCalendarContainer.js","sources":["../../../../src/components/OwpPicker/internal/AnimatedCalendarContainer.tsx"],"sourcesContent":["import ~~clsx from 'clsx';\nimport~~ { type CSSProperties, type ComponentType, type ReactNode, useEffect~~, useRef,~~ useState } from 'react';\nimport { CalendarContainer } from './CalendarContainer';\n~~\nconst~~ ~~CALENDAR_TRANSITION_DURATION~~ ~~= 200~~;\n\ninterface Props {\n children?: ReactNode;\n container?: ComponentType<{ children?: ReactNode }>;\n}\n\n/*\n DatePicker popper transition container\n */\nexport const AnimatedCalendarContainer = ({\n children,\n container: ContainerComponent = CalendarContainer,\n}: Props) => {\n const hasChildren = Boolean(children);\n const wasOpenRef = useRef(hasChildren);\n const openFrameRef = useRef<number \| undefined>(undefined);\n const settleFrameRef = useRef<number \| undefined>(undefined);\n const closeTimerRef = useRef<number \| undefined>(undefined);\n const [renderedChildren, setRenderedChildren] = useState<ReactNode>(children ?? null);\n const ~~[state,~~ ~~setState]~~ = ~~useState<'opening' \| 'open' \| 'closing' \| 'closed'>~~(\n hasChildren ~~? 'open' : 'closed',\n~~ );\n\n useEffect(() => {\n ~~return () => {\n~~ if (~~openFrameRef.current~~) {\n ~~window.cancelAnimationFrame(openFrameRef.current);\n openFrameRef.current = undefined;\n~~ ~~}\n\n if~~ (~~settleFrameRef.current~~) ~~{\n window.cancelAnimationFrame(settleFrameRef.current)~~;\n ~~settleFrameRef.current = undefined;\n~~ }\n~~\n if (closeTimerRef.current) {\n window.clearTimeout(closeTimerRef.current);\n }\n };\n~~ }, []);\n\n useEffect(() => {\n if (~~hasChildren) {\n if (closeTimerRef~~.~~current~~) {\n ~~window.clearTimeout(closeTimerRef.current);\n~~ }\n\n setRenderedChildren(children);\n\n if (!wasOpenRef.current) {\n if (openFrameRef.current) {\n window.cancelAnimationFrame(openFrameRef.current);\n openFrameRef.current = undefined;\n }\n\n if (settleFrameRef.current) {\n window.cancelAnimationFrame(settleFrameRef.current);\n settleFrameRef.current = undefined;\n }\n\n setState('opening');\n openFrameRef.current = window.requestAnimationFrame(() => {\n openFrameRef.current = undefined;\n settleFrameRef.current = window.requestAnimationFrame(() => {\n settleFrameRef.current = undefined;\n setState('open');\n });\n });\n }\n\n wasOpenRef.current = true;\n return;\n }\n\n ~~if (!wasOpenRef.current) {\n return;\n }\n\n wasOpenRef.current = false;\n setState('closing');\n closeTimerRef.current = window.setTimeout(() => {\n~~ setRenderedChildren(null);\n ~~setState('closed');\n }, CALENDAR_TRANSITION_DURATION);\n~~ }, [~~children, hasChildren~~]);\n\n if (!renderedChildren) {\n return null;\n }\n\n return (\n <ContainerComponent>\n <div\n className~~={clsx('~~owp-animated-calendar-container~~')}~~\n data-state={state}\n style={\n {\n '--owp-calendar-transition-duration': `${~~CALENDAR_TRANSITION_DURATION~~}ms`,\n } as CSSProperties\n }\n >\n {renderedChildren}\n </div>\n </ContainerComponent>\n );\n};\n"],"names":["~~CALENDAR_TRANSITION_DURATION","~~AnimatedCalendarContainer","__name","children","ContainerComponent","CalendarContainer","hasChildren","~~wasOpenRef~~","~~useRef~~","~~openFrameRef~~","~~settleFrameRef~~","~~closeTimerRef~~","~~renderedChildren~~","~~setRenderedChildren~~","~~useState~~","~~state~~","~~setState~~"~~,"useEffect","jsx","clsx"~~],"mappings":";;;;;;~~AAIA~~,MAAMA,~~IAA+B,KAUxBC,~~IAA4B,gBAAAC,EAAA,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,WAAWC,IAAqBC;AAClC,MAAa;AACX,QAAMC,IAAc,EAAQH,~~GACtBI~~,~~IAAaC,EAAOF,CAAW,GAC/BG,IAAeD,EAA2B,MAAS,GACnDE,IAAiBF,EAA2B,MAAS,GACrDG,IAAgBH,EAA2B,MAAS,GACpD,~~CAACI,GAAkBC,CAAmB,IAAIC,~~EAAoBX~~,KAAY,IAAI,~~GAC9E~~,~~CAACY~~,~~GAAOC~~,~~CAAQ,IAAIF~~;~~AAAA~~,~~IACxBR~~,~~IAAc,SAAS;AAAA,EAAA;AAkEzB,SA/DAW,~~EAAU,~~MACD,~~MAAM;~~AACX,IAAIR,EAAa,YACf,OAAO,qBAAqBA,EAAa,OAAO,GAChDA,EAAa,UAAU,SAGrBC,EAAe,YACjB,OAAO,qBAAqBA,EAAe,OAAO,GAClDA,EAAe,UAAU,SAGvBC,EAAc,WAChB,OAAO,aAAaA,EAAc,OAAO;AAAA,EAE7C,GACC,CAAA,CAAE,GAELM,EAAU,MAAM;~~AACd,~~QAAIX~~,~~GAAa;AACf~~,~~MAAIK~~,~~EAAc,WAChB,OAAO,aAAaA,EAAc,OAAO,GAG3CE,EAAoBV,~~CAAQ~~,GAEvBI,EAAW,YACVE,EAAa,YACf,OAAO,qBAAqBA,EAAa,OAAO,GAChDA,EAAa,UAAU,SAGrBC,EAAe,YACjB,OAAO,qBAAqBA,EAAe,OAAO,GAClDA,EAAe,UAAU,SAG3BM,EAAS,SAAS,GAClBP,EAAa,UAAU,OAAO,sBAAsB,MAAM~~;~~AACxD~~,~~QAAAA~~,~~EAAa~~,~~UAAU~~,~~QACvBC~~,~~EAAe~~,~~UAAU~~,~~OAAO~~,~~sBAAsB~~,MAAM;~~AAC1D~~,~~UAAAA~~,~~EAAe,UAAU,QACzBM,EAAS,MAAM;AAAA,QACjB,CAAC;AAAA,MACH,CAAC,IAGHT,~~EAAW,~~UAAU;AACrB;AAAA~~,~~IACF;AAEA,IAAKA,EAAW,YAIhBA,EAAW,UAAU,IACrBS,EAAS,SAAS,GAClBL,EAAc,UAAU,OAAO,WAAW,MAAM;AAC9C,MAAAE,~~EAAoB,IAAI~~,GACxBG,EAAS,QAAQ~~;AAAA,~~IACnB~~,~~GAAGhB,CAA4B;AAAA,EACjC,~~GAAG,~~CAACG~~,~~GAAUG~~,~~CAAW~~,CAAC,~~GAErBM~~,~~sBAKFR~~,GAAA,EACC,UAAA,~~gBAAAc~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,~~WAAWC,EAAK,iCAAiC~~;AAAA,~~MACjD~~,~~cAAYJ~~;AAAA,~~MACZ~~,OACE;AAAA,QACE,sCAAsC,~~GAAGf~~,~~CAA4B~~;AAAA,MAAA;AAAA,MAIxE,~~UAAAY~~;AAAA,IAAA;AAAA,EAAA,GAEL,~~IAhBO~~;~~AAkBX~~,~~GAhGyC~~;"}
1	+ {"version":3,"file":"AnimatedCalendarContainer.js","sources":["../../../../src/components/OwpPicker/internal/AnimatedCalendarContainer.tsx"],"sourcesContent":["import {\n type CSSProperties,\n type ComponentType,\n type ReactNode,\n useEffect,\n useState,\n} from 'react';\nimport { CalendarContainer } from './CalendarContainer';\nimport {\n PICKER_EXIT_TRANSFORM_DELAY,\n PICKER_TRANSFORM_TRANSITION_DURATION,\n PICKER_TRANSITION_DURATION,\n useOwpPickerPopperTransition,\n} from './useOwpPickerPopperTransition';\n\ninterface Props {\n children?: ReactNode;\n container?: ComponentType<{ children?: ReactNode }>;\n}\n\n/*\n DatePicker popper transition container\n */\nexport const AnimatedCalendarContainer = ({\n children,\n container: ContainerComponent = CalendarContainer,\n}: Props) => {\n const hasChildren = Boolean(children);\n const [renderedChildren, setRenderedChildren] = useState<ReactNode>(children ?? null);\n const transition = useOwpPickerPopperTransition(hasChildren);\n\n useEffect(() => {\n if (hasChildren) {\n setRenderedChildren(children);\n }\n }, [children, hasChildren]);\n\n useEffect(() => {\n if (transition.shouldRender) {\n return;\n }\n\n setRenderedChildren(null);\n }, [transition.shouldRender]);\n\n if (!renderedChildren) {\n return null;\n }\n\n return (\n <ContainerComponent>\n <div\n className=\"owp-animated-calendar-container\"\n data-state={transition.state}\n style={\n {\n '--owp-calendar-transition-duration': `${PICKER_TRANSITION_DURATION}ms`,\n '--owp-calendar-transform-transition-duration': `${PICKER_TRANSFORM_TRANSITION_DURATION}ms`,\n '--owp-calendar-exit-transform-delay': `${PICKER_EXIT_TRANSFORM_DELAY}ms`,\n } as CSSProperties\n }\n >\n {renderedChildren}\n </div>\n </ContainerComponent>\n );\n};\n"],"names":["AnimatedCalendarContainer","__name","children","ContainerComponent","CalendarContainer","hasChildren","renderedChildren","setRenderedChildren","useState","transition","useOwpPickerPopperTransition","useEffect","jsx","PICKER_TRANSITION_DURATION","PICKER_TRANSFORM_TRANSITION_DURATION","PICKER_EXIT_TRANSFORM_DELAY"],"mappings":";;;;;;AAuBO,MAAMA,IAA4B,gBAAAC,EAAA,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,WAAWC,IAAqBC;AAClC,MAAa;AACX,QAAMC,IAAc,EAAQH,GACtB,CAACI,GAAkBC,CAAmB,IAAIC,EAAoBN,KAAY,IAAI,GAC9EO,IAAaC,EAA6BL,CAAW;AAgB3D,SAdAM,EAAU,MAAM;AACd,IAAIN,KACFE,EAAoBL,CAAQ;AAAA,EAEhC,GAAG,CAACA,GAAUG,CAAW,CAAC,GAE1BM,EAAU,MAAM;AACd,IAAIF,EAAW,gBAIfF,EAAoB,IAAI;AAAA,EAC1B,GAAG,CAACE,EAAW,YAAY,CAAC,GAEvBH,sBAKFH,GAAA,EACC,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAYH,EAAW;AAAA,MACvB,OACE;AAAA,QACE,sCAAsC,GAAGI,CAA0B;AAAA,QACnE,gDAAgD,GAAGC,CAAoC;AAAA,QACvF,uCAAuC,GAAGC,CAA2B;AAAA,MAAA;AAAA,MAIxE,UAAAT;AAAA,IAAA;AAAA,EAAA,GAEL,IAlBO;AAoBX,GA3CyC;"}

package/dist/components/OwpPicker/internal/OwpDatePickerCalendarHeader.js ADDED Viewed

@@ -0,0 +1,182 @@
+var G = Object.defineProperty;
+var o = (e, r) => G(e, "name", { value: r, configurable: !0 });
+import { jsxs as h, jsx as a } 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 { owpDayjs as i } from "../../../dayjs.js";
+import J from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowDropDown.js";
+import K from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowDropUp.js";
+import Q from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ChevronLeft.js";
+import W from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ChevronRight.js";
+import { Box as O, Typography as I, ButtonBase as A, IconButton as M } from "@mui/material";
+import { clsx as _ } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { VALUE_MONTH_FORMATTER as E, VALUE_YEAR_FORMATTER as z } from "../constants/index.js";
+const X = 12, Z = 12, S = /* @__PURE__ */ o(({
+  monthDate: e,
+  showMonthPicker: r,
+  showYearPicker: n,
+  visibleYearsRange: t
+}) => n ? t ? `${t.startYear} - ${t.endYear}` : i(e).format(z) : r ? i(e).format(z) : i(e).format("M월 YYYY"), "getCalendarHeaderLabel"), V = /* @__PURE__ */ o(({
+  decreaseMonth: e,
+  decreaseYear: r,
+  increaseMonth: n,
+  increaseYear: t,
+  isViewOpen: s,
+  nextMonthButtonDisabled: N,
+  nextYearButtonDisabled: k,
+  prevMonthButtonDisabled: f,
+  prevYearButtonDisabled: D,
+  showMonthPicker: u,
+  showYearPicker: l
+}) => s || l || u ? {
+  decrease: r,
+  increase: t,
+  nextDisabled: k,
+  prevDisabled: D
+} : {
+  decrease: e,
+  increase: n,
+  nextDisabled: N,
+  prevDisabled: f
+}, "getCalendarHeaderNavigation"), rr = /* @__PURE__ */ o((e, r) => {
+  if (r)
+    return Array.from(
+      { length: Math.max(r.endYear - r.startYear + 1, 0) },
+      (t, s) => r.startYear + s
+    );
+  const n = i(e).year() - 4;
+  return Array.from({ length: X }, (t, s) => n + s);
+}, "getYearOptions"), er = /* @__PURE__ */ o((e) => {
+  const r = i(e).startOf("year");
+  return Array.from(
+    { length: Z },
+    (n, t) => r.add(t, "month")
+  );
+}, "getMonthYearOptions"), mr = /* @__PURE__ */ o(({
+  changeMonth: e,
+  changeYear: r,
+  className: n,
+  decreaseMonth: t,
+  decreaseYear: s,
+  disableDropdown: N,
+  hideNextButton: k,
+  hidePreviousButton: f,
+  increaseMonth: D,
+  increaseYear: u,
+  monthDate: l,
+  nextMonthButtonDisabled: B,
+  nextYearButtonDisabled: U,
+  pickerView: L,
+  prevMonthButtonDisabled: j,
+  prevYearButtonDisabled: F,
+  selectedDate: x,
+  showMonthPicker: C,
+  showYearPicker: T,
+  view: w,
+  visibleYearsRange: b,
+  onCloseView: g,
+  onSelectViewDate: d,
+  onToggleView: v
+}) => {
+  const P = !!w, p = x ? i(x) : null, H = V({
+    decreaseMonth: t,
+    decreaseYear: s,
+    increaseMonth: D,
+    increaseYear: u,
+    isViewOpen: P,
+    nextMonthButtonDisabled: B,
+    nextYearButtonDisabled: U,
+    prevMonthButtonDisabled: j,
+    prevYearButtonDisabled: F,
+    showMonthPicker: C,
+    showYearPicker: T
+  }), R = rr(l, b), $ = er(l), y = S({
+    monthDate: l,
+    showMonthPicker: C,
+    showYearPicker: T,
+    visibleYearsRange: b
+  });
+  return /* @__PURE__ */ h(
+    O,
+    {
+      className: _("OwpDatePickerHeader", P && "OwpDatePickerHeader--viewOpen", n),
+      children: [
+        /* @__PURE__ */ h(O, { className: "OwpDatePickerHeader-bar", children: [
+          N ? /* @__PURE__ */ a(I, { component: "span", className: "OwpDatePickerHeader-label", children: y }) : /* @__PURE__ */ h(
+            A,
+            {
+              className: "OwpDatePickerHeader-labelButton",
+              "aria-expanded": P,
+              onClick: v,
+              children: [
+                /* @__PURE__ */ a(I, { component: "span", className: "OwpDatePickerHeader-label", children: y }),
+                P ? /* @__PURE__ */ a(K, { className: "OwpDatePickerHeader-switchIcon", fontSize: "small" }) : /* @__PURE__ */ a(J, { className: "OwpDatePickerHeader-switchIcon", fontSize: "small" })
+              ]
+            }
+          ),
+          (!f || !k) && /* @__PURE__ */ h(O, { className: "OwpDatePickerHeader-actions", children: [
+            !f && /* @__PURE__ */ a(
+              M,
+              {
+                className: "OwpDatePickerHeader-navigationButton",
+                size: "small",
+                "aria-label": "previous-calendar-page",
+                disabled: H.prevDisabled,
+                onClick: H.decrease,
+                children: /* @__PURE__ */ a(Q, { fontSize: "small" })
+              }
+            ),
+            !k && /* @__PURE__ */ a(
+              M,
+              {
+                className: "OwpDatePickerHeader-navigationButton",
+                size: "small",
+                "aria-label": "next-calendar-page",
+                disabled: H.nextDisabled,
+                onClick: H.increase,
+                children: /* @__PURE__ */ a(W, { fontSize: "small" })
+              }
+            )
+          ] })
+        ] }),
+        w === "monthYear" && L === "monthYear" && /* @__PURE__ */ a(O, { className: "OwpDatePickerHeaderPicker OwpDatePickerHeaderPicker--monthYear", children: $.map((c) => {
+          const m = c.format(E), q = (p == null ? void 0 : p.format(E)) === m;
+          return /* @__PURE__ */ a(
+            A,
+            {
+              className: _(
+                "OwpDatePickerHeaderPicker-option",
+                q && "OwpDatePickerHeaderPicker-option--selected"
+              ),
+              onClick: /* @__PURE__ */ o(() => {
+                const Y = c.toDate();
+                d == null || d(Y), r(Y.getFullYear()), e(Y.getMonth()), g();
+              }, "onClick"),
+              children: m
+            },
+            m
+          );
+        }) }),
+        w === "year" && /* @__PURE__ */ a(O, { className: "OwpDatePickerHeaderPicker OwpDatePickerHeaderPicker--year", children: R.map((c) => {
+          const m = (p == null ? void 0 : p.year()) === c;
+          return /* @__PURE__ */ a(
+            A,
+            {
+              className: _(
+                "OwpDatePickerHeaderPicker-option",
+                m && "OwpDatePickerHeaderPicker-option--selected"
+              ),
+              onClick: /* @__PURE__ */ o(() => {
+                d == null || d(i(l).year(c).toDate()), r(c), g();
+              }, "onClick"),
+              children: c
+            },
+            c
+          );
+        }) })
+      ]
+    }
+  );
+}, "OwpDatePickerCalendarHeader");
+export {
+  mr as OwpDatePickerCalendarHeader
+};
+//# sourceMappingURL=OwpDatePickerCalendarHeader.js.map

package/dist/components/OwpPicker/internal/OwpDatePickerCalendarHeader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OwpDatePickerCalendarHeader.js","sources":["../../../../src/components/OwpPicker/internal/OwpDatePickerCalendarHeader.tsx"],"sourcesContent":["import dayjs from '@/dayjs';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\nimport { Box, ButtonBase, IconButton, Typography } from '@mui/material';\nimport clsx from 'clsx';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport { VALUE_MONTH_FORMATTER, VALUE_YEAR_FORMATTER } from '../constants';\n\nexport type OwpDatePickerCalendarHeaderView = 'monthYear' | 'year';\n\ninterface OwpDatePickerCalendarHeaderProps extends ReactDatePickerCustomHeaderProps {\n className?: string;\n disableDropdown?: boolean;\n hideNextButton?: boolean;\n hidePreviousButton?: boolean;\n pickerView: OwpDatePickerCalendarHeaderView;\n selectedDate?: Date | null;\n showMonthPicker?: boolean;\n showYearPicker?: boolean;\n view: OwpDatePickerCalendarHeaderView | null;\n onCloseView: () => void;\n onSelectViewDate?: (date: Date) => void;\n onToggleView: () => void;\n}\n\nconst YEAR_OPTION_COUNT = 12;\nconst MONTH_YEAR_OPTION_COUNT = 12;\n\n/** Calendar header label text */\nconst getCalendarHeaderLabel = ({\n monthDate,\n showMonthPicker,\n showYearPicker,\n visibleYearsRange,\n}: Pick<\n OwpDatePickerCalendarHeaderProps,\n 'monthDate' | 'showMonthPicker' | 'showYearPicker' | 'visibleYearsRange'\n>) => {\n if (showYearPicker) {\n return visibleYearsRange\n ? `${visibleYearsRange.startYear} - ${visibleYearsRange.endYear}`\n : dayjs(monthDate).format(VALUE_YEAR_FORMATTER);\n }\n\n if (showMonthPicker) {\n return dayjs(monthDate).format(VALUE_YEAR_FORMATTER);\n }\n\n return dayjs(monthDate).format('M월 YYYY');\n};\n\n/** Calendar header previous/next navigation */\nconst getCalendarHeaderNavigation = ({\n decreaseMonth,\n decreaseYear,\n increaseMonth,\n increaseYear,\n isViewOpen,\n nextMonthButtonDisabled,\n nextYearButtonDisabled,\n prevMonthButtonDisabled,\n prevYearButtonDisabled,\n showMonthPicker,\n showYearPicker,\n}: Pick<\n OwpDatePickerCalendarHeaderProps,\n | 'decreaseMonth'\n | 'decreaseYear'\n | 'increaseMonth'\n | 'increaseYear'\n | 'nextMonthButtonDisabled'\n | 'nextYearButtonDisabled'\n | 'prevMonthButtonDisabled'\n | 'prevYearButtonDisabled'\n | 'showMonthPicker'\n | 'showYearPicker'\n> & {\n isViewOpen: boolean;\n}) => {\n if (isViewOpen || showYearPicker || showMonthPicker) {\n return {\n decrease: decreaseYear,\n increase: increaseYear,\n nextDisabled: nextYearButtonDisabled,\n prevDisabled: prevYearButtonDisabled,\n };\n }\n\n return {\n decrease: decreaseMonth,\n increase: increaseMonth,\n nextDisabled: nextMonthButtonDisabled,\n prevDisabled: prevMonthButtonDisabled,\n };\n};\n\n/** Calendar header year options */\nconst getYearOptions = (\n monthDate: Date,\n visibleYearsRange: ReactDatePickerCustomHeaderProps['visibleYearsRange'],\n) => {\n if (visibleYearsRange) {\n return Array.from(\n { length: Math.max(visibleYearsRange.endYear - visibleYearsRange.startYear + 1, 0) },\n (_, index) => visibleYearsRange.startYear + index,\n );\n }\n\n const startYear = dayjs(monthDate).year() - 4;\n\n return Array.from({ length: YEAR_OPTION_COUNT }, (_, index) => startYear + index);\n};\n\n/** Calendar header month-year options */\nconst getMonthYearOptions = (monthDate: Date) => {\n const startMonth = dayjs(monthDate).startOf('year');\n\n return Array.from({ length: MONTH_YEAR_OPTION_COUNT }, (_, index) =>\n startMonth.add(index, 'month'),\n );\n};\n\n/**\n * MUI-like DatePicker calendar header\n * @param className CSS 클래스명\n * @param disableDropdown dropdown 비활성 여부\n * @param hideNextButton 다음 이동 버튼 숨김 여부\n * @param hidePreviousButton 이전 이동 버튼 숨김 여부\n * @param pickerView dropdown body view\n * @param selectedDate selected date value\n * @param view active dropdown body view\n */\nexport const OwpDatePickerCalendarHeader = ({\n changeMonth,\n changeYear,\n className,\n decreaseMonth,\n decreaseYear,\n disableDropdown,\n hideNextButton,\n hidePreviousButton,\n increaseMonth,\n increaseYear,\n monthDate,\n nextMonthButtonDisabled,\n nextYearButtonDisabled,\n pickerView,\n prevMonthButtonDisabled,\n prevYearButtonDisabled,\n selectedDate,\n showMonthPicker,\n showYearPicker,\n view,\n visibleYearsRange,\n onCloseView,\n onSelectViewDate,\n onToggleView,\n}: OwpDatePickerCalendarHeaderProps) => {\n const isViewOpen = Boolean(view);\n const selectedDateValue = selectedDate ? dayjs(selectedDate) : null;\n const navigation = getCalendarHeaderNavigation({\n decreaseMonth,\n decreaseYear,\n increaseMonth,\n increaseYear,\n isViewOpen,\n nextMonthButtonDisabled,\n nextYearButtonDisabled,\n prevMonthButtonDisabled,\n prevYearButtonDisabled,\n showMonthPicker,\n showYearPicker,\n });\n const yearOptions = getYearOptions(monthDate, visibleYearsRange);\n const monthYearOptions = getMonthYearOptions(monthDate);\n const label = getCalendarHeaderLabel({\n monthDate,\n showMonthPicker,\n showYearPicker,\n visibleYearsRange,\n });\n\n return (\n <Box\n className={clsx('OwpDatePickerHeader', isViewOpen && 'OwpDatePickerHeader--viewOpen', className)}\n >\n <Box className=\"OwpDatePickerHeader-bar\">\n {disableDropdown ? (\n <Typography component=\"span\" className=\"OwpDatePickerHeader-label\">\n {label}\n </Typography>\n ) : (\n <ButtonBase\n className=\"OwpDatePickerHeader-labelButton\"\n aria-expanded={isViewOpen}\n onClick={onToggleView}\n >\n <Typography component=\"span\" className=\"OwpDatePickerHeader-label\">\n {label}\n </Typography>\n {isViewOpen ? (\n <ArrowDropUpIcon className=\"OwpDatePickerHeader-switchIcon\" fontSize=\"small\" />\n ) : (\n <ArrowDropDownIcon className=\"OwpDatePickerHeader-switchIcon\" fontSize=\"small\" />\n )}\n </ButtonBase>\n )}\n {(!hidePreviousButton || !hideNextButton) && (\n <Box className=\"OwpDatePickerHeader-actions\">\n {!hidePreviousButton && (\n <IconButton\n className=\"OwpDatePickerHeader-navigationButton\"\n size=\"small\"\n aria-label=\"previous-calendar-page\"\n disabled={navigation.prevDisabled}\n onClick={navigation.decrease}\n >\n <ChevronLeftIcon fontSize=\"small\" />\n </IconButton>\n )}\n {!hideNextButton && (\n <IconButton\n className=\"OwpDatePickerHeader-navigationButton\"\n size=\"small\"\n aria-label=\"next-calendar-page\"\n disabled={navigation.nextDisabled}\n onClick={navigation.increase}\n >\n <ChevronRightIcon fontSize=\"small\" />\n </IconButton>\n )}\n </Box>\n )}\n </Box>\n {view === 'monthYear' && pickerView === 'monthYear' && (\n <Box className=\"OwpDatePickerHeaderPicker OwpDatePickerHeaderPicker--monthYear\">\n {monthYearOptions.map((monthYearOption) => {\n const monthYearValue = monthYearOption.format(VALUE_MONTH_FORMATTER);\n const isSelectedMonthYear =\n selectedDateValue?.format(VALUE_MONTH_FORMATTER) === monthYearValue;\n\n return (\n <ButtonBase\n key={monthYearValue}\n className={clsx(\n 'OwpDatePickerHeaderPicker-option',\n isSelectedMonthYear && 'OwpDatePickerHeaderPicker-option--selected',\n )}\n onClick={() => {\n const nextDate = monthYearOption.toDate();\n\n onSelectViewDate?.(nextDate);\n changeYear(nextDate.getFullYear());\n changeMonth(nextDate.getMonth());\n onCloseView();\n }}\n >\n {monthYearValue}\n </ButtonBase>\n );\n })}\n </Box>\n )}\n {view === 'year' && (\n <Box className=\"OwpDatePickerHeaderPicker OwpDatePickerHeaderPicker--year\">\n {yearOptions.map((yearOption) => {\n const isSelectedYear = selectedDateValue?.year() === yearOption;\n\n return (\n <ButtonBase\n key={yearOption}\n className={clsx(\n 'OwpDatePickerHeaderPicker-option',\n isSelectedYear && 'OwpDatePickerHeaderPicker-option--selected',\n )}\n onClick={() => {\n onSelectViewDate?.(dayjs(monthDate).year(yearOption).toDate());\n changeYear(yearOption);\n onCloseView();\n }}\n >\n {yearOption}\n </ButtonBase>\n );\n })}\n </Box>\n )}\n </Box>\n );\n};\n"],"names":["YEAR_OPTION_COUNT","MONTH_YEAR_OPTION_COUNT","getCalendarHeaderLabel","__name","monthDate","showMonthPicker","showYearPicker","visibleYearsRange","dayjs","VALUE_YEAR_FORMATTER","getCalendarHeaderNavigation","decreaseMonth","decreaseYear","increaseMonth","increaseYear","isViewOpen","nextMonthButtonDisabled","nextYearButtonDisabled","prevMonthButtonDisabled","prevYearButtonDisabled","getYearOptions","_","index","startYear","getMonthYearOptions","startMonth","OwpDatePickerCalendarHeader","changeMonth","changeYear","className","disableDropdown","hideNextButton","hidePreviousButton","pickerView","selectedDate","view","onCloseView","onSelectViewDate","onToggleView","selectedDateValue","navigation","yearOptions","monthYearOptions","label","jsxs","Box","clsx","Typography","ButtonBase","jsx","ArrowDropUpIcon","ArrowDropDownIcon","IconButton","ChevronLeftIcon","ChevronRightIcon","monthYearOption","monthYearValue","VALUE_MONTH_FORMATTER","isSelectedMonthYear","nextDate","yearOption","isSelectedYear"],"mappings":"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"}

package/dist/components/OwpPicker/internal/pickerEditorStyles.js ADDED Viewed

@@ -0,0 +1,68 @@
+var a = Object.defineProperty;
+var e = (i, n) => a(i, "name", { value: n, configurable: !0 });
+import { TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH as o, TIME_PICKER_EDITOR_SECTION_WIDTH as t } from "../constants/index.js";
+const r = [
+  "0px 5px 5px -3px rgba(0, 0, 0, 0.2)",
+  "0px 8px 10px 1px rgba(0, 0, 0, 0.14)",
+  "0px 3px 14px 2px rgba(0, 0, 0, 0.12)"
+].join(", "), x = /* @__PURE__ */ e((i) => ({
+  borderRadius: 1,
+  lineHeight: 0,
+  overflow: "hidden",
+  width: i
+}), "getOwpPickerEditorPaperSx"), c = /* @__PURE__ */ e((i = "auto") => ({
+  borderRadius: 1,
+  lineHeight: 0,
+  overflow: "hidden",
+  width: i,
+  "& .react-datepicker": {
+    border: 0,
+    boxShadow: r,
+    display: "block",
+    lineHeight: "normal",
+    position: "relative"
+  },
+  "& .react-datepicker__month-container": {
+    float: "none"
+  }
+}), "getOwpDatePickerEditorPaperSx"), l = /* @__PURE__ */ e((i) => ({
+  boxSizing: "border-box",
+  width: i,
+  px: 1,
+  py: 1,
+  "& .MuiOutlinedInput-root": {
+    borderRadius: 0.75,
+    fontSize: 13,
+    paddingRight: 0.5
+  }
+}), "getOwpPickerEditorInputSx"), g = /* @__PURE__ */ e((i) => ({
+  border: 0,
+  boxShadow: r,
+  position: "relative",
+  width: i,
+  "& .MuiMultiSectionDigitalClockSection-root": {
+    border: 0,
+    boxSizing: "border-box",
+    width: t,
+    flex: `0 0 ${t}px`,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  },
+  "& .MuiMultiSectionDigitalClockSection-item": {
+    alignSelf: "stretch",
+    boxSizing: "border-box",
+    width: o,
+    minWidth: o,
+    justifyContent: "center",
+    marginLeft: "auto",
+    marginRight: "auto"
+  }
+}), "getOwpTimePickerClockSx");
+export {
+  c as getOwpDatePickerEditorPaperSx,
+  l as getOwpPickerEditorInputSx,
+  x as getOwpPickerEditorPaperSx,
+  g as getOwpTimePickerClockSx
+};
+//# sourceMappingURL=pickerEditorStyles.js.map

package/dist/components/OwpPicker/internal/pickerEditorStyles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pickerEditorStyles.js","sources":["../../../../src/components/OwpPicker/internal/pickerEditorStyles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\nimport {\n TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH,\n TIME_PICKER_EDITOR_SECTION_WIDTH,\n} from '../constants';\n\nconst OWP_PICKER_EDITOR_SURFACE_SHADOW = [\n '0px 5px 5px -3px rgba(0, 0, 0, 0.2)',\n '0px 8px 10px 1px rgba(0, 0, 0, 0.14)',\n '0px 3px 14px 2px rgba(0, 0, 0, 0.12)',\n].join(', ');\n\n/** Picker editor Paper 스타일 */\nexport const getOwpPickerEditorPaperSx = (width: number | string): SxProps<Theme> => ({\n borderRadius: 1,\n lineHeight: 0,\n overflow: 'hidden',\n width,\n});\n\n/** DatePicker editor Paper 스타일 */\nexport const getOwpDatePickerEditorPaperSx = (width: number | string = 'auto'): SxProps<Theme> => ({\n borderRadius: 1,\n lineHeight: 0,\n overflow: 'hidden',\n width,\n '& .react-datepicker': {\n border: 0,\n boxShadow: OWP_PICKER_EDITOR_SURFACE_SHADOW,\n display: 'block',\n lineHeight: 'normal',\n position: 'relative',\n },\n '& .react-datepicker__month-container': {\n float: 'none',\n },\n});\n\n/** Picker editor 입력 스타일 */\nexport const getOwpPickerEditorInputSx = (width: number | string): SxProps<Theme> => ({\n boxSizing: 'border-box',\n width,\n px: 1,\n py: 1,\n '& .MuiOutlinedInput-root': {\n borderRadius: 0.75,\n fontSize: 13,\n paddingRight: 0.5,\n },\n});\n\n/** TimePicker clock 스타일 */\nexport const getOwpTimePickerClockSx = (width: number | string): SxProps<Theme> => ({\n border: 0,\n boxShadow: OWP_PICKER_EDITOR_SURFACE_SHADOW,\n position: 'relative',\n width,\n '& .MuiMultiSectionDigitalClockSection-root': {\n border: 0,\n boxSizing: 'border-box',\n width: TIME_PICKER_EDITOR_SECTION_WIDTH,\n flex: `0 0 ${TIME_PICKER_EDITOR_SECTION_WIDTH}px`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n '& .MuiMultiSectionDigitalClockSection-item': {\n alignSelf: 'stretch',\n boxSizing: 'border-box',\n width: TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH,\n minWidth: TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH,\n justifyContent: 'center',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n});\n"],"names":["OWP_PICKER_EDITOR_SURFACE_SHADOW","getOwpPickerEditorPaperSx","__name","width","getOwpDatePickerEditorPaperSx","getOwpPickerEditorInputSx","getOwpTimePickerClockSx","TIME_PICKER_EDITOR_SECTION_WIDTH","TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH"],"mappings":";;;AAMA,MAAMA,IAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,IAAI,GAGEC,IAA4B,gBAAAC,EAAA,CAACC,OAA4C;AAAA,EACpF,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAAA;AACF,IALyC,8BAQ5BC,IAAgC,gBAAAF,EAAA,CAACC,IAAyB,YAA4B;AAAA,EACjG,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAAA;AAAA,EACA,uBAAuB;AAAA,IACrB,QAAQ;AAAA,IACR,WAAWH;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,EAAA;AAAA,EAEZ,wCAAwC;AAAA,IACtC,OAAO;AAAA,EAAA;AAEX,IAf6C,kCAkBhCK,IAA4B,gBAAAH,EAAA,CAACC,OAA4C;AAAA,EACpF,WAAW;AAAA,EACX,OAAAA;AAAA,EACA,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,4BAA4B;AAAA,IAC1B,cAAc;AAAA,IACd,UAAU;AAAA,IACV,cAAc;AAAA,EAAA;AAElB,IAVyC,8BAa5BG,IAA0B,gBAAAJ,EAAA,CAACC,OAA4C;AAAA,EAClF,QAAQ;AAAA,EACR,WAAWH;AAAA,EACX,UAAU;AAAA,EACV,OAAAG;AAAA,EACA,8CAA8C;AAAA,IAC5C,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAOI;AAAA,IACP,MAAM,OAAOA,CAAgC;AAAA,IAC7C,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,EAAA;AAAA,EAEd,8CAA8C;AAAA,IAC5C,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAOC;AAAA,IACP,UAAUA;AAAA,IACV,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAEjB,IAvBuC;"}