npm - @skbkontur/react-ui - Versions diffs - 6.2.0 → 6.3.0 - Mend

@skbkontur/react-ui 6.2.0 → 6.3.0

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

package/components/TimePicker/TimePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["TimePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes, ReactNode } from 'react';\nimport React, {\n useCallback,\n useContext,\n useEffect,\n useImperativeHandle,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { extractCommonProps } from '../../internal/CommonWrapper/utils/extractCommonProps.js';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';\nimport type { NativeTimeInputRef } from '../../internal/NativeTimeInput/index.js';\nimport { NativeTimeInput } from '../../internal/NativeTimeInput/index.js';\nimport type { TimeInputRef } from '../../internal/TimeInput/index.js';\nimport { TimeInput } from '../../internal/TimeInput/index.js';\nimport { useTimePickerDropdown } from '../../internal/TimePicker/useTimePickerDropdown.js';\nimport { useTimePickerSelection } from '../../internal/TimePicker/useTimePickerSelection.js';\nimport { useTimePickerSource } from '../../internal/TimePicker/useTimePickerSource.js';\nimport { useTimePickerValue } from '../../internal/TimePicker/useTimePickerValue.js';\nimport { isIOS } from '../../lib/client.js';\nimport {\n isKeyArrowDown,\n isKeyArrowLeft,\n isKeyArrowRight,\n isKeyArrowUp,\n isKeyBackspace,\n isKeyChar,\n isKeyDelete,\n isKeyEnter,\n isKeyEscape,\n isKeySpace,\n isKeyTab,\n isModShift,\n isShortcutSelectAll,\n} from '../../lib/events/keyboard/identifiers.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getRandomID } from '../../lib/utils.js';\nimport type { MenuItemState } from '../MenuItem/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { scrollSelectedItemIntoView } from './helpers/scrollSelectedItemIntoView.js';\nimport { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport {\n commitTimeSegmentOnLeave,\n deleteTimeSegmentDigit,\n formatDigitToTimeSegment,\n shiftTimeSegmentValue,\n} from './helpers/TimePicker.editing.js';\nimport { getTimePickerPopupMaxHeight } from './helpers/TimePicker.layout.js';\nimport { getNextTimeSegment, getPreviousTimeSegment } from './helpers/TimePicker.selection.js';\nimport {\n getTimeItemValue,\n isNavigableMenuElement,\n isTimeMenuItem,\n type TimeFormat,\n type TimeItem,\n type TimePickerMenuItem,\n type TimeItemValue,\n type TimePickerSource,\n type TimeSegment,\n} from './helpers/TimePicker.shared.js';\nimport {\n filterTimeItems,\n getEmptyDisplayValue,\n getTimeFilterQuery,\n isTimeDisplayEmpty,\n normalizeTimeValue,\n parsePastedTimeValue,\n replaceTimeSegment,\n resolveTimeItems,\n} from './helpers/TimePicker.value.js';\nimport { validateTimePicker } from './helpers/validateTimePicker.js';\nimport { TimePickerLocaleHelper } from './locale/index.js';\nimport { getStyles } from './TimePicker.styles.js';\nimport { TimePickerMobilePopup } from './TimePickerMobilePopup.js';\nimport { TimePickerPopup } from './TimePickerPopup.js';\n\n/** Пустой список для клавиатуры: не создает новую ссылку на каждый рендер. */\nconst EMPTY_MENU_ITEMS: Array<TimePickerMenuItem<TimeItemValue>> = [];\n\nexport interface TimePickerProps<T extends TimeItemValue = string>\n extends\n CommonProps,\n Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Устанавливает формат времени @default HH:mm */\n format?: TimeFormat;\n /** Задает источник элементов выпадающего списка: массив либо функцию запроса,\n * которая возвращает массив или Promise с массивом.\n * Запрос — это введенные цифры сегментов с сохранением их позиций: `12`, `12:3`, а если заполнены только минуты — `:30`.\n * Элементы задаются либо строками со временем — `'09:00'`, — либо объектами `{ value, label?, disabled? }`\n * с любыми дополнительными полями; смешивать формы в одном источнике нельзя, это ошибка типов.\n * В `onValueChange` приходит только время выбранного элемента: сам элемент можно найти в `source` по нему.\n * Кроме значений времени можно передать React-элементы — например `MenuHeader` или `MenuItem`:\n * они отображаются в меню, но не участвуют в фильтрации и выборе значения.\n * Фильтрацию, индикацию загрузки и повторные запросы компонент берет на себя,\n * подробности — в разделе документации про выпадающий список.\n * Замена самой функции уже открытый список не перезапрашивает: как в `ComboBox`,\n * актуальная функция используется при следующем запросе. */\n source?: TimePickerSource<T>;\n /** Отрисовывает элемент со временем в выпадающем списке. Не применяется к React-элементам из `source`.\n * Время элемента приведено к формату поля, как и везде в компоненте:\n * элемент `'9:00'` приходит как `'09:00'`, а `{ value: '09:00:00' }` в формате `HH:mm` — как `{ value: '09:00' }`.\n * Остальные поля элемента сохраняются. */\n renderItem?: (item: T, state: MenuItemState) => ReactNode;\n /** Задает нижнюю границу времени. Элементы за границей становятся заблокированными. */\n minTime?: string;\n /** Задает верхнюю границу времени. Элементы за границей становятся заблокированными. */\n maxTime?: string;\n /** Задает значение поля: время в формате `HH:mm[:ss]`.\n * Пустое значение можно передать как `''` или `null`.\n * Если проп не задан, компонент неконтролируемый: он хранит значение сам и сообщает о нем через `onValueChange`. */\n value?: string | null;\n /** Устанавливает фокус на поле ввода после окончания загрузки страницы @default false */\n autoFocus?: boolean;\n /** Делает компонент заблокированным. */\n disabled?: boolean;\n /** Переводит контрол в состояние валидации ошибки. */\n error?: boolean;\n /** Переводит контрол в состояние валидации предупреждения. */\n warning?: boolean;\n /** Включает нативный системный выбор времени в мобильной верстке.\n * Мобильная верстка определяется медиавыражением темы, как в остальных адаптивных контролах. */\n useMobileNativeTimePicker?: boolean;\n /** Расположение выпадающего меню. */\n menuPos?: 'top' | 'bottom';\n /** Выравнивание выпадающего меню. */\n menuAlign?: 'left' | 'right';\n /** Ширина выпадающего меню. По умолчанию — минимальная ширина поля ввода, расширяется по контенту. */\n menuWidth?: string | number;\n /** Задает ширину поля. */\n width?: string | number;\n /** Переопределяет иконку или скрывает, если передать `null`.\n * Пока элементы уже показаны, а новый запрос к функции-источнику еще выполняется,\n * вместо иконки показывается индикатор загрузки. */\n rightIcon?: React.ReactNode | (() => React.ReactNode);\n /** Устанавливает суффикс после значения и перед иконкой. */\n suffix?: ReactNode;\n /** Размер поля ввода и выпадающего меню. */\n size?: SizeProp;\n /** Устанавливает радиус скруглений углов.\n * @ignore */\n corners?: Partial<\n Pick<\n React.CSSProperties,\n 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'\n >\n >;\n /** Задает функцию, которая вызывается при нажатии на контрол. */\n onClick?(event: React.MouseEvent<HTMLElement>): void;\n /**\n * Событие изменения значения `value`.\n * Вызывается при коммите значения: потере фокуса, нажатии Enter, выборе элемента из списка\n * или изменении в нативном пикере.\n * Время полностью нормализовано до формата `HH:mm[:ss]`, а пустое значение приходит пустой строкой.\n * Элементы-объекты из `source` наружу не приходят: по времени их можно найти в самом `source`.\n */\n onValueChange?(time: string): void;\n /**\n * Событие изменения значения в процессе ввода.\n * Значение частично нормализуется по сегментам, например `1` => `01`, незаполненный хвост отбрасывается.\n * Промежуточное значение может не соответствовать полной форме `HH:mm[:ss]`, поэтому тип — произвольная строка.\n */\n onInputValueChange?(value: string): void;\n /**\n * Событие некорректного ввода: пользователь ввел или вставил значение, которое не может быть временем.\n * Вызывается с нажатой клавишей — например `а` или `,` — либо со значением из буфера,\n * из которого не получилось собрать время.\n * Значение вне диапазона `minTime`/`maxTime` некорректным вводом не считается,\n * его можно проверить через `TimePicker.validate`.\n * Вторым аргументом передается метод вспыхивания рамки поля.\n * Если обработчик не задан, поле вспыхивает само.\n * Обработчик может подставить значение вместо некорректного ввода — например разобрать вставку\n * в собственном формате: возвращенное время коммитится и приходит в `onValueChange`,\n * `null` очищает поле, а `undefined` оставляет значение прежним.\n */\n onUnexpectedInput?(value: string, blink: () => void): void | string | null;\n /**\n * Событие потери фокуса.\n * Вызывается после коммита значения и следующего за ним рендера,\n * поэтому обработчик видит уже измененное значение — например при выборе элемента в мобильном попапе.\n * Из-за этого событие приходит отложенно и его `currentTarget` уже пуст: элемент читайте из `target`.\n */\n onBlur?(event: React.FocusEvent<HTMLElement>): void;\n /** Событие получения фокуса. */\n onFocus?(event: React.FocusEvent<HTMLElement>): void;\n /** Событие нажатия клавиши. */\n onKeyDown?(event: React.KeyboardEvent<HTMLElement>): void;\n /** Событие вставки из буфера. */\n onPaste?(event: React.ClipboardEvent<HTMLElement>): void;\n}\n\nexport interface TimePickerRef {\n /** Устанавливает фокус на поле ввода.\n * С опцией `withoutOpenDropdown` фокус не открывает выпадающее меню. */\n focus(options?: { withoutOpenDropdown?: boolean }): void;\n /** Снимает фокус с поля ввода. */\n blur(): void;\n /** Открывает выпадающее меню, установив фокус на поле.\n * В режиме нативного пикера открывает системный пикер. */\n open(): void;\n /** Закрывает выпадающее меню. */\n close(): void;\n /** Запускает анимацию blink у поля ввода времени. */\n blink(): void;\n /** Возвращает корневой DOM-узел компонента. */\n getRootNode(): HTMLElement | null;\n}\n\nexport type TimePicker = TimePickerRef;\n\ninterface TimePickerComponent {\n /** Строковый режим: элементы source — строки со временем. */\n (props: TimePickerProps<string> & React.RefAttributes<TimePickerRef>): React.ReactElement | null;\n /** Объектный режим: элементы source — объекты, расширяющие `{ value: string }`. */\n <T extends TimeItem>(props: TimePickerProps<T> & React.RefAttributes<TimePickerRef>): React.ReactElement | null;\n displayName?: string;\n __KONTUR_REACT_UI__: string;\n /** Проверяет, что значение полностью заполнено, соответствует формату и попадает в диапазон `minTime`/`maxTime`. */\n validate: typeof validateTimePicker;\n}\n\n/** Поле с временем помогает пользователю быстро и удобно указать время в правильном формате.\n * В поле можно ввести время с клавиатуры либо выбрать из выпадающего списка,\n * передав массив или функцию в проп `source`.\n */\nexport const TimePicker = Object.assign(\n forwardRefAndName<TimePickerRef, TimePickerProps<TimeItemValue>>('TimePicker', (props, ref) => {\n // `className`, `style` и data-атрибуты применяет `CommonWrapper` к корневому элементу,\n // поэтому в поле ввода они не должны уехать повторно.\n const [, notCommonProps] = extractCommonProps(props);\n\n const {\n disabled,\n useMobileNativeTimePicker = false,\n format = 'HH:mm',\n size = 'small',\n source,\n renderItem,\n menuPos,\n menuAlign,\n menuWidth,\n minTime,\n maxTime,\n rightIcon,\n suffix,\n corners,\n value,\n onValueChange,\n onInputValueChange,\n onUnexpectedInput,\n onFocus,\n onBlur,\n onClick,\n onKeyDown,\n onPaste,\n ...inputProps\n } = notCommonProps;\n\n const theme = useContext(ThemeContext);\n\n const styles = useStyles(getStyles);\n const locale = useLocaleForControl('TimePicker', TimePickerLocaleHelper);\n\n const [isInputFocused, setIsInputFocused] = useState(false);\n\n const inputRef = useRef<TimeInputRef>(null);\n const mobileInputRef = useRef<TimeInputRef>(null);\n const nativeInputRef = useRef<NativeTimeInputRef>(null);\n const rootRef = useRef<HTMLSpanElement>(null);\n const itemRefs = useRef(new Map<number, HTMLSpanElement>());\n const isMouseFocusRef = useRef(false);\n /** Сегмент, по которому нажали мышью, или `null`, если нажали мимо сегментов. */\n const mouseDownSegmentRef = useRef<TimeSegment | null>(null);\n const mobileBlurEventRef = useRef<React.FocusEvent<HTMLInputElement> | null>(null);\n const shouldSkipOpenOnFocusRef = useRef(false);\n /**\n * Контрол считает себя сфокусированным: о фокусе сообщено наружу, а сессия ввода не закончена.\n * Внутри одной сессии фокус может переезжать между полем и инпутом мобильного попапа —\n * например вместе со сменой верстки, — и такой переезд не начинает сессию заново.\n */\n const isControlFocusedRef = useRef(false);\n /** Фокус, который контрол сам переводит в скрытый нативный инпут, открывая системный пикер. */\n const isMovingFocusToNativePickerRef = useRef(false);\n const popupIdRef = useRef(TimePickerDataTids.popup + getRandomID());\n\n /**\n * Мобильная версия включается медиавыражением темы, как в ComboBox:\n * поле переключается между мобильной и десктопной версией вместе с версткой страницы.\n */\n const { isMobile: isMobileLayout } = useResponsiveLayout();\n const canUseMobileNativeTimePicker = useMobileNativeTimePicker && isMobileLayout;\n\n const isSourceFunction = typeof source === 'function';\n const hasDropdown = isSourceFunction || (Array.isArray(source) && source.length > 0);\n\n const [isDropdownOpened, setIsDropdownOpened] = useState(false);\n const [isEditedAfterOpen, setIsEditedAfterOpen] = useState(false);\n\n const onBlurRef = useRef(onBlur);\n onBlurRef.current = onBlur;\n\n const pendingBlurEventRef = useRef<React.FocusEvent<HTMLInputElement> | null>(null);\n const [blurRequestId, setBlurRequestId] = useState(0);\n\n /**\n * Завершает сессию фокуса и откладывает `onBlur` до конца рендера, как это делает ComboBox.\n * Значение коммитится синхронно с потерей фокуса, поэтому вызванный тут же `onBlur`\n * попал бы в обработчик с состоянием родителя до изменения значения — например с пустым временем.\n * Событие может отсутствовать: сессия все равно закрывается, но наружу ничего не уходит.\n */\n const emitBlur = useCallback((event: React.FocusEvent<HTMLInputElement> | null) => {\n if (!isControlFocusedRef.current) {\n return;\n }\n\n isControlFocusedRef.current = false;\n\n if (!event || !onBlurRef.current) {\n return;\n }\n\n event.persist();\n pendingBlurEventRef.current = event;\n setBlurRequestId((currentId) => currentId + 1);\n }, []);\n\n const flushPendingBlur = useCallback(() => {\n const pendingBlurEvent = pendingBlurEventRef.current;\n\n if (!pendingBlurEvent) {\n return;\n }\n\n pendingBlurEventRef.current = null;\n onBlurRef.current?.(pendingBlurEvent);\n }, []);\n\n useEffect(flushPendingBlur, [blurRequestId, flushPendingBlur]);\n\n /** Родитель мог убрать поле в ответ на коммит значения — отложенное событие все равно должно уйти. */\n useEffect(() => flushPendingBlur, [flushPendingBlur]);\n\n const {\n editingValue,\n editingValueRef,\n committedValue,\n updateEditingValue,\n commitEditingValue,\n commitValue,\n commitSelectedValue,\n } = useTimePickerValue({\n isInputFocused,\n format,\n externalValue: value ?? EMPTY_VALUE,\n isValueControlled: value !== undefined,\n onCommitValue: onValueChange,\n onInputValueChange,\n });\n\n const filterQuery = isEditedAfterOpen ? getTimeFilterQuery(editingValue, format) : EMPTY_VALUE;\n\n const {\n items: sourceValueItems,\n fetchedQuery: fetchedItemsQuery,\n isLoading: isLoadingItems,\n isFailed: isSourceFailed,\n retry: retrySource,\n } = useTimePickerSource<TimeItemValue>({ source, format, isDropdownOpened, filterQuery });\n\n const resolvedItems = useMemo(\n () => resolveTimeItems(filterTimeItems(sourceValueItems, filterQuery, format), format, minTime, maxTime),\n [filterQuery, format, maxTime, minTime, sourceValueItems],\n );\n\n const popupMaxHeight = getTimePickerPopupMaxHeight(size, theme);\n\n const ariaPlaceholder = format === 'HH:mm' ? locale.ariaPlaceholderHHMM : locale.ariaPlaceholderHHMMSS;\n\n /**\n * Время, отмеченное в меню выбранным.\n * Пока пользователь не начал править значение при открытом меню, это то же время, что в поле.\n * С началом правки отмечено остается закоммиченное значение: набор фильтра — например `10` —\n * не должен отмечать элемент `10:00` как уже выбранный.\n */\n const selectedValue = normalizeTimeValue(isEditedAfterOpen ? committedValue : editingValue, format);\n\n const selectedItemIndex = resolvedItems.findIndex((item) => isTimeMenuItem(item) && item.value === selectedValue);\n\n let autoHighlightKey: string | null = null;\n\n if (filterQuery !== EMPTY_VALUE) {\n if (isSourceFunction) {\n if (!isLoadingItems && fetchedItemsQuery === filterQuery) {\n autoHighlightKey = `source-function:${filterQuery}`;\n }\n } else {\n autoHighlightKey = `source-array:${filterQuery}`;\n }\n }\n\n const canUseMobileDropdownTimePicker = hasDropdown && isMobileLayout && !canUseMobileNativeTimePicker;\n /** Ввод идет в мобильном попапе: он открыт, а нативного пикера в этом режиме нет. */\n const isMobileDropdownActive = canUseMobileDropdownTimePicker && isDropdownOpened;\n\n /**\n * Меню с одними лишь заголовками и разделителями показывать не о чем,\n * поэтому при активном фильтре нужен хотя бы один подошедший элемент со временем.\n */\n const hasDropdownContent =\n isLoadingItems ||\n isSourceFailed ||\n (filterQuery === EMPTY_VALUE ? resolvedItems.length > 0 : resolvedItems.some(isTimeMenuItem));\n\n /**\n * Элементы, с которыми работает клавиатура.\n * Пока меню скрыто, их нет: иначе стрелки ходили бы по невидимому списку,\n * а Enter выбирал бы невидимый элемент вместо коммита введенного времени.\n */\n const menuItems = hasDropdownContent ? resolvedItems : EMPTY_MENU_ITEMS;\n\n const inputRightIcon =\n isLoadingItems && resolvedItems.length > 0 ? (\n <span data-tid={TimePickerDataTids.inputLoading}>\n <LoadingIcon size={size} />\n </span>\n ) : (\n rightIcon\n );\n\n /** Сфокусированное поле всегда показывает сегменты, а пустое без фокуса — ничего. */\n const getDisplayValue = (): string => {\n if (isInputFocused) {\n return editingValue || getEmptyDisplayValue(format);\n }\n\n return isTimeDisplayEmpty(editingValue) ? EMPTY_VALUE : editingValue;\n };\n\n const displayValue = getDisplayValue();\n\n const resetMouseInteractionState = useCallback(() => {\n isMouseFocusRef.current = false;\n mouseDownSegmentRef.current = null;\n }, []);\n\n const updateEditingValueAfterUserEdit = useCallback(\n (nextEditingValue: string) => {\n if (hasDropdown && editingValueRef.current !== nextEditingValue) {\n setIsEditedAfterOpen(true);\n }\n\n updateEditingValue(nextEditingValue);\n },\n [editingValueRef, hasDropdown, updateEditingValue],\n );\n\n const normalizeCurrentSegmentIfNeeded = useCallback(\n (segment: TimeSegment) => {\n const nextDisplayValue = commitTimeSegmentOnLeave(\n editingValue === EMPTY_VALUE ? getEmptyDisplayValue(format) : editingValue,\n segment,\n format,\n );\n\n updateEditingValueAfterUserEdit(nextDisplayValue);\n },\n [editingValue, format, updateEditingValueAfterUserEdit],\n );\n\n const openNativeTimePicker = useCallback(() => {\n if (!canUseMobileNativeTimePicker || disabled) {\n return;\n }\n\n // На iOS системный пикер открывается только фокусом, поэтому фокус уходит из поля в скрытый инпут.\n isMovingFocusToNativePickerRef.current = true;\n\n if (isIOS) {\n nativeInputRef.current?.focus();\n } else {\n nativeInputRef.current?.click();\n }\n\n isMovingFocusToNativePickerRef.current = false;\n }, [canUseMobileNativeTimePicker, disabled]);\n\n /** Фокус ушел в скрытый нативный инпут: для внешнего мира контрол остается активным. */\n const isFocusMovedToNativePicker = (event: React.FocusEvent<HTMLInputElement>): boolean =>\n isMovingFocusToNativePickerRef.current ||\n (nativeInputRef.current !== null && event.relatedTarget === nativeInputRef.current.getNode());\n\n const { highlightedItemIndex, openDropdown, closeDropdown, resetHighlightedItem, tryNavigateItems } =\n useTimePickerDropdown({\n disabled,\n hasDropdown,\n items: menuItems,\n selectedItemIndex: selectedItemIndex >= 0 ? selectedItemIndex : null,\n autoHighlightKey,\n isDropdownOpened,\n setIsDropdownOpened,\n });\n\n /**\n * Фильтрация начинается только после правки значения при открытом меню.\n * Состояние живет ровно столько, сколько открыто меню: правка, которая заново открывает меню,\n * сохраняет свой запрос, а правка при закрытом меню — например стрелками — на список не влияет.\n */\n useEffect(() => {\n if (!isDropdownOpened && isEditedAfterOpen) {\n setIsEditedAfterOpen(false);\n }\n }, [isDropdownOpened, isEditedAfterOpen]);\n\n const popupId = popupIdRef.current;\n const highlightedMenuItem = highlightedItemIndex === null ? undefined : menuItems[highlightedItemIndex];\n\n /** Кастомный `MenuItem` может принести свой `id` — тогда указывать нужно именно на него. */\n const activeDescendantId = highlightedMenuItem\n ? ((isNavigableMenuElement(highlightedMenuItem) ? highlightedMenuItem.props.id : undefined) ??\n `${popupId}-item-${highlightedItemIndex}`)\n : undefined;\n\n const getActiveInput = useCallback(\n () => (isMobileDropdownActive ? mobileInputRef.current : inputRef.current),\n [isMobileDropdownActive],\n );\n\n const { selection, selectedSegment, selectSegment, selectAll, syncSelectionWithDOM } = useTimePickerSelection({\n isInputFocused,\n format,\n displayValue,\n getInput: getActiveInput,\n });\n\n const blinkInput = useCallback(() => {\n getActiveInput()?.blink();\n }, [getActiveInput]);\n\n const handleUnexpectedInput = useCallback(\n (unexpectedValue: string) => {\n if (!onUnexpectedInput) {\n blinkInput();\n return;\n }\n\n const returnedValue = onUnexpectedInput(unexpectedValue, blinkInput);\n\n if (returnedValue === undefined) {\n return;\n }\n\n if (returnedValue === null) {\n commitValue(EMPTY_VALUE);\n return;\n }\n\n commitSelectedValue(returnedValue);\n },\n [blinkInput, commitSelectedValue, commitValue, onUnexpectedInput],\n );\n\n /** Закрывает открытое меню: мобильный попап заодно завершает сессию ввода, как потеря фокуса. */\n const closeOpenedDropdown = useCallback(() => {\n if (isMobileDropdownActive) {\n // Фокус может остаться в любом из двух полей: инпут попапа не всегда получает его —\n // например мобильный браузер отказывается переводить фокус без жеста пользователя.\n // Гасим оба, чтобы закрытие попапа всегда давало событие потери фокуса.\n mobileInputRef.current?.blur();\n inputRef.current?.blur();\n setIsInputFocused(false);\n resetMouseInteractionState();\n closeDropdown();\n commitEditingValue();\n const blurEvent = mobileBlurEventRef.current;\n mobileBlurEventRef.current = null;\n emitBlur(blurEvent);\n return;\n }\n\n closeDropdown();\n }, [closeDropdown, commitEditingValue, emitBlur, isMobileDropdownActive, resetMouseInteractionState]);\n\n const selectItem = useCallback(\n (item: TimeItemValue) => {\n commitSelectedValue(getTimeItemValue(item));\n closeOpenedDropdown();\n },\n [closeOpenedDropdown, commitSelectedValue],\n );\n\n const isSelectHighlightedItem = useCallback(\n (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (highlightedItemIndex === null) {\n return false;\n }\n\n const resolvedItem = menuItems[highlightedItemIndex];\n\n if (!resolvedItem) {\n return true;\n }\n\n if (isNavigableMenuElement(resolvedItem)) {\n resolvedItem.props.onClick?.(event);\n return true;\n }\n\n if (!isTimeMenuItem(resolvedItem) || resolvedItem.disabled) {\n return true;\n }\n\n selectItem(resolvedItem.item);\n return true;\n },\n [highlightedItemIndex, menuItems, selectItem],\n );\n\n const focusInput = useCallback(\n (options?: { withoutOpenDropdown?: boolean }) => {\n if (disabled) {\n return;\n }\n\n shouldSkipOpenOnFocusRef.current = Boolean(options?.withoutOpenDropdown);\n getActiveInput()?.focus();\n shouldSkipOpenOnFocusRef.current = false;\n },\n [disabled, getActiveInput],\n );\n\n /**\n * Открывает выпадающее меню так же, как это делает пользователь: через фокус в поле.\n * Меню закрывается по потере фокуса, поэтому открытое без фокуса меню было бы нечем закрыть.\n * В режиме нативного пикера открывается системный пикер — своего меню в этом режиме нет.\n */\n const openInputDropdown = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (canUseMobileNativeTimePicker) {\n openNativeTimePicker();\n return;\n }\n\n getActiveInput()?.focus();\n openDropdown();\n }, [canUseMobileNativeTimePicker, disabled, getActiveInput, openDropdown, openNativeTimePicker]);\n\n const blurInput = useCallback(() => {\n if (isMobileDropdownActive) {\n closeOpenedDropdown();\n return;\n }\n\n // В нативном режиме фокус держит скрытый инпут системного пикера.\n nativeInputRef.current?.blur();\n getActiveInput()?.blur();\n }, [closeOpenedDropdown, getActiveInput, isMobileDropdownActive]);\n\n useImperativeHandle(\n ref,\n () => ({\n focus: focusInput,\n blur: blurInput,\n blink: blinkInput,\n open: openInputDropdown,\n close: closeOpenedDropdown,\n getRootNode: () => rootRef.current,\n }),\n [blinkInput, blurInput, closeOpenedDropdown, focusInput, openInputDropdown],\n );\n\n useLayoutEffect(() => {\n if (!isDropdownOpened) {\n return;\n }\n\n const selectedIndex = highlightedItemIndex ?? selectedItemIndex;\n\n if (selectedIndex < 0) {\n return;\n }\n\n const targetNode = itemRefs.current.get(selectedIndex);\n\n if (targetNode) {\n scrollSelectedItemIntoView(targetNode);\n }\n }, [highlightedItemIndex, isDropdownOpened, selectedItemIndex]);\n\n /**\n * Блокировка контрола посреди ввода завершает его так же, как потеря фокуса:\n * меню закрывается, а недоведенное значение коммитится, а не остается висеть в поле.\n */\n useEffect(() => {\n if (!disabled) {\n return;\n }\n\n if (isMobileDropdownActive) {\n closeOpenedDropdown();\n return;\n }\n\n if (isDropdownOpened) {\n closeDropdown();\n }\n\n if (isInputFocused) {\n setIsInputFocused(false);\n resetMouseInteractionState();\n commitEditingValue();\n }\n }, [\n closeDropdown,\n closeOpenedDropdown,\n commitEditingValue,\n disabled,\n isDropdownOpened,\n isInputFocused,\n isMobileDropdownActive,\n resetMouseInteractionState,\n ]);\n\n const previousIsMobileLayoutRef = useRef(isMobileLayout);\n\n /**\n * Смена верстки переносит открытое меню в нужную версию: как в ComboBox, меню не закрывается.\n * Начатый ввод переезжает вместе с ним, а если переезжать некуда — коммитится, как при потере фокуса.\n */\n useEffect(() => {\n if (previousIsMobileLayoutRef.current === isMobileLayout) {\n return;\n }\n\n previousIsMobileLayoutRef.current = isMobileLayout;\n // Запомненный blur остался от прошлой верстки: как потеря фокуса контрола он больше не годится.\n mobileBlurEventRef.current = null;\n\n if (isMobileLayout) {\n // Ввод продолжится в инпуте попапа, только если попап открывается вместе со сменой верстки.\n if (isInputFocused && !isMobileDropdownActive) {\n setIsInputFocused(false);\n resetMouseInteractionState();\n commitEditingValue();\n }\n\n // В режиме нативного пикера своего меню нет.\n if (isDropdownOpened && canUseMobileNativeTimePicker) {\n closeDropdown();\n }\n\n return;\n }\n\n /**\n * Десктопное меню закрывается по потере фокуса поля, поэтому без фокуса в контроле\n * его нечем было бы закрыть: мобильный попап мог быть открыт и без фокуса в своем инпуте.\n * Если же фокус был, его вернет в поле `useTimePickerSelection`.\n */\n if (isDropdownOpened && !isInputFocused) {\n closeDropdown();\n }\n }, [\n canUseMobileNativeTimePicker,\n closeDropdown,\n commitEditingValue,\n isDropdownOpened,\n isInputFocused,\n isMobileDropdownActive,\n isMobileLayout,\n resetMouseInteractionState,\n ]);\n\n /** Сообщает о фокусе один раз за сессию: переезд фокуса внутри контрола наружу не виден. */\n const emitFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n if (isControlFocusedRef.current) {\n return;\n }\n\n isControlFocusedRef.current = true;\n onFocus?.(event);\n };\n\n const handleFocusBySource = (event: React.FocusEvent<HTMLInputElement>, isMobilePopupInput: boolean) => {\n const shouldSkipOpenDropdown = shouldSkipOpenOnFocusRef.current;\n shouldSkipOpenOnFocusRef.current = false;\n const isFocusMovedInsideControl = isControlFocusedRef.current;\n\n if (canUseMobileNativeTimePicker) {\n // Фокус сообщается до открытия пикера: иначе увод фокуса в нативный инпут закрыл бы сессию.\n emitFocus(event);\n\n if (!shouldSkipOpenDropdown) {\n openNativeTimePicker();\n }\n return;\n }\n\n if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {\n if (!shouldSkipOpenDropdown) {\n openDropdown();\n }\n // Дальше ввод идет в инпуте попапа, но фокус контрол получает здесь.\n emitFocus(event);\n return;\n }\n\n setIsInputFocused(true);\n\n if (!shouldSkipOpenDropdown) {\n openDropdown();\n }\n\n if (mouseDownSegmentRef.current && !isInputFocused) {\n // По пустому полю ввод всегда начинается с часов, а по заполненному — с сегмента под курсором.\n selectSegment(isTimeDisplayEmpty(editingValueRef.current) ? 'hours' : mouseDownSegmentRef.current);\n } else {\n // Переезд фокуса внутри контрола продолжает начатый ввод, поэтому сегмент сохраняется:\n // иначе следующая цифра ушла бы в часы и затерла бы набранное время.\n selectSegment(isFocusMovedInsideControl ? selectedSegment : 'hours');\n }\n\n emitFocus(event);\n };\n\n const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => handleFocusBySource(event, false);\n\n const handleMobileFocus = (event: React.FocusEvent<HTMLInputElement>) => handleFocusBySource(event, true);\n\n const handleBlurBySource = (event: React.FocusEvent<HTMLInputElement>, isMobilePopupInput: boolean) => {\n /**\n * Пока открыт мобильный попап, фокус ходит между полем и его инпутом: контрол остается активным,\n * поэтому наружу о таком blur сообщать нечего. Событие запоминается на случай,\n * если фокус в инпуте попапа так и не оказался — тогда именно оно уйдет в `onBlur` при закрытии.\n */\n if (isMobileDropdownActive) {\n event.persist();\n mobileBlurEventRef.current = event;\n return;\n }\n\n if (canUseMobileNativeTimePicker) {\n if (isFocusMovedToNativePicker(event)) {\n return;\n }\n\n // Ввод в мобильной версии не идет через поле, но незакоммиченное значение могло остаться\n // от десктопной версии, если верстка сменилась посреди ввода.\n if (isInputFocused) {\n setIsInputFocused(false);\n resetMouseInteractionState();\n commitEditingValue();\n }\n\n emitBlur(event);\n return;\n }\n\n // Инпут закрытого попапа фокуса уже не держит, но его blur может прийти на размонтировании.\n if (isMobilePopupInput) {\n return;\n }\n\n setIsInputFocused(false);\n resetMouseInteractionState();\n closeDropdown();\n commitEditingValue();\n emitBlur(event);\n };\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => handleBlurBySource(event, false);\n\n const handleMobileBlur = (event: React.FocusEvent<HTMLInputElement>) => handleBlurBySource(event, true);\n\n const handleClick = (event: React.MouseEvent<HTMLInputElement>) => {\n if (canUseMobileNativeTimePicker) {\n openNativeTimePicker();\n } else {\n openDropdown();\n }\n\n onClick?.(event);\n };\n\n const handleMouseDownCaptureBySource = (event: React.MouseEvent<HTMLInputElement>, isMobilePopupInput: boolean) => {\n if (canUseMobileNativeTimePicker || (canUseMobileDropdownTimePicker && !isMobilePopupInput)) {\n return;\n }\n\n const currentInputRef = isMobilePopupInput ? mobileInputRef : inputRef;\n const segment = currentInputRef.current?.getSegment(event.target) ?? null;\n\n if (isInputFocused && segment === null) {\n event.preventDefault();\n }\n\n isMouseFocusRef.current = !isInputFocused;\n mouseDownSegmentRef.current = segment;\n };\n\n const handleMouseDownCapture = (event: React.MouseEvent<HTMLInputElement>) =>\n handleMouseDownCaptureBySource(event, false);\n\n const handleMobileMouseDownCapture = (event: React.MouseEvent<HTMLInputElement>) =>\n handleMouseDownCaptureBySource(event, true);\n\n const handleMouseUpBySource = (_event: React.MouseEvent<HTMLInputElement>, isMobilePopupInput: boolean) => {\n if (disabled || canUseMobileNativeTimePicker || (canUseMobileDropdownTimePicker && !isMobilePopupInput)) {\n return;\n }\n\n syncSelectionWithDOM();\n };\n\n const handleMouseUp = (event: React.MouseEvent<HTMLInputElement>) => handleMouseUpBySource(event, false);\n\n const handleMobileMouseUp = (event: React.MouseEvent<HTMLInputElement>) => handleMouseUpBySource(event, true);\n\n const handleSelectSegmentByMouseBySource = (segment: TimeSegment, isMobilePopupInput: boolean) => {\n if (canUseMobileNativeTimePicker) {\n openNativeTimePicker();\n return;\n }\n\n if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {\n openDropdown();\n return;\n }\n\n openDropdown();\n\n if (disabled) {\n return;\n }\n\n if (!(isMouseFocusRef.current && isTimeDisplayEmpty(editingValueRef.current)) && selectedSegment !== segment) {\n normalizeCurrentSegmentIfNeeded(selectedSegment);\n selectSegment(segment);\n }\n\n resetMouseInteractionState();\n };\n\n const handleSelectSegmentByMouse = (segment: TimeSegment) => handleSelectSegmentByMouseBySource(segment, false);\n\n const handleMobileSelectSegmentByMouse = (segment: TimeSegment) =>\n handleSelectSegmentByMouseBySource(segment, true);\n\n const handleKeyDownBySource = (event: React.KeyboardEvent<HTMLInputElement>, isMobilePopupInput: boolean) => {\n onKeyDown?.(event);\n\n if (event.defaultPrevented || disabled) {\n return;\n }\n\n if (canUseMobileNativeTimePicker) {\n openNativeTimePicker();\n return;\n }\n\n if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {\n openDropdown();\n return;\n }\n\n if (isShortcutSelectAll(event)) {\n event.preventDefault();\n selectAll();\n return;\n }\n\n if (event.altKey || event.ctrlKey || event.metaKey) {\n return;\n }\n\n const currentDisplayValue = displayValue;\n const currentSegment = selectedSegment;\n const hasAllSelectionInState = selection === 'all';\n const hasAllSelectionInDOM = getActiveInput()?.isAllSelected() ?? false;\n const shouldHandleAsAllSelection = hasAllSelectionInState || hasAllSelectionInDOM;\n\n if (hasAllSelectionInDOM && !hasAllSelectionInState) {\n syncSelectionWithDOM();\n }\n\n if (shouldHandleAsAllSelection && (isKeyBackspace(event) || isKeyDelete(event))) {\n event.preventDefault();\n openDropdown();\n updateEditingValueAfterUserEdit(getEmptyDisplayValue(format));\n selectSegment('hours');\n return;\n }\n\n if (DIGIT_REGEXP.test(event.key)) {\n event.preventDefault();\n\n openDropdown();\n\n const nextDigitInputValue = shouldHandleAsAllSelection ? getEmptyDisplayValue(format) : currentDisplayValue;\n\n const nextDigitInputSegment = shouldHandleAsAllSelection ? 'hours' : currentSegment;\n\n const result = formatDigitToTimeSegment(nextDigitInputValue, nextDigitInputSegment, event.key, format);\n\n // Отклоненная цифра не меняет ни значение, ни список, поэтому и подсветку трогать нельзя:\n // автоподсветка не восстановится, а Enter выбрал бы не тот элемент, который видит пользователь.\n if (result.shouldBlink) {\n handleUnexpectedInput(event.key);\n return;\n }\n\n resetHighlightedItem();\n\n updateEditingValueAfterUserEdit(result.nextValue);\n selectSegment(result.selectedSegment);\n return;\n }\n\n if (isKeyArrowLeft(event)) {\n event.preventDefault();\n normalizeCurrentSegmentIfNeeded(currentSegment);\n selectSegment(getPreviousTimeSegment(currentSegment) ?? currentSegment);\n return;\n }\n\n if (isModShift(isKeyTab)(event)) {\n const previousSegment = getPreviousTimeSegment(currentSegment);\n\n if (previousSegment) {\n event.preventDefault();\n normalizeCurrentSegmentIfNeeded(currentSegment);\n selectSegment(previousSegment);\n }\n return;\n }\n\n if (isKeyArrowRight(event)) {\n event.preventDefault();\n normalizeCurrentSegmentIfNeeded(currentSegment);\n selectSegment(getNextTimeSegment(currentSegment, format) ?? currentSegment);\n return;\n }\n\n if (isKeyTab(event)) {\n const nextSegment = getNextTimeSegment(currentSegment, format);\n\n if (nextSegment) {\n event.preventDefault();\n normalizeCurrentSegmentIfNeeded(currentSegment);\n selectSegment(nextSegment);\n }\n return;\n }\n\n if (isKeyArrowUp(event) || isKeyArrowDown(event)) {\n event.preventDefault();\n\n const itemStep = isKeyArrowUp(event) ? -1 : 1;\n\n if (tryNavigateItems(itemStep)) {\n return;\n }\n\n const step = isKeyArrowUp(event) ? 1 : -1;\n\n updateEditingValueAfterUserEdit(shiftTimeSegmentValue(currentDisplayValue, currentSegment, step, format));\n selectSegment(currentSegment);\n return;\n }\n\n if (isKeyBackspace(event)) {\n event.preventDefault();\n openDropdown();\n\n let nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, currentSegment, format);\n let nextSegment = currentSegment;\n\n if (nextDisplayValue === currentDisplayValue) {\n const previousSegment = getPreviousTimeSegment(currentSegment);\n\n if (previousSegment) {\n nextSegment = previousSegment;\n nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, previousSegment, format);\n }\n }\n\n updateEditingValueAfterUserEdit(nextDisplayValue);\n selectSegment(nextSegment);\n return;\n }\n\n if (isKeyDelete(event)) {\n event.preventDefault();\n openDropdown();\n updateEditingValueAfterUserEdit(replaceTimeSegment(currentDisplayValue, currentSegment, EMPTY_SEGMENT, format));\n selectSegment(currentSegment);\n return;\n }\n\n if (isKeyEscape(event)) {\n if (isDropdownOpened) {\n event.preventDefault();\n\n closeOpenedDropdown();\n }\n return;\n }\n\n if (isKeyEnter(event)) {\n if (isSourceFailed) {\n event.preventDefault();\n retrySource();\n return;\n }\n\n if (isSelectHighlightedItem(event)) {\n event.preventDefault();\n return;\n }\n\n if (isMobileDropdownActive) {\n event.preventDefault();\n closeOpenedDropdown();\n return;\n }\n\n // Enter не выбирает элемент, а лишь подтверждает введенное значение, как потеря фокуса.\n commitEditingValue();\n blinkInput();\n\n if (isDropdownOpened) {\n event.preventDefault();\n closeDropdown();\n }\n return;\n }\n\n if (isKeySpace(event)) {\n event.preventDefault();\n\n const nextSegment = getNextTimeSegment(currentSegment, format);\n const nextDisplayValue = commitTimeSegmentOnLeave(currentDisplayValue, currentSegment, format);\n\n updateEditingValueAfterUserEdit(nextDisplayValue);\n\n if (nextSegment) {\n selectSegment(nextSegment);\n } else {\n selectSegment(currentSegment);\n }\n return;\n }\n\n if (isKeyChar(event)) {\n event.preventDefault();\n handleUnexpectedInput(event.key);\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => handleKeyDownBySource(event, false);\n\n const handleMobileKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => handleKeyDownBySource(event, true);\n\n const handlePasteBySource = (event: React.ClipboardEvent<HTMLInputElement>, isMobilePopupInput: boolean) => {\n onPaste?.(event);\n\n if (event.defaultPrevented || disabled) {\n return;\n }\n\n if (canUseMobileNativeTimePicker || (canUseMobileDropdownTimePicker && !isMobilePopupInput)) {\n return;\n }\n\n const pastedValue = event.clipboardData?.getData('text') ?? EMPTY_VALUE;\n\n event.preventDefault();\n\n if (pastedValue.trim() === EMPTY_VALUE) {\n return;\n }\n\n const nextDisplayValue = parsePastedTimeValue(pastedValue, format);\n\n if (isTimeDisplayEmpty(nextDisplayValue)) {\n handleUnexpectedInput(pastedValue);\n return;\n }\n\n openDropdown();\n updateEditingValueAfterUserEdit(nextDisplayValue);\n selectSegment('hours');\n };\n\n const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => handlePasteBySource(event, false);\n\n const handleMobilePaste = (event: React.ClipboardEvent<HTMLInputElement>) => handlePasteBySource(event, true);\n\n return (\n <CommonWrapper {...props}>\n <span ref={rootRef} className={styles.root()} data-tid={TimePickerDataTids.root}>\n <TimeInput\n {...inputProps}\n data-tid={TimePickerDataTids.input}\n ref={inputRef}\n disabled={disabled}\n hasDropdown={hasDropdown}\n size={size}\n format={format}\n corners={corners}\n rightIcon={inputRightIcon}\n suffix={suffix}\n value={displayValue}\n aria-haspopup={hasDropdown ? 'listbox' : undefined}\n aria-expanded={\n !isMobileDropdownActive && hasDropdown && isDropdownOpened && hasDropdownContent ? true : undefined\n }\n aria-controls={\n !isMobileDropdownActive && hasDropdown && isDropdownOpened && hasDropdownContent ? popupId : undefined\n }\n aria-activedescendant={isMobileDropdownActive ? undefined : activeDescendantId}\n aria-placeholder={ariaPlaceholder}\n aria-busy={isLoadingItems || undefined}\n onClick={handleClick}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onMouseDownCapture={handleMouseDownCapture}\n onMouseUp={handleMouseUp}\n onKeyDown={handleKeyDown}\n onSelectSegment={handleSelectSegmentByMouse}\n onPaste={handlePaste}\n />\n\n {canUseMobileNativeTimePicker && (\n <NativeTimeInput\n data-tid={TimePickerDataTids.nativeInput}\n disabled={disabled}\n ref={nativeInputRef}\n format={format}\n minTime={minTime}\n maxTime={maxTime}\n value={editingValue}\n onValueChange={commitValue}\n onBlur={emitBlur}\n />\n )}\n\n {isMobileDropdownActive && (\n <TimePickerMobilePopup\n id={popupId}\n value={displayValue}\n inputRef={mobileInputRef}\n disabled={disabled}\n format={format}\n size={size}\n rightIcon={inputRightIcon}\n suffix={suffix}\n resolvedItems={resolvedItems}\n renderItem={renderItem}\n isLoading={isLoadingItems}\n isFailed={isSourceFailed}\n errorNetworkButton={locale.errorNetworkButton}\n errorNetworkMessage={locale.errorNetworkMessage}\n highlightedItemIndex={highlightedItemIndex}\n selectedValue={selectedValue}\n itemRefs={itemRefs}\n error={props.error}\n warning={props.warning}\n aria-describedby={props['aria-describedby']}\n aria-label={props['aria-label']}\n aria-placeholder={ariaPlaceholder}\n aria-haspopup={'listbox'}\n aria-expanded={resolvedItems.length > 0 || isLoadingItems || isSourceFailed ? true : undefined}\n aria-controls={resolvedItems.length > 0 || isLoadingItems || isSourceFailed ? popupId : undefined}\n aria-activedescendant={activeDescendantId}\n onFocus={handleMobileFocus}\n onBlur={handleMobileBlur}\n onClick={handleClick}\n onKeyDown={handleMobileKeyDown}\n onMouseDownCapture={handleMobileMouseDownCapture}\n onMouseUp={handleMobileMouseUp}\n onPaste={handleMobilePaste}\n onSelectSegment={handleMobileSelectSegmentByMouse}\n onRetry={retrySource}\n onSelectItem={selectItem}\n onCloseRequest={closeOpenedDropdown}\n />\n )}\n\n {hasDropdown &&\n !canUseMobileNativeTimePicker &&\n !canUseMobileDropdownTimePicker &&\n isDropdownOpened &&\n hasDropdownContent &&\n rootRef.current && (\n <TimePickerPopup\n id={popupId}\n anchorElement={rootRef.current}\n menuPos={menuPos}\n menuAlign={menuAlign}\n menuWidth={menuWidth}\n popupMaxHeight={popupMaxHeight}\n size={size}\n resolvedItems={resolvedItems}\n renderItem={renderItem}\n isLoading={isLoadingItems}\n isFailed={isSourceFailed}\n errorNetworkButton={locale.errorNetworkButton}\n errorNetworkMessage={locale.errorNetworkMessage}\n highlightedItemIndex={highlightedItemIndex}\n selectedValue={selectedValue}\n itemRefs={itemRefs}\n onRetry={retrySource}\n onSelectItem={selectItem}\n />\n )}\n </span>\n </CommonWrapper>\n );\n }),\n { validate: validateTimePicker },\n) as unknown as TimePickerComponent;\n"]}

