@skbkontur/react-ui 6.0.7-eab55.0 → 6.0.8
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.
- package/CHANGELOG.md +26 -0
- package/components/Autocomplete/Autocomplete.js +4 -15
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Calendar/Calendar.d.ts +14 -14
- package/components/Calendar/Calendar.js +2 -2
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarDay.d.ts +2 -2
- package/components/Calendar/CalendarDay.js +1 -4
- package/components/Calendar/CalendarDay.js.map +1 -1
- package/components/Calendar/DayCellView.styles.d.ts +0 -1
- package/components/Calendar/DayCellView.styles.js +3 -6
- package/components/Calendar/DayCellView.styles.js.map +1 -1
- package/components/Center/Center.d.ts +3 -3
- package/components/Center/Center.js +2 -2
- package/components/Center/Center.js.map +1 -1
- package/components/Checkbox/Checkbox.d.ts +11 -14
- package/components/Checkbox/Checkbox.js +3 -6
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/ComboBox/ComboBox.d.ts +3 -3
- package/components/ComboBox/ComboBox.js.map +1 -1
- package/components/DateInput/DateInput.d.ts +15 -15
- package/components/DateInput/DateInput.js +1 -1
- package/components/DateInput/DateInput.js.map +1 -1
- package/components/DatePicker/DatePicker.d.ts +14 -16
- package/components/DatePicker/DatePicker.js +4 -5
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/DatePicker/MobilePicker.js +1 -1
- package/components/DatePicker/MobilePicker.js.map +1 -1
- package/components/DateRangePicker/DateRangePicker.d.ts +4 -3
- package/components/DateRangePicker/DateRangePicker.js +6 -4
- package/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/components/DateRangePicker/DateRangePickerInput.js +9 -6
- package/components/DateRangePicker/DateRangePickerInput.js.map +1 -1
- package/components/Dropdown/Dropdown.d.ts +8 -15
- package/components/Dropdown/Dropdown.js +1 -8
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/DropdownMenu/DropdownMenu.d.ts +2 -1
- package/components/DropdownMenu/DropdownMenu.js +2 -1
- package/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/components/FileUploader/FileUploader.d.ts +4 -6
- package/components/FileUploader/FileUploader.js +1 -3
- package/components/FileUploader/FileUploader.js.map +1 -1
- package/components/FileUploader/FileUploaderFile.d.ts +3 -3
- package/components/FileUploader/FileUploaderFile.js +1 -1
- package/components/FileUploader/FileUploaderFile.js.map +1 -1
- package/components/Hint/Hint.js +10 -3
- package/components/Hint/Hint.js.map +1 -1
- package/components/Input/Input.d.ts +2 -2
- package/components/Input/Input.js.map +1 -1
- package/components/Loader/Loader.d.ts +4 -12
- package/components/Loader/Loader.js +7 -18
- package/components/Loader/Loader.js.map +1 -1
- package/components/MenuFooter/MenuFooter.d.ts +1 -1
- package/components/MenuFooter/MenuFooter.js +1 -1
- package/components/MenuFooter/MenuFooter.js.map +1 -1
- package/components/MenuHeader/MenuHeader.d.ts +2 -2
- package/components/MenuHeader/MenuHeader.js +1 -1
- package/components/MenuHeader/MenuHeader.js.map +1 -1
- package/components/MenuItem/MenuItem.d.ts +1 -1
- package/components/MenuItem/MenuItem.js +16 -24
- package/components/MenuItem/MenuItem.js.map +1 -1
- package/components/MenuItem/MenuItem.styles.d.ts +0 -3
- package/components/MenuItem/MenuItem.styles.js +16 -25
- package/components/MenuItem/MenuItem.styles.js.map +1 -1
- package/components/MenuSeparator/MenuSeparator.d.ts +1 -1
- package/components/MenuSeparator/MenuSeparator.js +1 -1
- package/components/MenuSeparator/MenuSeparator.js.map +1 -1
- package/components/MiniModal/MiniModal.d.ts +1 -1
- package/components/MiniModal/MiniModal.js +1 -1
- package/components/MiniModal/MiniModal.js.map +1 -1
- package/components/MiniModal/MiniModalBody.d.ts +1 -1
- package/components/MiniModal/MiniModalBody.js +1 -1
- package/components/MiniModal/MiniModalBody.js.map +1 -1
- package/components/MiniModal/MiniModalFooter.d.ts +1 -1
- package/components/MiniModal/MiniModalFooter.js +1 -1
- package/components/MiniModal/MiniModalFooter.js.map +1 -1
- package/components/MiniModal/MiniModalHeader.d.ts +1 -1
- package/components/MiniModal/MiniModalHeader.js +1 -1
- package/components/MiniModal/MiniModalHeader.js.map +1 -1
- package/components/Paging/Paging.d.ts +2 -2
- package/components/Paging/Paging.js.map +1 -1
- package/components/Radio/Radio.d.ts +7 -7
- package/components/Radio/Radio.js.map +1 -1
- package/components/RadioGroup/RadioGroup.d.ts +2 -2
- package/components/RadioGroup/RadioGroup.js.map +1 -1
- package/components/Select/Select.d.ts +4 -4
- package/components/Select/Select.js +1 -11
- package/components/Select/Select.js.map +1 -1
- package/components/SingleToast/SingleToast.d.ts +7 -10
- package/components/SingleToast/SingleToast.js +7 -10
- package/components/SingleToast/SingleToast.js.map +1 -1
- package/components/Spinner/Spinner.d.ts +33 -23
- package/components/Spinner/Spinner.js +19 -23
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/Spinner/Spinner.styles.d.ts +3 -0
- package/components/Spinner/Spinner.styles.js +15 -6
- package/components/Spinner/Spinner.styles.js.map +1 -1
- package/components/Sticky/Sticky.d.ts +0 -4
- package/components/Sticky/Sticky.js +0 -4
- package/components/Sticky/Sticky.js.map +1 -1
- package/components/Switcher/Switcher.d.ts +8 -10
- package/components/Switcher/Switcher.js +1 -3
- package/components/Switcher/Switcher.js.map +1 -1
- package/components/Textarea/Textarea.js +1 -1
- package/components/Textarea/Textarea.js.map +1 -1
- package/components/Textarea/Textarea.styles.d.ts +0 -1
- package/components/Textarea/Textarea.styles.js +4 -7
- package/components/Textarea/Textarea.styles.js.map +1 -1
- package/components/Textarea/TextareaCounter.d.ts +0 -2
- package/components/Textarea/TextareaCounter.js +4 -22
- package/components/Textarea/TextareaCounter.js.map +1 -1
- package/components/Toast/Toast.d.ts +14 -13
- package/components/Toast/Toast.js +3 -3
- package/components/Toast/Toast.js.map +1 -1
- package/components/Toast/ToastView.d.ts +5 -8
- package/components/Toast/ToastView.js +8 -28
- package/components/Toast/ToastView.js.map +1 -1
- package/components/Toast/ToastView.styles.d.ts +0 -7
- package/components/Toast/ToastView.styles.js +8 -30
- package/components/Toast/ToastView.styles.js.map +1 -1
- package/components/Tooltip/Tooltip.d.ts +4 -4
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/index.js.map +1 -1
- package/internal/CloseButtonIcon/CloseButtonIcon.js +1 -1
- package/internal/CloseButtonIcon/CloseButtonIcon.js.map +1 -1
- package/internal/CommonWrapper/CommonWrapper.js +0 -5
- package/internal/CommonWrapper/CommonWrapper.js.map +1 -1
- package/internal/CustomComboBox/ComboBoxMenu.js +1 -1
- package/internal/CustomComboBox/ComboBoxMenu.js.map +1 -1
- package/internal/CustomComboBox/ComboBoxView.js +2 -13
- package/internal/CustomComboBox/ComboBoxView.js.map +1 -1
- package/internal/Menu/Menu.js +0 -3
- package/internal/Menu/Menu.js.map +1 -1
- package/internal/Menu/Menu.styles.d.ts +0 -1
- package/internal/Menu/Menu.styles.js +10 -13
- package/internal/Menu/Menu.styles.js.map +1 -1
- package/internal/MenuMessage/MenuMessage.js +1 -17
- package/internal/MenuMessage/MenuMessage.js.map +1 -1
- package/internal/MenuMessage/MenuMessage.styles.d.ts +0 -3
- package/internal/MenuMessage/MenuMessage.styles.js +4 -13
- package/internal/MenuMessage/MenuMessage.styles.js.map +1 -1
- package/internal/MobilePopup/MobilePopup.d.ts +0 -8
- package/internal/MobilePopup/MobilePopup.js +11 -34
- package/internal/MobilePopup/MobilePopup.js.map +1 -1
- package/internal/MobilePopup/MobilePopup.styles.d.ts +0 -7
- package/internal/MobilePopup/MobilePopup.styles.js +10 -34
- package/internal/MobilePopup/MobilePopup.styles.js.map +1 -1
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts +1 -8
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js +1 -18
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map +1 -1
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts +0 -3
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js +4 -14
- package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map +1 -1
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts +0 -4
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js +11 -48
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map +1 -1
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts +0 -6
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js +8 -28
- package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map +1 -1
- package/internal/Popup/Popup.d.ts +4 -6
- package/internal/Popup/Popup.js +13 -38
- package/internal/Popup/Popup.js.map +1 -1
- package/internal/Popup/PopupHelper.d.ts +4 -0
- package/internal/Popup/PopupHelper.js +31 -0
- package/internal/Popup/PopupHelper.js.map +1 -1
- package/internal/PopupMenu/PopupMenu.d.ts +2 -1
- package/internal/PopupMenu/PopupMenu.js +21 -18
- package/internal/PopupMenu/PopupMenu.js.map +1 -1
- package/internal/SpinnerIcon/SpinnerIcon.d.ts +3 -3
- package/internal/SpinnerIcon/SpinnerIcon.js +4 -4
- package/internal/SpinnerIcon/SpinnerIcon.js.map +1 -1
- package/internal/icons2022/LoadingIcon.js +1 -1
- package/internal/icons2022/LoadingIcon.js.map +1 -1
- package/internal/themes/BasicTheme.d.ts +4 -51
- package/internal/themes/BasicTheme.js +6 -173
- package/internal/themes/BasicTheme.js.map +1 -1
- package/lib/getMenuPositions.js +11 -11
- package/lib/getMenuPositions.js.map +1 -1
- package/lib/theming/themes/DarkTheme.d.ts +0 -1
- package/lib/theming/themes/DarkTheme.js +1 -3
- package/lib/theming/themes/DarkTheme.js.map +1 -1
- package/lib/theming/themes/LightTheme.d.ts +0 -1
- package/lib/theming/themes/LightTheme.js +1 -3
- package/lib/theming/themes/LightTheme.js.map +1 -1
- package/package.json +1 -5
- package/components/TimePicker/TimeClockIcon.d.ts +0 -3
- package/components/TimePicker/TimeClockIcon.js +0 -11
- package/components/TimePicker/TimeClockIcon.js.map +0 -1
- package/components/TimePicker/TimeFragmentsView.d.ts +0 -15
- package/components/TimePicker/TimeFragmentsView.js +0 -72
- package/components/TimePicker/TimeFragmentsView.js.map +0 -1
- package/components/TimePicker/TimeFragmentsView.styles.d.ts +0 -12
- package/components/TimePicker/TimeFragmentsView.styles.js +0 -43
- package/components/TimePicker/TimeFragmentsView.styles.js.map +0 -1
- package/components/TimePicker/TimeInput.d.ts +0 -21
- package/components/TimePicker/TimeInput.js +0 -98
- package/components/TimePicker/TimeInput.js.map +0 -1
- package/components/TimePicker/TimePicker.d.ts +0 -59
- package/components/TimePicker/TimePicker.js +0 -478
- package/components/TimePicker/TimePicker.js.map +0 -1
- package/components/TimePicker/TimePicker.styles.d.ts +0 -11
- package/components/TimePicker/TimePicker.styles.js +0 -36
- package/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/components/TimePicker/TimePickerMobilePopup.d.ts +0 -31
- package/components/TimePicker/TimePickerMobilePopup.js +0 -21
- package/components/TimePicker/TimePickerMobilePopup.js.map +0 -1
- package/components/TimePicker/TimePickerPopup.d.ts +0 -19
- package/components/TimePicker/TimePickerPopup.js +0 -18
- package/components/TimePicker/TimePickerPopup.js.map +0 -1
- package/components/TimePicker/TimePickerSlots.d.ts +0 -16
- package/components/TimePicker/TimePickerSlots.js +0 -67
- package/components/TimePicker/TimePickerSlots.js.map +0 -1
- package/components/TimePicker/helpers/TimePicker.constants.d.ts +0 -18
- package/components/TimePicker/helpers/TimePicker.constants.js +0 -41
- package/components/TimePicker/helpers/TimePicker.constants.js.map +0 -1
- package/components/TimePicker/helpers/TimePicker.editing.d.ts +0 -6
- package/components/TimePicker/helpers/TimePicker.editing.js +0 -86
- package/components/TimePicker/helpers/TimePicker.editing.js.map +0 -1
- package/components/TimePicker/helpers/TimePicker.layout.d.ts +0 -7
- package/components/TimePicker/helpers/TimePicker.layout.js +0 -17
- package/components/TimePicker/helpers/TimePicker.layout.js.map +0 -1
- package/components/TimePicker/helpers/TimePicker.selection.d.ts +0 -7
- package/components/TimePicker/helpers/TimePicker.selection.js +0 -51
- package/components/TimePicker/helpers/TimePicker.selection.js.map +0 -1
- package/components/TimePicker/helpers/TimePicker.shared.d.ts +0 -23
- package/components/TimePicker/helpers/TimePicker.shared.js +0 -50
- package/components/TimePicker/helpers/TimePicker.shared.js.map +0 -1
- package/components/TimePicker/helpers/TimePicker.value.d.ts +0 -8
- package/components/TimePicker/helpers/TimePicker.value.js +0 -61
- package/components/TimePicker/helpers/TimePicker.value.js.map +0 -1
- package/components/TimePicker/helpers/scrollSelectedSlotIntoView.d.ts +0 -1
- package/components/TimePicker/helpers/scrollSelectedSlotIntoView.js +0 -21
- package/components/TimePicker/helpers/scrollSelectedSlotIntoView.js.map +0 -1
- package/components/TimePicker/hooks/useTimePickerDropdown.d.ts +0 -17
- package/components/TimePicker/hooks/useTimePickerDropdown.js +0 -62
- package/components/TimePicker/hooks/useTimePickerDropdown.js.map +0 -1
- package/components/TimePicker/hooks/useTimePickerSelection.d.ts +0 -15
- package/components/TimePicker/hooks/useTimePickerSelection.js +0 -43
- package/components/TimePicker/hooks/useTimePickerSelection.js.map +0 -1
- package/components/TimePicker/hooks/useTimePickerValue.d.ts +0 -18
- package/components/TimePicker/hooks/useTimePickerValue.js +0 -48
- package/components/TimePicker/hooks/useTimePickerValue.js.map +0 -1
- package/components/TimePicker/index.d.ts +0 -2
- package/components/TimePicker/index.js +0 -2
- package/components/TimePicker/index.js.map +0 -1
- package/internal/NativeTimeInput/NativeTimeInput.d.ts +0 -16
- package/internal/NativeTimeInput/NativeTimeInput.js +0 -25
- package/internal/NativeTimeInput/NativeTimeInput.js.map +0 -1
- package/internal/NativeTimeInput/NativeTimeInput.styles.d.ts +0 -3
- package/internal/NativeTimeInput/NativeTimeInput.styles.js +0 -15
- package/internal/NativeTimeInput/NativeTimeInput.styles.js.map +0 -1
- package/internal/NativeTimeInput/index.d.ts +0 -1
- package/internal/NativeTimeInput/index.js +0 -2
- package/internal/NativeTimeInput/index.js.map +0 -1
- package/internal/NativeTimeInput/utils.d.ts +0 -7
- package/internal/NativeTimeInput/utils.js +0 -28
- package/internal/NativeTimeInput/utils.js.map +0 -1
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Light.d.ts +0 -2
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Light.js +0 -21
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Light.js.map +0 -1
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon20Regular.d.ts +0 -2
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon20Regular.js +0 -21
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon20Regular.js.map +0 -1
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon24Regular.d.ts +0 -2
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon24Regular.js +0 -21
- package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon24Regular.js.map +0 -1
- package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.d.ts +0 -2
- package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js +0 -20
- package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js.map +0 -1
- package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.d.ts +0 -2
- package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js +0 -20
- package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js.map +0 -1
- package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.d.ts +0 -2
- package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js +0 -20
- package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js.map +0 -1
- package/internal/themes/DarkTheme6_1.d.ts +0 -1
- package/internal/themes/DarkTheme6_1.js +0 -164
- package/internal/themes/DarkTheme6_1.js.map +0 -1
- package/internal/themes/LightTheme6_1.d.ts +0 -1
- package/internal/themes/LightTheme6_1.js +0 -164
- package/internal/themes/LightTheme6_1.js.map +0 -1
|
@@ -1,478 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import React, { useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, } from 'react';
|
|
24
|
-
import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
|
|
25
|
-
import { NativeTimeInput } from '../../internal/NativeTimeInput/index.js';
|
|
26
|
-
import { isIOS, isMobile } from '../../lib/client.js';
|
|
27
|
-
import { isKeyArrowDown, isKeyArrowLeft, isKeyArrowRight, isKeyArrowUp, isKeyBackspace, isKeyChar, isKeyDelete, isKeyEnter, isKeySpace, isKeyTab, isModShift, isShortcutSelectAll, } from '../../lib/events/keyboard/identifiers.js';
|
|
28
|
-
import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
|
|
29
|
-
import { useStyles } from '../../lib/renderEnvironment/index.js';
|
|
30
|
-
import { ThemeContext } from '../../lib/theming/ThemeContext.js';
|
|
31
|
-
import { scrollSelectedSlotIntoView } from './helpers/scrollSelectedSlotIntoView.js';
|
|
32
|
-
import { DIGIT_REGEXP, EMPTY_VALUE } from './helpers/TimePicker.constants.js';
|
|
33
|
-
import { clearTimeSegment, commitTimeSegmentOnLeave, deleteTimeSegmentDigit, formatDigitToTimeSegment, shiftTimeSegmentValue, } from './helpers/TimePicker.editing.js';
|
|
34
|
-
import { DEFAULT_TIME_PICKER_SLOTS, getTimePickerPopupMaxHeight } from './helpers/TimePicker.layout.js';
|
|
35
|
-
import { getNextTimeSegment, getPreviousTimeSegment } from './helpers/TimePicker.selection.js';
|
|
36
|
-
import { getEmptyDisplayValue, isTimeDisplayEmpty, isTimeValueInRange, normalizeTimeValue, parsePastedTimeValue, } from './helpers/TimePicker.value.js';
|
|
37
|
-
import { useTimePickerDropdown } from './hooks/useTimePickerDropdown.js';
|
|
38
|
-
import { useTimePickerSelection } from './hooks/useTimePickerSelection.js';
|
|
39
|
-
import { useTimePickerValue } from './hooks/useTimePickerValue.js';
|
|
40
|
-
import { TimeInput } from './TimeInput.js';
|
|
41
|
-
import { getStyles } from './TimePicker.styles.js';
|
|
42
|
-
import { TimePickerMobilePopup } from './TimePickerMobilePopup.js';
|
|
43
|
-
import { TimePickerPopup } from './TimePickerPopup.js';
|
|
44
|
-
export var TimePickerDataTids = {
|
|
45
|
-
root: 'TimePicker__root',
|
|
46
|
-
input: 'TimePicker__input',
|
|
47
|
-
mobileInput: 'TimePicker__mobileInput',
|
|
48
|
-
nativeInput: 'TimePicker__nativeInput',
|
|
49
|
-
popup: 'TimePicker__popup',
|
|
50
|
-
mobilePopup: 'TimePicker__mobilePopup',
|
|
51
|
-
slot: 'TimePicker__slot',
|
|
52
|
-
};
|
|
53
|
-
/** Поле с временем помогает вводить время с клавиатуры или выбирать его с помощью мыши */
|
|
54
|
-
export var TimePicker = forwardRefAndName('TimePicker', function (props, ref) {
|
|
55
|
-
var disabled = props.disabled, _a = props.useMobileNativeTimePicker, useMobileNativeTimePicker = _a === void 0 ? false : _a, _b = props.dropdown, dropdown = _b === void 0 ? false : _b, _c = props.precision, precision = _c === void 0 ? 'minute' : _c, _d = props.size, size = _d === void 0 ? 'small' : _d, slots = props.slots, menuPos = props.menuPos, menuAlign = props.menuAlign, menuWidth = props.menuWidth, minValue = props.minValue, maxValue = props.maxValue, value = props.value, onValueChange = props.onValueChange, onFocus = props.onFocus, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, onPaste = props.onPaste, inputProps = __rest(props, ["disabled", "useMobileNativeTimePicker", "dropdown", "precision", "size", "slots", "menuPos", "menuAlign", "menuWidth", "minValue", "maxValue", "value", "onValueChange", "onFocus", "onBlur", "onClick", "onKeyDown", "onPaste"]);
|
|
56
|
-
var theme = useContext(ThemeContext);
|
|
57
|
-
var styles = useStyles(getStyles);
|
|
58
|
-
var _e = useState(false), isInputFocused = _e[0], setIsInputFocused = _e[1];
|
|
59
|
-
var inputRef = useRef(null);
|
|
60
|
-
var mobileInputRef = useRef(null);
|
|
61
|
-
var activeInputRef = useRef(null);
|
|
62
|
-
var nativeInputRef = useRef(null);
|
|
63
|
-
var rootRef = useRef(null);
|
|
64
|
-
var slotRefs = useRef(new Map());
|
|
65
|
-
var isMouseFocusRef = useRef(false);
|
|
66
|
-
var isMouseDownOnFragmentRef = useRef(false);
|
|
67
|
-
var mouseDownSegmentRef = useRef(null);
|
|
68
|
-
var _f = useState(false), isMobileDevice = _f[0], setIsMobileDevice = _f[1];
|
|
69
|
-
var _g = useState(false), canUseMobileNativeTimePicker = _g[0], setCanUseMobileNativeTimePicker = _g[1];
|
|
70
|
-
var _h = useTimePickerValue({ isInputFocused: isInputFocused, precision: precision, value: value, onValueChange: onValueChange }), editingValue = _h.editingValue, editingValueRef = _h.editingValueRef, setEditingValue = _h.setEditingValue, updateEditingValue = _h.updateEditingValue, commitEditingValue = _h.commitEditingValue, clearEditingValue = _h.clearEditingValue;
|
|
71
|
-
var resolvedSlots = useMemo(function () {
|
|
72
|
-
return (slots !== null && slots !== void 0 ? slots : DEFAULT_TIME_PICKER_SLOTS).map(function (slot) { return (__assign(__assign({}, slot), { disabled: Boolean(slot.disabled) || !isTimeValueInRange(slot.time, precision, minValue, maxValue) })); });
|
|
73
|
-
}, [maxValue, minValue, precision, slots]);
|
|
74
|
-
var popupMaxHeight = getTimePickerPopupMaxHeight(size, theme);
|
|
75
|
-
var normalizedValue = normalizeTimeValue(editingValue, precision);
|
|
76
|
-
var selectedSlotIndex = resolvedSlots.findIndex(function (slot) { return normalizeTimeValue(slot.time, precision) === normalizedValue; });
|
|
77
|
-
var canUseMobileDropdownTimePicker = dropdown && isMobileDevice && !canUseMobileNativeTimePicker;
|
|
78
|
-
var displayValue = editingValue;
|
|
79
|
-
if (isInputFocused) {
|
|
80
|
-
displayValue = editingValue === EMPTY_VALUE ? getEmptyDisplayValue(precision) : editingValue;
|
|
81
|
-
}
|
|
82
|
-
else if (isTimeDisplayEmpty(editingValue)) {
|
|
83
|
-
displayValue = EMPTY_VALUE;
|
|
84
|
-
}
|
|
85
|
-
var _j = useTimePickerSelection({
|
|
86
|
-
isInputFocused: isInputFocused,
|
|
87
|
-
precision: precision,
|
|
88
|
-
displayValue: displayValue,
|
|
89
|
-
inputRef: activeInputRef,
|
|
90
|
-
}), selectedSegment = _j.selectedSegment, selectSegment = _j.selectSegment;
|
|
91
|
-
var resetMouseInteractionState = useCallback(function () {
|
|
92
|
-
isMouseFocusRef.current = false;
|
|
93
|
-
isMouseDownOnFragmentRef.current = false;
|
|
94
|
-
mouseDownSegmentRef.current = null;
|
|
95
|
-
}, []);
|
|
96
|
-
var normalizeCurrentSegmentIfNeeded = useCallback(function (segment) {
|
|
97
|
-
var nextDisplayValue = commitTimeSegmentOnLeave(editingValue === EMPTY_VALUE ? getEmptyDisplayValue(precision) : editingValue, segment, precision);
|
|
98
|
-
updateEditingValue(nextDisplayValue);
|
|
99
|
-
}, [editingValue, precision, updateEditingValue]);
|
|
100
|
-
var openNativeTimePicker = useCallback(function () {
|
|
101
|
-
var _a, _b;
|
|
102
|
-
if (!canUseMobileNativeTimePicker || disabled) {
|
|
103
|
-
return;
|
|
104
|
-
}
|
|
105
|
-
if (isIOS) {
|
|
106
|
-
(_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
107
|
-
}
|
|
108
|
-
else {
|
|
109
|
-
(_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.click();
|
|
110
|
-
}
|
|
111
|
-
}, [canUseMobileNativeTimePicker, disabled]);
|
|
112
|
-
var _k = useTimePickerDropdown({
|
|
113
|
-
disabled: disabled,
|
|
114
|
-
dropdown: dropdown,
|
|
115
|
-
slots: resolvedSlots,
|
|
116
|
-
selectedSlotIndex: selectedSlotIndex >= 0 ? selectedSlotIndex : null,
|
|
117
|
-
}), isDropdownOpened = _k.isDropdownOpened, highlightedSlotIndex = _k.highlightedSlotIndex, openDropdown = _k.openDropdown, closeDropdown = _k.closeDropdown, resetHighlightedSlot = _k.resetHighlightedSlot, tryNavigateSlots = _k.tryNavigateSlots;
|
|
118
|
-
useEffect(function () {
|
|
119
|
-
activeInputRef.current =
|
|
120
|
-
canUseMobileDropdownTimePicker && isDropdownOpened ? mobileInputRef.current : inputRef.current;
|
|
121
|
-
}, [canUseMobileDropdownTimePicker, isDropdownOpened]);
|
|
122
|
-
var selectSlot = useCallback(function (slot) {
|
|
123
|
-
if (slot.disabled) {
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
var nextValue = normalizeTimeValue(slot.time, precision);
|
|
127
|
-
setEditingValue(nextValue);
|
|
128
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
|
|
129
|
-
if (canUseMobileDropdownTimePicker) {
|
|
130
|
-
setIsInputFocused(false);
|
|
131
|
-
resetMouseInteractionState();
|
|
132
|
-
}
|
|
133
|
-
closeDropdown();
|
|
134
|
-
}, [
|
|
135
|
-
canUseMobileDropdownTimePicker,
|
|
136
|
-
closeDropdown,
|
|
137
|
-
onValueChange,
|
|
138
|
-
precision,
|
|
139
|
-
resetMouseInteractionState,
|
|
140
|
-
setEditingValue,
|
|
141
|
-
]);
|
|
142
|
-
var isSelectHighlightedSlot = useCallback(function () {
|
|
143
|
-
if (highlightedSlotIndex === null) {
|
|
144
|
-
return false;
|
|
145
|
-
}
|
|
146
|
-
var slot = resolvedSlots[highlightedSlotIndex];
|
|
147
|
-
if (!slot || slot.disabled) {
|
|
148
|
-
return true;
|
|
149
|
-
}
|
|
150
|
-
selectSlot(slot);
|
|
151
|
-
return true;
|
|
152
|
-
}, [highlightedSlotIndex, resolvedSlots, selectSlot]);
|
|
153
|
-
var focusInput = useCallback(function () {
|
|
154
|
-
var _a;
|
|
155
|
-
(_a = activeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
156
|
-
}, []);
|
|
157
|
-
var blurInput = useCallback(function () {
|
|
158
|
-
var _a;
|
|
159
|
-
(_a = activeInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
160
|
-
}, []);
|
|
161
|
-
var blinkInput = useCallback(function () {
|
|
162
|
-
var _a;
|
|
163
|
-
(_a = activeInputRef.current) === null || _a === void 0 ? void 0 : _a.blink();
|
|
164
|
-
}, []);
|
|
165
|
-
useImperativeHandle(ref, function () { return ({
|
|
166
|
-
focus: focusInput,
|
|
167
|
-
blur: blurInput,
|
|
168
|
-
blink: blinkInput,
|
|
169
|
-
getNode: function () { var _a, _b; return (_b = (_a = activeInputRef.current) === null || _a === void 0 ? void 0 : _a.getNode()) !== null && _b !== void 0 ? _b : null; },
|
|
170
|
-
getRootNode: function () { return rootRef.current; },
|
|
171
|
-
}); }, [blinkInput, blurInput, focusInput]);
|
|
172
|
-
useLayoutEffect(function () {
|
|
173
|
-
if (!isDropdownOpened) {
|
|
174
|
-
return;
|
|
175
|
-
}
|
|
176
|
-
var selectedIndex = highlightedSlotIndex !== null && highlightedSlotIndex !== void 0 ? highlightedSlotIndex : selectedSlotIndex;
|
|
177
|
-
if (selectedIndex < 0) {
|
|
178
|
-
return;
|
|
179
|
-
}
|
|
180
|
-
var targetNode = slotRefs.current.get(selectedIndex);
|
|
181
|
-
if (targetNode) {
|
|
182
|
-
scrollSelectedSlotIntoView(targetNode);
|
|
183
|
-
}
|
|
184
|
-
}, [highlightedSlotIndex, isDropdownOpened, selectedSlotIndex]);
|
|
185
|
-
useEffect(function () {
|
|
186
|
-
setIsMobileDevice(Boolean(isMobile));
|
|
187
|
-
setCanUseMobileNativeTimePicker(useMobileNativeTimePicker && Boolean(isMobile));
|
|
188
|
-
}, [useMobileNativeTimePicker]);
|
|
189
|
-
var handleCloseMobileDropdown = useCallback(function () {
|
|
190
|
-
setIsInputFocused(false);
|
|
191
|
-
resetMouseInteractionState();
|
|
192
|
-
if (isTimeDisplayEmpty(editingValueRef.current)) {
|
|
193
|
-
clearEditingValue();
|
|
194
|
-
}
|
|
195
|
-
else {
|
|
196
|
-
commitEditingValue();
|
|
197
|
-
}
|
|
198
|
-
closeDropdown();
|
|
199
|
-
}, [clearEditingValue, closeDropdown, commitEditingValue, editingValueRef, resetMouseInteractionState]);
|
|
200
|
-
var handleFocusBySource = function (event, isMobilePopupInput) {
|
|
201
|
-
if (canUseMobileNativeTimePicker) {
|
|
202
|
-
openNativeTimePicker();
|
|
203
|
-
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
204
|
-
return;
|
|
205
|
-
}
|
|
206
|
-
if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
|
|
207
|
-
openDropdown();
|
|
208
|
-
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
209
|
-
return;
|
|
210
|
-
}
|
|
211
|
-
setIsInputFocused(true);
|
|
212
|
-
openDropdown();
|
|
213
|
-
if (isMouseDownOnFragmentRef.current && !isInputFocused) {
|
|
214
|
-
if (isTimeDisplayEmpty(editingValueRef.current)) {
|
|
215
|
-
selectSegment('hours');
|
|
216
|
-
}
|
|
217
|
-
else if (mouseDownSegmentRef.current) {
|
|
218
|
-
selectSegment(mouseDownSegmentRef.current);
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
else {
|
|
222
|
-
selectSegment('hours');
|
|
223
|
-
}
|
|
224
|
-
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
225
|
-
};
|
|
226
|
-
var handleFocus = function (event) { return handleFocusBySource(event, false); };
|
|
227
|
-
var handleMobileFocus = function (event) { return handleFocusBySource(event, true); };
|
|
228
|
-
var handleBlurBySource = function (event, isMobilePopupInput) {
|
|
229
|
-
if (canUseMobileNativeTimePicker) {
|
|
230
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
231
|
-
return;
|
|
232
|
-
}
|
|
233
|
-
if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
|
|
234
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
235
|
-
return;
|
|
236
|
-
}
|
|
237
|
-
setIsInputFocused(false);
|
|
238
|
-
resetMouseInteractionState();
|
|
239
|
-
if (isMobilePopupInput) {
|
|
240
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
241
|
-
return;
|
|
242
|
-
}
|
|
243
|
-
closeDropdown();
|
|
244
|
-
if (isTimeDisplayEmpty(editingValueRef.current)) {
|
|
245
|
-
clearEditingValue();
|
|
246
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
247
|
-
return;
|
|
248
|
-
}
|
|
249
|
-
commitEditingValue();
|
|
250
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
251
|
-
};
|
|
252
|
-
var handleBlur = function (event) { return handleBlurBySource(event, false); };
|
|
253
|
-
var handleMobileBlur = function (event) { return handleBlurBySource(event, true); };
|
|
254
|
-
var handleClickBySource = function (event, isMobilePopupInput) {
|
|
255
|
-
if (canUseMobileNativeTimePicker) {
|
|
256
|
-
openNativeTimePicker();
|
|
257
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
258
|
-
return;
|
|
259
|
-
}
|
|
260
|
-
if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
|
|
261
|
-
openDropdown();
|
|
262
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
263
|
-
return;
|
|
264
|
-
}
|
|
265
|
-
openDropdown();
|
|
266
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
267
|
-
};
|
|
268
|
-
var handleClick = function (event) { return handleClickBySource(event, false); };
|
|
269
|
-
var handleMobileClick = function (event) { return handleClickBySource(event, true); };
|
|
270
|
-
var handleMouseDownCaptureBySource = function (event, isMobilePopupInput) {
|
|
271
|
-
var _a, _b;
|
|
272
|
-
if (canUseMobileNativeTimePicker || (canUseMobileDropdownTimePicker && !isMobilePopupInput)) {
|
|
273
|
-
return;
|
|
274
|
-
}
|
|
275
|
-
var currentInputRef = isMobilePopupInput ? mobileInputRef : inputRef;
|
|
276
|
-
var segment = (_b = (_a = currentInputRef.current) === null || _a === void 0 ? void 0 : _a.getSegment(event.target)) !== null && _b !== void 0 ? _b : null;
|
|
277
|
-
var isFragment = segment !== null;
|
|
278
|
-
if (isInputFocused && !isFragment) {
|
|
279
|
-
event.preventDefault();
|
|
280
|
-
}
|
|
281
|
-
isMouseFocusRef.current = !isInputFocused;
|
|
282
|
-
isMouseDownOnFragmentRef.current = isFragment;
|
|
283
|
-
mouseDownSegmentRef.current = segment;
|
|
284
|
-
};
|
|
285
|
-
var handleMouseDownCapture = function (event) {
|
|
286
|
-
return handleMouseDownCaptureBySource(event, false);
|
|
287
|
-
};
|
|
288
|
-
var handleMobileMouseDownCapture = function (event) {
|
|
289
|
-
return handleMouseDownCaptureBySource(event, true);
|
|
290
|
-
};
|
|
291
|
-
var handleSelectSegmentByMouseBySource = function (segment, isMobilePopupInput) {
|
|
292
|
-
if (canUseMobileNativeTimePicker) {
|
|
293
|
-
openNativeTimePicker();
|
|
294
|
-
return;
|
|
295
|
-
}
|
|
296
|
-
if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
|
|
297
|
-
openDropdown();
|
|
298
|
-
return;
|
|
299
|
-
}
|
|
300
|
-
openDropdown();
|
|
301
|
-
if (disabled) {
|
|
302
|
-
return;
|
|
303
|
-
}
|
|
304
|
-
if (!(isMouseFocusRef.current && isTimeDisplayEmpty(editingValueRef.current)) && selectedSegment !== segment) {
|
|
305
|
-
normalizeCurrentSegmentIfNeeded(selectedSegment);
|
|
306
|
-
selectSegment(segment);
|
|
307
|
-
}
|
|
308
|
-
resetMouseInteractionState();
|
|
309
|
-
};
|
|
310
|
-
var handleSelectSegmentByMouse = function (segment) { return handleSelectSegmentByMouseBySource(segment, false); };
|
|
311
|
-
var handleMobileSelectSegmentByMouse = function (segment) { return handleSelectSegmentByMouseBySource(segment, true); };
|
|
312
|
-
var handleKeyDownBySource = function (event, isMobilePopupInput) {
|
|
313
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
314
|
-
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
315
|
-
if (event.defaultPrevented || disabled) {
|
|
316
|
-
return;
|
|
317
|
-
}
|
|
318
|
-
if (canUseMobileNativeTimePicker) {
|
|
319
|
-
openNativeTimePicker();
|
|
320
|
-
return;
|
|
321
|
-
}
|
|
322
|
-
if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {
|
|
323
|
-
openDropdown();
|
|
324
|
-
return;
|
|
325
|
-
}
|
|
326
|
-
if (isShortcutSelectAll(event)) {
|
|
327
|
-
event.preventDefault();
|
|
328
|
-
(_a = activeInputRef.current) === null || _a === void 0 ? void 0 : _a.selectAll();
|
|
329
|
-
return;
|
|
330
|
-
}
|
|
331
|
-
if (event.altKey || event.ctrlKey || event.metaKey) {
|
|
332
|
-
return;
|
|
333
|
-
}
|
|
334
|
-
var currentDisplayValue = displayValue;
|
|
335
|
-
var currentSegment = selectedSegment;
|
|
336
|
-
var isAllSelected = (_c = (_b = activeInputRef.current) === null || _b === void 0 ? void 0 : _b.isAllSelected()) !== null && _c !== void 0 ? _c : false;
|
|
337
|
-
if (isAllSelected && (isKeyBackspace(event) || isKeyDelete(event))) {
|
|
338
|
-
event.preventDefault();
|
|
339
|
-
updateEditingValue(getEmptyDisplayValue(precision));
|
|
340
|
-
selectSegment('hours');
|
|
341
|
-
return;
|
|
342
|
-
}
|
|
343
|
-
if (DIGIT_REGEXP.test(event.key)) {
|
|
344
|
-
event.preventDefault();
|
|
345
|
-
resetHighlightedSlot();
|
|
346
|
-
var result = formatDigitToTimeSegment(currentDisplayValue, currentSegment, event.key, precision);
|
|
347
|
-
if (result.shouldBlink) {
|
|
348
|
-
(_d = activeInputRef.current) === null || _d === void 0 ? void 0 : _d.blink();
|
|
349
|
-
return;
|
|
350
|
-
}
|
|
351
|
-
updateEditingValue(result.nextValue);
|
|
352
|
-
selectSegment(result.selectedSegment);
|
|
353
|
-
return;
|
|
354
|
-
}
|
|
355
|
-
if (isKeyArrowLeft(event)) {
|
|
356
|
-
event.preventDefault();
|
|
357
|
-
normalizeCurrentSegmentIfNeeded(currentSegment);
|
|
358
|
-
selectSegment((_e = getPreviousTimeSegment(currentSegment)) !== null && _e !== void 0 ? _e : currentSegment);
|
|
359
|
-
return;
|
|
360
|
-
}
|
|
361
|
-
if (isModShift(isKeyTab)(event)) {
|
|
362
|
-
var previousSegment = getPreviousTimeSegment(currentSegment);
|
|
363
|
-
if (previousSegment) {
|
|
364
|
-
event.preventDefault();
|
|
365
|
-
normalizeCurrentSegmentIfNeeded(currentSegment);
|
|
366
|
-
selectSegment(previousSegment);
|
|
367
|
-
}
|
|
368
|
-
return;
|
|
369
|
-
}
|
|
370
|
-
if (isKeyArrowRight(event)) {
|
|
371
|
-
event.preventDefault();
|
|
372
|
-
normalizeCurrentSegmentIfNeeded(currentSegment);
|
|
373
|
-
selectSegment((_f = getNextTimeSegment(currentSegment, precision)) !== null && _f !== void 0 ? _f : currentSegment);
|
|
374
|
-
return;
|
|
375
|
-
}
|
|
376
|
-
if (isKeyTab(event)) {
|
|
377
|
-
var nextSegment = getNextTimeSegment(currentSegment, precision);
|
|
378
|
-
if (nextSegment) {
|
|
379
|
-
event.preventDefault();
|
|
380
|
-
normalizeCurrentSegmentIfNeeded(currentSegment);
|
|
381
|
-
selectSegment(nextSegment);
|
|
382
|
-
}
|
|
383
|
-
return;
|
|
384
|
-
}
|
|
385
|
-
if (isKeyArrowUp(event) || isKeyArrowDown(event)) {
|
|
386
|
-
event.preventDefault();
|
|
387
|
-
var slotStep = isKeyArrowUp(event) ? -1 : 1;
|
|
388
|
-
if (tryNavigateSlots(slotStep)) {
|
|
389
|
-
return;
|
|
390
|
-
}
|
|
391
|
-
var step = isKeyArrowUp(event) ? 1 : -1;
|
|
392
|
-
updateEditingValue(shiftTimeSegmentValue(currentDisplayValue, currentSegment, step, precision));
|
|
393
|
-
selectSegment(currentSegment);
|
|
394
|
-
return;
|
|
395
|
-
}
|
|
396
|
-
if (isKeyBackspace(event)) {
|
|
397
|
-
event.preventDefault();
|
|
398
|
-
var nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, currentSegment, precision);
|
|
399
|
-
var nextSegment = currentSegment;
|
|
400
|
-
if (nextDisplayValue === currentDisplayValue) {
|
|
401
|
-
var previousSegment = getPreviousTimeSegment(currentSegment);
|
|
402
|
-
if (previousSegment) {
|
|
403
|
-
nextSegment = previousSegment;
|
|
404
|
-
nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, previousSegment, precision);
|
|
405
|
-
}
|
|
406
|
-
}
|
|
407
|
-
updateEditingValue(nextDisplayValue);
|
|
408
|
-
selectSegment(nextSegment);
|
|
409
|
-
return;
|
|
410
|
-
}
|
|
411
|
-
if (isKeyDelete(event)) {
|
|
412
|
-
event.preventDefault();
|
|
413
|
-
updateEditingValue(clearTimeSegment(currentDisplayValue, currentSegment, precision));
|
|
414
|
-
selectSegment(currentSegment);
|
|
415
|
-
return;
|
|
416
|
-
}
|
|
417
|
-
if (isKeyEnter(event)) {
|
|
418
|
-
if (isSelectHighlightedSlot()) {
|
|
419
|
-
event.preventDefault();
|
|
420
|
-
}
|
|
421
|
-
return;
|
|
422
|
-
}
|
|
423
|
-
if (isKeySpace(event)) {
|
|
424
|
-
event.preventDefault();
|
|
425
|
-
var nextSegment = getNextTimeSegment(currentSegment, precision);
|
|
426
|
-
var nextDisplayValue = commitTimeSegmentOnLeave(currentDisplayValue, currentSegment, precision);
|
|
427
|
-
updateEditingValue(nextDisplayValue);
|
|
428
|
-
if (nextSegment) {
|
|
429
|
-
selectSegment(nextSegment);
|
|
430
|
-
}
|
|
431
|
-
else {
|
|
432
|
-
selectSegment(currentSegment);
|
|
433
|
-
}
|
|
434
|
-
return;
|
|
435
|
-
}
|
|
436
|
-
if (isKeyChar(event)) {
|
|
437
|
-
(_g = activeInputRef.current) === null || _g === void 0 ? void 0 : _g.blink();
|
|
438
|
-
}
|
|
439
|
-
};
|
|
440
|
-
var handleKeyDown = function (event) { return handleKeyDownBySource(event, false); };
|
|
441
|
-
var handleMobileKeyDown = function (event) { return handleKeyDownBySource(event, true); };
|
|
442
|
-
var handlePasteBySource = function (event, isMobilePopupInput) {
|
|
443
|
-
var _a, _b;
|
|
444
|
-
onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
|
|
445
|
-
if (event.defaultPrevented || disabled) {
|
|
446
|
-
return;
|
|
447
|
-
}
|
|
448
|
-
if (canUseMobileNativeTimePicker || (canUseMobileDropdownTimePicker && !isMobilePopupInput)) {
|
|
449
|
-
return;
|
|
450
|
-
}
|
|
451
|
-
var pastedValue = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text');
|
|
452
|
-
var nextDisplayValue = parsePastedTimeValue(pastedValue, precision);
|
|
453
|
-
event.preventDefault();
|
|
454
|
-
if (isTimeDisplayEmpty(nextDisplayValue)) {
|
|
455
|
-
(_b = activeInputRef.current) === null || _b === void 0 ? void 0 : _b.blink();
|
|
456
|
-
return;
|
|
457
|
-
}
|
|
458
|
-
updateEditingValue(nextDisplayValue);
|
|
459
|
-
selectSegment('hours');
|
|
460
|
-
};
|
|
461
|
-
var handlePaste = function (event) { return handlePasteBySource(event, false); };
|
|
462
|
-
var handleMobilePaste = function (event) { return handlePasteBySource(event, true); };
|
|
463
|
-
var handleNativeValueChange = useCallback(function (nextValue) {
|
|
464
|
-
setEditingValue(nextValue);
|
|
465
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
|
|
466
|
-
}, [onValueChange, setEditingValue]);
|
|
467
|
-
return (React.createElement(CommonWrapper, __assign({}, props),
|
|
468
|
-
React.createElement("span", { ref: rootRef, className: styles.root(), "data-tid": TimePickerDataTids.root },
|
|
469
|
-
React.createElement(TimeInput, __assign({}, inputProps, { "data-tid": TimePickerDataTids.input, ref: inputRef, disabled: disabled, dropdown: dropdown, size: size, precision: precision, value: displayValue, onClick: handleClick, onBlur: handleBlur, onFocus: handleFocus, onMouseDownCapture: handleMouseDownCapture, onKeyDown: handleKeyDown, onSelectSegment: handleSelectSegmentByMouse, onPaste: handlePaste })),
|
|
470
|
-
canUseMobileNativeTimePicker && (React.createElement(NativeTimeInput, { "data-tid": TimePickerDataTids.nativeInput, disabled: disabled, ref: nativeInputRef, precision: precision, minValue: minValue, maxValue: maxValue, value: editingValue, onValueChange: handleNativeValueChange })),
|
|
471
|
-
canUseMobileDropdownTimePicker && isDropdownOpened && (React.createElement(TimePickerMobilePopup, { opened: isDropdownOpened, value: displayValue, inputRef: mobileInputRef, disabled: disabled, precision: precision, size: size, resolvedSlots: resolvedSlots, highlightedSlotIndex: highlightedSlotIndex, normalizedValue: normalizedValue, slotRefs: slotRefs, error: props.error, warning: props.warning, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], onFocus: handleMobileFocus, onBlur: handleMobileBlur, onClick: handleMobileClick, onKeyDown: handleMobileKeyDown, onMouseDownCapture: handleMobileMouseDownCapture, onPaste: handleMobilePaste, onSelectSegment: handleMobileSelectSegmentByMouse, onSelectSlot: selectSlot, onCloseRequest: handleCloseMobileDropdown })),
|
|
472
|
-
dropdown &&
|
|
473
|
-
!canUseMobileNativeTimePicker &&
|
|
474
|
-
!canUseMobileDropdownTimePicker &&
|
|
475
|
-
isDropdownOpened &&
|
|
476
|
-
rootRef.current && (React.createElement(TimePickerPopup, { anchorElement: rootRef.current, menuPos: menuPos, menuAlign: menuAlign, menuWidth: menuWidth, popupMaxHeight: popupMaxHeight, precision: precision, size: size, resolvedSlots: resolvedSlots, highlightedSlotIndex: highlightedSlotIndex, normalizedValue: normalizedValue, slotRefs: slotRefs, onSelectSlot: selectSlot })))));
|
|
477
|
-
});
|
|
478
|
-
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../components/TimePicker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,EACf,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACV,mBAAmB,GACpB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAE/F,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAiEvD,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,yBAAyB;IACtC,WAAW,EAAE,yBAAyB;IACtC,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,yBAAyB;IACtC,IAAI,EAAE,kBAAkB;CAChB,CAAC;AAEX,0FAA0F;AAC1F,MAAM,CAAC,IAAM,UAAU,GAAG,iBAAiB,CAAiC,YAAY,EAAE,UAAC,KAAK,EAAE,GAAG;IAEjG,IAAA,QAAQ,GAmBN,KAAK,SAnBC,EACR,KAkBE,KAAK,0BAlB0B,EAAjC,yBAAyB,mBAAG,KAAK,KAAA,EACjC,KAiBE,KAAK,SAjBS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAgBE,KAAK,UAhBa,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,KAeE,KAAK,KAfO,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,KAAK,GAcH,KAAK,MAdF,EACL,OAAO,GAaL,KAAK,QAbA,EACP,SAAS,GAYP,KAAK,UAZE,EACT,SAAS,GAWP,KAAK,UAXE,EACT,QAAQ,GAUN,KAAK,SAVC,EACR,QAAQ,GASN,KAAK,SATC,EACR,KAAK,GAQH,KAAK,MARF,EACL,aAAa,GAOX,KAAK,cAPM,EACb,OAAO,GAML,KAAK,QANA,EACP,MAAM,GAKJ,KAAK,OALD,EACN,OAAO,GAIL,KAAK,QAJA,EACP,SAAS,GAGP,KAAK,UAHE,EACT,OAAO,GAEL,KAAK,QAFA,EACJ,UAAU,UACX,KAAK,EApBH,kOAoBL,CADc,CACL;IAEV,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAE9B,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IAE5D,IAAM,QAAQ,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAC5C,IAAM,cAAc,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAClD,IAAM,cAAc,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAClD,IAAM,cAAc,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACxD,IAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC9C,IAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,GAAG,EAA2B,CAAC,CAAC;IAC5D,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,IAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAM,mBAAmB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEvD,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IACtD,IAAA,KAAkE,QAAQ,CAAC,KAAK,CAAC,EAAhF,4BAA4B,QAAA,EAAE,+BAA+B,QAAmB,CAAC;IAElF,IAAA,KACJ,kBAAkB,CAAC,EAAE,cAAc,gBAAA,EAAE,SAAS,WAAA,EAAE,KAAK,OAAA,EAAE,aAAa,eAAA,EAAE,CAAC,EADjE,YAAY,kBAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA,EAAE,kBAAkB,wBAAA,EAAE,kBAAkB,wBAAA,EAAE,iBAAiB,uBACxC,CAAC;IAE1E,IAAM,aAAa,GAAG,OAAO,CAC3B;QACE,OAAA,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,yBAAyB,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBAC9C,IAAI,KACP,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,IACjG,EAHiD,CAGjD,CAAC;IAHH,CAGG,EACL,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,CACvC,CAAC;IAEF,IAAM,cAAc,GAAG,2BAA2B,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAEhE,IAAM,eAAe,GAAG,kBAAkB,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAEpE,IAAM,iBAAiB,GAAG,aAAa,CAAC,SAAS,CAC/C,UAAC,IAAI,IAAK,OAAA,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,eAAe,EAA5D,CAA4D,CACvE,CAAC;IAEF,IAAM,8BAA8B,GAAG,QAAQ,IAAI,cAAc,IAAI,CAAC,4BAA4B,CAAC;IAEnG,IAAI,YAAY,GAAG,YAAY,CAAC;IAEhC,IAAI,cAAc,EAAE,CAAC;QACnB,YAAY,GAAG,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;IAC/F,CAAC;SAAM,IAAI,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC;QAC5C,YAAY,GAAG,WAAW,CAAC;IAC7B,CAAC;IAEK,IAAA,KAAqC,sBAAsB,CAAC;QAChE,cAAc,gBAAA;QACd,SAAS,WAAA;QACT,YAAY,cAAA;QACZ,QAAQ,EAAE,cAAc;KACzB,CAAC,EALM,eAAe,qBAAA,EAAE,aAAa,mBAKpC,CAAC;IAEH,IAAM,0BAA0B,GAAG,WAAW,CAAC;QAC7C,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;QACzC,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,+BAA+B,GAAG,WAAW,CACjD,UAAC,OAAoB;QACnB,IAAM,gBAAgB,GAAG,wBAAwB,CAC/C,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,EAC7E,OAAO,EACP,SAAS,CACV,CAAC;QAEF,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,YAAY,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAC9C,CAAC;IAEF,IAAM,oBAAoB,GAAG,WAAW,CAAC;;QACvC,IAAI,CAAC,4BAA4B,IAAI,QAAQ,EAAE,CAAC;YAC9C,OAAO;QACT,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvC,IAAA,KAOF,qBAAqB,CAAC;QACxB,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,KAAK,EAAE,aAAa;QACpB,iBAAiB,EAAE,iBAAiB,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI;KACrE,CAAC,EAXA,gBAAgB,sBAAA,EAChB,oBAAoB,0BAAA,EACpB,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,oBAAoB,0BAAA,EACpB,gBAAgB,sBAMhB,CAAC;IAEH,SAAS,CAAC;QACR,cAAc,CAAC,OAAO;YACpB,8BAA8B,IAAI,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;IACnG,CAAC,EAAE,CAAC,8BAA8B,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvD,IAAM,UAAU,GAAG,WAAW,CAC5B,UAAC,IAAc;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAE3D,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,SAAS,CAAC,CAAC;QAE3B,IAAI,8BAA8B,EAAE,CAAC;YACnC,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,0BAA0B,EAAE,CAAC;QAC/B,CAAC;QAED,aAAa,EAAE,CAAC;IAClB,CAAC,EACD;QACE,8BAA8B;QAC9B,aAAa;QACb,aAAa;QACb,SAAS;QACT,0BAA0B;QAC1B,eAAe;KAChB,CACF,CAAC;IAEF,IAAM,uBAAuB,GAAG,WAAW,CAAC;QAC1C,IAAI,oBAAoB,KAAK,IAAI,EAAE,CAAC;YAClC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAM,IAAI,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAEjD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,oBAAoB,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEtD,IAAM,UAAU,GAAG,WAAW,CAAC;;QAC7B,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,SAAS,GAAG,WAAW,CAAC;;QAC5B,MAAA,cAAc,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,UAAU,GAAG,WAAW,CAAC;;QAC7B,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,GAAG,EACH,cAAM,OAAA,CAAC;QACL,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,0BAAM,OAAA,MAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,OAAO,EAAE,mCAAI,IAAI,CAAA,EAAA;QACxD,WAAW,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,EAAf,CAAe;KACnC,CAAC,EANI,CAMJ,EACF,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CACpC,CAAC;IAEF,eAAe,CAAC;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAM,aAAa,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,iBAAiB,CAAC;QAEhE,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAEvD,IAAI,UAAU,EAAE,CAAC;YACf,0BAA0B,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEhE,SAAS,CAAC;QACR,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,+BAA+B,CAAC,yBAAyB,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAEhC,IAAM,yBAAyB,GAAG,WAAW,CAAC;QAC5C,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,0BAA0B,EAAE,CAAC;QAE7B,IAAI,kBAAkB,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;YAChD,iBAAiB,EAAE,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,iBAAiB,EAAE,aAAa,EAAE,kBAAkB,EAAE,eAAe,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAExG,IAAM,mBAAmB,GAAG,UAAC,KAAyC,EAAE,kBAA2B;QACjG,IAAI,4BAA4B,EAAE,CAAC;YACjC,oBAAoB,EAAE,CAAC;YACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,8BAA8B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1D,YAAY,EAAE,CAAC;YACf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,YAAY,EAAE,CAAC;QAEf,IAAI,wBAAwB,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YACxD,IAAI,kBAAkB,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;gBAChD,aAAa,CAAC,OAAO,CAAC,CAAC;YACzB,CAAC;iBAAM,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC;gBACvC,aAAa,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,OAAO,CAAC,CAAC;QACzB,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAyC,IAAK,OAAA,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAjC,CAAiC,CAAC;IAErG,IAAM,iBAAiB,GAAG,UAAC,KAAyC,IAAK,OAAA,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAhC,CAAgC,CAAC;IAE1G,IAAM,kBAAkB,GAAG,UAAC,KAAyC,EAAE,kBAA2B;QAChG,IAAI,4BAA4B,EAAE,CAAC;YACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAC;YAChB,OAAO;QACT,CAAC;QAED,IAAI,8BAA8B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAC;YAChB,OAAO;QACT,CAAC;QAED,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,0BAA0B,EAAE,CAAC;QAE7B,IAAI,kBAAkB,EAAE,CAAC;YACvB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAC;YAChB,OAAO;QACT,CAAC;QAED,aAAa,EAAE,CAAC;QAEhB,IAAI,kBAAkB,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;YAChD,iBAAiB,EAAE,CAAC;YACpB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAC;YAChB,OAAO;QACT,CAAC;QAED,kBAAkB,EAAE,CAAC;QACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,KAAyC,IAAK,OAAA,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAhC,CAAgC,CAAC;IAEnG,IAAM,gBAAgB,GAAG,UAAC,KAAyC,IAAK,OAAA,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,EAA/B,CAA+B,CAAC;IAExG,IAAM,mBAAmB,GAAG,UAAC,KAAyC,EAAE,kBAA2B;QACjG,IAAI,4BAA4B,EAAE,CAAC;YACjC,oBAAoB,EAAE,CAAC;YACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,8BAA8B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1D,YAAY,EAAE,CAAC;YACf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,YAAY,EAAE,CAAC;QAEf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAyC,IAAK,OAAA,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAjC,CAAiC,CAAC;IAErG,IAAM,iBAAiB,GAAG,UAAC,KAAyC,IAAK,OAAA,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAhC,CAAgC,CAAC;IAE1G,IAAM,8BAA8B,GAAG,UAAC,KAAyC,EAAE,kBAA2B;;QAC5G,IAAI,4BAA4B,IAAI,CAAC,8BAA8B,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;YAC5F,OAAO;QACT,CAAC;QAED,IAAM,eAAe,GAAG,kBAAkB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC;QACvE,IAAM,OAAO,GAAG,MAAA,MAAA,eAAe,CAAC,OAAO,0CAAE,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;QAC1E,IAAM,UAAU,GAAG,OAAO,KAAK,IAAI,CAAC;QAEpC,IAAI,cAAc,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;QAED,eAAe,CAAC,OAAO,GAAG,CAAC,cAAc,CAAC;QAC1C,wBAAwB,CAAC,OAAO,GAAG,UAAU,CAAC;QAC9C,mBAAmB,CAAC,OAAO,GAAG,OAAO,CAAC;IACxC,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,KAAyC;QACvE,OAAA,8BAA8B,CAAC,KAAK,EAAE,KAAK,CAAC;IAA5C,CAA4C,CAAC;IAE/C,IAAM,4BAA4B,GAAG,UAAC,KAAyC;QAC7E,OAAA,8BAA8B,CAAC,KAAK,EAAE,IAAI,CAAC;IAA3C,CAA2C,CAAC;IAE9C,IAAM,kCAAkC,GAAG,UAAC,OAAoB,EAAE,kBAA2B;QAC3F,IAAI,4BAA4B,EAAE,CAAC;YACjC,oBAAoB,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,8BAA8B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1D,YAAY,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,YAAY,EAAE,CAAC;QAEf,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,IAAI,CAAC,CAAC,eAAe,CAAC,OAAO,IAAI,kBAAkB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,eAAe,KAAK,OAAO,EAAE,CAAC;YAC7G,+BAA+B,CAAC,eAAe,CAAC,CAAC;YACjD,aAAa,CAAC,OAAO,CAAC,CAAC;QACzB,CAAC;QAED,0BAA0B,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,0BAA0B,GAAG,UAAC,OAAoB,IAAK,OAAA,kCAAkC,CAAC,OAAO,EAAE,KAAK,CAAC,EAAlD,CAAkD,CAAC;IAEhH,IAAM,gCAAgC,GAAG,UAAC,OAAoB,IAAK,OAAA,kCAAkC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAjD,CAAiD,CAAC;IAErH,IAAM,qBAAqB,GAAG,UAAC,KAA4C,EAAE,kBAA2B;;QACtG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;QAEnB,IAAI,KAAK,CAAC,gBAAgB,IAAI,QAAQ,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,IAAI,4BAA4B,EAAE,CAAC;YACjC,oBAAoB,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,8BAA8B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1D,YAAY,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAA,cAAc,CAAC,OAAO,0CAAE,SAAS,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACnD,OAAO;QACT,CAAC;QAED,IAAM,mBAAmB,GAAG,YAAY,CAAC;QACzC,IAAM,cAAc,GAAG,eAAe,CAAC;QACvC,IAAM,aAAa,GAAG,MAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,aAAa,EAAE,mCAAI,KAAK,CAAC;QAEvE,IAAI,aAAa,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YACnE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,kBAAkB,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC;YACpD,aAAa,CAAC,OAAO,CAAC,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,oBAAoB,EAAE,CAAC;YAEvB,IAAM,MAAM,GAAG,wBAAwB,CAAC,mBAAmB,EAAE,cAAc,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;YAEnG,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;gBACvB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAChC,OAAO;YACT,CAAC;YAED,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACrC,aAAa,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;YACtC,OAAO;QACT,CAAC;QAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,+BAA+B,CAAC,cAAc,CAAC,CAAC;YAChD,aAAa,CAAC,MAAA,sBAAsB,CAAC,cAAc,CAAC,mCAAI,cAAc,CAAC,CAAC;YACxE,OAAO;QACT,CAAC;QAED,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,IAAM,eAAe,GAAG,sBAAsB,CAAC,cAAc,CAAC,CAAC;YAE/D,IAAI,eAAe,EAAE,CAAC;gBACpB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,+BAA+B,CAAC,cAAc,CAAC,CAAC;gBAChD,aAAa,CAAC,eAAe,CAAC,CAAC;YACjC,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,+BAA+B,CAAC,cAAc,CAAC,CAAC;YAChD,aAAa,CAAC,MAAA,kBAAkB,CAAC,cAAc,EAAE,SAAS,CAAC,mCAAI,cAAc,CAAC,CAAC;YAC/E,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACpB,IAAM,WAAW,GAAG,kBAAkB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;YAElE,IAAI,WAAW,EAAE,CAAC;gBAChB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,+BAA+B,CAAC,cAAc,CAAC,CAAC;gBAChD,aAAa,CAAC,WAAW,CAAC,CAAC;YAC7B,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE9C,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC/B,OAAO;YACT,CAAC;YAED,IAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE1C,kBAAkB,CAAC,qBAAqB,CAAC,mBAAmB,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;YAChG,aAAa,CAAC,cAAc,CAAC,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,gBAAgB,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;YAC9F,IAAI,WAAW,GAAG,cAAc,CAAC;YAEjC,IAAI,gBAAgB,KAAK,mBAAmB,EAAE,CAAC;gBAC7C,IAAM,eAAe,GAAG,sBAAsB,CAAC,cAAc,CAAC,CAAC;gBAE/D,IAAI,eAAe,EAAE,CAAC;oBACpB,WAAW,GAAG,eAAe,CAAC;oBAC9B,gBAAgB,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC;gBAC7F,CAAC;YACH,CAAC;YAED,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;YACrC,aAAa,CAAC,WAAW,CAAC,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YACvB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,kBAAkB,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;YACrF,aAAa,CAAC,cAAc,CAAC,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACtB,IAAI,uBAAuB,EAAE,EAAE,CAAC;gBAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACtB,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAM,WAAW,GAAG,kBAAkB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;YAClE,IAAM,gBAAgB,GAAG,wBAAwB,CAAC,mBAAmB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;YAElG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;YAErC,IAAI,WAAW,EAAE,CAAC;gBAChB,aAAa,CAAC,WAAW,CAAC,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,cAAc,CAAC,CAAC;YAChC,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;YACrB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA4C,IAAK,OAAA,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAnC,CAAmC,CAAC;IAE5G,IAAM,mBAAmB,GAAG,UAAC,KAA4C,IAAK,OAAA,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAlC,CAAkC,CAAC;IAEjH,IAAM,mBAAmB,GAAG,UAAC,KAA6C,EAAE,kBAA2B;;QACrG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QAEjB,IAAI,KAAK,CAAC,gBAAgB,IAAI,QAAQ,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,IAAI,4BAA4B,IAAI,CAAC,8BAA8B,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;YAC5F,OAAO;QACT,CAAC;QAED,IAAM,WAAW,GAAG,MAAA,KAAK,CAAC,aAAa,0CAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACzD,IAAM,gBAAgB,GAAG,oBAAoB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAEtE,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACzC,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAChC,OAAO;QACT,CAAC;QAED,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QACrC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAA6C,IAAK,OAAA,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAjC,CAAiC,CAAC;IAEzG,IAAM,iBAAiB,GAAG,UAAC,KAA6C,IAAK,OAAA,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAhC,CAAgC,CAAC;IAE9G,IAAM,uBAAuB,GAAG,WAAW,CACzC,UAAC,SAAiB;QAChB,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,SAAS,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,eAAK,KAAK;QACtB,8BAAM,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,cAAY,kBAAkB,CAAC,IAAI;YAC7E,oBAAC,SAAS,eACJ,UAAU,gBACJ,kBAAkB,CAAC,KAAK,EAClC,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,kBAAkB,EAAE,sBAAsB,EAC1C,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,0BAA0B,EAC3C,OAAO,EAAE,WAAW,IACpB;YAED,4BAA4B,IAAI,CAC/B,oBAAC,eAAe,gBACJ,kBAAkB,CAAC,WAAW,EACxC,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,cAAc,EACnB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,uBAAuB,GACtC,CACH;YAEA,8BAA8B,IAAI,gBAAgB,IAAI,CACrD,oBAAC,qBAAqB,IACpB,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,sBACJ,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,EAC/B,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,mBAAmB,EAC9B,kBAAkB,EAAE,4BAA4B,EAChD,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EAAE,gCAAgC,EACjD,YAAY,EAAE,UAAU,EACxB,cAAc,EAAE,yBAAyB,GACzC,CACH;YAEA,QAAQ;gBACP,CAAC,4BAA4B;gBAC7B,CAAC,8BAA8B;gBAC/B,gBAAgB;gBAChB,OAAO,CAAC,OAAO,IAAI,CACjB,oBAAC,eAAe,IACd,aAAa,EAAE,OAAO,CAAC,OAAO,EAC9B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,UAAU,GACxB,CACH,CACE,CACO,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React, {\n useCallback,\n useContext,\n useEffect,\n useImperativeHandle,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { AriaAttributes } from 'react';\n\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { NativeTimeInput } from '../../internal/NativeTimeInput/index.js';\nimport type { NativeTimeInputRef } from '../../internal/NativeTimeInput/index.js';\nimport { isIOS, isMobile } from '../../lib/client.js';\nimport {\n isKeyArrowDown,\n isKeyArrowLeft,\n isKeyArrowRight,\n isKeyArrowUp,\n isKeyBackspace,\n isKeyChar,\n isKeyDelete,\n isKeyEnter,\n isKeySpace,\n isKeyTab,\n isModShift,\n isShortcutSelectAll,\n} from '../../lib/events/keyboard/identifiers.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { InputProps } from '../Input/index.js';\nimport { scrollSelectedSlotIntoView } from './helpers/scrollSelectedSlotIntoView.js';\nimport { DIGIT_REGEXP, EMPTY_VALUE } from './helpers/TimePicker.constants.js';\nimport {\n clearTimeSegment,\n commitTimeSegmentOnLeave,\n deleteTimeSegmentDigit,\n formatDigitToTimeSegment,\n shiftTimeSegmentValue,\n} from './helpers/TimePicker.editing.js';\nimport { DEFAULT_TIME_PICKER_SLOTS, getTimePickerPopupMaxHeight } from './helpers/TimePicker.layout.js';\nimport { getNextTimeSegment, getPreviousTimeSegment } from './helpers/TimePicker.selection.js';\nimport type { TimePrecision, TimeSegment, TimeSlot } from './helpers/TimePicker.shared.js';\nimport {\n getEmptyDisplayValue,\n isTimeDisplayEmpty,\n isTimeValueInRange,\n normalizeTimeValue,\n parsePastedTimeValue,\n} from './helpers/TimePicker.value.js';\nimport { useTimePickerDropdown } from './hooks/useTimePickerDropdown.js';\nimport { useTimePickerSelection } from './hooks/useTimePickerSelection.js';\nimport { useTimePickerValue } from './hooks/useTimePickerValue.js';\nimport type { TimeInputRef } from './TimeInput.js';\nimport { TimeInput } from './TimeInput.js';\nimport { getStyles } from './TimePicker.styles.js';\nimport { TimePickerMobilePopup } from './TimePickerMobilePopup.js';\nimport { TimePickerPopup } from './TimePickerPopup.js';\n\ntype UnsupportedInputProps =\n | 'autofocus'\n | 'type'\n | 'defaultValue'\n | 'value'\n | 'leftIcon'\n | 'rightIcon'\n | 'showClearIcon'\n | 'inputMode'\n | 'element'\n | 'align'\n | 'suffix'\n | 'prefix'\n | 'borderless'\n | 'selectAllOnFocus'\n | 'onValueChange'\n | 'onUnexpectedInput';\n\nexport interface TimePickerProps\n extends Omit<InputProps, UnsupportedInputProps>, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'> {\n /** Добавляет выпадающее меню с часовыми слотами в рабочее время @default false */\n dropdown?: boolean;\n /** Устанавливает точность времени @default minute */\n precision?: TimePrecision;\n /** Определяет массив объектов с кастомными слотами в формате TimeSlot */\n slots?: TimeSlot[];\n /** Задает нижнюю границу времени. Слоты за границей становятся disabled */\n minValue?: string;\n /** Задает верхнюю границу времени. Слоты за границей становятся disabled */\n maxValue?: string;\n /** Значение поля @param value 'hh.mm.[:ss]' */\n value?: string;\n /** Событие изменения значения `value` в поле @param value - 'hh.mm.[:ss]' */\n onValueChange?(value: string): void;\n /** Устанавливает фокус на поле ввода после окончания загрузки страницы @default false */\n autoFocus?: boolean;\n /** Включает нативный системный выбор времени на мобильных устройствах */\n useMobileNativeTimePicker?: boolean;\n /** Расположение выпадающего меню */\n menuPos?: 'top' | 'bottom';\n /** Выравнивание выпадающего меню */\n menuAlign?: 'left' | 'right';\n /** Ширина выпадающего меню. @default Равна ширине поля ввода */\n menuWidth?: React.CSSProperties['width'];\n /** Размер поля ввода и выпадающего меню */\n size?: SizeProp;\n}\n\nexport interface TimePickerRef {\n /** Устанавливает фокус на поле ввода */\n focus(): void;\n /** Снимает фокус с поля ввода */\n blur(): void;\n /** Запускает анимацию blink у поля ввода времени */\n blink(): void;\n /** Возвращает DOM-узел поля ввода */\n getNode(): HTMLElement | null;\n /** Возвращает корневой DOM-узел компонента */\n getRootNode(): HTMLElement | null;\n}\n\nexport type TimePicker = TimePickerRef;\n\nexport const TimePickerDataTids = {\n root: 'TimePicker__root',\n input: 'TimePicker__input',\n mobileInput: 'TimePicker__mobileInput',\n nativeInput: 'TimePicker__nativeInput',\n popup: 'TimePicker__popup',\n mobilePopup: 'TimePicker__mobilePopup',\n slot: 'TimePicker__slot',\n} as const;\n\n/** Поле с временем помогает вводить время с клавиатуры или выбирать его с помощью мыши */\nexport const TimePicker = forwardRefAndName<TimePickerRef, TimePickerProps>('TimePicker', (props, ref) => {\n const {\n disabled,\n useMobileNativeTimePicker = false,\n dropdown = false,\n precision = 'minute',\n size = 'small',\n slots,\n menuPos,\n menuAlign,\n menuWidth,\n minValue,\n maxValue,\n value,\n onValueChange,\n onFocus,\n onBlur,\n onClick,\n onKeyDown,\n onPaste,\n ...inputProps\n } = props;\n\n const theme = useContext(ThemeContext);\n\n const styles = useStyles(getStyles);\n\n const [isInputFocused, setIsInputFocused] = useState(false);\n\n const inputRef = useRef<TimeInputRef>(null);\n const mobileInputRef = useRef<TimeInputRef>(null);\n const activeInputRef = useRef<TimeInputRef>(null);\n const nativeInputRef = useRef<NativeTimeInputRef>(null);\n const rootRef = useRef<HTMLSpanElement>(null);\n const slotRefs = useRef(new Map<number, HTMLSpanElement>());\n const isMouseFocusRef = useRef(false);\n const isMouseDownOnFragmentRef = useRef(false);\n const mouseDownSegmentRef = useRef<TimeSegment | null>(null);\n\n const [isMobileDevice, setIsMobileDevice] = useState(false);\n const [canUseMobileNativeTimePicker, setCanUseMobileNativeTimePicker] = useState(false);\n\n const { editingValue, editingValueRef, setEditingValue, updateEditingValue, commitEditingValue, clearEditingValue } =\n useTimePickerValue({ isInputFocused, precision, value, onValueChange });\n\n const resolvedSlots = useMemo(\n () =>\n (slots ?? DEFAULT_TIME_PICKER_SLOTS).map((slot) => ({\n ...slot,\n disabled: Boolean(slot.disabled) || !isTimeValueInRange(slot.time, precision, minValue, maxValue),\n })),\n [maxValue, minValue, precision, slots],\n );\n\n const popupMaxHeight = getTimePickerPopupMaxHeight(size, theme);\n\n const normalizedValue = normalizeTimeValue(editingValue, precision);\n\n const selectedSlotIndex = resolvedSlots.findIndex(\n (slot) => normalizeTimeValue(slot.time, precision) === normalizedValue,\n );\n\n const canUseMobileDropdownTimePicker = dropdown && isMobileDevice && !canUseMobileNativeTimePicker;\n\n let displayValue = editingValue;\n\n if (isInputFocused) {\n displayValue = editingValue === EMPTY_VALUE ? getEmptyDisplayValue(precision) : editingValue;\n } else if (isTimeDisplayEmpty(editingValue)) {\n displayValue = EMPTY_VALUE;\n }\n\n const { selectedSegment, selectSegment } = useTimePickerSelection({\n isInputFocused,\n precision,\n displayValue,\n inputRef: activeInputRef,\n });\n\n const resetMouseInteractionState = useCallback(() => {\n isMouseFocusRef.current = false;\n isMouseDownOnFragmentRef.current = false;\n mouseDownSegmentRef.current = null;\n }, []);\n\n const normalizeCurrentSegmentIfNeeded = useCallback(\n (segment: TimeSegment) => {\n const nextDisplayValue = commitTimeSegmentOnLeave(\n editingValue === EMPTY_VALUE ? getEmptyDisplayValue(precision) : editingValue,\n segment,\n precision,\n );\n\n updateEditingValue(nextDisplayValue);\n },\n [editingValue, precision, updateEditingValue],\n );\n\n const openNativeTimePicker = useCallback(() => {\n if (!canUseMobileNativeTimePicker || disabled) {\n return;\n }\n\n if (isIOS) {\n nativeInputRef.current?.focus();\n } else {\n nativeInputRef.current?.click();\n }\n }, [canUseMobileNativeTimePicker, disabled]);\n\n const {\n isDropdownOpened,\n highlightedSlotIndex,\n openDropdown,\n closeDropdown,\n resetHighlightedSlot,\n tryNavigateSlots,\n } = useTimePickerDropdown({\n disabled,\n dropdown,\n slots: resolvedSlots,\n selectedSlotIndex: selectedSlotIndex >= 0 ? selectedSlotIndex : null,\n });\n\n useEffect(() => {\n activeInputRef.current =\n canUseMobileDropdownTimePicker && isDropdownOpened ? mobileInputRef.current : inputRef.current;\n }, [canUseMobileDropdownTimePicker, isDropdownOpened]);\n\n const selectSlot = useCallback(\n (slot: TimeSlot) => {\n if (slot.disabled) {\n return;\n }\n\n const nextValue = normalizeTimeValue(slot.time, precision);\n\n setEditingValue(nextValue);\n onValueChange?.(nextValue);\n\n if (canUseMobileDropdownTimePicker) {\n setIsInputFocused(false);\n resetMouseInteractionState();\n }\n\n closeDropdown();\n },\n [\n canUseMobileDropdownTimePicker,\n closeDropdown,\n onValueChange,\n precision,\n resetMouseInteractionState,\n setEditingValue,\n ],\n );\n\n const isSelectHighlightedSlot = useCallback(() => {\n if (highlightedSlotIndex === null) {\n return false;\n }\n\n const slot = resolvedSlots[highlightedSlotIndex];\n\n if (!slot || slot.disabled) {\n return true;\n }\n\n selectSlot(slot);\n return true;\n }, [highlightedSlotIndex, resolvedSlots, selectSlot]);\n\n const focusInput = useCallback(() => {\n activeInputRef.current?.focus();\n }, []);\n\n const blurInput = useCallback(() => {\n activeInputRef.current?.blur();\n }, []);\n\n const blinkInput = useCallback(() => {\n activeInputRef.current?.blink();\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n focus: focusInput,\n blur: blurInput,\n blink: blinkInput,\n getNode: () => activeInputRef.current?.getNode() ?? null,\n getRootNode: () => rootRef.current,\n }),\n [blinkInput, blurInput, focusInput],\n );\n\n useLayoutEffect(() => {\n if (!isDropdownOpened) {\n return;\n }\n\n const selectedIndex = highlightedSlotIndex ?? selectedSlotIndex;\n\n if (selectedIndex < 0) {\n return;\n }\n\n const targetNode = slotRefs.current.get(selectedIndex);\n\n if (targetNode) {\n scrollSelectedSlotIntoView(targetNode);\n }\n }, [highlightedSlotIndex, isDropdownOpened, selectedSlotIndex]);\n\n useEffect(() => {\n setIsMobileDevice(Boolean(isMobile));\n setCanUseMobileNativeTimePicker(useMobileNativeTimePicker && Boolean(isMobile));\n }, [useMobileNativeTimePicker]);\n\n const handleCloseMobileDropdown = useCallback(() => {\n setIsInputFocused(false);\n resetMouseInteractionState();\n\n if (isTimeDisplayEmpty(editingValueRef.current)) {\n clearEditingValue();\n } else {\n commitEditingValue();\n }\n\n closeDropdown();\n }, [clearEditingValue, closeDropdown, commitEditingValue, editingValueRef, resetMouseInteractionState]);\n\n const handleFocusBySource = (event: React.FocusEvent<HTMLInputElement>, isMobilePopupInput: boolean) => {\n if (canUseMobileNativeTimePicker) {\n openNativeTimePicker();\n onFocus?.(event);\n return;\n }\n\n if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {\n openDropdown();\n onFocus?.(event);\n return;\n }\n\n setIsInputFocused(true);\n openDropdown();\n\n if (isMouseDownOnFragmentRef.current && !isInputFocused) {\n if (isTimeDisplayEmpty(editingValueRef.current)) {\n selectSegment('hours');\n } else if (mouseDownSegmentRef.current) {\n selectSegment(mouseDownSegmentRef.current);\n }\n } else {\n selectSegment('hours');\n }\n\n onFocus?.(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 if (canUseMobileNativeTimePicker) {\n onBlur?.(event);\n return;\n }\n\n if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {\n onBlur?.(event);\n return;\n }\n\n setIsInputFocused(false);\n resetMouseInteractionState();\n\n if (isMobilePopupInput) {\n onBlur?.(event);\n return;\n }\n\n closeDropdown();\n\n if (isTimeDisplayEmpty(editingValueRef.current)) {\n clearEditingValue();\n onBlur?.(event);\n return;\n }\n\n commitEditingValue();\n onBlur?.(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 handleClickBySource = (event: React.MouseEvent<HTMLInputElement>, isMobilePopupInput: boolean) => {\n if (canUseMobileNativeTimePicker) {\n openNativeTimePicker();\n onClick?.(event);\n return;\n }\n\n if (canUseMobileDropdownTimePicker && !isMobilePopupInput) {\n openDropdown();\n onClick?.(event);\n return;\n }\n\n openDropdown();\n\n onClick?.(event);\n };\n\n const handleClick = (event: React.MouseEvent<HTMLInputElement>) => handleClickBySource(event, false);\n\n const handleMobileClick = (event: React.MouseEvent<HTMLInputElement>) => handleClickBySource(event, true);\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 const isFragment = segment !== null;\n\n if (isInputFocused && !isFragment) {\n event.preventDefault();\n }\n\n isMouseFocusRef.current = !isInputFocused;\n isMouseDownOnFragmentRef.current = isFragment;\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 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) => 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 activeInputRef.current?.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 isAllSelected = activeInputRef.current?.isAllSelected() ?? false;\n\n if (isAllSelected && (isKeyBackspace(event) || isKeyDelete(event))) {\n event.preventDefault();\n updateEditingValue(getEmptyDisplayValue(precision));\n selectSegment('hours');\n return;\n }\n\n if (DIGIT_REGEXP.test(event.key)) {\n event.preventDefault();\n\n resetHighlightedSlot();\n\n const result = formatDigitToTimeSegment(currentDisplayValue, currentSegment, event.key, precision);\n\n if (result.shouldBlink) {\n activeInputRef.current?.blink();\n return;\n }\n\n updateEditingValue(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, precision) ?? currentSegment);\n return;\n }\n\n if (isKeyTab(event)) {\n const nextSegment = getNextTimeSegment(currentSegment, precision);\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 slotStep = isKeyArrowUp(event) ? -1 : 1;\n\n if (tryNavigateSlots(slotStep)) {\n return;\n }\n\n const step = isKeyArrowUp(event) ? 1 : -1;\n\n updateEditingValue(shiftTimeSegmentValue(currentDisplayValue, currentSegment, step, precision));\n selectSegment(currentSegment);\n return;\n }\n\n if (isKeyBackspace(event)) {\n event.preventDefault();\n\n let nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, currentSegment, precision);\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, precision);\n }\n }\n\n updateEditingValue(nextDisplayValue);\n selectSegment(nextSegment);\n return;\n }\n\n if (isKeyDelete(event)) {\n event.preventDefault();\n updateEditingValue(clearTimeSegment(currentDisplayValue, currentSegment, precision));\n selectSegment(currentSegment);\n return;\n }\n\n if (isKeyEnter(event)) {\n if (isSelectHighlightedSlot()) {\n event.preventDefault();\n }\n return;\n }\n\n if (isKeySpace(event)) {\n event.preventDefault();\n\n const nextSegment = getNextTimeSegment(currentSegment, precision);\n const nextDisplayValue = commitTimeSegmentOnLeave(currentDisplayValue, currentSegment, precision);\n\n updateEditingValue(nextDisplayValue);\n\n if (nextSegment) {\n selectSegment(nextSegment);\n } else {\n selectSegment(currentSegment);\n }\n return;\n }\n\n if (isKeyChar(event)) {\n activeInputRef.current?.blink();\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');\n const nextDisplayValue = parsePastedTimeValue(pastedValue, precision);\n\n event.preventDefault();\n\n if (isTimeDisplayEmpty(nextDisplayValue)) {\n activeInputRef.current?.blink();\n return;\n }\n\n updateEditingValue(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 const handleNativeValueChange = useCallback(\n (nextValue: string) => {\n setEditingValue(nextValue);\n onValueChange?.(nextValue);\n },\n [onValueChange, setEditingValue],\n );\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 dropdown={dropdown}\n size={size}\n precision={precision}\n value={displayValue}\n onClick={handleClick}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onMouseDownCapture={handleMouseDownCapture}\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 precision={precision}\n minValue={minValue}\n maxValue={maxValue}\n value={editingValue}\n onValueChange={handleNativeValueChange}\n />\n )}\n\n {canUseMobileDropdownTimePicker && isDropdownOpened && (\n <TimePickerMobilePopup\n opened={isDropdownOpened}\n value={displayValue}\n inputRef={mobileInputRef}\n disabled={disabled}\n precision={precision}\n size={size}\n resolvedSlots={resolvedSlots}\n highlightedSlotIndex={highlightedSlotIndex}\n normalizedValue={normalizedValue}\n slotRefs={slotRefs}\n error={props.error}\n warning={props.warning}\n aria-describedby={props['aria-describedby']}\n aria-label={props['aria-label']}\n onFocus={handleMobileFocus}\n onBlur={handleMobileBlur}\n onClick={handleMobileClick}\n onKeyDown={handleMobileKeyDown}\n onMouseDownCapture={handleMobileMouseDownCapture}\n onPaste={handleMobilePaste}\n onSelectSegment={handleMobileSelectSegmentByMouse}\n onSelectSlot={selectSlot}\n onCloseRequest={handleCloseMobileDropdown}\n />\n )}\n\n {dropdown &&\n !canUseMobileNativeTimePicker &&\n !canUseMobileDropdownTimePicker &&\n isDropdownOpened &&\n rootRef.current && (\n <TimePickerPopup\n anchorElement={rootRef.current}\n menuPos={menuPos}\n menuAlign={menuAlign}\n menuWidth={menuWidth}\n popupMaxHeight={popupMaxHeight}\n precision={precision}\n size={size}\n resolvedSlots={resolvedSlots}\n highlightedSlotIndex={highlightedSlotIndex}\n normalizedValue={normalizedValue}\n slotRefs={slotRefs}\n onSelectSlot={selectSlot}\n />\n )}\n </span>\n </CommonWrapper>\n );\n});\n"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Theme } from '../../lib/theming/Theme.js';
|
|
2
|
-
export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
|
|
3
|
-
root(): string;
|
|
4
|
-
popup(t: Theme): string;
|
|
5
|
-
rightIcon(): string;
|
|
6
|
-
rightIconInteractive(): string;
|
|
7
|
-
rightIconDefault(t: Theme): string;
|
|
8
|
-
slot(): string;
|
|
9
|
-
slotTime(): string;
|
|
10
|
-
slotInfo(t: Theme): string;
|
|
11
|
-
}>;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
|
|
6
|
-
export var getStyles = memoizeGetStyles(function (_a) {
|
|
7
|
-
var css = _a.css;
|
|
8
|
-
return ({
|
|
9
|
-
root: function () {
|
|
10
|
-
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 "])));
|
|
11
|
-
},
|
|
12
|
-
popup: function (t) {
|
|
13
|
-
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.calendarBg, t.calendarBorderRadius, t.pickerShadow);
|
|
14
|
-
},
|
|
15
|
-
rightIcon: function () {
|
|
16
|
-
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n user-select: none;\n "], ["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n user-select: none;\n "])));
|
|
17
|
-
},
|
|
18
|
-
rightIconInteractive: function () {
|
|
19
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n "], ["\n cursor: pointer;\n "])));
|
|
20
|
-
},
|
|
21
|
-
rightIconDefault: function (t) {
|
|
22
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.textColorDefault);
|
|
23
|
-
},
|
|
24
|
-
slot: function () {
|
|
25
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n font-variant-numeric: tabular-nums;\n "], ["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n font-variant-numeric: tabular-nums;\n "])));
|
|
26
|
-
},
|
|
27
|
-
slotTime: function () {
|
|
28
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n "], ["\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n "])));
|
|
29
|
-
},
|
|
30
|
-
slotInfo: function (t) {
|
|
31
|
-
return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", ";\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n "], ["\n color: ", ";\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n "])), t.menuItemCommentColor);
|
|
32
|
-
},
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
36
|
-
//# sourceMappingURL=TimePicker.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.js","sourceRoot":"","sources":["../../../components/TimePicker/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,EAAY,0BACT,EAAsB,uBACzB,EAAc,6EAG7B,KALe,CAAC,CAAC,UAAU,EACT,CAAC,CAAC,oBAAoB,EACzB,CAAC,CAAC,YAAY,EAG5B;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,kNAAA,+IAMT,KAAC;QACJ,CAAC;QAED,oBAAoB;YAClB,OAAO,GAAG,mGAAA,gCAET,KAAC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,+FAAA,iBACC,EAAkB,SAC5B,KADU,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,6MAAA,0IAMT,KAAC;QACJ,CAAC;QAED,QAAQ;YACN,OAAO,GAAG,kJAAA,+EAGT,KAAC;QACJ,CAAC;QAED,QAAQ,YAAC,CAAQ;YACf,OAAO,GAAG,sKAAA,iBACC,EAAsB,gFAGhC,KAHU,CAAC,CAAC,oBAAoB,EAG/B;QACJ,CAAC;KACF,CAAC;AAjE8D,CAiE9D,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.calendarBg};\n border-radius: ${t.calendarBorderRadius};\n box-shadow: ${t.pickerShadow};\n font-variant-numeric: tabular-nums;\n overflow: hidden;\n `;\n },\n\n rightIcon() {\n return css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n user-select: none;\n `;\n },\n\n rightIconInteractive() {\n return css`\n cursor: pointer;\n `;\n },\n\n rightIconDefault(t: Theme) {\n return css`\n color: ${t.textColorDefault};\n `;\n },\n\n slot() {\n return css`\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n font-variant-numeric: tabular-nums;\n `;\n },\n\n slotTime() {\n return css`\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n `;\n },\n\n slotInfo(t: Theme) {\n return css`\n color: ${t.menuItemCommentColor};\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n `;\n },\n}));\n"]}
|