@skbkontur/react-ui 6.1.7-c386f.0 → 6.1.7

package/components/TimePicker/TimePicker.js

@@ -1,739 +0,0 @@
-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, { useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
-import { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';
-import { NativeTimeInput } from '../../internal/NativeTimeInput/index.js';
-import { TimeInput } from '../../internal/TimeInput/index.js';
-import { isIOS, isMobile } from '../../lib/client.js';
-import { isKeyArrowDown, isKeyArrowLeft, isKeyArrowRight, isKeyArrowUp, isKeyBackspace, isKeyChar, isKeyDelete, isKeyEnter, isKeyEscape, isKeySpace, isKeyTab, isModShift, isShortcutSelectAll, } from '../../lib/events/keyboard/identifiers.js';
-import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
-import { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';
-import { useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { getRandomID } from '../../lib/utils.js';
-import { scrollSelectedItemIntoView } from './helpers/scrollSelectedItemIntoView.js';
-import { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, TimePickerDataTids } from './helpers/TimePicker.constants.js';
-import { commitTimeSegmentOnLeave, deleteTimeSegmentDigit, formatDigitToTimeSegment, shiftTimeSegmentValue, } from './helpers/TimePicker.editing.js';
-import { getTimePickerPopupMaxHeight } from './helpers/TimePicker.layout.js';
-import { getNextTimeSegment, getPreviousTimeSegment } from './helpers/TimePicker.selection.js';
-import { isNavigableMenuElement, isTimeItem, isTimeItemObject, isTimeMenuItem, timeValueToItem, } from './helpers/TimePicker.shared.js';
-import { dedupeTimeItems, filterTimeItems, getEmptyDisplayValue, getTimeFilterQuery, getTimeValueString, isTimeDisplayEmpty, normalizeTimeValue, parsePastedTimeValue, replaceTimeSegment, resolveTimeItems, } from './helpers/TimePicker.value.js';
-import { validateTimePicker } from './helpers/validateTimePicker.js';
-import { useTimePickerDropdown } from './hooks/useTimePickerDropdown.js';
-import { useTimePickerSelection } from './hooks/useTimePickerSelection.js';
-import { useTimePickerSource } from './hooks/useTimePickerSource.js';
-import { useTimePickerValue } from './hooks/useTimePickerValue.js';
-import { TimePickerLocaleHelper } from './locale/index.js';
-import { getStyles } from './TimePicker.styles.js';
-import { TimePickerMobilePopup } from './TimePickerMobilePopup.js';
-import { TimePickerPopup } from './TimePickerPopup.js';
-/** Пустой список для клавиатуры: не создает новую ссылку на каждый рендер. */
-var EMPTY_MENU_ITEMS = [];
-/** Поле с временем помогает пользователю быстро и удобно указать время в правильном формате.
- * В поле можно ввести время с клавиатуры либо выбрать из выпадающего списка,
- * передав массив или функцию в проп `source`.
- */
-export var TimePicker = Object.assign(forwardRefAndName('TimePicker', function (props, ref) {
-    var _a;
-    var disabled = props.disabled, _b = props.useMobileNativeTimePicker, useMobileNativeTimePicker = _b === void 0 ? false : _b, _c = props.format, format = _c === void 0 ? 'HH:mm' : _c, _d = props.size, size = _d === void 0 ? 'small' : _d, source = props.source, renderItem = props.renderItem, menuPos = props.menuPos, menuAlign = props.menuAlign, menuWidth = props.menuWidth, minTime = props.minTime, maxTime = props.maxTime, rightIcon = props.rightIcon, suffix = props.suffix, corners = props.corners, value = props.value, valueToItem = props.valueToItem, onValueChange = props.onValueChange, onInputValueChange = props.onInputValueChange, onUnexpectedInput = props.onUnexpectedInput, onFocus = props.onFocus, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, onPaste = props.onPaste, inputProps = __rest(props, ["disabled", "useMobileNativeTimePicker", "format", "size", "source", "renderItem", "menuPos", "menuAlign", "menuWidth", "minTime", "maxTime", "rightIcon", "suffix", "corners", "value", "valueToItem", "onValueChange", "onInputValueChange", "onUnexpectedInput", "onFocus", "onBlur", "onClick", "onKeyDown", "onPaste"]);
-    var theme = useContext(ThemeContext);
-    var styles = useStyles(getStyles);
-    var locale = useLocaleForControl('TimePicker', TimePickerLocaleHelper);
-    var _e = useState(false), isInputFocused = _e[0], setIsInputFocused = _e[1];
-    var inputRef = useRef(null);
-    var mobileInputRef = useRef(null);
-    var nativeInputRef = useRef(null);
-    var rootRef = useRef(null);
-    var itemRefs = useRef(new Map());
-    var isMouseFocusRef = useRef(false);
-    var isMouseDownOnFragmentRef = useRef(false);
-    var mouseDownSegmentRef = useRef(null);
-    var mobileBlurEventRef = useRef(null);
-    var shouldSkipOpenOnFocusRef = useRef(false);
-    var popupIdRef = useRef(TimePickerDataTids.popup + getRandomID());
-    var _f = useState(false), isMobileDevice = _f[0], setIsMobileDevice = _f[1];
-    var _g = useState(false), canUseMobileNativeTimePicker = _g[0], setCanUseMobileNativeTimePicker = _g[1];
-    var isSourceFunction = typeof source === 'function';
-    var hasDropdown = isSourceFunction || (Array.isArray(source) && source.length > 0);
-    var _h = useState(false), isDropdownOpened = _h[0], setIsDropdownOpened = _h[1];
-    var _j = useState(false), isEditedAfterOpen = _j[0], setIsEditedAfterOpen = _j[1];
-    /**
-     * Форма элементов функции-источника: последняя, о которой компонент знает.
-     * Форма запоминается, потому что элементы функции очищаются при закрытии меню,
-     * а коммит значения после закрытия должен отдать наружу элемент той же формы.
-     * Для массива форма всегда считается по текущим элементам — запоминать нечего.
-     */
-    var lastSourceItemShapeRef = useRef(null);
-    /**
-     * Форма элемента, который компонент собирает для времени без элемента.
-     * Повторяет форму элементов источника, а если их нет — форму внешнего `value`,
-     * чтобы наружу уходило то же, что пришло внутрь.
-     * Значение читается при коммите, поэтому обновляется в эффекте: так его не меняет отброшенный рендер.
-     */
-    var shouldBuildItemAsObjectRef = useRef(false);
-    var valueToItemRef = useRef(valueToItem);
-    valueToItemRef.current = valueToItem;
-    var handleCommitValue = useCallback(function (committedValue, item) {
-        var _a, _b;
-        if (!onValueChange) {
-            return;
-        }
-        if (committedValue === EMPTY_VALUE) {
-            onValueChange(null, EMPTY_VALUE);
-            return;
-        }
-        var nextItem = (_b = item !== null && item !== void 0 ? item : (_a = valueToItemRef.current) === null || _a === void 0 ? void 0 : _a.call(valueToItemRef, committedValue)) !== null && _b !== void 0 ? _b : timeValueToItem(committedValue, shouldBuildItemAsObjectRef.current);
-        onValueChange(nextItem, committedValue);
-    }, [onValueChange]);
-    var _k = useTimePickerValue({
-        isInputFocused: isInputFocused,
-        format: format,
-        externalValue: getTimeValueString(value),
-        isValueControlled: value !== undefined,
-        onCommitValue: handleCommitValue,
-        onInputValueChange: onInputValueChange,
-    }), editingValue = _k.editingValue, editingValueRef = _k.editingValueRef, updateEditingValue = _k.updateEditingValue, commitEditingValue = _k.commitEditingValue, commitValue = _k.commitValue, commitItem = _k.commitItem;
-    var filterQuery = isEditedAfterOpen ? getTimeFilterQuery(editingValue, format) : EMPTY_VALUE;
-    var _l = useTimePickerSource({ source: source, format: format, isDropdownOpened: isDropdownOpened, filterQuery: filterQuery }), sourceValueItems = _l.items, fetchedItemsQuery = _l.fetchedQuery, isLoadingItems = _l.isLoading;
-    useEffect(function () {
-        if (!isSourceFunction || sourceValueItems.some(isTimeItem)) {
-            lastSourceItemShapeRef.current = sourceValueItems.some(function (item) { return isTimeItem(item) && isTimeItemObject(item); });
-        }
-        shouldBuildItemAsObjectRef.current =
-            lastSourceItemShapeRef.current === true || (value !== null && value !== undefined && isTimeItemObject(value));
-    }, [isSourceFunction, sourceValueItems, value]);
-    var filteredItems = useMemo(function () { return filterTimeItems(dedupeTimeItems(sourceValueItems, format), filterQuery, format); }, [filterQuery, format, sourceValueItems]);
-    /**
-     * Элементы для отрисовки: время и подпись достаются из элемента,
-     * а `disabled` дополняется проверкой диапазона `minTime`/`maxTime`.
-     * Исходный элемент сохраняется как есть — именно он уходит в `onValueChange`.
-     */
-    var resolvedItems = useMemo(function () { return resolveTimeItems(filteredItems, format, minTime, maxTime); }, [maxTime, minTime, format, filteredItems]);
-    var popupMaxHeight = getTimePickerPopupMaxHeight(size, theme);
-    var ariaPlaceholder = format === 'HH:mm' ? locale.ariaPlaceholderHHMM : locale.ariaPlaceholderHHMMSS;
-    var normalizedValue = normalizeTimeValue(editingValue, format);
-    var selectedItemIndex = resolvedItems.findIndex(function (item) { return isTimeMenuItem(item) && normalizeTimeValue(item.value, format) === normalizedValue; });
-    var autoHighlightKey = null;
-    if (filterQuery !== EMPTY_VALUE) {
-        if (isSourceFunction) {
-            if (!isLoadingItems && fetchedItemsQuery === filterQuery) {
-                autoHighlightKey = "source-function:".concat(filterQuery);
-            }
-        }
-        else {
-            autoHighlightKey = "source-array:".concat(filterQuery);
-        }
-    }
-    var canUseMobileDropdownTimePicker = hasDropdown && isMobileDevice && !canUseMobileNativeTimePicker;
-    /**
-     * Меню с одними лишь заголовками и разделителями показывать не о чем,
-     * поэтому при активном фильтре нужен хотя бы один подошедший элемент со временем.
-     */
-    var hasDropdownContent = isLoadingItems || (filterQuery === EMPTY_VALUE ? resolvedItems.length > 0 : resolvedItems.some(isTimeMenuItem));
-    /**
-     * Элементы, с которыми работает клавиатура.
-     * Пока меню скрыто, их нет: иначе стрелки ходили бы по невидимому списку,
-     * а Enter выбирал бы невидимый элемент вместо коммита введенного времени.
-     */
-    var menuItems = hasDropdownContent ? resolvedItems : EMPTY_MENU_ITEMS;
-    var inputRightIcon = isLoadingItems && resolvedItems.length > 0 ? (React.createElement("span", { "data-tid": TimePickerDataTids.inputLoading },
-        React.createElement(LoadingIcon, { size: size }))) : (rightIcon);
-    var displayValue = editingValue;
-    if (isInputFocused) {
-        displayValue = editingValue === EMPTY_VALUE ? getEmptyDisplayValue(format) : editingValue;
-    }
-    else if (isTimeDisplayEmpty(editingValue)) {
-        displayValue = EMPTY_VALUE;
-    }
-    var resetMouseInteractionState = useCallback(function () {
-        isMouseFocusRef.current = false;
-        isMouseDownOnFragmentRef.current = false;
-        mouseDownSegmentRef.current = null;
-    }, []);
-    var updateEditingValueAfterUserEdit = useCallback(function (nextEditingValue) {
-        if (hasDropdown && editingValueRef.current !== nextEditingValue) {
-            setIsEditedAfterOpen(true);
-        }
-        updateEditingValue(nextEditingValue);
-    }, [editingValueRef, hasDropdown, updateEditingValue]);
-    var normalizeCurrentSegmentIfNeeded = useCallback(function (segment) {
-        var nextDisplayValue = commitTimeSegmentOnLeave(editingValue === EMPTY_VALUE ? getEmptyDisplayValue(format) : editingValue, segment, format);
-        updateEditingValueAfterUserEdit(nextDisplayValue);
-    }, [editingValue, format, updateEditingValueAfterUserEdit]);
-    var openNativeTimePicker = useCallback(function () {
-        var _a, _b;
-        if (!canUseMobileNativeTimePicker || disabled) {
-            return;
-        }
-        if (isIOS) {
-            (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        else {
-            (_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.click();
-        }
-    }, [canUseMobileNativeTimePicker, disabled]);
-    var _m = useTimePickerDropdown({
-        disabled: disabled,
-        hasDropdown: hasDropdown,
-        items: menuItems,
-        selectedItemIndex: selectedItemIndex >= 0 ? selectedItemIndex : null,
-        autoHighlightKey: autoHighlightKey,
-        isDropdownOpened: isDropdownOpened,
-        setIsDropdownOpened: setIsDropdownOpened,
-    }), highlightedItemIndex = _m.highlightedItemIndex, openDropdown = _m.openDropdown, closeDropdown = _m.closeDropdown, resetHighlightedItem = _m.resetHighlightedItem, tryNavigateItems = _m.tryNavigateItems;
-    /**
-     * Фильтрация начинается только после правки значения при открытом меню.
-     * Состояние живет ровно столько, сколько открыто меню: правка, которая заново открывает меню,
-     * сохраняет свой запрос, а правка при закрытом меню — например стрелками — на список не влияет.
-     */
-    useEffect(function () {
-        if (!isDropdownOpened && isEditedAfterOpen) {
-            setIsEditedAfterOpen(false);
-        }
-    }, [isDropdownOpened, isEditedAfterOpen]);
-    var popupId = popupIdRef.current;
-    var highlightedMenuItem = highlightedItemIndex === null ? undefined : menuItems[highlightedItemIndex];
-    /** Кастомный `MenuItem` может принести свой `id` — тогда указывать нужно именно на него. */
-    var activeDescendantId = hasDropdown && highlightedItemIndex !== null && highlightedMenuItem
-        ? ((_a = (isNavigableMenuElement(highlightedMenuItem) ? highlightedMenuItem.props.id : undefined)) !== null && _a !== void 0 ? _a : "".concat(popupId, "-item-").concat(highlightedItemIndex))
-        : undefined;
-    var isMobileDropdownActive = canUseMobileDropdownTimePicker && isDropdownOpened;
-    var getActiveInput = useCallback(function () { return (canUseMobileDropdownTimePicker && isDropdownOpened ? mobileInputRef.current : inputRef.current); }, [canUseMobileDropdownTimePicker, isDropdownOpened]);
-    var _o = useTimePickerSelection({
-        isInputFocused: isInputFocused,
-        format: format,
-        displayValue: displayValue,
-        getInput: getActiveInput,
-    }), selection = _o.selection, selectedSegment = _o.selectedSegment, selectSegment = _o.selectSegment, selectAll = _o.selectAll, syncSelectionWithDOM = _o.syncSelectionWithDOM;
-    var blinkInputValue = useCallback(function () {
-        var _a;
-        (_a = getActiveInput()) === null || _a === void 0 ? void 0 : _a.blink();
-    }, [getActiveInput]);
-    /**
-     * Сообщает о некорректном вводе: нажатой клавише или вставленном значении, которое не может быть временем.
-     * Если обработчик не задан, поле вспыхивает само.
-     * Обработчик может подставить значение вместо некорректного ввода:
-     * элемент коммитится как есть, `null` очищает поле, а `undefined` оставляет значение прежним.
-     */
-    var handleUnexpectedInput = useCallback(function (unexpectedValue) {
-        if (!onUnexpectedInput) {
-            blinkInputValue();
-            return;
-        }
-        var returnedValue = onUnexpectedInput(unexpectedValue, blinkInputValue);
-        if (returnedValue === undefined) {
-            return;
-        }
-        if (returnedValue === null) {
-            commitValue(EMPTY_VALUE);
-            return;
-        }
-        commitItem(returnedValue);
-    }, [blinkInputValue, commitItem, commitValue, onUnexpectedInput]);
-    var closeOpenedDropdown = useCallback(function () {
-        var _a;
-        if (canUseMobileDropdownTimePicker && isDropdownOpened) {
-            (_a = mobileInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-            setIsInputFocused(false);
-            resetMouseInteractionState();
-            closeDropdown();
-            commitEditingValue();
-            var blurEvent = mobileBlurEventRef.current;
-            mobileBlurEventRef.current = null;
-            if (blurEvent) {
-                onBlur === null || onBlur === void 0 ? void 0 : onBlur(blurEvent);
-            }
-            return;
-        }
-        closeDropdown();
-    }, [
-        canUseMobileDropdownTimePicker,
-        closeDropdown,
-        commitEditingValue,
-        isDropdownOpened,
-        onBlur,
-        resetMouseInteractionState,
-    ]);
-    var selectItem = useCallback(function (item) {
-        commitItem(item);
-        if (canUseMobileDropdownTimePicker) {
-            closeOpenedDropdown();
-        }
-        else {
-            closeDropdown();
-        }
-    }, [canUseMobileDropdownTimePicker, closeDropdown, closeOpenedDropdown, commitItem]);
-    var isSelectHighlightedItem = useCallback(function (event) {
-        var _a, _b;
-        if (highlightedItemIndex === null) {
-            return false;
-        }
-        var resolvedItem = menuItems[highlightedItemIndex];
-        if (!resolvedItem) {
-            return true;
-        }
-        if (isNavigableMenuElement(resolvedItem)) {
-            (_b = (_a = resolvedItem.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-            return true;
-        }
-        if (!isTimeMenuItem(resolvedItem) || resolvedItem.disabled) {
-            return true;
-        }
-        selectItem(resolvedItem.item);
-        return true;
-    }, [highlightedItemIndex, menuItems, selectItem]);
-    var focusInput = useCallback(function (options) {
-        var _a;
-        if (disabled) {
-            return;
-        }
-        shouldSkipOpenOnFocusRef.current = Boolean(options === null || options === void 0 ? void 0 : options.withoutOpenDropdown);
-        (_a = getActiveInput()) === null || _a === void 0 ? void 0 : _a.focus();
-        shouldSkipOpenOnFocusRef.current = false;
-    }, [disabled, getActiveInput]);
-    /**
-     * Открывает выпадающее меню так же, как это делает пользователь: через фокус в поле.
-     * Меню закрывается по потере фокуса, поэтому открытое без фокуса меню было бы нечем закрыть.
-     * В режиме нативного пикера открывается системный пикер — своего меню в этом режиме нет.
-     */
-    var openInputDropdown = useCallback(function () {
-        var _a;
-        if (disabled) {
-            return;
-        }
-        if (canUseMobileNativeTimePicker) {
-            openNativeTimePicker();
-            return;
-        }
-        (_a = getActiveInput()) === null || _a === void 0 ? void 0 : _a.focus();
-        openDropdown();
-    }, [canUseMobileNativeTimePicker, disabled, getActiveInput, openDropdown, openNativeTimePicker]);
-    var blurInput = useCallback(function () {
-        var _a;
-        if (canUseMobileDropdownTimePicker && isDropdownOpened) {
-            closeOpenedDropdown();
-            return;
-        }
-        (_a = getActiveInput()) === null || _a === void 0 ? void 0 : _a.blur();
-    }, [canUseMobileDropdownTimePicker, closeOpenedDropdown, getActiveInput, isDropdownOpened]);
-    var closeInputDropdown = useCallback(function () {
-        closeOpenedDropdown();
-    }, [closeOpenedDropdown]);
-    var blinkInput = useCallback(function () {
-        var _a;
-        (_a = getActiveInput()) === null || _a === void 0 ? void 0 : _a.blink();
-    }, [getActiveInput]);
-    useImperativeHandle(ref, function () { return ({
-        focus: focusInput,
-        blur: blurInput,
-        blink: blinkInput,
-        open: openInputDropdown,
-        close: closeInputDropdown,
-        getRootNode: function () { return rootRef.current; },
-    }); }, [blinkInput, blurInput, closeInputDropdown, focusInput, openInputDropdown]);
-    useLayoutEffect(function () {
-        if (!isDropdownOpened) {
-            return;
-        }
-        var selectedIndex = highlightedItemIndex !== null && highlightedItemIndex !== void 0 ? highlightedItemIndex : selectedItemIndex;
-        if (selectedIndex < 0) {
-            return;
-        }
-        var targetNode = itemRefs.current.get(selectedIndex);
-        if (targetNode) {
-            scrollSelectedItemIntoView(targetNode);
-        }
-    }, [highlightedItemIndex, isDropdownOpened, selectedItemIndex]);
-    /**
-     * Блокировка контрола посреди ввода завершает его так же, как потеря фокуса:
-     * меню закрывается, а недоведенное значение коммитится, а не остается висеть в поле.
-     */
-    useEffect(function () {
-        if (!disabled) {
-            return;
-        }
-        if (canUseMobileDropdownTimePicker && isDropdownOpened) {
-            closeOpenedDropdown();
-            return;
-        }
-        if (isDropdownOpened) {
-            closeDropdown();
-        }
-        if (isInputFocused) {
-            setIsInputFocused(false);
-            resetMouseInteractionState();
-            commitEditingValue();
-        }
-    }, [
-        canUseMobileDropdownTimePicker,
-        closeDropdown,
-        closeOpenedDropdown,
-        commitEditingValue,
-        disabled,
-        isDropdownOpened,
-        isInputFocused,
-        resetMouseInteractionState,
-    ]);
-    useEffect(function () {
-        setIsMobileDevice(Boolean(isMobile));
-        setCanUseMobileNativeTimePicker(useMobileNativeTimePicker && Boolean(isMobile));
-    }, [useMobileNativeTimePicker]);
-    var handleCloseMobileDropdown = useCallback(function () {
-        closeOpenedDropdown();
-    }, [closeOpenedDropdown]);
-    var handleFocusBySource = function (event, isMobilePopupInput) {
-        var shouldSkipOpenDropdown = shouldSkipOpenOnFocusRef.current;
-        shouldSkipOpenOnFocusRef.current = false;
-        if (canUseMobileNativeTimePicker) {
-            if (!shouldSkipOpenDropdown) {
-                openNativeTimePicker();
-            }
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-            return;
-        }
-        if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
-            if (!shouldSkipOpenDropdown) {
-                openDropdown();
-            }
-            return;
-        }
-        setIsInputFocused(true);
-        if (!shouldSkipOpenDropdown) {
-            openDropdown();
-        }
-        if (isMouseDownOnFragmentRef.current && !isInputFocused) {
-            if (isTimeDisplayEmpty(editingValueRef.current)) {
-                selectSegment('hours');
-            }
-            else if (mouseDownSegmentRef.current) {
-                selectSegment(mouseDownSegmentRef.current);
-            }
-        }
-        else {
-            selectSegment('hours');
-        }
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-    };
-    var handleFocus = function (event) { return handleFocusBySource(event, false); };
-    var handleMobileFocus = function (event) { return handleFocusBySource(event, true); };
-    var handleBlurBySource = function (event, isMobilePopupInput) {
-        if (canUseMobileNativeTimePicker) {
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-            return;
-        }
-        if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
-            return;
-        }
-        if (isMobilePopupInput) {
-            event.persist();
-            mobileBlurEventRef.current = event;
-            return;
-        }
-        setIsInputFocused(false);
-        resetMouseInteractionState();
-        closeDropdown();
-        commitEditingValue();
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-    };
-    var handleBlur = function (event) { return handleBlurBySource(event, false); };
-    var handleMobileBlur = function (event) { return handleBlurBySource(event, true); };
-    var handleClickBySource = function (event, isMobilePopupInput) {
-        if (canUseMobileNativeTimePicker) {
-            openNativeTimePicker();
-            onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            return;
-        }
-        if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
-            openDropdown();
-            onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            return;
-        }
-        openDropdown();
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    };
-    var handleClick = function (event) { return handleClickBySource(event, false); };
-    var handleMobileClick = function (event) { return handleClickBySource(event, true); };
-    var handleMouseDownCaptureBySource = function (event, isMobilePopupInput) {
-        var _a, _b;
-        if (canUseMobileNativeTimePicker || (canUseMobileDropdownTimePicker && !isMobilePopupInput)) {
-            return;
-        }
-        var currentInputRef = isMobilePopupInput ? mobileInputRef : inputRef;
-        var segment = (_b = (_a = currentInputRef.current) === null || _a === void 0 ? void 0 : _a.getSegment(event.target)) !== null && _b !== void 0 ? _b : null;
-        var isFragment = segment !== null;
-        if (isInputFocused && !isFragment) {
-            event.preventDefault();
-        }
-        isMouseFocusRef.current = !isInputFocused;
-        isMouseDownOnFragmentRef.current = isFragment;
-        mouseDownSegmentRef.current = segment;
-    };
-    var handleMouseDownCapture = function (event) {
-        return handleMouseDownCaptureBySource(event, false);
-    };
-    var handleMobileMouseDownCapture = function (event) {
-        return handleMouseDownCaptureBySource(event, true);
-    };
-    var handleMouseUpBySource = function (_event, isMobilePopupInput) {
-        if (disabled || canUseMobileNativeTimePicker || (canUseMobileDropdownTimePicker && !isMobilePopupInput)) {
-            return;
-        }
-        syncSelectionWithDOM();
-    };
-    var handleMouseUp = function (event) { return handleMouseUpBySource(event, false); };
-    var handleMobileMouseUp = function (event) { return handleMouseUpBySource(event, true); };
-    var handleSelectSegmentByMouseBySource = function (segment, isMobilePopupInput) {
-        if (canUseMobileNativeTimePicker) {
-            openNativeTimePicker();
-            return;
-        }
-        if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
-            openDropdown();
-            return;
-        }
-        openDropdown();
-        if (disabled) {
-            return;
-        }
-        if (!(isMouseFocusRef.current && isTimeDisplayEmpty(editingValueRef.current)) && selectedSegment !== segment) {
-            normalizeCurrentSegmentIfNeeded(selectedSegment);
-            selectSegment(segment);
-        }
-        resetMouseInteractionState();
-    };
-    var handleSelectSegmentByMouse = function (segment) { return handleSelectSegmentByMouseBySource(segment, false); };
-    var handleMobileSelectSegmentByMouse = function (segment) {
-        return handleSelectSegmentByMouseBySource(segment, true);
-    };
-    var handleKeyDownBySource = function (event, isMobilePopupInput) {
-        var _a, _b, _c, _d;
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-        if (event.defaultPrevented || disabled) {
-            return;
-        }
-        if (canUseMobileNativeTimePicker) {
-            openNativeTimePicker();
-            return;
-        }
-        if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
-            openDropdown();
-            return;
-        }
-        if (isShortcutSelectAll(event)) {
-            event.preventDefault();
-            selectAll();
-            return;
-        }
-        if (event.altKey || event.ctrlKey || event.metaKey) {
-            return;
-        }
-        var currentDisplayValue = displayValue;
-        var currentSegment = selectedSegment;
-        var hasAllSelectionInState = selection === 'all';
-        var hasAllSelectionInDOM = (_b = (_a = getActiveInput()) === null || _a === void 0 ? void 0 : _a.isAllSelected()) !== null && _b !== void 0 ? _b : false;
-        var shouldHandleAsAllSelection = hasAllSelectionInState || hasAllSelectionInDOM;
-        if (hasAllSelectionInDOM && !hasAllSelectionInState) {
-            syncSelectionWithDOM();
-        }
-        if (shouldHandleAsAllSelection && (isKeyBackspace(event) || isKeyDelete(event))) {
-            event.preventDefault();
-            openDropdown();
-            updateEditingValueAfterUserEdit(getEmptyDisplayValue(format));
-            selectSegment('hours');
-            return;
-        }
-        if (DIGIT_REGEXP.test(event.key)) {
-            event.preventDefault();
-            openDropdown();
-            var nextDigitInputValue = shouldHandleAsAllSelection ? getEmptyDisplayValue(format) : currentDisplayValue;
-            var nextDigitInputSegment = shouldHandleAsAllSelection ? 'hours' : currentSegment;
-            var result = formatDigitToTimeSegment(nextDigitInputValue, nextDigitInputSegment, event.key, format);
-            // Отклоненная цифра не меняет ни значение, ни список, поэтому и подсветку трогать нельзя:
-            // автоподсветка не восстановится, а Enter выбрал бы не тот элемент, который видит пользователь.
-            if (result.shouldBlink) {
-                handleUnexpectedInput(event.key);
-                return;
-            }
-            resetHighlightedItem();
-            updateEditingValueAfterUserEdit(result.nextValue);
-            selectSegment(result.selectedSegment);
-            return;
-        }
-        if (isKeyArrowLeft(event)) {
-            event.preventDefault();
-            normalizeCurrentSegmentIfNeeded(currentSegment);
-            selectSegment((_c = getPreviousTimeSegment(currentSegment)) !== null && _c !== void 0 ? _c : currentSegment);
-            return;
-        }
-        if (isModShift(isKeyTab)(event)) {
-            var previousSegment = getPreviousTimeSegment(currentSegment);
-            if (previousSegment) {
-                event.preventDefault();
-                normalizeCurrentSegmentIfNeeded(currentSegment);
-                selectSegment(previousSegment);
-            }
-            return;
-        }
-        if (isKeyArrowRight(event)) {
-            event.preventDefault();
-            normalizeCurrentSegmentIfNeeded(currentSegment);
-            selectSegment((_d = getNextTimeSegment(currentSegment, format)) !== null && _d !== void 0 ? _d : currentSegment);
-            return;
-        }
-        if (isKeyTab(event)) {
-            var nextSegment = getNextTimeSegment(currentSegment, format);
-            if (nextSegment) {
-                event.preventDefault();
-                normalizeCurrentSegmentIfNeeded(currentSegment);
-                selectSegment(nextSegment);
-            }
-            return;
-        }
-        if (isKeyArrowUp(event) || isKeyArrowDown(event)) {
-            event.preventDefault();
-            var itemStep = isKeyArrowUp(event) ? -1 : 1;
-            if (tryNavigateItems(itemStep)) {
-                return;
-            }
-            var step = isKeyArrowUp(event) ? 1 : -1;
-            updateEditingValueAfterUserEdit(shiftTimeSegmentValue(currentDisplayValue, currentSegment, step, format));
-            selectSegment(currentSegment);
-            return;
-        }
-        if (isKeyBackspace(event)) {
-            event.preventDefault();
-            openDropdown();
-            var nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, currentSegment, format);
-            var nextSegment = currentSegment;
-            if (nextDisplayValue === currentDisplayValue) {
-                var previousSegment = getPreviousTimeSegment(currentSegment);
-                if (previousSegment) {
-                    nextSegment = previousSegment;
-                    nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, previousSegment, format);
-                }
-            }
-            updateEditingValueAfterUserEdit(nextDisplayValue);
-            selectSegment(nextSegment);
-            return;
-        }
-        if (isKeyDelete(event)) {
-            event.preventDefault();
-            openDropdown();
-            updateEditingValueAfterUserEdit(replaceTimeSegment(currentDisplayValue, currentSegment, EMPTY_SEGMENT, format));
-            selectSegment(currentSegment);
-            return;
-        }
-        if (isKeyEscape(event)) {
-            if (isDropdownOpened) {
-                event.preventDefault();
-                if (canUseMobileDropdownTimePicker) {
-                    closeOpenedDropdown();
-                }
-                else {
-                    closeDropdown();
-                }
-            }
-            return;
-        }
-        if (isKeyEnter(event)) {
-            if (isSelectHighlightedItem(event)) {
-                event.preventDefault();
-                return;
-            }
-            if (canUseMobileDropdownTimePicker && isDropdownOpened) {
-                event.preventDefault();
-                closeOpenedDropdown();
-                return;
-            }
-            // Enter не выбирает элемент, а лишь подтверждает введенное значение,
-            // поэтому коммитим значение как при потере фокуса и подсвечиваем поле.
-            commitEditingValue();
-            blinkInputValue();
-            if (isDropdownOpened) {
-                event.preventDefault();
-                closeDropdown();
-            }
-            return;
-        }
-        if (isKeySpace(event)) {
-            event.preventDefault();
-            var nextSegment = getNextTimeSegment(currentSegment, format);
-            var nextDisplayValue = commitTimeSegmentOnLeave(currentDisplayValue, currentSegment, format);
-            updateEditingValueAfterUserEdit(nextDisplayValue);
-            if (nextSegment) {
-                selectSegment(nextSegment);
-            }
-            else {
-                selectSegment(currentSegment);
-            }
-            return;
-        }
-        if (isKeyChar(event)) {
-            event.preventDefault();
-            handleUnexpectedInput(event.key);
-        }
-    };
-    var handleKeyDown = function (event) { return handleKeyDownBySource(event, false); };
-    var handleMobileKeyDown = function (event) { return handleKeyDownBySource(event, true); };
-    var handlePasteBySource = function (event, isMobilePopupInput) {
-        var _a, _b;
-        onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
-        if (event.defaultPrevented || disabled) {
-            return;
-        }
-        if (canUseMobileNativeTimePicker || (canUseMobileDropdownTimePicker && !isMobilePopupInput)) {
-            return;
-        }
-        var pastedValue = (_b = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) !== null && _b !== void 0 ? _b : EMPTY_VALUE;
-        event.preventDefault();
-        if (pastedValue.trim() === EMPTY_VALUE) {
-            return;
-        }
-        var nextDisplayValue = parsePastedTimeValue(pastedValue, format);
-        if (isTimeDisplayEmpty(nextDisplayValue)) {
-            handleUnexpectedInput(pastedValue);
-            return;
-        }
-        openDropdown();
-        updateEditingValueAfterUserEdit(nextDisplayValue);
-        selectSegment('hours');
-    };
-    var handlePaste = function (event) { return handlePasteBySource(event, false); };
-    var handleMobilePaste = function (event) { return handlePasteBySource(event, true); };
-    var handleNativeValueChange = useCallback(function (nextValue) {
-        commitValue(nextValue);
-    }, [commitValue]);
-    return (React.createElement(CommonWrapper, __assign({}, props),
-        React.createElement("span", { ref: rootRef, className: styles.root(), "data-tid": TimePickerDataTids.root },
-            React.createElement(TimeInput, __assign({}, inputProps, { "data-tid": TimePickerDataTids.input, ref: inputRef, disabled: disabled, hasDropdown: hasDropdown, size: size, format: format, corners: corners, rightIcon: inputRightIcon, suffix: suffix, value: displayValue, "aria-haspopup": hasDropdown ? 'listbox' : undefined, "aria-expanded": !isMobileDropdownActive && hasDropdown && isDropdownOpened && hasDropdownContent ? true : undefined, "aria-controls": !isMobileDropdownActive && hasDropdown && isDropdownOpened && hasDropdownContent ? popupId : undefined, "aria-activedescendant": isMobileDropdownActive ? undefined : activeDescendantId, "aria-placeholder": ariaPlaceholder, "aria-busy": isLoadingItems || undefined, onClick: handleClick, onBlur: handleBlur, onFocus: handleFocus, onMouseDownCapture: handleMouseDownCapture, onMouseUp: handleMouseUp, onKeyDown: handleKeyDown, onSelectSegment: handleSelectSegmentByMouse, onPaste: handlePaste })),
-            canUseMobileNativeTimePicker && (React.createElement(NativeTimeInput, { "data-tid": TimePickerDataTids.nativeInput, disabled: disabled, ref: nativeInputRef, format: format, minTime: minTime, maxTime: maxTime, value: editingValue, onValueChange: handleNativeValueChange })),
-            canUseMobileDropdownTimePicker && isDropdownOpened && (React.createElement(TimePickerMobilePopup, { id: popupId, opened: isDropdownOpened, value: displayValue, inputRef: mobileInputRef, disabled: disabled, format: format, size: size, rightIcon: inputRightIcon, suffix: suffix, resolvedItems: resolvedItems, renderItem: renderItem, isLoading: isLoadingItems, highlightedItemIndex: highlightedItemIndex, normalizedValue: normalizedValue, itemRefs: itemRefs, error: props.error, warning: props.warning, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-placeholder": ariaPlaceholder, "aria-haspopup": 'listbox', "aria-expanded": resolvedItems.length > 0 || isLoadingItems ? true : undefined, "aria-controls": resolvedItems.length > 0 || isLoadingItems ? popupId : undefined, "aria-activedescendant": activeDescendantId, onFocus: handleMobileFocus, onBlur: handleMobileBlur, onClick: handleMobileClick, onKeyDown: handleMobileKeyDown, onMouseDownCapture: handleMobileMouseDownCapture, onMouseUp: handleMobileMouseUp, onPaste: handleMobilePaste, onSelectSegment: handleMobileSelectSegmentByMouse, onSelectItem: selectItem, onCloseRequest: handleCloseMobileDropdown })),
-            hasDropdown &&
-                !canUseMobileNativeTimePicker &&
-                !canUseMobileDropdownTimePicker &&
-                isDropdownOpened &&
-                hasDropdownContent &&
-                rootRef.current && (React.createElement(TimePickerPopup, { id: popupId, anchorElement: rootRef.current, menuPos: menuPos, menuAlign: menuAlign, menuWidth: menuWidth, popupMaxHeight: popupMaxHeight, format: format, size: size, resolvedItems: resolvedItems, renderItem: renderItem, isLoading: isLoadingItems, highlightedItemIndex: highlightedItemIndex, normalizedValue: normalizedValue, itemRefs: itemRefs, onSelectItem: selectItem })))));
-}), { validate: validateTimePicker });
-//# sourceMappingURL=TimePicker.js.map