package/components/TimePicker/TimePicker.styles.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(): string;
+    popup(t: Theme): string;
+    item(): string;
+    itemValue(): string;
+    itemLabel(): string;
+    itemLabelSmall(t: Theme): string;
+    itemLabelMedium(t: Theme): string;
+    itemLabelLarge(t: Theme): string;
+    itemLabelColor(t: Theme): string;
+}>;

package/components/TimePicker/TimePicker.styles.js ADDED Viewed

@@ -0,0 +1,39 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "], ["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "])));
+        },
+        popup: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n      font-variant-numeric: tabular-nums;\n      overflow: hidden;\n    "], ["\n      background: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n      font-variant-numeric: tabular-nums;\n      overflow: hidden;\n    "])), t.timePickerPopupBg, t.timePickerPopupBorderRadius, t.timePickerPopupShadow);
+        },
+        item: function () {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      width: 100%;\n      font-variant-numeric: tabular-nums;\n    "], ["\n      display: flex;\n      align-items: center;\n      width: 100%;\n      font-variant-numeric: tabular-nums;\n    "])));
+        },
+        itemValue: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      white-space: nowrap;\n    "], ["\n      white-space: nowrap;\n    "])));
+        },
+        itemLabel: function () {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      white-space: nowrap;\n    "], ["\n      white-space: nowrap;\n    "])));
+        },
+        itemLabelSmall: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.timePickerItemGapSmall);
+        },
+        itemLabelMedium: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.timePickerItemGapMedium);
+        },
+        itemLabelLarge: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.timePickerItemGapLarge);
+        },
+        itemLabelColor: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.menuItemCommentColor);
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=TimePicker.styles.js.map

