@owp/core 2.5.25 → 2.5.26

package/dist/components/OwpPicker/OwpDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpDatePicker.js","sources":["../../../src/components/OwpPicker/OwpDatePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport { IconButton, InputAdornment, Paper, type TextFieldProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from '@/dayjs';\nimport {\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n  useMemo,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDatePicker, {\n  CalendarContainer as ReactDatePickerCalendarContainer,\n  DatePickerProps,\n  registerLocale,\n  setDefaultLocale,\n} from 'react-datepicker';\nimport { AnimatedCalendarContainer } from './internal/AnimatedCalendarContainer';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport { OwpTextMaskField, type OwpTextMaskFieldChangeEvent } from '../OwpTextField';\nimport {\n  PICKER_INVALID_INPUT_MESSAGE_KEY,\n  VALUE_DATE_FORMATTER,\n  VALUE_MONTH_FORMATTER,\n  VALUE_TIME_FORMATTER,\n  VALUE_YEAR_FORMATTER,\n} from './constants';\nimport { getAdjacentFocusableElement, getPickerInputMask } from './utils';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nexport type DatePickerValue = string | Date;\ntype DatePickerCalendarContainerProps = HTMLAttributes<HTMLDivElement> & {\n  showTime?: boolean;\n  showTimeSelectOnly?: boolean;\n};\ntype OwpDatePickerTextFieldFocusEvent = Parameters<NonNullable<TextFieldProps['onFocus']>>[0];\ntype OwpDatePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\n\n/** DatePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDatePickerOpenKey = (event: OwpDatePickerTextFieldKeyDownEvent) => {\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 true;\n};\n\n/** DatePicker 상단 입력 값 파싱 */\nconst parseDatePickerInput = (value: string, valueFormatter: string) => {\n  const normalizedValue = value.trim();\n\n  if (valueFormatter === VALUE_YEAR_FORMATTER) {\n    const normalizedDateValue = `${normalizedValue}-01-01`;\n    const parsedValue = dayjs(normalizedDateValue, VALUE_DATE_FORMATTER, true);\n    return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedDateValue\n      ? parsedValue\n      : null;\n  }\n\n  if (valueFormatter === VALUE_MONTH_FORMATTER) {\n    const normalizedDateValue = `${normalizedValue}-01`;\n    const parsedValue = dayjs(normalizedDateValue, VALUE_DATE_FORMATTER, true);\n    return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedDateValue\n      ? parsedValue\n      : null;\n  }\n\n  const parsedValue = dayjs(normalizedValue, VALUE_DATE_FORMATTER, true);\n  return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedValue\n    ? parsedValue\n    : null;\n};\n\ninterface OwnProps {\n  className?: string;\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: DatePickerValue;\n  useAmPm?: boolean;\n  disabledClearButton?: boolean;\n  disabledFutureDates?: boolean;\n  showMonthPicker?: boolean;\n  fullWidth?: boolean;\n  onChange?: (value?: DatePickerValue) => void;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDatePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param onChange onChange 핸들러\n */\nconst OwpDatePicker = ({\n  className,\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  useAmPm,\n  onChange,\n  fullWidth,\n  showYearPicker,\n  showMonthPicker,\n  showTimeSelect,\n  showTimeSelectOnly,\n  showTimeInput,\n  textFieldProps,\n  disabledClearButton,\n  disabledFutureDates,\n  popperClassName: popperClassNameProp,\n  popperContainer: popperContainerProp,\n  ...datePickerProps\n}: OwpDatePickerProps) => {\n  const {\n    selectsMultiple,\n    selectsRange,\n    selected,\n    startDate,\n    endDate,\n    calendarContainer: calendarContainerProp,\n    open: openProp,\n    onCalendarOpen,\n    onCalendarClose,\n    onClickOutside,\n    onInputClick,\n    preventOpenOnFocus,\n    ...resolvedDatePickerProps\n  } = datePickerProps;\n  void [selectsMultiple, selectsRange, selected, startDate, endDate];\n  const { t, i18n } = useOwpTranslation();\n  const [popperPlacement, setPopperPlacement] =\n    useState<NonNullable<DatePickerProps['popperPlacement']>>('bottom-start');\n  const [isCalendarOpen, setIsCalendarOpen] = useState(false);\n  const [inputDraftValue, setInputDraftValue] = useState('');\n  const [hasPickerInputCommitError, setHasPickerInputCommitError] = useState(false);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const externalInputRef = useRef<HTMLInputElement | null>(null);\n  const pickerInputRef = useRef<HTMLInputElement | null>(null);\n  const datePickerRef = useRef<ReactDatePicker | null>(null);\n  const suppressOpenUntilRef = useRef(0);\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n\n  const valueFormatter = useMemo(() => {\n    if (showYearPicker) {\n      return VALUE_YEAR_FORMATTER;\n    }\n\n    if (showMonthPicker) {\n      return VALUE_MONTH_FORMATTER;\n    }\n\n    if (showTimeSelectOnly) {\n      return VALUE_TIME_FORMATTER;\n    }\n\n    if (showTimeInput || showTimeSelect) {\n      return `${VALUE_DATE_FORMATTER} ${VALUE_TIME_FORMATTER}`;\n    }\n    return VALUE_DATE_FORMATTER;\n  }, [showYearPicker, showMonthPicker, showTimeInput, showTimeSelect, showTimeSelectOnly]);\n\n  const selectedValue = useMemo(() => {\n    if (!value) return null;\n\n    if (showTimeSelectOnly && typeof value === 'string') {\n      const [hoursText = '', minutesText = ''] = value.split(':');\n      const hours = Number(hoursText);\n      const minutes = Number(minutesText);\n\n      if (Number.isNaN(hours) || Number.isNaN(minutes)) {\n        return null;\n      }\n\n      const selectedDate = new Date();\n      selectedDate.setHours(hours, minutes, 0, 0);\n\n      return selectedDate;\n    }\n\n    return new Date(value);\n  }, [showTimeSelectOnly, value]);\n\n  const selectedInputValue = useMemo(() => {\n    if (!value || typeof value !== 'string') {\n      return value ? dayjs(value).format(valueFormatter) : '';\n    }\n\n    const parsedValue = parseDatePickerInput(value, valueFormatter);\n\n    return parsedValue?.isValid() ? parsedValue.format(valueFormatter) : value;\n  }, [value, valueFormatter]);\n  const allowPickerInput = !showTimeSelectOnly && !showTimeInput && !showTimeSelect;\n  const selectedPickerValue = useMemo(() => {\n    if (!allowPickerInput || !inputDraftValue) {\n      return selectedValue;\n    }\n\n    const parsedInputDraftValue = parseDatePickerInput(inputDraftValue, valueFormatter);\n\n    return parsedInputDraftValue?.isValid() ? parsedInputDraftValue.toDate() : selectedValue;\n  }, [allowPickerInput, inputDraftValue, selectedValue, valueFormatter]);\n\n  const handleSelect = (dateValue?: Date | null) => {\n    const nextValue = dateValue ? dayjs(dateValue).format(valueFormatter) : undefined;\n\n    setInputDraftValue(nextValue ?? '');\n    setHasPickerInputCommitError(false);\n    onChange?.(nextValue);\n\n    if (allowPickerInput) {\n      suppressOpenUntilRef.current = Date.now() + 200;\n      focusExternalInput();\n    }\n  };\n\n  const openPicker = () => {\n    if (Date.now() < suppressOpenUntilRef.current) {\n      return;\n    }\n\n    if (allowPickerInput) {\n      setIsCalendarOpen(true);\n      setInputDraftValue(selectedInputValue);\n      setHasPickerInputCommitError(false);\n    }\n  };\n\n  const closePicker = (skipSetBlur?: boolean) => {\n    if (allowPickerInput) {\n      setIsCalendarOpen(false);\n    }\n\n    datePickerRef.current?.setOpen(false, skipSetBlur);\n  };\n\n  const focusAdjacentElement = (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 = () => {\n    window.requestAnimationFrame(() => {\n      externalInputRef.current?.focus();\n    });\n  };\n\n  const commitInputDraftValue = (showError?: boolean) => {\n    if (!inputDraftValue) {\n      setHasPickerInputCommitError(false);\n      onChange?.('');\n\n      return true;\n    }\n\n    const parsedInput = parseDatePickerInput(inputDraftValue, valueFormatter);\n\n    if (!parsedInput?.isValid()) {\n      if (showError && inputDraftValue) {\n        setHasPickerInputCommitError(true);\n      }\n\n      return false;\n    }\n\n    const nextValue = parsedInput.format(valueFormatter);\n    setInputDraftValue(nextValue);\n    setHasPickerInputCommitError(false);\n    onChange?.(nextValue);\n\n    return true;\n  };\n\n  const handleCalendarOpen = () => {\n    setIsCalendarOpen(true);\n    setInputDraftValue(selectedInputValue);\n    setHasPickerInputCommitError(false);\n    onCalendarOpen?.();\n  };\n\n  const handleCalendarClose = () => {\n    setIsCalendarOpen(false);\n    setHasPickerInputCommitError(false);\n    onCalendarClose?.();\n  };\n\n  const handleInputClick = () => {\n    openPicker();\n    onInputClick?.();\n  };\n\n  const handleExternalInputFocus = (event: OwpDatePickerTextFieldFocusEvent) => {\n    textFieldProps?.onFocus?.(event);\n\n    if (event.defaultPrevented || !allowPickerInput) {\n      return;\n    }\n\n    openPicker();\n  };\n\n  const handleExternalInputKeyDown = (event: OwpDatePickerTextFieldKeyDownEvent) => {\n    textFieldProps?.onKeyDown?.(event);\n\n    if (event.defaultPrevented || !isDatePickerOpenKey(event)) {\n      return;\n    }\n\n    openPicker();\n  };\n\n  const handleClickOutside: NonNullable<DatePickerProps['onClickOutside']> = (event) => {\n    commitInputDraftValue();\n    closePicker();\n    onClickOutside?.(event);\n  };\n\n  const handlePickerInputChange = (event: OwpTextMaskFieldChangeEvent) => {\n    setInputDraftValue(event.target.value);\n    setHasPickerInputCommitError(false);\n  };\n\n  const handlePickerInputKeyDown = (event: ReactKeyboardEvent<HTMLInputElement>) => {\n    event.stopPropagation();\n    event.nativeEvent.stopImmediatePropagation();\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setInputDraftValue(selectedInputValue);\n      setHasPickerInputCommitError(false);\n      suppressOpenUntilRef.current = Date.now() + 200;\n      closePicker(true);\n      focusExternalInput();\n      return;\n    }\n\n    if (event.key !== 'Enter' && event.key !== 'Tab') {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (!commitInputDraftValue(true)) {\n      return;\n    }\n\n    if (event.key === 'Tab') {\n      suppressOpenUntilRef.current = Date.now() + 200;\n      closePicker(true);\n      focusAdjacentElement(event.shiftKey);\n      return;\n    }\n\n    suppressOpenUntilRef.current = Date.now() + 200;\n    closePicker(true);\n    focusExternalInput();\n  };\n\n  const handlePickerInputClear = () => {\n    setInputDraftValue('');\n    setHasPickerInputCommitError(false);\n    onChange?.('');\n  };\n\n  const handleInputAreaClick = () => {\n    if (!showTimeSelectOnly) {\n      return;\n    }\n\n    setPopperPlacement('bottom-start');\n  };\n\n  const handleIconClick = () => {\n    if (!showTimeSelectOnly) {\n      return;\n    }\n\n    setPopperPlacement('bottom-end');\n  };\n\n  useEffect(() => {\n    if (!allowPickerInput || !isCalendarOpen) {\n      return undefined;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      pickerInputRef.current?.focus();\n    });\n    const focusTimerId = window.setTimeout(() => {\n      pickerInputRef.current?.focus();\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n      window.clearTimeout(focusTimerId);\n    };\n  }, [allowPickerInput, isCalendarOpen]);\n\n  const PopperContainer = ({ children }: { children?: ReactNode }) => (\n    <AnimatedCalendarContainer container={popperContainerProp ?? CalendarContainer}>\n      {children}\n    </AnimatedCalendarContainer>\n  );\n\n  const DatePickerCalendarContainer = ({\n    children,\n    className: calendarContainerClassName,\n    ...calendarContainerProps\n  }: DatePickerCalendarContainerProps) => {\n    if (!allowPickerInput) {\n      const ContainerComponent = calendarContainerProp ?? ReactDatePickerCalendarContainer;\n\n      return (\n        <ContainerComponent className={calendarContainerClassName} {...calendarContainerProps}>\n          {children}\n        </ContainerComponent>\n      );\n    }\n\n    return (\n      <Paper\n        className=\"OwpDatePickerCalendarEditor\"\n        elevation={8}\n        sx={{\n          borderRadius: 1,\n          lineHeight: 0,\n          overflow: 'hidden',\n          width: 'auto',\n          '& .react-datepicker': {\n            border: 0,\n            display: 'block',\n            lineHeight: 'normal',\n          },\n          '& .react-datepicker__month-container': {\n            float: 'none',\n          },\n          '& .react-datepicker__month': {\n            marginBottom: 0,\n          },\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={hasPickerInputCommitError ? t(PICKER_INVALID_INPUT_MESSAGE_KEY) : undefined}\n          mask={getPickerInputMask(valueFormatter)}\n          placeholder={valueFormatter}\n          onChange={handlePickerInputChange}\n          onKeyDown={handlePickerInputKeyDown}\n          inputProps={{\n            inputMode: 'numeric',\n            'aria-label': valueFormatter,\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={t('Button.초기화')}\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: '100%',\n            px: 1,\n            py: 1,\n            '& .MuiOutlinedInput-root': {\n              borderRadius: 0.75,\n              fontSize: 13,\n              paddingRight: 0.5,\n            },\n          }}\n        />\n        <div\n          className={calendarContainerClassName}\n          {...calendarContainerProps}\n          style={{\n            ...calendarContainerProps.style,\n            border: 0,\n            display: 'block',\n            lineHeight: 'normal',\n            position: 'relative',\n          }}\n        >\n          {children}\n        </div>\n      </Paper>\n    );\n  };\n\n  return (\n    <div ref={rootRef} className={clsx(fullWidth && 'w-full')}>\n      <ReactDatePicker\n        ref={datePickerRef}\n        locale={datePickerLocale}\n        calendarContainer={DatePickerCalendarContainer}\n        popperPlacement={showTimeSelectOnly ? popperPlacement : 'bottom-start'}\n        popperContainer={PopperContainer}\n        popperClassName={clsx('owp-animated-datepicker-popper', popperClassNameProp)}\n        className={clsx(fullWidth && 'w-full')}\n        wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n        maxDate={disabledFutureDates ? new Date() : undefined}\n        showYearPicker={showYearPicker}\n        showMonthYearPicker={showMonthPicker}\n        showTimeSelect={showTimeSelect}\n        showTimeSelectOnly={showTimeSelectOnly}\n        showTimeInput={showTimeInput}\n        showPopperArrow={false}\n        open={allowPickerInput ? isCalendarOpen : openProp}\n        preventOpenOnFocus={allowPickerInput ? true : preventOpenOnFocus}\n        selected={selectedPickerValue}\n        onChange={handleSelect}\n        onCalendarOpen={handleCalendarOpen}\n        onCalendarClose={handleCalendarClose}\n        onClickOutside={handleClickOutside}\n        onInputClick={handleInputClick}\n        dateFormat={showTimeSelectOnly ? (useAmPm ? 'aa hh:mm' : VALUE_TIME_FORMATTER) : 'Pp'}\n        timeFormat={showTimeSelectOnly ? (useAmPm ? 'aa hh:mm' : VALUE_TIME_FORMATTER) : undefined}\n        customInput={\n          <DatePickerInput\n            className={clsx(\n              showYearPicker && 'w-[140px]',\n              showMonthPicker && 'w-[160px]',\n              !showYearPicker && !showMonthPicker && 'w-[172px]',\n              (showTimeInput || showTimeSelect) && 'w-[200px]',\n              showTimeSelectOnly && !useAmPm && 'w-[140px]',\n              showTimeSelectOnly && useAmPm && 'w-[170px]',\n              className,\n            )}\n            label={label}\n            variant={variant}\n            sx={sx}\n            {...textFieldProps}\n            inputElementRef={externalInputRef}\n            onInputFocus={handleExternalInputFocus}\n            onInputKeyDown={handleExternalInputKeyDown}\n            reset={() => onChange?.('')}\n            fullWidth={fullWidth}\n            disabledClearButton={disabledClearButton}\n            valueFormatter={valueFormatter}\n            showTimeSelect={showTimeSelect}\n            showTimeSelectOnly={showTimeSelectOnly}\n            onInputAreaClick={handleInputAreaClick}\n            onIconClick={handleIconClick}\n          />\n        }\n        timeCaption={showTimeSelectOnly ? `${t('Common.시간')}: ` : undefined}\n        timeInputLabel={`${t('Common.시간')}: `}\n        {...resolvedDatePickerProps}\n      />\n    </div>\n  );\n};\n\nexport { OwpDatePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isDatePickerOpenKey","__name","event","parseDatePickerInput","value","valueFormatter","normalizedValue","VALUE_YEAR_FORMATTER","normalizedDateValue","parsedValue","dayjs","VALUE_DATE_FORMATTER","VALUE_MONTH_FORMATTER","OwpDatePicker","className","label","variant","sx","useAmPm","onChange","fullWidth","showYearPicker","showMonthPicker","showTimeSelect","showTimeSelectOnly","showTimeInput","textFieldProps","disabledClearButton","disabledFutureDates","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","startDate","endDate","calendarContainerProp","openProp","onCalendarOpen","onCalendarClose","onClickOutside","onInputClick","preventOpenOnFocus","resolvedDatePickerProps","t","i18n","useOwpTranslation","popperPlacement","setPopperPlacement","useState","isCalendarOpen","setIsCalendarOpen","inputDraftValue","setInputDraftValue","hasPickerInputCommitError","setHasPickerInputCommitError","rootRef","useRef","externalInputRef","pickerInputRef","datePickerRef","suppressOpenUntilRef","datePickerLocale","useMemo","VALUE_TIME_FORMATTER","selectedValue","hoursText","minutesText","hours","minutes","selectedDate","selectedInputValue","allowPickerInput","selectedPickerValue","parsedInputDraftValue","handleSelect","dateValue","nextValue","focusExternalInput","openPicker","closePicker","skipSetBlur","_a","focusAdjacentElement","isBackward","rootElement","getAdjacentFocusableElement","commitInputDraftValue","showError","parsedInput","handleCalendarOpen","handleCalendarClose","handleInputClick","handleExternalInputFocus","handleExternalInputKeyDown","handleClickOutside","handlePickerInputChange","handlePickerInputKeyDown","handlePickerInputClear","handleInputAreaClick","handleIconClick","useEffect","animationFrameId","focusTimerId","PopperContainer","children","AnimatedCalendarContainer","CalendarContainer","DatePickerCalendarContainer","calendarContainerClassName","calendarContainerProps","jsxs","Paper","jsx","OwpTextMaskField","PICKER_INVALID_INPUT_MESSAGE_KEY","getPickerInputMask","InputAdornment","IconButton","ClearIcon","ReactDatePickerCalendarContainer","clsx","ReactDatePicker","DatePickerInput"],"mappings":"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"}
+{"version":3,"file":"OwpDatePicker.js","sources":["../../../src/components/OwpPicker/OwpDatePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n  IconButton,\n  InputAdornment,\n  Paper,\n  type TextFieldProps,\n} from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from '@/dayjs';\nimport {\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n  useMemo,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDatePicker, {\n  CalendarContainer as ReactDatePickerCalendarContainer,\n  registerLocale,\n  setDefaultLocale,\n  type DatePickerProps,\n  type ReactDatePickerCustomHeaderProps,\n} from 'react-datepicker';\nimport { AnimatedCalendarContainer } from './internal/AnimatedCalendarContainer';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport {\n  getOwpDatePickerCalendarClassName,\n  useOwpDatePickerCalendarHeaderState,\n} from './internal/useOwpDatePickerCalendarHeaderState';\nimport { OwpDatePickerCalendarHeader } from './internal/OwpDatePickerCalendarHeader';\nimport {\n  getOwpDatePickerEditorPaperSx,\n  getOwpPickerEditorInputSx,\n} from './internal/pickerEditorStyles';\nimport { PICKER_TRANSITION_DURATION } from './internal/useOwpPickerPopperTransition';\nimport { OwpTextMaskField, type OwpTextMaskFieldChangeEvent } from '../OwpTextField';\nimport {\n  PICKER_INVALID_INPUT_MESSAGE_KEY,\n  VALUE_DATE_FORMATTER,\n  VALUE_MONTH_FORMATTER,\n  VALUE_TIME_FORMATTER,\n  VALUE_YEAR_FORMATTER,\n} from './constants';\nimport { getAdjacentFocusableElement, getPickerInputMask } from './utils';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nexport type DatePickerValue = string | Date;\ntype DatePickerCalendarContainerProps = HTMLAttributes<HTMLDivElement> & {\n  showTime?: boolean;\n  showTimeSelectOnly?: boolean;\n};\ntype OwpDatePickerTextFieldFocusEvent = Parameters<NonNullable<TextFieldProps['onFocus']>>[0];\ntype OwpDatePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\n\n/** DatePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDatePickerOpenKey = (event: OwpDatePickerTextFieldKeyDownEvent) => {\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 true;\n};\n\n/** DatePicker 상단 입력 값 파싱 */\nconst parseDatePickerInput = (value: string, valueFormatter: string) => {\n  const normalizedValue = value.trim();\n\n  if (valueFormatter === VALUE_YEAR_FORMATTER) {\n    const normalizedDateValue = `${normalizedValue}-01-01`;\n    const parsedValue = dayjs(normalizedDateValue, VALUE_DATE_FORMATTER, true);\n    return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedDateValue\n      ? parsedValue\n      : null;\n  }\n\n  if (valueFormatter === VALUE_MONTH_FORMATTER) {\n    const normalizedDateValue = `${normalizedValue}-01`;\n    const parsedValue = dayjs(normalizedDateValue, VALUE_DATE_FORMATTER, true);\n    return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedDateValue\n      ? parsedValue\n      : null;\n  }\n\n  const parsedValue = dayjs(normalizedValue, VALUE_DATE_FORMATTER, true);\n  return parsedValue.isValid() && parsedValue.format(VALUE_DATE_FORMATTER) === normalizedValue\n    ? parsedValue\n    : null;\n};\n\ninterface OwnProps {\n  className?: string;\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: DatePickerValue;\n  useAmPm?: boolean;\n  disabledClearButton?: boolean;\n  disabledFutureDates?: boolean;\n  showMonthPicker?: boolean;\n  fullWidth?: boolean;\n  onChange?: (value?: DatePickerValue) => void;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDatePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param onChange onChange 핸들러\n */\nconst OwpDatePicker = ({\n  className,\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  useAmPm,\n  onChange,\n  fullWidth,\n  showYearPicker,\n  showMonthPicker,\n  showTimeSelect,\n  showTimeSelectOnly,\n  showTimeInput,\n  textFieldProps,\n  disabledClearButton,\n  disabledFutureDates,\n  popperClassName: popperClassNameProp,\n  popperContainer: popperContainerProp,\n  ...datePickerProps\n}: OwpDatePickerProps) => {\n  const {\n    selectsMultiple,\n    selectsRange,\n    selected,\n    startDate,\n    endDate,\n    calendarClassName: calendarClassNameProp,\n    calendarContainer: calendarContainerProp,\n    open: openProp,\n    openToDate: openToDateProp,\n    onCalendarOpen,\n    onCalendarClose,\n    onClickOutside,\n    onInputClick,\n    preventOpenOnFocus,\n    renderCustomHeader: renderCustomHeaderProp,\n    ...resolvedDatePickerProps\n  } = datePickerProps;\n  void [selectsMultiple, selectsRange, selected, startDate, endDate];\n  const { t, i18n } = useOwpTranslation();\n  const [popperPlacement, setPopperPlacement] =\n    useState<NonNullable<DatePickerProps['popperPlacement']>>('bottom-start');\n  const [isCalendarOpen, setIsCalendarOpen] = useState(false);\n  const [inputDraftValue, setInputDraftValue] = useState('');\n  const [hasPickerInputCommitError, setHasPickerInputCommitError] = useState(false);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const externalInputRef = useRef<HTMLInputElement | null>(null);\n  const pickerInputRef = useRef<HTMLInputElement | null>(null);\n  const datePickerRef = useRef<ReactDatePicker | null>(null);\n  const suppressOpenUntilRef = useRef(0);\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n\n  const valueFormatter = useMemo(() => {\n    if (showYearPicker) {\n      return VALUE_YEAR_FORMATTER;\n    }\n\n    if (showMonthPicker) {\n      return VALUE_MONTH_FORMATTER;\n    }\n\n    if (showTimeSelectOnly) {\n      return VALUE_TIME_FORMATTER;\n    }\n\n    if (showTimeInput || showTimeSelect) {\n      return `${VALUE_DATE_FORMATTER} ${VALUE_TIME_FORMATTER}`;\n    }\n    return VALUE_DATE_FORMATTER;\n  }, [showYearPicker, showMonthPicker, showTimeInput, showTimeSelect, showTimeSelectOnly]);\n\n  const selectedValue = useMemo(() => {\n    if (!value) return null;\n\n    if (showTimeSelectOnly && typeof value === 'string') {\n      const [hoursText = '', minutesText = ''] = value.split(':');\n      const hours = Number(hoursText);\n      const minutes = Number(minutesText);\n\n      if (Number.isNaN(hours) || Number.isNaN(minutes)) {\n        return null;\n      }\n\n      const selectedDate = new Date();\n      selectedDate.setHours(hours, minutes, 0, 0);\n\n      return selectedDate;\n    }\n\n    return new Date(value);\n  }, [showTimeSelectOnly, value]);\n\n  const selectedInputValue = useMemo(() => {\n    if (!value || typeof value !== 'string') {\n      return value ? dayjs(value).format(valueFormatter) : '';\n    }\n\n    const parsedValue = parseDatePickerInput(value, valueFormatter);\n\n    return parsedValue?.isValid() ? parsedValue.format(valueFormatter) : value;\n  }, [value, valueFormatter]);\n  const allowPickerInput = !showTimeSelectOnly && !showTimeInput && !showTimeSelect;\n  const {\n    calendarDisplayDate,\n    calendarHeaderPickerView,\n    calendarHeaderView,\n    closeCalendarHeaderPicker,\n    isCalendarHeaderViewOpen,\n    resetCalendarDisplayDate,\n    selectCalendarDisplayDate,\n    toggleCalendarHeaderPicker,\n  } = useOwpDatePickerCalendarHeaderState({\n    showMonthPicker,\n    showYearPicker,\n  });\n  const selectedPickerValue = useMemo(() => {\n    if (!allowPickerInput || !inputDraftValue) {\n      return selectedValue;\n    }\n\n    const parsedInputDraftValue = parseDatePickerInput(inputDraftValue, valueFormatter);\n\n    return parsedInputDraftValue?.isValid() ? parsedInputDraftValue.toDate() : selectedValue;\n  }, [allowPickerInput, inputDraftValue, selectedValue, valueFormatter]);\n\n  /** MUI-like DatePicker calendar header */\n  const renderOwpCalendarHeader = (headerProps: ReactDatePickerCustomHeaderProps) => {\n    return (\n      <OwpDatePickerCalendarHeader\n        {...headerProps}\n        pickerView={calendarHeaderPickerView}\n        selectedDate={selectedPickerValue}\n        showMonthPicker={showMonthPicker}\n        showYearPicker={showYearPicker}\n        view={calendarHeaderView}\n        onCloseView={closeCalendarHeaderPicker}\n        onSelectViewDate={selectCalendarDisplayDate}\n        onToggleView={toggleCalendarHeaderPicker}\n      />\n    );\n  };\n\n  const handleSelect = (dateValue?: Date | null) => {\n    const nextValue = dateValue ? dayjs(dateValue).format(valueFormatter) : undefined;\n\n    setInputDraftValue(nextValue ?? '');\n    setHasPickerInputCommitError(false);\n    onChange?.(nextValue);\n\n    if (allowPickerInput) {\n      suppressOpenUntilRef.current = Date.now() + 200;\n      focusExternalInput();\n    }\n  };\n\n  const openPicker = () => {\n    if (Date.now() < suppressOpenUntilRef.current) {\n      return;\n    }\n\n    if (allowPickerInput) {\n      setIsCalendarOpen(true);\n      setInputDraftValue(selectedInputValue);\n      setHasPickerInputCommitError(false);\n    }\n  };\n\n  const closePicker = (skipSetBlur?: boolean) => {\n    if (allowPickerInput) {\n      setIsCalendarOpen(false);\n    }\n\n    closeCalendarHeaderPicker();\n    datePickerRef.current?.setOpen(false, skipSetBlur);\n  };\n\n  const focusAdjacentElement = (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 = () => {\n    window.requestAnimationFrame(() => {\n      externalInputRef.current?.focus();\n    });\n  };\n\n  const commitInputDraftValue = (showError?: boolean) => {\n    if (!inputDraftValue) {\n      setHasPickerInputCommitError(false);\n      onChange?.('');\n\n      return true;\n    }\n\n    const parsedInput = parseDatePickerInput(inputDraftValue, valueFormatter);\n\n    if (!parsedInput?.isValid()) {\n      if (showError && inputDraftValue) {\n        setHasPickerInputCommitError(true);\n      }\n\n      return false;\n    }\n\n    const nextValue = parsedInput.format(valueFormatter);\n    setInputDraftValue(nextValue);\n    setHasPickerInputCommitError(false);\n    onChange?.(nextValue);\n\n    return true;\n  };\n\n  const handleCalendarOpen = () => {\n    setIsCalendarOpen(true);\n    resetCalendarDisplayDate(selectedPickerValue ?? openToDateProp ?? null);\n    setInputDraftValue(selectedInputValue);\n    setHasPickerInputCommitError(false);\n    onCalendarOpen?.();\n  };\n\n  const handleCalendarClose = () => {\n    setIsCalendarOpen(false);\n    resetCalendarDisplayDate();\n    setHasPickerInputCommitError(false);\n    closeCalendarHeaderPicker();\n    onCalendarClose?.();\n  };\n\n  const handleInputClick = () => {\n    openPicker();\n    onInputClick?.();\n  };\n\n  const handleExternalInputFocus = (event: OwpDatePickerTextFieldFocusEvent) => {\n    textFieldProps?.onFocus?.(event);\n\n    if (event.defaultPrevented || !allowPickerInput) {\n      return;\n    }\n\n    openPicker();\n  };\n\n  const handleExternalInputKeyDown = (event: OwpDatePickerTextFieldKeyDownEvent) => {\n    textFieldProps?.onKeyDown?.(event);\n\n    if (event.defaultPrevented || !isDatePickerOpenKey(event)) {\n      return;\n    }\n\n    openPicker();\n  };\n\n  const handleClickOutside: NonNullable<DatePickerProps['onClickOutside']> = (event) => {\n    commitInputDraftValue();\n    closePicker();\n    onClickOutside?.(event);\n  };\n\n  const handlePickerInputChange = (event: OwpTextMaskFieldChangeEvent) => {\n    const nextInputValue = event.target.value;\n    const parsedInput = parseDatePickerInput(nextInputValue, valueFormatter);\n\n    setInputDraftValue(nextInputValue);\n    setHasPickerInputCommitError(false);\n\n    if (!parsedInput?.isValid()) {\n      return;\n    }\n\n    const nextDate = parsedInput.toDate();\n    resetCalendarDisplayDate(nextDate);\n    datePickerRef.current?.setPreSelection(nextDate);\n  };\n\n  const handlePickerInputKeyDown = (event: ReactKeyboardEvent<HTMLInputElement>) => {\n    event.stopPropagation();\n    event.nativeEvent.stopImmediatePropagation();\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setInputDraftValue(selectedInputValue);\n      setHasPickerInputCommitError(false);\n      suppressOpenUntilRef.current = Date.now() + 200;\n      closePicker(true);\n      focusExternalInput();\n      return;\n    }\n\n    if (event.key !== 'Enter' && event.key !== 'Tab') {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (!commitInputDraftValue(true)) {\n      return;\n    }\n\n    if (event.key === 'Tab') {\n      suppressOpenUntilRef.current = Date.now() + 200;\n      closePicker(true);\n      focusAdjacentElement(event.shiftKey);\n      return;\n    }\n\n    suppressOpenUntilRef.current = Date.now() + 200;\n    closePicker(true);\n    focusExternalInput();\n  };\n\n  const handlePickerInputClear = () => {\n    setInputDraftValue('');\n    setHasPickerInputCommitError(false);\n    onChange?.('');\n  };\n\n  const handleInputAreaClick = () => {\n    if (!showTimeSelectOnly) {\n      return;\n    }\n\n    setPopperPlacement('bottom-start');\n  };\n\n  const handleIconClick = () => {\n    if (!showTimeSelectOnly) {\n      return;\n    }\n\n    setPopperPlacement('bottom-end');\n  };\n\n  useEffect(() => {\n    if (!allowPickerInput || !isCalendarOpen) {\n      return undefined;\n    }\n\n    const focusPickerInput = () => {\n      pickerInputRef.current?.focus();\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  }, [allowPickerInput, isCalendarOpen]);\n\n  const PopperContainer = useMemo(() => {\n    const ContainerComponent = popperContainerProp ?? CalendarContainer;\n\n    /** DatePicker animated popper container */\n    return ({ children }: { children?: ReactNode }) => (\n      <AnimatedCalendarContainer container={ContainerComponent}>{children}</AnimatedCalendarContainer>\n    );\n  }, [popperContainerProp]);\n\n  const DatePickerCalendarContainer = ({\n    children,\n    className: calendarContainerClassName,\n    ...calendarContainerProps\n  }: DatePickerCalendarContainerProps) => {\n    if (!allowPickerInput) {\n      const ContainerComponent = calendarContainerProp ?? ReactDatePickerCalendarContainer;\n\n      return (\n        <ContainerComponent className={calendarContainerClassName} {...calendarContainerProps}>\n          {children}\n        </ContainerComponent>\n      );\n    }\n\n    return (\n      <Paper elevation={8} sx={getOwpDatePickerEditorPaperSx()}>\n        <OwpTextMaskField\n          autoFocus\n          inputRef={pickerInputRef}\n          fullWidth\n          size=\"small\"\n          variant=\"outlined\"\n          value={inputDraftValue}\n          error={hasPickerInputCommitError}\n          helperText={hasPickerInputCommitError ? t(PICKER_INVALID_INPUT_MESSAGE_KEY) : undefined}\n          mask={getPickerInputMask(valueFormatter)}\n          placeholder={valueFormatter}\n          onChange={handlePickerInputChange}\n          onKeyDown={handlePickerInputKeyDown}\n          inputProps={{\n            inputMode: 'numeric',\n            'aria-label': valueFormatter,\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={t('Button.초기화')}\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('100%')}\n        />\n        <div\n          className={calendarContainerClassName}\n          {...calendarContainerProps}\n          style={{\n            ...calendarContainerProps.style,\n            border: 0,\n            display: 'block',\n            lineHeight: 'normal',\n            position: 'relative',\n          }}\n        >\n          {children}\n        </div>\n      </Paper>\n    );\n  };\n\n  return (\n    <div ref={rootRef} className={clsx(fullWidth && 'w-full')}>\n      <ReactDatePicker\n        ref={datePickerRef}\n        locale={datePickerLocale}\n        calendarContainer={DatePickerCalendarContainer}\n        calendarClassName={getOwpDatePickerCalendarClassName({\n          className: calendarClassNameProp,\n          isHeaderViewOpen: isCalendarHeaderViewOpen,\n          showMonthPicker,\n          showYearPicker,\n        })}\n        popperPlacement={showTimeSelectOnly ? popperPlacement : 'bottom-start'}\n        popperContainer={PopperContainer}\n        popperClassName={clsx('owp-animated-datepicker-popper', popperClassNameProp)}\n        className={clsx(fullWidth && 'w-full')}\n        wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n        maxDate={disabledFutureDates ? new Date() : undefined}\n        showYearPicker={showYearPicker}\n        showMonthYearPicker={showMonthPicker}\n        showTimeSelect={showTimeSelect}\n        showTimeSelectOnly={showTimeSelectOnly}\n        showTimeInput={showTimeInput}\n        showPopperArrow={false}\n        open={allowPickerInput ? isCalendarOpen : openProp}\n        preventOpenOnFocus={allowPickerInput ? true : preventOpenOnFocus}\n        openToDate={calendarDisplayDate ?? openToDateProp}\n        selected={selectedPickerValue}\n        onChange={handleSelect}\n        onCalendarOpen={handleCalendarOpen}\n        onCalendarClose={handleCalendarClose}\n        onClickOutside={handleClickOutside}\n        onInputClick={handleInputClick}\n        renderCustomHeader={renderCustomHeaderProp ?? renderOwpCalendarHeader}\n        dateFormat={showTimeSelectOnly ? (useAmPm ? 'aa hh:mm' : VALUE_TIME_FORMATTER) : 'Pp'}\n        timeFormat={showTimeSelectOnly ? (useAmPm ? 'aa hh:mm' : VALUE_TIME_FORMATTER) : undefined}\n        customInput={\n          <DatePickerInput\n            className={clsx(\n              showYearPicker && 'w-[140px]',\n              showMonthPicker && 'w-[160px]',\n              !showYearPicker && !showMonthPicker && 'w-[172px]',\n              (showTimeInput || showTimeSelect) && 'w-[200px]',\n              showTimeSelectOnly && !useAmPm && 'w-[140px]',\n              showTimeSelectOnly && useAmPm && 'w-[170px]',\n              className,\n            )}\n            label={label}\n            variant={variant}\n            sx={sx}\n            {...textFieldProps}\n            inputElementRef={externalInputRef}\n            onInputFocus={handleExternalInputFocus}\n            onInputKeyDown={handleExternalInputKeyDown}\n            reset={() => onChange?.('')}\n            fullWidth={fullWidth}\n            disabledClearButton={disabledClearButton}\n            valueFormatter={valueFormatter}\n            showTimeSelect={showTimeSelect}\n            showTimeSelectOnly={showTimeSelectOnly}\n            onInputAreaClick={handleInputAreaClick}\n            onIconClick={handleIconClick}\n          />\n        }\n        timeCaption={showTimeSelectOnly ? `${t('Common.시간')}: ` : undefined}\n        timeInputLabel={`${t('Common.시간')}: `}\n        {...resolvedDatePickerProps}\n      />\n    </div>\n  );\n};\n\nexport { OwpDatePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isDatePickerOpenKey","__name","event","parseDatePickerInput","value","valueFormatter","normalizedValue","VALUE_YEAR_FORMATTER","normalizedDateValue","parsedValue","dayjs","VALUE_DATE_FORMATTER","VALUE_MONTH_FORMATTER","OwpDatePicker","className","label","variant","sx","useAmPm","onChange","fullWidth","showYearPicker","showMonthPicker","showTimeSelect","showTimeSelectOnly","showTimeInput","textFieldProps","disabledClearButton","disabledFutureDates","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","startDate","endDate","calendarClassNameProp","calendarContainerProp","openProp","openToDateProp","onCalendarOpen","onCalendarClose","onClickOutside","onInputClick","preventOpenOnFocus","renderCustomHeaderProp","resolvedDatePickerProps","t","i18n","useOwpTranslation","popperPlacement","setPopperPlacement","useState","isCalendarOpen","setIsCalendarOpen","inputDraftValue","setInputDraftValue","hasPickerInputCommitError","setHasPickerInputCommitError","rootRef","useRef","externalInputRef","pickerInputRef","datePickerRef","suppressOpenUntilRef","datePickerLocale","useMemo","VALUE_TIME_FORMATTER","selectedValue","hoursText","minutesText","hours","minutes","selectedDate","selectedInputValue","allowPickerInput","calendarDisplayDate","calendarHeaderPickerView","calendarHeaderView","closeCalendarHeaderPicker","isCalendarHeaderViewOpen","resetCalendarDisplayDate","selectCalendarDisplayDate","toggleCalendarHeaderPicker","useOwpDatePickerCalendarHeaderState","selectedPickerValue","parsedInputDraftValue","renderOwpCalendarHeader","headerProps","jsx","OwpDatePickerCalendarHeader","handleSelect","dateValue","nextValue","focusExternalInput","openPicker","closePicker","skipSetBlur","_a","focusAdjacentElement","isBackward","rootElement","getAdjacentFocusableElement","commitInputDraftValue","showError","parsedInput","handleCalendarOpen","handleCalendarClose","handleInputClick","handleExternalInputFocus","handleExternalInputKeyDown","handleClickOutside","handlePickerInputChange","nextInputValue","nextDate","handlePickerInputKeyDown","handlePickerInputClear","handleInputAreaClick","handleIconClick","useEffect","focusPickerInput","animationFrameId","focusTimerId","transitionFocusTimerId","PICKER_TRANSITION_DURATION","PopperContainer","ContainerComponent","CalendarContainer","children","AnimatedCalendarContainer","DatePickerCalendarContainer","calendarContainerClassName","calendarContainerProps","Paper","getOwpDatePickerEditorPaperSx","OwpTextMaskField","PICKER_INVALID_INPUT_MESSAGE_KEY","getPickerInputMask","InputAdornment","IconButton","ClearIcon","getOwpPickerEditorInputSx","ReactDatePickerCalendarContainer","clsx","ReactDatePicker","getOwpDatePickerCalendarClassName","DatePickerInput"],"mappings":"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"}

package/dist/components/OwpPicker/OwpDateRangePicker.js

@@ -1,108 +1,198 @@
-var B = Object.defineProperty;
-var a = (e, u) => B(e, "name", { value: u, configurable: !0 });
-import { jsx as T } 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 { useOwpTranslation as G } from "../../hooks/useOwpTranslation.js";
-import { clsx as i } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { enUS as J } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
-import { ko as Q } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
-import { owpDayjs as A } from "../../dayjs.js";
-import { useRef as X, useMemo as O } from "react";
-import { DatePicker as Z, registerLocale as L, setDefaultLocale as $ } from "../../node_modules/.pnpm/react-datepicker@8.7.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-datepicker/dist/index.es.js";
-import { CalendarContainer as x } from "./internal/CalendarContainer.js";
-import { DatePickerInput as W } from "./internal/DatePickerInput.js";
-import { VALUE_YEAR_FORMATTER as Y, VALUE_MONTH_FORMATTER as C, VALUE_DATE_FORMATTER as F } from "./constants/index.js";
-import { isNull as v } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNull.js";
-import { isNil as D } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNil.js";
-import { isEmpty as P } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-L("ko", Q);
-L("en", J);
-$("ko");
-const K = /* @__PURE__ */ a((e) => v(e) && D(e), "isNill"), h = /* @__PURE__ */ a((e) => !(e.ctrlKey || e.altKey || e.metaKey || e.key === "Escape" || e.key === "Enter" || e.key === "Tab"), "isDateRangePickerOpenKey"), Ae = /* @__PURE__ */ a(({
-  className: e,
-  label: u,
-  variant: I = "standard",
-  sx: _,
-  value: f,
-  fullWidth: R,
-  disabledClearButton: d,
+var de = Object.defineProperty;
+var o = (r, w) => de(r, "name", { value: w, configurable: !0 });
+import { jsx as P } 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 { useOwpTranslation as we } from "../../hooks/useOwpTranslation.js";
+import { clsx as d } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { enUS as fe } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
+import { ko as De } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
+import { owpDayjs as R } from "../../dayjs.js";
+import { useRef as I, useMemo as M } from "react";
+import { DatePicker as ke, registerLocale as b, setDefaultLocale as he } from "../../node_modules/.pnpm/react-datepicker@8.7.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-datepicker/dist/index.es.js";
+import { AnimatedCalendarContainer as Ce } from "./internal/AnimatedCalendarContainer.js";
+import { CalendarContainer as Oe } from "./internal/CalendarContainer.js";
+import { DatePickerInput as Pe } from "./internal/DatePickerInput.js";
+import { useOwpDatePickerCalendarHeaderState as Me, getOwpDatePickerCalendarClassName as Re } from "./internal/useOwpDatePickerCalendarHeaderState.js";
+import { OwpDatePickerCalendarHeader as ye } from "./internal/OwpDatePickerCalendarHeader.js";
+import { VALUE_YEAR_FORMATTER as Ne, VALUE_MONTH_FORMATTER as He, VALUE_DATE_FORMATTER as Se } from "./constants/index.js";
+import { isNull as Te } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNull.js";
+import { isNil as T } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNil.js";
+import { isEmpty as ge } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+b("ko", De);
+b("en", fe);
+he("ko");
+const _ = /* @__PURE__ */ o((r) => Te(r) && T(r), "isNill"), Ee = /* @__PURE__ */ o((r) => !(r.ctrlKey || r.altKey || r.metaKey || r.key === "Escape" || r.key === "Enter" || r.key === "Tab"), "isDateRangePickerOpenKey"), Ve = /* @__PURE__ */ o(({
+  endDate: r,
+  openToDate: w,
+  startDate: f,
+  useTwoMonthRangeCalendar: y
+}) => {
+  if (y && f && r) {
+    const p = R(f).startOf("month"), D = R(r).startOf("month"), h = D.diff(p, "month");
+    if (Math.abs(h) === 1)
+      return (h > 0 ? p : D).toDate();
+  }
+  return f ?? r ?? w ?? null;
+}, "resolveDateRangePickerDisplayDate"), ar = /* @__PURE__ */ o(({
+  className: r,
+  label: w,
+  variant: f = "standard",
+  sx: y,
+  value: p,
+  fullWidth: D,
+  disabledClearButton: h,
   disabledFutureDates: j,
-  onChange: t,
-  minDate: k,
+  onChange: n,
+  minDate: B,
   maxDate: U,
-  minTime: M,
-  maxTime: S,
-  showYearPicker: l,
-  showMonthPicker: o,
+  minTime: x,
+  maxTime: q,
+  showYearPicker: z,
+  showMonthPicker: G,
   textFieldProps: m,
-  popperClassName: V,
-  popperContainer: b,
-  ...n
+  popperClassName: J,
+  popperContainer: g,
+  ...C
 }) => {
   const {
-    selectsMultiple: ee,
-    selectsRange: re,
-    selected: te,
-    startDate: ae,
-    endDate: me,
-    ...g
-  } = n, { i18n: E } = G(), y = X(null), H = (E.resolvedLanguage ?? E.language ?? "kr") === "kr" ? "ko" : "en", c = O(() => l ? Y : o ? C : F, [l, o]), [s, w] = O(() => f ? f.split(",").map((r) => !r || K(r) ? null : new Date(r)) : [null, null], [f]), q = /* @__PURE__ */ a((r) => {
-    t == null || t(
-      P(r) ? void 0 : [...r].map((p) => K(p) ? "" : A(p).format(c)).join(",")
+    selectsMultiple: Ae,
+    selectsRange: Ye,
+    selected: Ke,
+    startDate: Le,
+    endDate: Ie,
+    calendarClassName: Q,
+    focusSelectedMonth: X,
+    monthsShown: Z,
+    openToDate: E,
+    onCalendarClose: u,
+    onCalendarOpen: N,
+    renderCustomHeader: $,
+    shouldCloseOnSelect: V,
+    showMonthYearPicker: W,
+    ...v
+  } = C, { i18n: A } = we(), Y = I(null), H = I(!1), F = (A.resolvedLanguage ?? A.language ?? "kr") === "kr" ? "ko" : "en", s = !!z, l = !!(G || W), t = !s && !l, S = M(() => s ? Ne : l ? He : Se, [l, s]), [c, k] = M(() => p ? p.split(",").map((e) => !e || _(e) ? null : new Date(e)) : [null, null], [p]), K = M(
+    () => Ve({
+      endDate: k,
+      openToDate: E,
+      startDate: c,
+      useTwoMonthRangeCalendar: t
+    }),
+    [k, E, c, t]
+  ), {
+    calendarDisplayDate: ee,
+    calendarHeaderPickerView: re,
+    calendarHeaderView: ae,
+    closeCalendarHeaderPicker: O,
+    isCalendarHeaderViewOpen: te,
+    resetCalendarDisplayDate: L,
+    selectCalendarDisplayDate: oe,
+    toggleCalendarHeaderPicker: ne
+  } = Me({
+    showMonthPicker: l,
+    showYearPicker: s
+  }), se = /* @__PURE__ */ o((e) => {
+    const a = e.customHeaderCount === 0, i = !t || a ? ae : null, ue = !t || a ? ne : O;
+    return /* @__PURE__ */ P(
+      ye,
+      {
+        ...e,
+        className: d(
+          t && (a ? "OwpDatePickerHeader--rangeStart" : "OwpDatePickerHeader--rangeEnd")
+        ),
+        disableDropdown: t && !a,
+        hideNextButton: t && a,
+        hidePreviousButton: t && !a,
+        pickerView: re,
+        selectedDate: c ?? k,
+        showMonthPicker: l,
+        showYearPicker: s,
+        view: i,
+        onCloseView: O,
+        onSelectViewDate: oe,
+        onToggleView: ue
+      }
     );
-  }, "handleSelect"), z = /* @__PURE__ */ a((r) => {
-    var p, N;
-    (p = m == null ? void 0 : m.onKeyDown) == null || p.call(m, r), !(r.defaultPrevented || !h(r)) && ((N = y.current) == null || N.setOpen(!0));
-  }, "handleExternalInputKeyDown");
-  return /* @__PURE__ */ T(
-    Z,
+  }, "renderOwpCalendarHeader"), le = /* @__PURE__ */ o((e) => {
+    const a = ge(e) ? void 0 : [...e].map((i) => _(i) ? "" : R(i).format(S)).join(",");
+    n == null || n(a), V !== !1 && (e != null && e[0]) && e[1] && (H.current = !0);
+  }, "handleSelect"), ce = /* @__PURE__ */ o((e) => {
+    var a, i;
+    (a = m == null ? void 0 : m.onKeyDown) == null || a.call(m, e), !(e.defaultPrevented || !Ee(e)) && ((i = Y.current) == null || i.setOpen(!0));
+  }, "handleExternalInputKeyDown"), ie = /* @__PURE__ */ o(() => {
+    O(), L(K), N == null || N();
+  }, "handleCalendarOpen"), pe = /* @__PURE__ */ o(() => {
+    if (O(), L(), H.current) {
+      H.current = !1, u == null || u();
+      return;
+    }
+    !T(c) && T(k) && (n == null || n([c, c].map((e) => R(e).format(S)).join(","))), u == null || u();
+  }, "handleCalendarClose"), me = M(() => {
+    const e = g ?? Oe;
+    return ({ children: a }) => /* @__PURE__ */ P(Ce, { container: e, children: a });
+  }, [g]);
+  return /* @__PURE__ */ P(
+    ke,
     {
-      ref: y,
-      ...g,
-      locale: H,
-      popperContainer: b ?? x,
-      popperClassName: V,
-      className: i(R && "w-full"),
-      wrapperClassName: i(R && "w-full", n == null ? void 0 : n.wrapperClassName),
+      ref: Y,
+      ...v,
+      locale: F,
+      popperContainer: me,
+      popperClassName: d("owp-animated-datepicker-popper", J),
+      calendarClassName: Re({
+        className: d(
+          "OwpDatePickerRangeCalendar",
+          t && "OwpDatePickerRangeCalendar--twoMonths",
+          Q
+        ),
+        isHeaderViewOpen: te,
+        showMonthPicker: l,
+        showYearPicker: s
+      }),
+      className: d(D && "w-full"),
+      wrapperClassName: d(D && "w-full", C == null ? void 0 : C.wrapperClassName),
       selectsRange: !0,
-      minDate: k,
+      shouldCloseOnSelect: V,
+      focusSelectedMonth: t ? !0 : X,
+      monthsShown: t ? 2 : Z,
+      minDate: B,
       maxDate: j ? /* @__PURE__ */ new Date() : U,
-      minTime: M,
-      maxTime: S,
-      showYearPicker: l,
-      showMonthYearPicker: o,
+      minTime: x,
+      maxTime: q,
+      showYearPicker: s,
+      showMonthYearPicker: l,
       showPopperArrow: !1,
       popperPlacement: "bottom-start",
-      selected: s,
-      onChange: q,
-      onCalendarClose: /* @__PURE__ */ a(() => {
-        !D(s) && D(w) && (t == null || t([s, s].map((r) => A(r).format(c)).join(",")));
-      }, "onCalendarClose"),
-      startDate: s,
-      endDate: w,
-      customInput: /* @__PURE__ */ T(
-        W,
+      openToDate: ee ?? K,
+      selected: c,
+      onChange: le,
+      onCalendarOpen: ie,
+      onCalendarClose: pe,
+      startDate: c,
+      endDate: k,
+      renderCustomHeader: $ ?? se,
+      customInput: /* @__PURE__ */ P(
+        Pe,
         {
-          className: i(
-            l && "w-[180px]",
-            o && "w-[220px]",
-            !l && !o && "w-[260px]",
-            e
+          className: d(
+            s && "w-[180px]",
+            l && "w-[220px]",
+            !s && !l && "w-[260px]",
+            r
           ),
-          label: u,
-          variant: I,
-          sx: _,
+          label: w,
+          variant: f,
+          sx: y,
           ...m,
-          onInputKeyDown: z,
-          reset: /* @__PURE__ */ a(() => t == null ? void 0 : t(""), "reset"),
+          onInputKeyDown: ce,
+          reset: /* @__PURE__ */ o(() => n == null ? void 0 : n(""), "reset"),
           useRange: !0,
-          disabledClearButton: d,
-          valueFormatter: c
+          disabledClearButton: h,
+          valueFormatter: S
         }
       )
     }
   );
 }, "OwpDateRangePicker");
 export {
-  Ae as OwpDateRangePicker
+  ar as OwpDateRangePicker
 };
 //# sourceMappingURL=OwpDateRangePicker.js.map

package/dist/components/OwpPicker/OwpDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpDateRangePicker.js","sources":["../../../src/components/OwpPicker/OwpDateRangePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { TextFieldProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from '@/dayjs';\nimport { isEmpty, isNil, isNull } from 'es-toolkit/compat';\nimport { useMemo, useRef } from 'react';\nimport ReactDatePicker, {\n  DatePickerProps,\n  registerLocale,\n  setDefaultLocale,\n} from 'react-datepicker';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport { VALUE_DATE_FORMATTER, VALUE_MONTH_FORMATTER, VALUE_YEAR_FORMATTER } from './constants';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nconst isNill = (v: Date | string | number | undefined | null) => isNull(v) && isNil(v);\n\ntype DatePickerValue = string | Date;\ntype OwpDateRangePickerTextFieldKeyDownEvent = Parameters<\n  NonNullable<TextFieldProps['onKeyDown']>\n>[0];\n\n/** DateRangePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDateRangePickerOpenKey = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\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 true;\n};\n\ninterface OwnProps {\n  className?: string;\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: DatePickerValue;\n  fullWidth?: boolean;\n  disabledClearButton?: boolean;\n  disabledFutureDates?: boolean;\n  onChange?: (value?: DatePickerValue) => void;\n  showYearPicker?: boolean;\n  showMonthPicker?: boolean;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDateRangePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param fullWidth 전체 너비 사용 여부\n */\nconst OwpDateRangePicker = ({\n  className,\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  fullWidth,\n  disabledClearButton,\n  disabledFutureDates,\n  onChange,\n  minDate,\n  maxDate,\n  minTime,\n  maxTime,\n  showYearPicker,\n  showMonthPicker,\n  textFieldProps,\n  popperClassName: popperClassNameProp,\n  popperContainer: popperContainerProp,\n  ...datePickerProps\n}: OwpDatePickerProps) => {\n  const {\n    selectsMultiple,\n    selectsRange,\n    selected,\n    startDate: passedStartDate,\n    endDate: passedEndDate,\n    ...resolvedDatePickerProps\n  } = datePickerProps;\n  void [selectsMultiple, selectsRange, selected, passedStartDate, passedEndDate];\n  const { i18n } = useOwpTranslation();\n  const datePickerRef = useRef<ReactDatePicker | null>(null);\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n  const valueFormatter = useMemo(() => {\n    if (showYearPicker) {\n      return VALUE_YEAR_FORMATTER;\n    }\n\n    if (showMonthPicker) {\n      return VALUE_MONTH_FORMATTER;\n    }\n    return VALUE_DATE_FORMATTER;\n  }, [showYearPicker, showMonthPicker]);\n\n  const [startDate, endDate] = useMemo(() => {\n    if (!value) return [null, null];\n    return value.split(',').map((v: string) => (!v || isNill(v) ? null : new Date(v)));\n  }, [value]);\n\n  const handleSelect = (dates?: [Date, Date]) => {\n    onChange?.(\n      !isEmpty(dates)\n        ? [...dates].map((d: Date) => (isNill(d) ? '' : dayjs(d).format(valueFormatter))).join(',')\n        : undefined,\n    );\n  };\n\n  const handleExternalInputKeyDown = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\n    textFieldProps?.onKeyDown?.(event);\n\n    if (event.defaultPrevented || !isDateRangePickerOpenKey(event)) {\n      return;\n    }\n\n    datePickerRef.current?.setOpen(true);\n  };\n\n  return (\n    <ReactDatePicker\n      ref={datePickerRef}\n      {...resolvedDatePickerProps}\n      locale={datePickerLocale}\n      popperContainer={popperContainerProp ?? CalendarContainer}\n      popperClassName={popperClassNameProp}\n      className={clsx(fullWidth && 'w-full')}\n      wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n      selectsRange\n      minDate={minDate}\n      maxDate={disabledFutureDates ? new Date() : maxDate}\n      minTime={minTime}\n      maxTime={maxTime}\n      showYearPicker={showYearPicker}\n      showMonthYearPicker={showMonthPicker}\n      showPopperArrow={false}\n      popperPlacement=\"bottom-start\"\n      selected={startDate}\n      onChange={handleSelect}\n      onCalendarClose={() => {\n        if (!isNil(startDate) && isNil(endDate)) {\n          onChange?.([startDate, startDate].map((d) => dayjs(d).format(valueFormatter)).join(','));\n        }\n      }}\n      startDate={startDate}\n      endDate={endDate}\n      customInput={\n        <DatePickerInput\n          className={clsx(\n            showYearPicker && 'w-[180px]',\n            showMonthPicker && 'w-[220px]',\n            !showYearPicker && !showMonthPicker && 'w-[260px]',\n            className,\n          )}\n          label={label}\n          variant={variant}\n          sx={sx}\n          {...textFieldProps}\n          onInputKeyDown={handleExternalInputKeyDown}\n          reset={() => onChange?.('')}\n          useRange\n          disabledClearButton={disabledClearButton}\n          valueFormatter={valueFormatter}\n        />\n      }\n    />\n  );\n};\n\nexport { OwpDateRangePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isNill","__name","v","isNull","isNil","isDateRangePickerOpenKey","event","OwpDateRangePicker","className","label","variant","sx","value","fullWidth","disabledClearButton","disabledFutureDates","onChange","minDate","maxDate","minTime","maxTime","showYearPicker","showMonthPicker","textFieldProps","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","passedStartDate","passedEndDate","resolvedDatePickerProps","i18n","useOwpTranslation","datePickerRef","useRef","datePickerLocale","valueFormatter","useMemo","VALUE_YEAR_FORMATTER","VALUE_MONTH_FORMATTER","VALUE_DATE_FORMATTER","startDate","endDate","handleSelect","dates","isEmpty","d","dayjs","handleExternalInputKeyDown","_a","_b","jsx","ReactDatePicker","CalendarContainer","clsx","DatePickerInput"],"mappings":"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"}
+{"version":3,"file":"OwpDateRangePicker.js","sources":["../../../src/components/OwpPicker/OwpDateRangePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type { TextFieldProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from '@/dayjs';\nimport { isEmpty, isNil, isNull } from 'es-toolkit/compat';\nimport { type ReactNode, useMemo, useRef } from 'react';\nimport ReactDatePicker, {\n  type DatePickerProps,\n  type ReactDatePickerCustomHeaderProps,\n  registerLocale,\n  setDefaultLocale,\n} from 'react-datepicker';\nimport { AnimatedCalendarContainer } from './internal/AnimatedCalendarContainer';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport {\n  getOwpDatePickerCalendarClassName,\n  useOwpDatePickerCalendarHeaderState,\n} from './internal/useOwpDatePickerCalendarHeaderState';\nimport { OwpDatePickerCalendarHeader } from './internal/OwpDatePickerCalendarHeader';\nimport { VALUE_DATE_FORMATTER, VALUE_MONTH_FORMATTER, VALUE_YEAR_FORMATTER } from './constants';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nconst isNill = (v: Date | string | number | undefined | null) => isNull(v) && isNil(v);\n\ntype DatePickerValue = string | Date;\ntype OwpDateRangePickerTextFieldKeyDownEvent = Parameters<\n  NonNullable<TextFieldProps['onKeyDown']>\n>[0];\n\n/** DateRangePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDateRangePickerOpenKey = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\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 true;\n};\n\n/** DateRangePicker 두 달 캘린더 초기 표시 기준일 */\nconst resolveDateRangePickerDisplayDate = ({\n  endDate,\n  openToDate,\n  startDate,\n  useTwoMonthRangeCalendar,\n}: {\n  endDate: Date | null;\n  openToDate?: Date | null;\n  startDate: Date | null;\n  useTwoMonthRangeCalendar: boolean;\n}) => {\n  if (useTwoMonthRangeCalendar && startDate && endDate) {\n    const startMonth = dayjs(startDate).startOf('month');\n    const endMonth = dayjs(endDate).startOf('month');\n    const monthDiff = endMonth.diff(startMonth, 'month');\n\n    if (Math.abs(monthDiff) === 1) {\n      return (monthDiff > 0 ? startMonth : endMonth).toDate();\n    }\n  }\n\n  return startDate ?? endDate ?? openToDate ?? null;\n};\n\ninterface OwnProps {\n  className?: string;\n  label?: string;\n  variant?: TextFieldProps['variant'];\n  sx?: TextFieldProps['sx'];\n  value?: DatePickerValue;\n  fullWidth?: boolean;\n  disabledClearButton?: boolean;\n  disabledFutureDates?: boolean;\n  onChange?: (value?: DatePickerValue) => void;\n  showYearPicker?: boolean;\n  showMonthPicker?: boolean;\n  textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDateRangePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param fullWidth 전체 너비 사용 여부\n */\nconst OwpDateRangePicker = ({\n  className,\n  label,\n  variant = 'standard',\n  sx,\n  value,\n  fullWidth,\n  disabledClearButton,\n  disabledFutureDates,\n  onChange,\n  minDate,\n  maxDate,\n  minTime,\n  maxTime,\n  showYearPicker,\n  showMonthPicker,\n  textFieldProps,\n  popperClassName: popperClassNameProp,\n  popperContainer: popperContainerProp,\n  ...datePickerProps\n}: OwpDatePickerProps) => {\n  const {\n    selectsMultiple,\n    selectsRange,\n    selected,\n    startDate: passedStartDate,\n    endDate: passedEndDate,\n    calendarClassName: calendarClassNameProp,\n    focusSelectedMonth: focusSelectedMonthProp,\n    monthsShown: monthsShownProp,\n    openToDate: openToDateProp,\n    onCalendarClose,\n    onCalendarOpen,\n    renderCustomHeader: renderCustomHeaderProp,\n    shouldCloseOnSelect: shouldCloseOnSelectProp,\n    showMonthYearPicker: showMonthYearPickerProp,\n    ...resolvedDatePickerProps\n  } = datePickerProps;\n  void [selectsMultiple, selectsRange, selected, passedStartDate, passedEndDate];\n  const { i18n } = useOwpTranslation();\n  const datePickerRef = useRef<ReactDatePicker | null>(null);\n  const skipSingleDateCompletionRef = useRef(false);\n  const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n  const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n  const isYearRangePicker = Boolean(showYearPicker);\n  const isMonthRangePicker = Boolean(showMonthPicker || showMonthYearPickerProp);\n  const useTwoMonthRangeCalendar = !isYearRangePicker && !isMonthRangePicker;\n  const valueFormatter = useMemo(() => {\n    if (isYearRangePicker) {\n      return VALUE_YEAR_FORMATTER;\n    }\n\n    if (isMonthRangePicker) {\n      return VALUE_MONTH_FORMATTER;\n    }\n    return VALUE_DATE_FORMATTER;\n  }, [isMonthRangePicker, isYearRangePicker]);\n\n  const [startDate, endDate] = useMemo(() => {\n    if (!value) return [null, null];\n    return value.split(',').map((v: string) => (!v || isNill(v) ? null : new Date(v)));\n  }, [value]);\n  const initialCalendarDisplayDate = useMemo(\n    () =>\n      resolveDateRangePickerDisplayDate({\n        endDate,\n        openToDate: openToDateProp,\n        startDate,\n        useTwoMonthRangeCalendar,\n      }),\n    [endDate, openToDateProp, startDate, useTwoMonthRangeCalendar],\n  );\n  const {\n    calendarDisplayDate,\n    calendarHeaderPickerView,\n    calendarHeaderView,\n    closeCalendarHeaderPicker,\n    isCalendarHeaderViewOpen,\n    resetCalendarDisplayDate,\n    selectCalendarDisplayDate,\n    toggleCalendarHeaderPicker,\n  } = useOwpDatePickerCalendarHeaderState({\n    showMonthPicker: isMonthRangePicker,\n    showYearPicker: isYearRangePicker,\n  });\n\n  /** MUI-like DateRangePicker calendar header */\n  const renderOwpCalendarHeader = (headerProps: ReactDatePickerCustomHeaderProps) => {\n    const isFirstCalendar = headerProps.customHeaderCount === 0;\n    const headerView = !useTwoMonthRangeCalendar || isFirstCalendar ? calendarHeaderView : null;\n    const onToggleView =\n      !useTwoMonthRangeCalendar || isFirstCalendar\n        ? toggleCalendarHeaderPicker\n        : closeCalendarHeaderPicker;\n\n    return (\n      <OwpDatePickerCalendarHeader\n        {...headerProps}\n        className={clsx(\n          useTwoMonthRangeCalendar &&\n            (isFirstCalendar\n              ? 'OwpDatePickerHeader--rangeStart'\n              : 'OwpDatePickerHeader--rangeEnd'),\n        )}\n        disableDropdown={useTwoMonthRangeCalendar && !isFirstCalendar}\n        hideNextButton={useTwoMonthRangeCalendar && isFirstCalendar}\n        hidePreviousButton={useTwoMonthRangeCalendar && !isFirstCalendar}\n        pickerView={calendarHeaderPickerView}\n        selectedDate={startDate ?? endDate}\n        showMonthPicker={isMonthRangePicker}\n        showYearPicker={isYearRangePicker}\n        view={headerView}\n        onCloseView={closeCalendarHeaderPicker}\n        onSelectViewDate={selectCalendarDisplayDate}\n        onToggleView={onToggleView}\n      />\n    );\n  };\n\n  const handleSelect = (dates?: [Date | null, Date | null]) => {\n    const nextValue = !isEmpty(dates)\n      ? [...dates].map((d) => (isNill(d) ? '' : dayjs(d).format(valueFormatter))).join(',')\n      : undefined;\n\n    onChange?.(nextValue);\n\n    if (shouldCloseOnSelectProp !== false && dates?.[0] && dates[1]) {\n      skipSingleDateCompletionRef.current = true;\n    }\n  };\n\n  const handleExternalInputKeyDown = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\n    textFieldProps?.onKeyDown?.(event);\n\n    if (event.defaultPrevented || !isDateRangePickerOpenKey(event)) {\n      return;\n    }\n\n    datePickerRef.current?.setOpen(true);\n  };\n\n  const handleCalendarOpen = () => {\n    closeCalendarHeaderPicker();\n    resetCalendarDisplayDate(initialCalendarDisplayDate);\n    onCalendarOpen?.();\n  };\n\n  const handleCalendarClose = () => {\n    closeCalendarHeaderPicker();\n    resetCalendarDisplayDate();\n\n    if (skipSingleDateCompletionRef.current) {\n      skipSingleDateCompletionRef.current = false;\n      onCalendarClose?.();\n      return;\n    }\n\n    if (!isNil(startDate) && isNil(endDate)) {\n      onChange?.([startDate, startDate].map((d) => dayjs(d).format(valueFormatter)).join(','));\n    }\n\n    onCalendarClose?.();\n  };\n\n  const PopperContainer = useMemo(() => {\n    const ContainerComponent = popperContainerProp ?? CalendarContainer;\n\n    /** DateRangePicker animated popper container */\n    return ({ children }: { children?: ReactNode }) => (\n      <AnimatedCalendarContainer container={ContainerComponent}>{children}</AnimatedCalendarContainer>\n    );\n  }, [popperContainerProp]);\n\n  return (\n    <ReactDatePicker\n      ref={datePickerRef}\n      {...resolvedDatePickerProps}\n      locale={datePickerLocale}\n      popperContainer={PopperContainer}\n      popperClassName={clsx('owp-animated-datepicker-popper', popperClassNameProp)}\n      calendarClassName={getOwpDatePickerCalendarClassName({\n        className: clsx(\n          'OwpDatePickerRangeCalendar',\n          useTwoMonthRangeCalendar && 'OwpDatePickerRangeCalendar--twoMonths',\n          calendarClassNameProp,\n        ),\n        isHeaderViewOpen: isCalendarHeaderViewOpen,\n        showMonthPicker: isMonthRangePicker,\n        showYearPicker: isYearRangePicker,\n      })}\n      className={clsx(fullWidth && 'w-full')}\n      wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n      selectsRange\n      shouldCloseOnSelect={shouldCloseOnSelectProp}\n      focusSelectedMonth={useTwoMonthRangeCalendar ? true : focusSelectedMonthProp}\n      monthsShown={useTwoMonthRangeCalendar ? 2 : monthsShownProp}\n      minDate={minDate}\n      maxDate={disabledFutureDates ? new Date() : maxDate}\n      minTime={minTime}\n      maxTime={maxTime}\n      showYearPicker={isYearRangePicker}\n      showMonthYearPicker={isMonthRangePicker}\n      showPopperArrow={false}\n      popperPlacement=\"bottom-start\"\n      openToDate={calendarDisplayDate ?? initialCalendarDisplayDate}\n      selected={startDate}\n      onChange={handleSelect}\n      onCalendarOpen={handleCalendarOpen}\n      onCalendarClose={handleCalendarClose}\n      startDate={startDate}\n      endDate={endDate}\n      renderCustomHeader={renderCustomHeaderProp ?? renderOwpCalendarHeader}\n      customInput={\n        <DatePickerInput\n          className={clsx(\n            isYearRangePicker && 'w-[180px]',\n            isMonthRangePicker && 'w-[220px]',\n            !isYearRangePicker && !isMonthRangePicker && 'w-[260px]',\n            className,\n          )}\n          label={label}\n          variant={variant}\n          sx={sx}\n          {...textFieldProps}\n          onInputKeyDown={handleExternalInputKeyDown}\n          reset={() => onChange?.('')}\n          useRange\n          disabledClearButton={disabledClearButton}\n          valueFormatter={valueFormatter}\n        />\n      }\n    />\n  );\n};\n\nexport { OwpDateRangePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isNill","__name","v","isNull","isNil","isDateRangePickerOpenKey","event","resolveDateRangePickerDisplayDate","endDate","openToDate","startDate","useTwoMonthRangeCalendar","startMonth","dayjs","endMonth","monthDiff","OwpDateRangePicker","className","label","variant","sx","value","fullWidth","disabledClearButton","disabledFutureDates","onChange","minDate","maxDate","minTime","maxTime","showYearPicker","showMonthPicker","textFieldProps","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","passedStartDate","passedEndDate","calendarClassNameProp","focusSelectedMonthProp","monthsShownProp","openToDateProp","onCalendarClose","onCalendarOpen","renderCustomHeaderProp","shouldCloseOnSelectProp","showMonthYearPickerProp","resolvedDatePickerProps","i18n","useOwpTranslation","datePickerRef","useRef","skipSingleDateCompletionRef","datePickerLocale","isYearRangePicker","isMonthRangePicker","valueFormatter","useMemo","VALUE_YEAR_FORMATTER","VALUE_MONTH_FORMATTER","VALUE_DATE_FORMATTER","initialCalendarDisplayDate","calendarDisplayDate","calendarHeaderPickerView","calendarHeaderView","closeCalendarHeaderPicker","isCalendarHeaderViewOpen","resetCalendarDisplayDate","selectCalendarDisplayDate","toggleCalendarHeaderPicker","useOwpDatePickerCalendarHeaderState","renderOwpCalendarHeader","headerProps","isFirstCalendar","headerView","onToggleView","jsx","OwpDatePickerCalendarHeader","clsx","handleSelect","dates","nextValue","isEmpty","d","handleExternalInputKeyDown","_a","_b","handleCalendarOpen","handleCalendarClose","PopperContainer","ContainerComponent","CalendarContainer","children","AnimatedCalendarContainer","ReactDatePicker","getOwpDatePickerCalendarClassName","DatePickerInput"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBAA,EAAe,MAAMC,EAAE;AACvBD,EAAe,MAAME,EAAI;AACzBC,GAAiB,IAAI;AAErB,MAAMC,IAAS,gBAAAC,EAAA,CAACC,MAAiDC,GAAOD,CAAC,KAAKE,EAAMF,CAAC,GAAtE,WAQTG,KAA2B,gBAAAJ,EAAA,CAACK,MAE9B,EAAAA,EAAM,WACNA,EAAM,UACNA,EAAM,WACNA,EAAM,QAAQ,YACdA,EAAM,QAAQ,WACdA,EAAM,QAAQ,QAPe,6BAgB3BC,KAAoC,gBAAAN,EAAA,CAAC;AAAA,EACzC,SAAAO;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,0BAAAC;AACF,MAKM;AACJ,MAAIA,KAA4BD,KAAaF,GAAS;AACpD,UAAMI,IAAaC,EAAMH,CAAS,EAAE,QAAQ,OAAO,GAC7CI,IAAWD,EAAML,CAAO,EAAE,QAAQ,OAAO,GACzCO,IAAYD,EAAS,KAAKF,GAAY,OAAO;AAEnD,QAAI,KAAK,IAAIG,CAAS,MAAM;AAC1B,cAAQA,IAAY,IAAIH,IAAaE,GAAU,OAAA;AAAA,EAEnD;AAEA,SAAOJ,KAAaF,KAAWC,KAAc;AAC/C,GAtB0C,sCAkDpCO,KAAqB,gBAAAf,EAAA,CAAC;AAAA,EAC1B,WAAAgB;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAiBC;AAAA,EACjB,iBAAiBC;AAAA,EACjB,GAAGC;AACL,MAA0B;AACxB,QAAM;AAAA,IACJ,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAWC;AAAA,IACX,SAASC;AAAA,IACT,mBAAmBC;AAAA,IACnB,oBAAoBC;AAAA,IACpB,aAAaC;AAAA,IACb,YAAYC;AAAA,IACZ,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,qBAAqBC;AAAA,IACrB,qBAAqBC;AAAA,IACrB,GAAGC;AAAA,EAAA,IACDf,GAEE,EAAE,MAAAgB,EAAA,IAASC,GAAA,GACXC,IAAgBC,EAA+B,IAAI,GACnDC,IAA8BD,EAAO,EAAK,GAE1CE,KADaL,EAAK,oBAAoBA,EAAK,YAAY,UACrB,OAAO,OAAO,MAChDM,IAAoB,EAAQ3B,GAC5B4B,IAAqB,GAAQ3B,KAAmBkB,IAChDtC,IAA2B,CAAC8C,KAAqB,CAACC,GAClDC,IAAiBC,EAAQ,MACzBH,IACKI,KAGLH,IACKI,KAEFC,IACN,CAACL,GAAoBD,CAAiB,CAAC,GAEpC,CAAC/C,GAAWF,CAAO,IAAIoD,EAAQ,MAC9BvC,IACEA,EAAM,MAAM,GAAG,EAAE,IAAI,CAACnB,MAAe,CAACA,KAAKF,EAAOE,CAAC,IAAI,OAAO,IAAI,KAAKA,CAAC,CAAE,IAD9D,CAAC,MAAM,IAAI,GAE7B,CAACmB,CAAK,CAAC,GACJ2C,IAA6BJ;AAAA,IACjC,MACErD,GAAkC;AAAA,MAChC,SAAAC;AAAA,MACA,YAAYoC;AAAA,MACZ,WAAAlC;AAAA,MACA,0BAAAC;AAAA,IAAA,CACD;AAAA,IACH,CAACH,GAASoC,GAAgBlC,GAAWC,CAAwB;AAAA,EAAA,GAEzD;AAAA,IACJ,qBAAAsD;AAAA,IACA,0BAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEC,GAAoC;AAAA,IACtC,iBAAiBf;AAAA,IACjB,gBAAgBD;AAAA,EAAA,CACjB,GAGKiB,KAA0B,gBAAAzE,EAAA,CAAC0E,MAAkD;AACjF,UAAMC,IAAkBD,EAAY,sBAAsB,GACpDE,IAAa,CAAClE,KAA4BiE,IAAkBT,KAAqB,MACjFW,KACJ,CAACnE,KAA4BiE,IACzBJ,KACAJ;AAEN,WACE,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,WAAWM;AAAA,UACTtE,MACGiE,IACG,oCACA;AAAA,QAAA;AAAA,QAER,iBAAiBjE,KAA4B,CAACiE;AAAA,QAC9C,gBAAgBjE,KAA4BiE;AAAA,QAC5C,oBAAoBjE,KAA4B,CAACiE;AAAA,QACjD,YAAYV;AAAA,QACZ,cAAcxD,KAAaF;AAAA,QAC3B,iBAAiBkD;AAAA,QACjB,gBAAgBD;AAAA,QAChB,MAAMoB;AAAA,QACN,aAAaT;AAAA,QACb,kBAAkBG;AAAA,QAClB,cAAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,GA9BgC,4BAgC1BI,KAAe,gBAAAjF,EAAA,CAACkF,MAAuC;AAC3D,UAAMC,IAAaC,GAAQF,CAAK,IAE5B,SADA,CAAC,GAAGA,CAAK,EAAE,IAAI,CAACG,MAAOtF,EAAOsF,CAAC,IAAI,KAAKzE,EAAMyE,CAAC,EAAE,OAAO3B,CAAc,CAAE,EAAE,KAAK,GAAG;AAGtF,IAAAlC,KAAA,QAAAA,EAAW2D,IAEPpC,MAA4B,OAASmC,KAAA,QAAAA,EAAQ,OAAMA,EAAM,CAAC,MAC5D5B,EAA4B,UAAU;AAAA,EAE1C,GAVqB,iBAYfgC,KAA6B,gBAAAtF,EAAA,CAACK,MAAmD;;AAGrF,KAFAkF,IAAAxD,KAAA,gBAAAA,EAAgB,cAAhB,QAAAwD,EAAA,KAAAxD,GAA4B1B,IAExB,EAAAA,EAAM,oBAAoB,CAACD,GAAyBC,CAAK,QAI7DmF,IAAApC,EAAc,YAAd,QAAAoC,EAAuB,QAAQ;AAAA,EACjC,GARmC,+BAU7BC,KAAqB,gBAAAzF,EAAA,MAAM;AAC/B,IAAAmE,EAAA,GACAE,EAAyBN,CAA0B,GACnDlB,KAAA,QAAAA;AAAA,EACF,GAJ2B,uBAMrB6C,KAAsB,gBAAA1F,EAAA,MAAM;AAIhC,QAHAmE,EAAA,GACAE,EAAA,GAEIf,EAA4B,SAAS;AACvC,MAAAA,EAA4B,UAAU,IACtCV,KAAA,QAAAA;AACA;AAAA,IACF;AAEA,IAAI,CAACzC,EAAMM,CAAS,KAAKN,EAAMI,CAAO,MACpCiB,KAAA,QAAAA,EAAW,CAACf,GAAWA,CAAS,EAAE,IAAI,CAAC4E,MAAMzE,EAAMyE,CAAC,EAAE,OAAO3B,CAAc,CAAC,EAAE,KAAK,GAAG,KAGxFd,KAAA,QAAAA;AAAA,EACF,GAf4B,wBAiBtB+C,KAAkBhC,EAAQ,MAAM;AACpC,UAAMiC,IAAqB3D,KAAuB4D;AAGlD,WAAO,CAAC,EAAE,UAAAC,EAAA,wBACPC,IAAA,EAA0B,WAAWH,GAAqB,UAAAE,GAAS;AAAA,EAExE,GAAG,CAAC7D,CAAmB,CAAC;AAExB,SACE,gBAAA6C;AAAA,IAACkB;AAAAA,IAAA;AAAA,MACC,KAAK5C;AAAA,MACJ,GAAGH;AAAA,MACJ,QAAQM;AAAA,MACR,iBAAiBoC;AAAA,MACjB,iBAAiBX,EAAK,kCAAkChD,CAAmB;AAAA,MAC3E,mBAAmBiE,GAAkC;AAAA,QACnD,WAAWjB;AAAA,UACT;AAAA,UACAtE,KAA4B;AAAA,UAC5B8B;AAAA,QAAA;AAAA,QAEF,kBAAkB4B;AAAA,QAClB,iBAAiBX;AAAA,QACjB,gBAAgBD;AAAA,MAAA,CACjB;AAAA,MACD,WAAWwB,EAAK3D,KAAa,QAAQ;AAAA,MACrC,kBAAkB2D,EAAK3D,KAAa,UAAUa,KAAA,gBAAAA,EAAiB,gBAAgB;AAAA,MAC/E,cAAY;AAAA,MACZ,qBAAqBa;AAAA,MACrB,oBAAoBrC,IAA2B,KAAO+B;AAAA,MACtD,aAAa/B,IAA2B,IAAIgC;AAAA,MAC5C,SAAAjB;AAAA,MACA,SAASF,IAAsB,oBAAI,KAAA,IAASG;AAAA,MAC5C,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,gBAAgB4B;AAAA,MAChB,qBAAqBC;AAAA,MACrB,iBAAiB;AAAA,MACjB,iBAAgB;AAAA,MAChB,YAAYO,MAAuBD;AAAA,MACnC,UAAUtD;AAAA,MACV,UAAUwE;AAAA,MACV,gBAAgBQ;AAAA,MAChB,iBAAiBC;AAAA,MACjB,WAAAjF;AAAA,MACA,SAAAF;AAAA,MACA,oBAAoBuC,KAA0B2B;AAAA,MAC9C,aACE,gBAAAK;AAAA,QAACoB;AAAA,QAAA;AAAA,UACC,WAAWlB;AAAA,YACTxB,KAAqB;AAAA,YACrBC,KAAsB;AAAA,YACtB,CAACD,KAAqB,CAACC,KAAsB;AAAA,YAC7CzC;AAAA,UAAA;AAAA,UAEF,OAAAC;AAAA,UACA,SAAAC;AAAA,UACA,IAAAC;AAAA,UACC,GAAGY;AAAA,UACJ,gBAAgBuD;AAAA,UAChB,OAAO,gBAAAtF,EAAA,MAAMwB,KAAA,gBAAAA,EAAW,KAAjB;AAAA,UACP,UAAQ;AAAA,UACR,qBAAAF;AAAA,UACA,gBAAAoC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIR,GAzO2B;"}