package/components/TimePicker/TimePicker.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimePicker.styles.js","sourceRoot":"","sources":["TimePicker.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,gKAAA,6FAIT,KAAC;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,6NAAA,sBACM,EAAmB,0BAChB,EAA6B,uBAChC,EAAuB,6EAGtC,KALe,CAAC,CAAC,iBAAiB,EAChB,CAAC,CAAC,2BAA2B,EAChC,CAAC,CAAC,qBAAqB,EAGrC;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,4LAAA,yHAKT,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,uGAAA,oCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,uGAAA,oCAET,KAAC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,qGAAA,uBACO,EAAwB,SACxC,KADgB,CAAC,CAAC,sBAAsB,EACvC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,qGAAA,uBACO,EAAyB,SACzC,KADgB,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,qGAAA,uBACO,EAAwB,SACxC,KADgB,CAAC,CAAC,sBAAsB,EACvC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,+FAAA,iBACC,EAAsB,SAChC,KADU,CAAC,CAAC,oBAAoB,EAC/B;QACJ,CAAC;KACF,CAAC;AA/D8D,CA+D9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root() {\n return css`\n display: inline-block;\n position: relative;\n line-height: normal;\n `;\n },\n\n popup(t: Theme) {\n return css`\n background: ${t.timePickerPopupBg};\n border-radius: ${t.timePickerPopupBorderRadius};\n box-shadow: ${t.timePickerPopupShadow};\n font-variant-numeric: tabular-nums;\n overflow: hidden;\n `;\n },\n\n item() {\n return css`\n display: flex;\n align-items: center;\n width: 100%;\n font-variant-numeric: tabular-nums;\n `;\n },\n\n itemValue() {\n return css`\n white-space: nowrap;\n `;\n },\n\n itemLabel() {\n return css`\n white-space: nowrap;\n `;\n },\n\n itemLabelSmall(t: Theme) {\n return css`\n margin-left: ${t.timePickerItemGapSmall};\n `;\n },\n\n itemLabelMedium(t: Theme) {\n return css`\n margin-left: ${t.timePickerItemGapMedium};\n `;\n },\n\n itemLabelLarge(t: Theme) {\n return css`\n margin-left: ${t.timePickerItemGapLarge};\n `;\n },\n\n itemLabelColor(t: Theme) {\n return css`\n color: ${t.menuItemCommentColor};\n `;\n },\n}));\n"]}

package/components/TimePicker/TimePickerItems.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { SizeProp } from '../../lib/types/props.js';
+import { type MenuItemState } from '../MenuItem/index.js';
+import { type TimeItemValue, type TimePickerMenuItem } from './helpers/TimePicker.shared.js';
+interface TimePickerItemsProps<T extends TimeItemValue> {
+    itemIdPrefix?: string;
+    size: SizeProp;
+    resolvedItems: Array<TimePickerMenuItem<T>>;
+    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
+    highlightedItemIndex: number | null;
+    selectedValue: string;
+    itemRefs?: React.RefObject<Map<number, HTMLSpanElement>>;
+    maxHeight?: React.CSSProperties['maxHeight'];
+    disableScrollContainer?: boolean;
+    isLoading?: boolean;
+    isFailed: boolean;
+    errorNetworkButton: string;
+    errorNetworkMessage: string;
+    onRetry(): void;
+    onSelectItem(item: T): void;
+}
+export declare const TimePickerItems: <T extends TimeItemValue>(props: TimePickerItemsProps<T>) => React.JSX.Element;
+export {};

package/components/TimePicker/TimePickerItems.js ADDED Viewed

@@ -0,0 +1,115 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useContext } from 'react';
+import { Menu } from '../../internal/Menu/index.js';
+import { MenuMessage } from '../../internal/MenuMessage/index.js';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { isMenuFooter } from '../MenuFooter/index.js';
+import { isMenuHeader } from '../MenuHeader/index.js';
+import { isMenuItem, MenuItem } from '../MenuItem/index.js';
+import { Spinner } from '../Spinner/index.js';
+import { TimePickerDataTids } from './helpers/TimePicker.constants.js';
+import { isNavigableMenuElement, isTimeMenuItem, } from './helpers/TimePicker.shared.js';
+import { getStyles } from './TimePicker.styles.js';
+var getItemLabelSizeClassName = function (styles, theme, size) {
+    switch (size) {
+        case 'large':
+            return styles.itemLabelLarge(theme);
+        case 'medium':
+            return styles.itemLabelMedium(theme);
+        case 'small':
+        default:
+            return styles.itemLabelSmall(theme);
+    }
+};
+var ItemRoot = React.forwardRef(function (_a, ref) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _state = _a.state, props = __rest(_a, ["disabled", "state"]);
+    if (disabled) {
+        return React.createElement("div", __assign({}, props, { ref: ref }));
+    }
+    return React.createElement("button", __assign({}, props, { ref: ref, type: 'button' }));
+});
+export var TimePickerItems = function (props) {
+    var itemIdPrefix = props.itemIdPrefix, size = props.size, resolvedItems = props.resolvedItems, renderItem = props.renderItem, highlightedItemIndex = props.highlightedItemIndex, selectedValue = props.selectedValue, itemRefs = props.itemRefs, maxHeight = props.maxHeight, disableScrollContainer = props.disableScrollContainer, isLoading = props.isLoading, isFailed = props.isFailed, errorNetworkButton = props.errorNetworkButton, errorNetworkMessage = props.errorNetworkMessage, onRetry = props.onRetry, onSelectItem = props.onSelectItem;
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var itemLabelSizeClassName = getItemLabelSizeClassName(styles, theme, size);
+    if (isFailed) {
+        return (React.createElement(Menu, { hasMargin: false, width: '100%', maxHeight: maxHeight, disableScrollContainer: disableScrollContainer, "data-tid": TimePickerDataTids.failed },
+            React.createElement(MenuMessage, { size: size, as: 'div' },
+                React.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)),
+            React.createElement(MenuItem, { onClick: onRetry, size: size, isMobile: disableScrollContainer }, errorNetworkButton)));
+    }
+    if (isLoading && resolvedItems.length === 0) {
+        return (React.createElement(Menu, { hasMargin: false, width: '100%', maxHeight: maxHeight, disableScrollContainer: disableScrollContainer, "data-tid": TimePickerDataTids.loading },
+            React.createElement(MenuMessage, { size: size, as: 'div' },
+                React.createElement(Spinner, { size: 'small', dimmed: true }))));
+    }
+    return (React.createElement(Menu, { hasMargin: false, width: '100%', maxHeight: maxHeight, disableScrollContainer: disableScrollContainer }, resolvedItems.map(function (resolvedItem, index) {
+        var _a, _b, _c, _d, _e;
+        if (!isTimeMenuItem(resolvedItem)) {
+            var element = typeof resolvedItem === 'function' ? resolvedItem() : resolvedItem;
+            var key = (_a = element.key) !== null && _a !== void 0 ? _a : index;
+            if (isMenuItem(element)) {
+                var menuItemProps = element.props;
+                // Навигация смотрит на исходный элемент источника, поэтому пункт-функция в нее не попадает:
+                // выглядеть как доступная опция он не должен.
+                var isNavigable = isNavigableMenuElement(resolvedItem);
+                var isHighlighted = isNavigable && highlightedItemIndex === index;
+                return React.cloneElement(element, __assign({ key: key, isMobile: disableScrollContainer, size: size, id: (_b = menuItemProps.id) !== null && _b !== void 0 ? _b : (isNavigable && itemIdPrefix ? "".concat(itemIdPrefix, "-item-").concat(index) : undefined), role: (_c = menuItemProps.role) !== null && _c !== void 0 ? _c : 'option', 'aria-selected': (_d = menuItemProps['aria-selected']) !== null && _d !== void 0 ? _d : false, 'aria-disabled': (_e = menuItemProps['aria-disabled']) !== null && _e !== void 0 ? _e : (isNavigable ? undefined : true) }, (isHighlighted ? { state: 'hover' } : null)));
+            }
+            if (isMenuHeader(element) || isMenuFooter(element)) {
+                return React.cloneElement(element, { key: key, size: size });
+            }
+            return React.cloneElement(element, { key: key });
+        }
+        var state;
+        if (highlightedItemIndex === index) {
+            state = 'hover';
+        }
+        else if (resolvedItem.value === selectedValue) {
+            state = 'selected';
+        }
+        return (React.createElement(MenuItem, { key: "".concat(resolvedItem.value, "-").concat(index), id: itemIdPrefix ? "".concat(itemIdPrefix, "-item-").concat(index) : undefined, role: 'option', "aria-selected": resolvedItem.value === selectedValue, "aria-disabled": resolvedItem.disabled || undefined, component: ItemRoot, disabled: resolvedItem.disabled, isNotSelectable: resolvedItem.disabled, size: size, state: state, onClick: resolvedItem.disabled ? undefined : function () { return onSelectItem(resolvedItem.item); } }, function (activeState) {
+            var _a;
+            return (React.createElement("span", { "data-tid": TimePickerDataTids.item, className: styles.item(), ref: function (node) {
+                    if (!itemRefs) {
+                        return;
+                    }
+                    if (node) {
+                        itemRefs.current.set(index, node);
+                    }
+                    else {
+                        itemRefs.current.delete(index);
+                    }
+                } }, renderItem ? (renderItem(resolvedItem.item, activeState !== null && activeState !== void 0 ? activeState : null)) : (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: styles.itemValue() }, resolvedItem.value),
+                resolvedItem.label && (React.createElement("span", { className: cx(styles.itemLabel(), itemLabelSizeClassName, (_a = {},
+                        _a[styles.itemLabelColor(theme)] = !resolvedItem.disabled,
+                        _a)) }, resolvedItem.label))))));
+        }));
+    })));
+};
+//# sourceMappingURL=TimePickerItems.js.map

package/components/TimePicker/TimePickerItems.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimePickerItems.js","sourceRoot":"","sources":["TimePickerItems.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Menu } from '../../internal/Menu/index.js';\nimport { MenuMessage } from '../../internal/MenuMessage/index.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isMenuFooter } from '../MenuFooter/index.js';\nimport { isMenuHeader } from '../MenuHeader/index.js';\nimport { isMenuItem, MenuItem, type MenuItemProps, type MenuItemState } from '../MenuItem/index.js';\nimport { Spinner } from '../Spinner/index.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport {\n isNavigableMenuElement,\n isTimeMenuItem,\n type TimeItemValue,\n type TimePickerMenuItem,\n} from './helpers/TimePicker.shared.js';\nimport { getStyles } from './TimePicker.styles.js';\n\nconst getItemLabelSizeClassName = (styles: ReturnType<typeof getStyles>, theme: Theme, size: SizeProp): string => {\n switch (size) {\n case 'large':\n return styles.itemLabelLarge(theme);\n case 'medium':\n return styles.itemLabelMedium(theme);\n case 'small':\n default:\n return styles.itemLabelSmall(theme);\n }\n};\n\nconst ItemRoot = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes<HTMLElement> & { disabled?: boolean; state?: MenuItemState }\n>(({ disabled = false, state: _state, ...props }, ref) => {\n if (disabled) {\n return <div {...props} ref={ref as React.Ref<HTMLDivElement>} />;\n }\n\n return <button {...props} ref={ref as React.Ref<HTMLButtonElement>} type={'button'} />;\n});\n\ninterface TimePickerItemsProps<T extends TimeItemValue> {\n itemIdPrefix?: string;\n size: SizeProp;\n resolvedItems: Array<TimePickerMenuItem<T>>;\n renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n highlightedItemIndex: number | null;\n selectedValue: string;\n itemRefs?: React.RefObject<Map<number, HTMLSpanElement>>;\n maxHeight?: React.CSSProperties['maxHeight'];\n disableScrollContainer?: boolean;\n isLoading?: boolean;\n isFailed: boolean;\n errorNetworkButton: string;\n errorNetworkMessage: string;\n onRetry(): void;\n onSelectItem(item: T): void;\n}\n\nexport const TimePickerItems = <T extends TimeItemValue>(props: TimePickerItemsProps<T>) => {\n const {\n itemIdPrefix,\n size,\n resolvedItems,\n renderItem,\n highlightedItemIndex,\n selectedValue,\n itemRefs,\n maxHeight,\n disableScrollContainer,\n isLoading,\n isFailed,\n errorNetworkButton,\n errorNetworkMessage,\n onRetry,\n onSelectItem,\n } = props;\n\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const itemLabelSizeClassName = getItemLabelSizeClassName(styles, theme, size);\n\n if (isFailed) {\n return (\n <Menu\n hasMargin={false}\n width={'100%'}\n maxHeight={maxHeight}\n disableScrollContainer={disableScrollContainer}\n data-tid={TimePickerDataTids.failed}\n >\n <MenuMessage size={size} as={'div'}>\n <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n </MenuMessage>\n <MenuItem onClick={onRetry} size={size} isMobile={disableScrollContainer}>\n {errorNetworkButton}\n </MenuItem>\n </Menu>\n );\n }\n\n if (isLoading && resolvedItems.length === 0) {\n return (\n <Menu\n hasMargin={false}\n width={'100%'}\n maxHeight={maxHeight}\n disableScrollContainer={disableScrollContainer}\n data-tid={TimePickerDataTids.loading}\n >\n <MenuMessage size={size} as={'div'}>\n <Spinner size={'small'} dimmed />\n </MenuMessage>\n </Menu>\n );\n }\n\n return (\n <Menu hasMargin={false} width={'100%'} maxHeight={maxHeight} disableScrollContainer={disableScrollContainer}>\n {resolvedItems.map((resolvedItem, index) => {\n if (!isTimeMenuItem(resolvedItem)) {\n const element = typeof resolvedItem === 'function' ? resolvedItem() : resolvedItem;\n const key = element.key ?? index;\n\n if (isMenuItem(element)) {\n const menuItemProps = element.props as MenuItemProps;\n // Навигация смотрит на исходный элемент источника, поэтому пункт-функция в нее не попадает:\n // выглядеть как доступная опция он не должен.\n const isNavigable = isNavigableMenuElement(resolvedItem);\n const isHighlighted = isNavigable && highlightedItemIndex === index;\n\n return React.cloneElement(element, {\n key,\n isMobile: disableScrollContainer,\n size,\n id: menuItemProps.id ?? (isNavigable && itemIdPrefix ? `${itemIdPrefix}-item-${index}` : undefined),\n role: menuItemProps.role ?? 'option',\n 'aria-selected': menuItemProps['aria-selected'] ?? false,\n 'aria-disabled': menuItemProps['aria-disabled'] ?? (isNavigable ? undefined : true),\n ...(isHighlighted ? { state: 'hover' } : null),\n } as MenuItemProps);\n }\n\n if (isMenuHeader(element) || isMenuFooter(element)) {\n return React.cloneElement(element, { key, size });\n }\n\n return React.cloneElement(element, { key });\n }\n\n let state: 'hover' | 'selected' | undefined;\n\n if (highlightedItemIndex === index) {\n state = 'hover';\n } else if (resolvedItem.value === selectedValue) {\n state = 'selected';\n }\n\n return (\n <MenuItem\n key={`${resolvedItem.value}-${index}`}\n id={itemIdPrefix ? `${itemIdPrefix}-item-${index}` : undefined}\n role={'option'}\n aria-selected={resolvedItem.value === selectedValue}\n aria-disabled={resolvedItem.disabled || undefined}\n component={ItemRoot}\n disabled={resolvedItem.disabled}\n isNotSelectable={resolvedItem.disabled}\n size={size}\n state={state}\n onClick={resolvedItem.disabled ? undefined : () => onSelectItem(resolvedItem.item)}\n >\n {(activeState) => (\n <span\n data-tid={TimePickerDataTids.item}\n className={styles.item()}\n ref={(node) => {\n if (!itemRefs) {\n return;\n }\n\n if (node) {\n itemRefs.current.set(index, node);\n } else {\n itemRefs.current.delete(index);\n }\n }}\n >\n {renderItem ? (\n renderItem(resolvedItem.item, activeState ?? null)\n ) : (\n <>\n <span className={styles.itemValue()}>{resolvedItem.value}</span>\n {resolvedItem.label && (\n <span\n className={cx(styles.itemLabel(), itemLabelSizeClassName, {\n [styles.itemLabelColor(theme)]: !resolvedItem.disabled,\n })}\n >\n {resolvedItem.label}\n </span>\n )}\n </>\n )}\n </span>\n )}\n </MenuItem>\n );\n })}\n </Menu>\n );\n};\n"]}

package/components/TimePicker/TimePickerMobilePopup.d.ts ADDED Viewed

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { TimeInputRef } from '../../internal/TimeInput/index.js';
+import type { SizeProp } from '../../lib/types/props.js';
+import type { InputIconType } from '../Input/index.js';
+import type { MenuItemState } from '../MenuItem/index.js';
+import type { TimeSegment, TimeFormat, TimeItemValue, TimePickerMenuItem } from './helpers/TimePicker.shared.js';
+interface TimePickerMobilePopupProps<T extends TimeItemValue> {
+    id?: string;
+    value: string;
+    inputRef: React.RefObject<TimeInputRef | null>;
+    disabled?: boolean;
+    format: TimeFormat;
+    size: SizeProp;
+    rightIcon?: InputIconType;
+    suffix?: ReactNode;
+    resolvedItems: Array<TimePickerMenuItem<T>>;
+    renderItem?: (item: T, state: MenuItemState) => ReactNode;
+    isLoading?: boolean;
+    isFailed: boolean;
+    errorNetworkButton: string;
+    errorNetworkMessage: string;
+    highlightedItemIndex: number | null;
+    selectedValue: string;
+    itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;
+    error?: boolean;
+    warning?: boolean;
+    'aria-describedby'?: string;
+    'aria-label'?: string;
+    'aria-placeholder'?: string;
+    'aria-activedescendant'?: string;
+    'aria-controls'?: string;
+    'aria-expanded'?: boolean;
+    'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
+    onFocus(event: React.FocusEvent<HTMLInputElement>): void;
+    onBlur(event: React.FocusEvent<HTMLInputElement>): void;
+    onClick(event: React.MouseEvent<HTMLInputElement>): void;
+    onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
+    onMouseDownCapture(event: React.MouseEvent<HTMLInputElement>): void;
+    onMouseUp(event: React.MouseEvent<HTMLInputElement>): void;
+    onPaste(event: React.ClipboardEvent<HTMLInputElement>): void;
+    onSelectSegment(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;
+    onRetry(): void;
+    onSelectItem(item: T): void;
+    onCloseRequest(): void;
+}
+export declare const TimePickerMobilePopup: <T extends TimeItemValue>(props: TimePickerMobilePopupProps<T>) => React.JSX.Element;
+export {};

package/components/TimePicker/TimePickerMobilePopup.js ADDED Viewed

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useContext, useLayoutEffect } from 'react';
+import { MobilePopup } from '../../internal/MobilePopup/index.js';
+import { TimeInput } from '../../internal/TimeInput/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';
+import { TimePickerDataTids } from './helpers/TimePicker.constants.js';
+import { TimePickerItems } from './TimePickerItems.js';
+export var TimePickerMobilePopup = function (props) {
+    var id = props.id, value = props.value, inputRef = props.inputRef, disabled = props.disabled, format = props.format, size = props.size, rightIcon = props.rightIcon, suffix = props.suffix, resolvedItems = props.resolvedItems, renderItem = props.renderItem, isLoading = props.isLoading, isFailed = props.isFailed, errorNetworkButton = props.errorNetworkButton, errorNetworkMessage = props.errorNetworkMessage, highlightedItemIndex = props.highlightedItemIndex, selectedValue = props.selectedValue, itemRefs = props.itemRefs, error = props.error, warning = props.warning, ariaDescribedby = props["aria-describedby"], ariaLabel = props["aria-label"], ariaPlaceholder = props["aria-placeholder"], ariaActiveDescendant = props["aria-activedescendant"], ariaControls = props["aria-controls"], ariaExpanded = props["aria-expanded"], ariaHasPopup = props["aria-haspopup"], onFocus = props.onFocus, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, onMouseDownCapture = props.onMouseDownCapture, onMouseUp = props.onMouseUp, onPaste = props.onPaste, onSelectSegment = props.onSelectSegment, onRetry = props.onRetry, onSelectItem = props.onSelectItem, onCloseRequest = props.onCloseRequest;
+    var theme = useContext(ThemeContext);
+    var themeGTE6_1 = isThemeGTE(theme, '6.1');
+    useLayoutEffect(function () {
+        var timer = setTimeout(function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+        return function () {
+            clearTimeout(timer);
+        };
+    }, [inputRef]);
+    var input = (React.createElement(TimeInput, { ref: inputRef, "data-tid": TimePickerDataTids.mobileInput, width: '100%', disabled: disabled, format: format, size: themeGTE6_1 ? size : undefined, rightIcon: rightIcon, suffix: suffix, value: value, error: error, warning: warning, "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, "aria-placeholder": ariaPlaceholder, "aria-busy": isLoading || undefined, "aria-activedescendant": ariaActiveDescendant, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, onFocus: onFocus, onBlur: onBlur, onClick: onClick, onKeyDown: onKeyDown, onMouseDownCapture: onMouseDownCapture, onMouseUp: onMouseUp, onPaste: onPaste, onSelectSegment: onSelectSegment }));
+    var themeDependantProps = themeGTE6_1
+        ? {
+            footerChildComponent: input,
+            size: size,
+        }
+        : {
+            headerChildComponent: input,
+        };
+    return (React.createElement(MobilePopup, __assign({ opened: true }, themeDependantProps, { onCloseRequest: onCloseRequest }),
+        React.createElement("div", { id: id, role: 'listbox', "data-tid": TimePickerDataTids.mobilePopup },
+            React.createElement(TimePickerItems, { itemIdPrefix: id, size: size, resolvedItems: resolvedItems, renderItem: renderItem, isLoading: isLoading, isFailed: isFailed, errorNetworkButton: errorNetworkButton, errorNetworkMessage: errorNetworkMessage, highlightedItemIndex: highlightedItemIndex, selectedValue: selectedValue, itemRefs: itemRefs, maxHeight: 'auto', disableScrollContainer: true, onRetry: onRetry, onSelectItem: onSelectItem }))));
+};
+//# sourceMappingURL=TimePickerMobilePopup.js.map

package/components/TimePicker/TimePickerMobilePopup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimePickerMobilePopup.js","sourceRoot":"","sources":["TimePickerMobilePopup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useLayoutEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport type { TimeInputRef } from '../../internal/TimeInput/index.js';\nimport { TimeInput } from '../../internal/TimeInput/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { InputIconType } from '../Input/index.js';\nimport type { MenuItemState } from '../MenuItem/index.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport type { TimeSegment, TimeFormat, TimeItemValue, TimePickerMenuItem } from './helpers/TimePicker.shared.js';\nimport { TimePickerItems } from './TimePickerItems.js';\n\ninterface TimePickerMobilePopupProps<T extends TimeItemValue> {\n id?: string;\n value: string;\n inputRef: React.RefObject<TimeInputRef | null>;\n disabled?: boolean;\n format: TimeFormat;\n size: SizeProp;\n rightIcon?: InputIconType;\n suffix?: ReactNode;\n resolvedItems: Array<TimePickerMenuItem<T>>;\n renderItem?: (item: T, state: MenuItemState) => ReactNode;\n isLoading?: boolean;\n isFailed: boolean;\n errorNetworkButton: string;\n errorNetworkMessage: string;\n highlightedItemIndex: number | null;\n selectedValue: string;\n itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;\n error?: boolean;\n warning?: boolean;\n 'aria-describedby'?: string;\n 'aria-label'?: string;\n 'aria-placeholder'?: string;\n 'aria-activedescendant'?: string;\n 'aria-controls'?: string;\n 'aria-expanded'?: boolean;\n 'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];\n onFocus(event: React.FocusEvent<HTMLInputElement>): void;\n onBlur(event: React.FocusEvent<HTMLInputElement>): void;\n onClick(event: React.MouseEvent<HTMLInputElement>): void;\n onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;\n onMouseDownCapture(event: React.MouseEvent<HTMLInputElement>): void;\n onMouseUp(event: React.MouseEvent<HTMLInputElement>): void;\n onPaste(event: React.ClipboardEvent<HTMLInputElement>): void;\n onSelectSegment(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;\n onRetry(): void;\n onSelectItem(item: T): void;\n onCloseRequest(): void;\n}\n\nexport const TimePickerMobilePopup = <T extends TimeItemValue>(props: TimePickerMobilePopupProps<T>) => {\n const {\n id,\n value,\n inputRef,\n disabled,\n format,\n size,\n rightIcon,\n suffix,\n resolvedItems,\n renderItem,\n isLoading,\n isFailed,\n errorNetworkButton,\n errorNetworkMessage,\n highlightedItemIndex,\n selectedValue,\n itemRefs,\n error,\n warning,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n 'aria-placeholder': ariaPlaceholder,\n 'aria-activedescendant': ariaActiveDescendant,\n 'aria-controls': ariaControls,\n 'aria-expanded': ariaExpanded,\n 'aria-haspopup': ariaHasPopup,\n onFocus,\n onBlur,\n onClick,\n onKeyDown,\n onMouseDownCapture,\n onMouseUp,\n onPaste,\n onSelectSegment,\n onRetry,\n onSelectItem,\n onCloseRequest,\n } = props;\n\n const theme = useContext(ThemeContext);\n const themeGTE6_1 = isThemeGTE(theme, '6.1');\n\n useLayoutEffect(() => {\n const timer = setTimeout(() => {\n inputRef.current?.focus();\n });\n\n return () => {\n clearTimeout(timer);\n };\n }, [inputRef]);\n\n const input = (\n <TimeInput\n ref={inputRef}\n data-tid={TimePickerDataTids.mobileInput}\n width={'100%'}\n disabled={disabled}\n format={format}\n size={themeGTE6_1 ? size : undefined}\n rightIcon={rightIcon}\n suffix={suffix}\n value={value}\n error={error}\n warning={warning}\n aria-describedby={ariaDescribedby}\n aria-label={ariaLabel}\n aria-placeholder={ariaPlaceholder}\n aria-busy={isLoading || undefined}\n aria-activedescendant={ariaActiveDescendant}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-haspopup={ariaHasPopup}\n onFocus={onFocus}\n onBlur={onBlur}\n onClick={onClick}\n onKeyDown={onKeyDown}\n onMouseDownCapture={onMouseDownCapture}\n onMouseUp={onMouseUp}\n onPaste={onPaste}\n onSelectSegment={onSelectSegment}\n />\n );\n\n const themeDependantProps = themeGTE6_1\n ? {\n footerChildComponent: input,\n size,\n }\n : {\n headerChildComponent: input,\n };\n\n return (\n <MobilePopup opened {...themeDependantProps} onCloseRequest={onCloseRequest}>\n <div id={id} role={'listbox'} data-tid={TimePickerDataTids.mobilePopup}>\n <TimePickerItems\n itemIdPrefix={id}\n size={size}\n resolvedItems={resolvedItems}\n renderItem={renderItem}\n isLoading={isLoading}\n isFailed={isFailed}\n errorNetworkButton={errorNetworkButton}\n errorNetworkMessage={errorNetworkMessage}\n highlightedItemIndex={highlightedItemIndex}\n selectedValue={selectedValue}\n itemRefs={itemRefs}\n maxHeight={'auto'}\n disableScrollContainer\n onRetry={onRetry}\n onSelectItem={onSelectItem}\n />\n </div>\n </MobilePopup>\n );\n};\n"]}

package/components/TimePicker/TimePickerPopup.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { SizeProp } from '../../lib/types/props.js';
+import type { MenuItemState } from '../MenuItem/index.js';
+import type { TimeItemValue, TimePickerMenuItem } from './helpers/TimePicker.shared.js';
+interface TimePickerPopupProps<T extends TimeItemValue> {
+    id?: string;
+    anchorElement: HTMLElement;
+    menuPos?: 'top' | 'bottom';
+    menuAlign?: 'left' | 'right';
+    menuWidth?: React.CSSProperties['width'];
+    popupMaxHeight: string;
+    size: SizeProp;
+    resolvedItems: Array<TimePickerMenuItem<T>>;
+    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
+    isLoading?: boolean;
+    isFailed: boolean;
+    errorNetworkButton: string;
+    errorNetworkMessage: string;
+    highlightedItemIndex: number | null;
+    selectedValue: string;
+    itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;
+    onRetry(): void;
+    onSelectItem(item: T): void;
+}
+export declare const TimePickerPopup: <T extends TimeItemValue>(props: TimePickerPopupProps<T>) => React.JSX.Element;
+export {};

package/components/TimePicker/TimePickerPopup.js ADDED Viewed

@@ -0,0 +1,18 @@
+import React, { useContext } from 'react';
+import { Popup } from '../../internal/Popup/index.js';
+import { ZIndex } from '../../internal/ZIndex/index.js';
+import { getMenuPositions } from '../../lib/getMenuPositions.js';
+import { useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { TimePickerDataTids } from './helpers/TimePicker.constants.js';
+import { getStyles } from './TimePicker.styles.js';
+import { TimePickerItems } from './TimePickerItems.js';
+export var TimePickerPopup = function (props) {
+    var id = props.id, anchorElement = props.anchorElement, menuPos = props.menuPos, menuAlign = props.menuAlign, menuWidth = props.menuWidth, popupMaxHeight = props.popupMaxHeight, size = props.size, resolvedItems = props.resolvedItems, renderItem = props.renderItem, isLoading = props.isLoading, isFailed = props.isFailed, errorNetworkButton = props.errorNetworkButton, errorNetworkMessage = props.errorNetworkMessage, highlightedItemIndex = props.highlightedItemIndex, selectedValue = props.selectedValue, itemRefs = props.itemRefs, onRetry = props.onRetry, onSelectItem = props.onSelectItem;
+    var theme = useContext(ThemeContext);
+    var styles = useStyles(getStyles);
+    return (React.createElement(Popup, { opened: true, hasShadow: true, anchorElement: anchorElement, "data-tid": TimePickerDataTids.popup, priority: ZIndex.priorities.PopupMenu, margin: parseInt(theme.timePickerMenuOffsetY), width: menuWidth, minWidth: menuWidth === undefined ? '100%' : undefined, positions: getMenuPositions(menuPos, menuAlign) },
+        React.createElement("div", { id: id, role: 'listbox', className: styles.popup(theme), onMouseDown: function (event) { return event.preventDefault(); } },
+            React.createElement(TimePickerItems, { itemIdPrefix: id, size: size, resolvedItems: resolvedItems, renderItem: renderItem, isLoading: isLoading, isFailed: isFailed, errorNetworkButton: errorNetworkButton, errorNetworkMessage: errorNetworkMessage, highlightedItemIndex: highlightedItemIndex, selectedValue: selectedValue, itemRefs: itemRefs, maxHeight: popupMaxHeight, onRetry: onRetry, onSelectItem: onSelectItem }))));
+};
+//# sourceMappingURL=TimePickerPopup.js.map