@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,61 +0,0 @@
|
|
|
1
|
-
import { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, MAX_DIGITS_BY_PRECISION, NON_DIGIT_REGEXP, TIME_SEGMENT_LENGTH, TIME_SEPARATOR, } from './TimePicker.constants.js';
|
|
2
|
-
import { getDisplaySegments, getTimeSegments, normalizeTimeSegment, sanitizeSegment, } from './TimePicker.shared.js';
|
|
3
|
-
export var getEmptyDisplayValue = function (precision) {
|
|
4
|
-
return getTimeSegments(precision)
|
|
5
|
-
.map(function () { return EMPTY_SEGMENT; })
|
|
6
|
-
.join(TIME_SEPARATOR);
|
|
7
|
-
};
|
|
8
|
-
export var isTimeDisplayEmpty = function (value) { return !DIGIT_REGEXP.test(value); };
|
|
9
|
-
export var normalizeTimeValue = function (value, precision) {
|
|
10
|
-
if (isTimeDisplayEmpty(value)) {
|
|
11
|
-
return EMPTY_VALUE;
|
|
12
|
-
}
|
|
13
|
-
return getTimeSegments(precision)
|
|
14
|
-
.map(function (segment, index) { return normalizeTimeSegment(getDisplaySegments(value, precision)[index], segment); })
|
|
15
|
-
.join(TIME_SEPARATOR);
|
|
16
|
-
};
|
|
17
|
-
var normalizeTimeRangeValue = function (value, precision) {
|
|
18
|
-
if (!value) {
|
|
19
|
-
return undefined;
|
|
20
|
-
}
|
|
21
|
-
var normalizedValue = normalizeTimeValue(value, precision);
|
|
22
|
-
return normalizedValue === EMPTY_VALUE ? undefined : normalizedValue;
|
|
23
|
-
};
|
|
24
|
-
export var isTimeValueInRange = function (value, precision, minValue, maxValue) {
|
|
25
|
-
var normalizedValue = normalizeTimeValue(value, precision);
|
|
26
|
-
if (normalizedValue === EMPTY_VALUE) {
|
|
27
|
-
return true;
|
|
28
|
-
}
|
|
29
|
-
var normalizedMinValue = normalizeTimeRangeValue(minValue, precision);
|
|
30
|
-
var normalizedMaxValue = normalizeTimeRangeValue(maxValue, precision);
|
|
31
|
-
if (normalizedMinValue && normalizedMaxValue && normalizedMinValue > normalizedMaxValue) {
|
|
32
|
-
return true;
|
|
33
|
-
}
|
|
34
|
-
return !((normalizedMinValue && normalizedValue < normalizedMinValue) ||
|
|
35
|
-
(normalizedMaxValue && normalizedValue > normalizedMaxValue));
|
|
36
|
-
};
|
|
37
|
-
export var replaceTimeSegment = function (value, segment, nextSegmentValue, precision) {
|
|
38
|
-
var segments = getDisplaySegments(value, precision);
|
|
39
|
-
var index = getTimeSegments(precision).indexOf(segment);
|
|
40
|
-
segments[index] = sanitizeSegment(nextSegmentValue);
|
|
41
|
-
return segments.join(TIME_SEPARATOR);
|
|
42
|
-
};
|
|
43
|
-
export var parsePastedTimeValue = function (value, precision) {
|
|
44
|
-
var digits = value.replace(NON_DIGIT_REGEXP, EMPTY_VALUE).slice(0, MAX_DIGITS_BY_PRECISION[precision]);
|
|
45
|
-
if (!digits) {
|
|
46
|
-
return EMPTY_VALUE;
|
|
47
|
-
}
|
|
48
|
-
var segments = getTimeSegments(precision).map(function (_, index) {
|
|
49
|
-
var segmentStart = index * TIME_SEGMENT_LENGTH;
|
|
50
|
-
var segmentEnd = segmentStart + TIME_SEGMENT_LENGTH;
|
|
51
|
-
return sanitizeSegment(digits.slice(segmentStart, segmentEnd));
|
|
52
|
-
});
|
|
53
|
-
return normalizeTimeValue(segments.join(TIME_SEPARATOR), precision);
|
|
54
|
-
};
|
|
55
|
-
export var getTimeSegmentValue = function (value, segment, precision) {
|
|
56
|
-
var _a;
|
|
57
|
-
var segments = getDisplaySegments(value, precision);
|
|
58
|
-
var index = getTimeSegments(precision).indexOf(segment);
|
|
59
|
-
return (_a = segments[index]) !== null && _a !== void 0 ? _a : EMPTY_SEGMENT;
|
|
60
|
-
};
|
|
61
|
-
//# sourceMappingURL=TimePicker.value.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.value.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/TimePicker.value.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n DIGIT_REGEXP,\n EMPTY_SEGMENT,\n EMPTY_VALUE,\n MAX_DIGITS_BY_PRECISION,\n NON_DIGIT_REGEXP,\n TIME_SEGMENT_LENGTH,\n TIME_SEPARATOR,\n} from './TimePicker.constants.js';\nimport {\n getDisplaySegments,\n getTimeSegments,\n normalizeTimeSegment,\n sanitizeSegment,\n type TimePrecision,\n type TimeSegment,\n} from './TimePicker.shared.js';\n\nexport const getEmptyDisplayValue = (precision: TimePrecision): string =>\n getTimeSegments(precision)\n .map(() => EMPTY_SEGMENT)\n .join(TIME_SEPARATOR);\n\nexport const isTimeDisplayEmpty = (value: string): boolean => !DIGIT_REGEXP.test(value);\n\nexport const normalizeTimeValue = (value: string, precision: TimePrecision): string => {\n if (isTimeDisplayEmpty(value)) {\n return EMPTY_VALUE;\n }\n\n return getTimeSegments(precision)\n .map((segment, index) => normalizeTimeSegment(getDisplaySegments(value, precision)[index], segment))\n .join(TIME_SEPARATOR);\n};\n\nconst normalizeTimeRangeValue = (value: string | undefined, precision: TimePrecision): string | undefined => {\n if (!value) {\n return undefined;\n }\n\n const normalizedValue = normalizeTimeValue(value, precision);\n\n return normalizedValue === EMPTY_VALUE ? undefined : normalizedValue;\n};\n\nexport const isTimeValueInRange = (\n value: string,\n precision: TimePrecision,\n minValue?: string,\n maxValue?: string,\n): boolean => {\n const normalizedValue = normalizeTimeValue(value, precision);\n\n if (normalizedValue === EMPTY_VALUE) {\n return true;\n }\n\n const normalizedMinValue = normalizeTimeRangeValue(minValue, precision);\n const normalizedMaxValue = normalizeTimeRangeValue(maxValue, precision);\n\n if (normalizedMinValue && normalizedMaxValue && normalizedMinValue > normalizedMaxValue) {\n return true;\n }\n\n return !(\n (normalizedMinValue && normalizedValue < normalizedMinValue) ||\n (normalizedMaxValue && normalizedValue > normalizedMaxValue)\n );\n};\n\nexport const replaceTimeSegment = (\n value: string,\n segment: TimeSegment,\n nextSegmentValue: string,\n precision: TimePrecision,\n): string => {\n const segments = getDisplaySegments(value, precision);\n const index = getTimeSegments(precision).indexOf(segment);\n\n segments[index] = sanitizeSegment(nextSegmentValue);\n\n return segments.join(TIME_SEPARATOR);\n};\n\nexport const parsePastedTimeValue = (value: string, precision: TimePrecision): string => {\n const digits = value.replace(NON_DIGIT_REGEXP, EMPTY_VALUE).slice(0, MAX_DIGITS_BY_PRECISION[precision]);\n\n if (!digits) {\n return EMPTY_VALUE;\n }\n\n const segments = getTimeSegments(precision).map((_, index) => {\n const segmentStart = index * TIME_SEGMENT_LENGTH;\n const segmentEnd = segmentStart + TIME_SEGMENT_LENGTH;\n\n return sanitizeSegment(digits.slice(segmentStart, segmentEnd));\n });\n\n return normalizeTimeValue(segments.join(TIME_SEPARATOR), precision);\n};\n\nexport const getTimeSegmentValue = (value: string, segment: TimeSegment, precision: TimePrecision): string => {\n const segments = getDisplaySegments(value, precision);\n const index = getTimeSegments(precision).indexOf(segment);\n\n return segments[index] ?? EMPTY_SEGMENT;\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const scrollSelectedSlotIntoView: (element: HTMLElement) => void;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { findNearestScrollableParent } from '../../../lib/dom/scrollYCenterIntoNearestScrollable.js';
|
|
2
|
-
import { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';
|
|
3
|
-
export var scrollSelectedSlotIntoView = function (element) {
|
|
4
|
-
var globalObject = getOwnerGlobalObject(element);
|
|
5
|
-
if (!isBrowser(globalObject)) {
|
|
6
|
-
return;
|
|
7
|
-
}
|
|
8
|
-
var parent = findNearestScrollableParent(element);
|
|
9
|
-
if (!parent) {
|
|
10
|
-
return;
|
|
11
|
-
}
|
|
12
|
-
var elementRect = element.getBoundingClientRect();
|
|
13
|
-
var parentRect = parent.getBoundingClientRect();
|
|
14
|
-
var scrollTopPos = elementRect.top - parentRect.top;
|
|
15
|
-
var scrollBottomPos = elementRect.bottom - parentRect.bottom;
|
|
16
|
-
var scrollCenterPos = (scrollTopPos + scrollBottomPos) / 2;
|
|
17
|
-
if (scrollCenterPos !== 0) {
|
|
18
|
-
parent.scrollTo({ top: parent.scrollTop + scrollCenterPos });
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=scrollSelectedSlotIntoView.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"scrollSelectedSlotIntoView.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/scrollSelectedSlotIntoView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wDAAwD,CAAC;AACrG,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAE/E,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,OAAoB;IAC7D,IAAM,YAAY,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEnD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC7B,OAAO;IACT,CAAC;IAED,IAAM,MAAM,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAEpD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO;IACT,CAAC;IAED,IAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACpD,IAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAElD,IAAM,YAAY,GAAG,WAAW,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;IACtD,IAAM,eAAe,GAAG,WAAW,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/D,IAAM,eAAe,GAAG,CAAC,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;IAE7D,IAAI,eAAe,KAAK,CAAC,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,GAAG,eAAe,EAAE,CAAC,CAAC;IAC/D,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { findNearestScrollableParent } from '../../../lib/dom/scrollYCenterIntoNearestScrollable.js';\nimport { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';\n\nexport const scrollSelectedSlotIntoView = (element: HTMLElement): void => {\n const globalObject = getOwnerGlobalObject(element);\n\n if (!isBrowser(globalObject)) {\n return;\n }\n\n const parent = findNearestScrollableParent(element);\n\n if (!parent) {\n return;\n }\n\n const elementRect = element.getBoundingClientRect();\n const parentRect = parent.getBoundingClientRect();\n\n const scrollTopPos = elementRect.top - parentRect.top;\n const scrollBottomPos = elementRect.bottom - parentRect.bottom;\n const scrollCenterPos = (scrollTopPos + scrollBottomPos) / 2;\n\n if (scrollCenterPos !== 0) {\n parent.scrollTo({ top: parent.scrollTop + scrollCenterPos });\n }\n};\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { TimeSlot } from '../helpers/TimePicker.shared.js';
|
|
2
|
-
interface UseTimePickerDropdownOptions {
|
|
3
|
-
dropdown: boolean;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
slots: TimeSlot[];
|
|
6
|
-
selectedSlotIndex: number | null;
|
|
7
|
-
}
|
|
8
|
-
interface UseTimePickerDropdownResult {
|
|
9
|
-
isDropdownOpened: boolean;
|
|
10
|
-
highlightedSlotIndex: number | null;
|
|
11
|
-
openDropdown(): void;
|
|
12
|
-
closeDropdown(): void;
|
|
13
|
-
resetHighlightedSlot(): void;
|
|
14
|
-
tryNavigateSlots(step: 1 | -1): boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare const useTimePickerDropdown: (options: UseTimePickerDropdownOptions) => UseTimePickerDropdownResult;
|
|
17
|
-
export {};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { useCallback, useState } from 'react';
|
|
2
|
-
export var useTimePickerDropdown = function (options) {
|
|
3
|
-
var dropdown = options.dropdown, disabled = options.disabled, slots = options.slots, selectedSlotIndex = options.selectedSlotIndex;
|
|
4
|
-
var _a = useState(false), isDropdownOpened = _a[0], setIsDropdownOpened = _a[1];
|
|
5
|
-
var _b = useState(null), highlightedSlotIndex = _b[0], setHighlightedSlotIndex = _b[1];
|
|
6
|
-
var openDropdown = useCallback(function () {
|
|
7
|
-
if (!dropdown || disabled) {
|
|
8
|
-
return;
|
|
9
|
-
}
|
|
10
|
-
setIsDropdownOpened(true);
|
|
11
|
-
}, [disabled, dropdown]);
|
|
12
|
-
var closeDropdown = useCallback(function () {
|
|
13
|
-
setIsDropdownOpened(false);
|
|
14
|
-
setHighlightedSlotIndex(null);
|
|
15
|
-
}, []);
|
|
16
|
-
var resetHighlightedSlot = useCallback(function () {
|
|
17
|
-
setHighlightedSlotIndex(null);
|
|
18
|
-
}, []);
|
|
19
|
-
var tryNavigateSlots = useCallback(function (step) {
|
|
20
|
-
if (!dropdown || !isDropdownOpened) {
|
|
21
|
-
return false;
|
|
22
|
-
}
|
|
23
|
-
var enabledIndexes = slots
|
|
24
|
-
.map(function (slot, index) { return ({ slot: slot, index: index }); })
|
|
25
|
-
.filter(function (_a) {
|
|
26
|
-
var slot = _a.slot;
|
|
27
|
-
return !slot.disabled;
|
|
28
|
-
})
|
|
29
|
-
.map(function (_a) {
|
|
30
|
-
var index = _a.index;
|
|
31
|
-
return index;
|
|
32
|
-
});
|
|
33
|
-
if (enabledIndexes.length === 0) {
|
|
34
|
-
return true;
|
|
35
|
-
}
|
|
36
|
-
if (highlightedSlotIndex === null) {
|
|
37
|
-
if (selectedSlotIndex !== null) {
|
|
38
|
-
var selectedEnabledIndex = enabledIndexes.indexOf(selectedSlotIndex);
|
|
39
|
-
if (selectedEnabledIndex >= 0) {
|
|
40
|
-
var nextEnabledIndex_1 = enabledIndexes[selectedEnabledIndex + step];
|
|
41
|
-
setHighlightedSlotIndex(nextEnabledIndex_1 !== null && nextEnabledIndex_1 !== void 0 ? nextEnabledIndex_1 : (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]));
|
|
42
|
-
return true;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
setHighlightedSlotIndex(step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]);
|
|
46
|
-
return true;
|
|
47
|
-
}
|
|
48
|
-
var currentIndex = enabledIndexes.indexOf(highlightedSlotIndex);
|
|
49
|
-
var nextEnabledIndex = enabledIndexes[currentIndex + step];
|
|
50
|
-
setHighlightedSlotIndex(nextEnabledIndex !== null && nextEnabledIndex !== void 0 ? nextEnabledIndex : (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]));
|
|
51
|
-
return true;
|
|
52
|
-
}, [dropdown, highlightedSlotIndex, isDropdownOpened, selectedSlotIndex, slots]);
|
|
53
|
-
return {
|
|
54
|
-
isDropdownOpened: isDropdownOpened,
|
|
55
|
-
highlightedSlotIndex: highlightedSlotIndex,
|
|
56
|
-
openDropdown: openDropdown,
|
|
57
|
-
closeDropdown: closeDropdown,
|
|
58
|
-
resetHighlightedSlot: resetHighlightedSlot,
|
|
59
|
-
tryNavigateSlots: tryNavigateSlots,
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
//# sourceMappingURL=useTimePickerDropdown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTimePickerDropdown.js","sourceRoot":"","sources":["../../../../components/TimePicker/hooks/useTimePickerDropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\n\nimport type { TimeSlot } from '../helpers/TimePicker.shared.js';\n\ninterface UseTimePickerDropdownOptions {\n dropdown: boolean;\n disabled?: boolean;\n slots: TimeSlot[];\n selectedSlotIndex: number | null;\n}\n\ninterface UseTimePickerDropdownResult {\n isDropdownOpened: boolean;\n highlightedSlotIndex: number | null;\n\n openDropdown(): void;\n\n closeDropdown(): void;\n\n resetHighlightedSlot(): void;\n\n tryNavigateSlots(step: 1 | -1): boolean;\n}\n\nexport const useTimePickerDropdown = (options: UseTimePickerDropdownOptions): UseTimePickerDropdownResult => {\n const { dropdown, disabled, slots, selectedSlotIndex } = options;\n\n const [isDropdownOpened, setIsDropdownOpened] = useState(false);\n const [highlightedSlotIndex, setHighlightedSlotIndex] = useState<number | null>(null);\n\n const openDropdown = useCallback(() => {\n if (!dropdown || disabled) {\n return;\n }\n\n setIsDropdownOpened(true);\n }, [disabled, dropdown]);\n\n const closeDropdown = useCallback(() => {\n setIsDropdownOpened(false);\n setHighlightedSlotIndex(null);\n }, []);\n\n const resetHighlightedSlot = useCallback(() => {\n setHighlightedSlotIndex(null);\n }, []);\n\n const tryNavigateSlots = useCallback(\n (step: 1 | -1) => {\n if (!dropdown || !isDropdownOpened) {\n return false;\n }\n\n const enabledIndexes = slots\n .map((slot, index) => ({ slot, index }))\n .filter(({ slot }) => !slot.disabled)\n .map(({ index }) => index);\n\n if (enabledIndexes.length === 0) {\n return true;\n }\n\n if (highlightedSlotIndex === null) {\n if (selectedSlotIndex !== null) {\n const selectedEnabledIndex = enabledIndexes.indexOf(selectedSlotIndex);\n\n if (selectedEnabledIndex >= 0) {\n const nextEnabledIndex = enabledIndexes[selectedEnabledIndex + step];\n\n setHighlightedSlotIndex(\n nextEnabledIndex ?? (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]),\n );\n return true;\n }\n }\n\n setHighlightedSlotIndex(step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]);\n return true;\n }\n\n const currentIndex = enabledIndexes.indexOf(highlightedSlotIndex);\n const nextEnabledIndex = enabledIndexes[currentIndex + step];\n\n setHighlightedSlotIndex(\n nextEnabledIndex ?? (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]),\n );\n\n return true;\n },\n [dropdown, highlightedSlotIndex, isDropdownOpened, selectedSlotIndex, slots],\n );\n\n return {\n isDropdownOpened,\n highlightedSlotIndex,\n openDropdown,\n closeDropdown,\n resetHighlightedSlot,\n tryNavigateSlots,\n };\n};\n"]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { RefObject } from 'react';
|
|
2
|
-
import type { TimePrecision, TimeSegment } from '../helpers/TimePicker.shared.js';
|
|
3
|
-
import type { TimeInputRef } from '../TimeInput.js';
|
|
4
|
-
interface UseTimePickerSelectionOptions {
|
|
5
|
-
isInputFocused: boolean;
|
|
6
|
-
precision: TimePrecision;
|
|
7
|
-
inputRef: RefObject<TimeInputRef | null>;
|
|
8
|
-
displayValue: string;
|
|
9
|
-
}
|
|
10
|
-
interface UseTimePickerSelectionResult {
|
|
11
|
-
selectedSegment: TimeSegment;
|
|
12
|
-
selectSegment: (segment: TimeSegment) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const useTimePickerSelection: (options: UseTimePickerSelectionOptions) => UseTimePickerSelectionResult;
|
|
15
|
-
export {};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { useCallback, useLayoutEffect, useState } from 'react';
|
|
2
|
-
export var useTimePickerSelection = function (options) {
|
|
3
|
-
var precision = options.precision, isInputFocused = options.isInputFocused, displayValue = options.displayValue, inputRef = options.inputRef;
|
|
4
|
-
var _a = useState('hours'), selectedSegment = _a[0], setSelectedSegment = _a[1];
|
|
5
|
-
var setInputSelection = useCallback(function (segment) {
|
|
6
|
-
if (!inputRef.current) {
|
|
7
|
-
return;
|
|
8
|
-
}
|
|
9
|
-
var node = inputRef.current.getNode();
|
|
10
|
-
if (node && node.ownerDocument.activeElement !== node) {
|
|
11
|
-
inputRef.current.focus();
|
|
12
|
-
}
|
|
13
|
-
inputRef.current.selectSegment(segment);
|
|
14
|
-
Promise.resolve().then(function () {
|
|
15
|
-
var currentInput = inputRef.current;
|
|
16
|
-
if (!currentInput) {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
currentInput.focus();
|
|
20
|
-
currentInput.selectSegment(segment);
|
|
21
|
-
});
|
|
22
|
-
}, [inputRef]);
|
|
23
|
-
var selectSegment = useCallback(function (segment) {
|
|
24
|
-
if (segment === 'seconds' && precision === 'minute') {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
setSelectedSegment(segment);
|
|
28
|
-
Promise.resolve().then(function () {
|
|
29
|
-
setInputSelection(segment);
|
|
30
|
-
});
|
|
31
|
-
}, [precision, setInputSelection]);
|
|
32
|
-
useLayoutEffect(function () {
|
|
33
|
-
if (!isInputFocused || !inputRef.current) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
setInputSelection(selectedSegment);
|
|
37
|
-
}, [displayValue, inputRef, selectedSegment, setInputSelection]);
|
|
38
|
-
return {
|
|
39
|
-
selectedSegment: selectedSegment,
|
|
40
|
-
selectSegment: selectSegment,
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=useTimePickerSelection.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTimePickerSelection.js","sourceRoot":"","sources":["../../../../components/TimePicker/hooks/useTimePickerSelection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAc/D,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,OAAsC;IACnE,IAAA,SAAS,GAA6C,OAAO,UAApD,EAAE,cAAc,GAA6B,OAAO,eAApC,EAAE,YAAY,GAAe,OAAO,aAAtB,EAAE,QAAQ,GAAK,OAAO,SAAZ,CAAa;IAEhE,IAAA,KAAwC,QAAQ,CAAc,OAAO,CAAC,EAArE,eAAe,QAAA,EAAE,kBAAkB,QAAkC,CAAC;IAE7E,IAAM,iBAAiB,GAAG,WAAW,CACnC,UAAC,OAAoB;QACnB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAExC,IAAI,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;YACtD,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;QAED,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAExC,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC;YACrB,IAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;YAEtC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YAED,YAAY,CAAC,KAAK,EAAE,CAAC;YACrB,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAM,aAAa,GAAG,WAAW,CAC/B,UAAC,OAAoB;QACnB,IAAI,OAAO,KAAK,SAAS,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QAED,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAE5B,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC;YACrB,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAC/B,CAAC;IACF,eAAe,CAAC;QACd,IAAI,CAAC,cAAc,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACzC,OAAO;QACT,CAAC;QAED,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEjE,OAAO;QACL,eAAe,iBAAA;QACf,aAAa,eAAA;KACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { RefObject } from 'react';\nimport { useCallback, useLayoutEffect, useState } from 'react';\n\nimport type { TimePrecision, TimeSegment } from '../helpers/TimePicker.shared.js';\nimport type { TimeInputRef } from '../TimeInput.js';\ninterface UseTimePickerSelectionOptions {\n isInputFocused: boolean;\n precision: TimePrecision;\n inputRef: RefObject<TimeInputRef | null>;\n displayValue: string;\n}\ninterface UseTimePickerSelectionResult {\n selectedSegment: TimeSegment;\n selectSegment: (segment: TimeSegment) => void;\n}\nexport const useTimePickerSelection = (options: UseTimePickerSelectionOptions): UseTimePickerSelectionResult => {\n const { precision, isInputFocused, displayValue, inputRef } = options;\n\n const [selectedSegment, setSelectedSegment] = useState<TimeSegment>('hours');\n\n const setInputSelection = useCallback(\n (segment: TimeSegment) => {\n if (!inputRef.current) {\n return;\n }\n\n const node = inputRef.current.getNode();\n\n if (node && node.ownerDocument.activeElement !== node) {\n inputRef.current.focus();\n }\n\n inputRef.current.selectSegment(segment);\n\n Promise.resolve().then(() => {\n const currentInput = inputRef.current;\n\n if (!currentInput) {\n return;\n }\n\n currentInput.focus();\n currentInput.selectSegment(segment);\n });\n },\n [inputRef],\n );\n\n const selectSegment = useCallback(\n (segment: TimeSegment) => {\n if (segment === 'seconds' && precision === 'minute') {\n return;\n }\n\n setSelectedSegment(segment);\n\n Promise.resolve().then(() => {\n setInputSelection(segment);\n });\n },\n [precision, setInputSelection],\n );\n useLayoutEffect(() => {\n if (!isInputFocused || !inputRef.current) {\n return;\n }\n\n setInputSelection(selectedSegment);\n }, [displayValue, inputRef, selectedSegment, setInputSelection]);\n\n return {\n selectedSegment,\n selectSegment,\n };\n};\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { RefObject } from 'react';
|
|
2
|
-
import type { TimePrecision } from '../helpers/TimePicker.shared.js';
|
|
3
|
-
interface UseTimePickerValueOptions {
|
|
4
|
-
isInputFocused: boolean;
|
|
5
|
-
value?: string;
|
|
6
|
-
precision: TimePrecision;
|
|
7
|
-
onValueChange?(value: string): void;
|
|
8
|
-
}
|
|
9
|
-
interface UseTimePickerValueResult {
|
|
10
|
-
editingValue: string;
|
|
11
|
-
editingValueRef: RefObject<string>;
|
|
12
|
-
setEditingValue(value: string): void;
|
|
13
|
-
updateEditingValue(value: string): void;
|
|
14
|
-
commitEditingValue(): string;
|
|
15
|
-
clearEditingValue(): void;
|
|
16
|
-
}
|
|
17
|
-
export declare const useTimePickerValue: (options: UseTimePickerValueOptions) => UseTimePickerValueResult;
|
|
18
|
-
export {};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
-
import { EMPTY_VALUE } from '../helpers/TimePicker.constants.js';
|
|
3
|
-
import { isTimeDisplayEmpty, normalizeTimeValue } from '../helpers/TimePicker.value.js';
|
|
4
|
-
export var useTimePickerValue = function (options) {
|
|
5
|
-
var value = options.value, precision = options.precision, isInputFocused = options.isInputFocused, onValueChange = options.onValueChange;
|
|
6
|
-
var committedValue = normalizeTimeValue(value !== null && value !== void 0 ? value : EMPTY_VALUE, precision);
|
|
7
|
-
var _a = useState(committedValue), editingValue = _a[0], setEditingValueState = _a[1];
|
|
8
|
-
var editingValueRef = useRef(editingValue);
|
|
9
|
-
var setEditingValue = useCallback(function (nextEditingValue) {
|
|
10
|
-
editingValueRef.current = nextEditingValue;
|
|
11
|
-
setEditingValueState(nextEditingValue);
|
|
12
|
-
}, []);
|
|
13
|
-
useEffect(function () {
|
|
14
|
-
if (!isInputFocused) {
|
|
15
|
-
setEditingValue(committedValue);
|
|
16
|
-
}
|
|
17
|
-
}, [committedValue, isInputFocused, setEditingValue]);
|
|
18
|
-
var emitValue = useCallback(function (nextValue) {
|
|
19
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
|
|
20
|
-
}, [onValueChange]);
|
|
21
|
-
var updateEditingValue = useCallback(function (nextEditingValue) {
|
|
22
|
-
setEditingValue(nextEditingValue);
|
|
23
|
-
emitValue(normalizeTimeValue(nextEditingValue, precision));
|
|
24
|
-
}, [emitValue, precision, setEditingValue]);
|
|
25
|
-
var clearEditingValue = useCallback(function () {
|
|
26
|
-
setEditingValue(EMPTY_VALUE);
|
|
27
|
-
}, [setEditingValue]);
|
|
28
|
-
var commitEditingValue = useCallback(function () {
|
|
29
|
-
var currentEditingValue = editingValueRef.current;
|
|
30
|
-
if (isTimeDisplayEmpty(currentEditingValue)) {
|
|
31
|
-
clearEditingValue();
|
|
32
|
-
return EMPTY_VALUE;
|
|
33
|
-
}
|
|
34
|
-
var nextValue = normalizeTimeValue(currentEditingValue, precision);
|
|
35
|
-
setEditingValue(nextValue);
|
|
36
|
-
emitValue(nextValue);
|
|
37
|
-
return nextValue;
|
|
38
|
-
}, [clearEditingValue, editingValueRef, emitValue, precision, setEditingValue]);
|
|
39
|
-
return {
|
|
40
|
-
editingValue: editingValue,
|
|
41
|
-
editingValueRef: editingValueRef,
|
|
42
|
-
setEditingValue: setEditingValue,
|
|
43
|
-
updateEditingValue: updateEditingValue,
|
|
44
|
-
commitEditingValue: commitEditingValue,
|
|
45
|
-
clearEditingValue: clearEditingValue,
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
//# sourceMappingURL=useTimePickerValue.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTimePickerValue.js","sourceRoot":"","sources":["../../../../components/TimePicker/hooks/useTimePickerValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAkBxF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,OAAkC;IAC3D,IAAA,KAAK,GAA+C,OAAO,MAAtD,EAAE,SAAS,GAAoC,OAAO,UAA3C,EAAE,cAAc,GAAoB,OAAO,eAA3B,EAAE,aAAa,GAAK,OAAO,cAAZ,CAAa;IAEpE,IAAM,cAAc,GAAG,kBAAkB,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,EAAE,SAAS,CAAC,CAAC;IAErE,IAAA,KAAuC,QAAQ,CAAS,cAAc,CAAC,EAAtE,YAAY,QAAA,EAAE,oBAAoB,QAAoC,CAAC;IAE9E,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAE7C,IAAM,eAAe,GAAG,WAAW,CAAC,UAAC,gBAAwB;QAC3D,eAAe,CAAC,OAAO,GAAG,gBAAgB,CAAC;QAC3C,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC;QACR,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,eAAe,CAAC,cAAc,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC;IAEtD,IAAM,SAAS,GAAG,WAAW,CAC3B,UAAC,SAAiB;QAChB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,SAAS,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,gBAAwB;QACvB,eAAe,CAAC,gBAAgB,CAAC,CAAC;QAClC,SAAS,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAC7D,CAAC,EACD,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,CACxC,CAAC;IAEF,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,IAAM,kBAAkB,GAAG,WAAW,CAAC;QACrC,IAAM,mBAAmB,GAAG,eAAe,CAAC,OAAO,CAAC;QAEpD,IAAI,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC5C,iBAAiB,EAAE,CAAC;YACpB,OAAO,WAAW,CAAC;QACrB,CAAC;QAED,IAAM,SAAS,GAAG,kBAAkB,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAErE,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhF,OAAO;QACL,YAAY,cAAA;QACZ,eAAe,iBAAA;QACf,eAAe,iBAAA;QACf,kBAAkB,oBAAA;QAClB,kBAAkB,oBAAA;QAClB,iBAAiB,mBAAA;KAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { RefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { EMPTY_VALUE } from '../helpers/TimePicker.constants.js';\nimport type { TimePrecision } from '../helpers/TimePicker.shared.js';\nimport { isTimeDisplayEmpty, normalizeTimeValue } from '../helpers/TimePicker.value.js';\n\ninterface UseTimePickerValueOptions {\n isInputFocused: boolean;\n value?: string;\n precision: TimePrecision;\n onValueChange?(value: string): void;\n}\n\ninterface UseTimePickerValueResult {\n editingValue: string;\n editingValueRef: RefObject<string>;\n setEditingValue(value: string): void;\n updateEditingValue(value: string): void;\n commitEditingValue(): string;\n clearEditingValue(): void;\n}\n\nexport const useTimePickerValue = (options: UseTimePickerValueOptions): UseTimePickerValueResult => {\n const { value, precision, isInputFocused, onValueChange } = options;\n\n const committedValue = normalizeTimeValue(value ?? EMPTY_VALUE, precision);\n\n const [editingValue, setEditingValueState] = useState<string>(committedValue);\n\n const editingValueRef = useRef(editingValue);\n\n const setEditingValue = useCallback((nextEditingValue: string) => {\n editingValueRef.current = nextEditingValue;\n setEditingValueState(nextEditingValue);\n }, []);\n\n useEffect(() => {\n if (!isInputFocused) {\n setEditingValue(committedValue);\n }\n }, [committedValue, isInputFocused, setEditingValue]);\n\n const emitValue = useCallback(\n (nextValue: string) => {\n onValueChange?.(nextValue);\n },\n [onValueChange],\n );\n\n const updateEditingValue = useCallback(\n (nextEditingValue: string) => {\n setEditingValue(nextEditingValue);\n emitValue(normalizeTimeValue(nextEditingValue, precision));\n },\n [emitValue, precision, setEditingValue],\n );\n\n const clearEditingValue = useCallback(() => {\n setEditingValue(EMPTY_VALUE);\n }, [setEditingValue]);\n\n const commitEditingValue = useCallback((): string => {\n const currentEditingValue = editingValueRef.current;\n\n if (isTimeDisplayEmpty(currentEditingValue)) {\n clearEditingValue();\n return EMPTY_VALUE;\n }\n\n const nextValue = normalizeTimeValue(currentEditingValue, precision);\n\n setEditingValue(nextValue);\n emitValue(nextValue);\n\n return nextValue;\n }, [clearEditingValue, editingValueRef, emitValue, precision, setEditingValue]);\n\n return {\n editingValue,\n editingValueRef,\n setEditingValue,\n updateEditingValue,\n commitEditingValue,\n clearEditingValue,\n };\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './TimePicker.js';\nexport type { TimeDigitInputResult, TimePrecision, TimeSegment, TimeSlot } from './helpers/TimePicker.shared.js';\n"]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Nullable } from '../../typings/utility-types.js';
|
|
2
|
-
import { type NativeTimePrecision } from './utils.js';
|
|
3
|
-
export interface NativeTimeInputProps {
|
|
4
|
-
'data-tid'?: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
precision: NativeTimePrecision;
|
|
7
|
-
value: Nullable<string>;
|
|
8
|
-
minValue?: Nullable<string>;
|
|
9
|
-
maxValue?: Nullable<string>;
|
|
10
|
-
onValueChange?(value: string): void;
|
|
11
|
-
}
|
|
12
|
-
export interface NativeTimeInputRef {
|
|
13
|
-
focus(): void;
|
|
14
|
-
click(): void;
|
|
15
|
-
}
|
|
16
|
-
export declare const NativeTimeInput: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<NativeTimeInputRef, NativeTimeInputProps> & Record<never, never>;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React, { useImperativeHandle, useRef } from 'react';
|
|
2
|
-
import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
|
|
3
|
-
import { useEmotion } from '../../lib/renderEnvironment/index.js';
|
|
4
|
-
import { getJsStyles } from './NativeTimeInput.styles.js';
|
|
5
|
-
import { getDefaultMaxTime, getDefaultMinTime, getNativeTimeStep, getTimeForComponent, getTimeForNative, } from './utils.js';
|
|
6
|
-
export var NativeTimeInput = forwardRefAndName('NativeTimeInput', function (props, ref) {
|
|
7
|
-
var _a;
|
|
8
|
-
var value = props.value, minValue = props.minValue, maxValue = props.maxValue, precision = props.precision, disabled = props.disabled, onValueChange = props.onValueChange, dataTid = props["data-tid"];
|
|
9
|
-
var jsStyles = getJsStyles(useEmotion());
|
|
10
|
-
var inputRef = useRef(null);
|
|
11
|
-
useImperativeHandle(ref, function () { return ({
|
|
12
|
-
focus: function () {
|
|
13
|
-
var _a;
|
|
14
|
-
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
15
|
-
},
|
|
16
|
-
click: function () {
|
|
17
|
-
var _a;
|
|
18
|
-
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
19
|
-
},
|
|
20
|
-
}); }, []);
|
|
21
|
-
return (React.createElement("input", { type: 'time', "data-tid": dataTid, ref: inputRef, disabled: disabled, className: jsStyles.inputTypeTime(), tabIndex: -1, step: getNativeTimeStep(precision), min: minValue ? getTimeForNative(minValue, precision) : getDefaultMinTime(precision), max: maxValue ? getTimeForNative(maxValue, precision) : getDefaultMaxTime(precision), value: (_a = getTimeForNative(value, precision)) !== null && _a !== void 0 ? _a : '', onChange: function (event) {
|
|
22
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(getTimeForComponent(event.target.value, precision));
|
|
23
|
-
} }));
|
|
24
|
-
});
|
|
25
|
-
//# sourceMappingURL=NativeTimeInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NativeTimeInput.js","sourceRoot":"","sources":["../../../internal/NativeTimeInput/NativeTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,GAEjB,MAAM,YAAY,CAAC;AAiBpB,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAC9C,iBAAiB,EACjB,UAAC,KAAK,EAAE,GAAG;;IACD,IAAA,KAAK,GAAkF,KAAK,MAAvF,EAAE,QAAQ,GAAwE,KAAK,SAA7E,EAAE,QAAQ,GAA8D,KAAK,SAAnE,EAAE,SAAS,GAAmD,KAAK,UAAxD,EAAE,QAAQ,GAAyC,KAAK,SAA9C,EAAE,aAAa,GAA0B,KAAK,cAA/B,EAAc,OAAO,GAAK,KAAK,YAAV,CAAW;IAErG,IAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC;IAC3C,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,mBAAmB,CACjB,GAAG,EACH,cAAM,OAAA,CAAC;QACL,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QACD,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC,EAPI,CAOJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,cACF,OAAO,EACjB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,aAAa,EAAE,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAClC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,EACpF,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,EACpF,KAAK,EAAE,MAAA,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,mCAAI,EAAE,EAC/C,QAAQ,EAAE,UAAC,KAAK;YACd,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;QACtE,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React, { useImperativeHandle, useRef } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion } from '../../lib/renderEnvironment/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsStyles } from './NativeTimeInput.styles.js';\nimport {\n getDefaultMaxTime,\n getDefaultMinTime,\n getNativeTimeStep,\n getTimeForComponent,\n getTimeForNative,\n type NativeTimePrecision,\n} from './utils.js';\n\nexport interface NativeTimeInputProps {\n 'data-tid'?: string;\n disabled?: boolean;\n precision: NativeTimePrecision;\n value: Nullable<string>;\n minValue?: Nullable<string>;\n maxValue?: Nullable<string>;\n onValueChange?(value: string): void;\n}\n\nexport interface NativeTimeInputRef {\n focus(): void;\n click(): void;\n}\n\nexport const NativeTimeInput = forwardRefAndName<NativeTimeInputRef, NativeTimeInputProps>(\n 'NativeTimeInput',\n (props, ref) => {\n const { value, minValue, maxValue, precision, disabled, onValueChange, 'data-tid': dataTid } = props;\n\n const jsStyles = getJsStyles(useEmotion());\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n focus() {\n inputRef.current?.focus();\n },\n click() {\n inputRef.current?.click();\n },\n }),\n [],\n );\n\n return (\n <input\n type={'time'}\n data-tid={dataTid}\n ref={inputRef}\n disabled={disabled}\n className={jsStyles.inputTypeTime()}\n tabIndex={-1}\n step={getNativeTimeStep(precision)}\n min={minValue ? getTimeForNative(minValue, precision) : getDefaultMinTime(precision)}\n max={maxValue ? getTimeForNative(maxValue, precision) : getDefaultMaxTime(precision)}\n value={getTimeForNative(value, precision) ?? ''}\n onChange={(event) => {\n onValueChange?.(getTimeForComponent(event.target.value, precision));\n }}\n />\n );\n },\n);\n"]}
|
|
@@ -1,15 +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 getJsStyles = memoizeGetStyles(function (_a) {
|
|
7
|
-
var css = _a.css;
|
|
8
|
-
return ({
|
|
9
|
-
inputTypeTime: function () {
|
|
10
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 0;\n height: 0;\n padding: 0;\n margin: 0;\n line-height: 0;\n transform: scale(0);\n border: none;\n overflow: hidden;\n opacity: 0;\n "], ["\n width: 0;\n height: 0;\n padding: 0;\n margin: 0;\n line-height: 0;\n transform: scale(0);\n border: none;\n overflow: hidden;\n opacity: 0;\n "])));
|
|
11
|
-
},
|
|
12
|
-
});
|
|
13
|
-
});
|
|
14
|
-
var templateObject_1;
|
|
15
|
-
//# sourceMappingURL=NativeTimeInput.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NativeTimeInput.styles.js","sourceRoot":"","sources":["../../../internal/NativeTimeInput/NativeTimeInput.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,aAAa;YACX,OAAO,GAAG,uQAAA,oMAUT,KAAC;QACJ,CAAC;KACF,CAAC;AAdgE,CAchE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n inputTypeTime() {\n return css`\n width: 0;\n height: 0;\n padding: 0;\n margin: 0;\n line-height: 0;\n transform: scale(0);\n border: none;\n overflow: hidden;\n opacity: 0;\n `;\n },\n}));\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './NativeTimeInput.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/NativeTimeInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './NativeTimeInput.js';\n"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Nullable } from '../../typings/utility-types.js';
|
|
2
|
-
export type NativeTimePrecision = 'minute' | 'second';
|
|
3
|
-
export declare const getTimeForNative: (componentTime: Nullable<string>, precision: NativeTimePrecision) => string | undefined;
|
|
4
|
-
export declare const getTimeForComponent: (nativeTime: Nullable<string>, precision: NativeTimePrecision) => string;
|
|
5
|
-
export declare const getDefaultMinTime: (precision: NativeTimePrecision) => string;
|
|
6
|
-
export declare const getDefaultMaxTime: (precision: NativeTimePrecision) => string;
|
|
7
|
-
export declare const getNativeTimeStep: (precision: NativeTimePrecision) => number;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
var DEFAULT_NATIVE_MIN_TIME = '00:00:00';
|
|
2
|
-
var DEFAULT_NATIVE_MAX_TIME = '23:59:59';
|
|
3
|
-
var padTimePart = function (value) { return (value !== null && value !== void 0 ? value : '00').padStart(2, '0'); };
|
|
4
|
-
var normalizeNativeTime = function (value, precision) {
|
|
5
|
-
var _a = value.split(':'), hours = _a[0], minutes = _a[1], seconds = _a[2];
|
|
6
|
-
var normalizedTime = "".concat(padTimePart(hours), ":").concat(padTimePart(minutes), ":").concat(padTimePart(seconds));
|
|
7
|
-
return precision === 'minute' ? normalizedTime.slice(0, 5) : normalizedTime;
|
|
8
|
-
};
|
|
9
|
-
export var getTimeForNative = function (componentTime, precision) {
|
|
10
|
-
if (!componentTime) {
|
|
11
|
-
return undefined;
|
|
12
|
-
}
|
|
13
|
-
return normalizeNativeTime(componentTime, precision);
|
|
14
|
-
};
|
|
15
|
-
export var getTimeForComponent = function (nativeTime, precision) {
|
|
16
|
-
if (!nativeTime) {
|
|
17
|
-
return '';
|
|
18
|
-
}
|
|
19
|
-
return normalizeNativeTime(nativeTime, precision);
|
|
20
|
-
};
|
|
21
|
-
export var getDefaultMinTime = function (precision) {
|
|
22
|
-
return precision === 'minute' ? DEFAULT_NATIVE_MIN_TIME.slice(0, 5) : DEFAULT_NATIVE_MIN_TIME;
|
|
23
|
-
};
|
|
24
|
-
export var getDefaultMaxTime = function (precision) {
|
|
25
|
-
return precision === 'minute' ? DEFAULT_NATIVE_MAX_TIME.slice(0, 5) : DEFAULT_NATIVE_MAX_TIME;
|
|
26
|
-
};
|
|
27
|
-
export var getNativeTimeStep = function (precision) { return (precision === 'minute' ? 60 : 1); };
|
|
28
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../internal/NativeTimeInput/utils.ts"],"names":[],"mappings":"AAIA,IAAM,uBAAuB,GAAG,UAAU,CAAC;AAC3C,IAAM,uBAAuB,GAAG,UAAU,CAAC;AAE3C,IAAM,WAAW,GAAG,UAAC,KAAyB,IAAa,OAAA,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAhC,CAAgC,CAAC;AAE5F,IAAM,mBAAmB,GAAG,UAAC,KAAa,EAAE,SAA8B;IAClE,IAAA,KAA4B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAA3C,KAAK,QAAA,EAAE,OAAO,QAAA,EAAE,OAAO,QAAoB,CAAC;IAEnD,IAAM,cAAc,GAAG,UAAG,WAAW,CAAC,KAAK,CAAC,cAAI,WAAW,CAAC,OAAO,CAAC,cAAI,WAAW,CAAC,OAAO,CAAC,CAAE,CAAC;IAE/F,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;AAC9E,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,aAA+B,EAC/B,SAA8B;IAE9B,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,mBAAmB,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,UAA4B,EAAE,SAA8B;IAC9F,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,mBAAmB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,SAA8B;IAC9D,OAAA,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB;AAAtF,CAAsF,CAAC;AAEzF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,SAA8B;IAC9D,OAAA,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB;AAAtF,CAAsF,CAAC;AAEzF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,SAA8B,IAAa,OAAA,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAjC,CAAiC,CAAC","sourcesContent":["import type { Nullable } from '../../typings/utility-types.js';\n\nexport type NativeTimePrecision = 'minute' | 'second';\n\nconst DEFAULT_NATIVE_MIN_TIME = '00:00:00';\nconst DEFAULT_NATIVE_MAX_TIME = '23:59:59';\n\nconst padTimePart = (value: string | undefined): string => (value ?? '00').padStart(2, '0');\n\nconst normalizeNativeTime = (value: string, precision: NativeTimePrecision): string => {\n const [hours, minutes, seconds] = value.split(':');\n\n const normalizedTime = `${padTimePart(hours)}:${padTimePart(minutes)}:${padTimePart(seconds)}`;\n\n return precision === 'minute' ? normalizedTime.slice(0, 5) : normalizedTime;\n};\n\nexport const getTimeForNative = (\n componentTime: Nullable<string>,\n precision: NativeTimePrecision,\n): string | undefined => {\n if (!componentTime) {\n return undefined;\n }\n\n return normalizeNativeTime(componentTime, precision);\n};\n\nexport const getTimeForComponent = (nativeTime: Nullable<string>, precision: NativeTimePrecision): string => {\n if (!nativeTime) {\n return '';\n }\n\n return normalizeNativeTime(nativeTime, precision);\n};\n\nexport const getDefaultMinTime = (precision: NativeTimePrecision): string =>\n precision === 'minute' ? DEFAULT_NATIVE_MIN_TIME.slice(0, 5) : DEFAULT_NATIVE_MIN_TIME;\n\nexport const getDefaultMaxTime = (precision: NativeTimePrecision): string =>\n precision === 'minute' ? DEFAULT_NATIVE_MAX_TIME.slice(0, 5) : DEFAULT_NATIVE_MAX_TIME;\n\nexport const getNativeTimeStep = (precision: NativeTimePrecision): number => (precision === 'minute' ? 60 : 1);\n"]}
|
|
@@ -1,21 +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
|
-
import React from 'react';
|
|
13
|
-
import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
|
|
14
|
-
import { BaseIcon } from '../BaseIcon.js';
|
|
15
|
-
export var QuestionCircleIcon16Light = forwardRefAndName('QuestionCircleIcon16Light', function (props, ref) {
|
|
16
|
-
return (React.createElement(BaseIcon, __assign({ ref: ref }, props),
|
|
17
|
-
React.createElement("path", { d: "M8.25 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" }),
|
|
18
|
-
React.createElement("path", { d: "M6.012 5.838c0-.646.61-1.267 1.49-1.267s1.49.621 1.49 1.267c0 .477-.32.93-.851 1.145C7.53 7.231 7 7.718 7 8.489a.5.5 0 0 0 1 0c0-.215.123-.42.516-.58.842-.342 1.475-1.12 1.475-2.07 0-1.307-1.172-2.268-2.49-2.268-1.318 0-2.49.96-2.49 2.267a.5.5 0 0 0 1 0z" }),
|
|
19
|
-
React.createElement("path", { d: "M1 7.5a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0zM7.5 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z" })));
|
|
20
|
-
});
|
|
21
|
-
//# sourceMappingURL=QuestionCircleIcon16Light.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionCircleIcon16Light.js","sourceRoot":"","sources":["../../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Light.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,IAAM,yBAAyB,GAAG,iBAAiB,CACxD,2BAA2B,EAC3B,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK;QAC3B,8BAAM,CAAC,EAAC,mDAAmD,GAAG;QAC9D,8BAAM,CAAC,EAAC,gQAAgQ,GAAG;QAC3Q,8BAAM,CAAC,EAAC,4FAA4F,GAAG,CAC9F,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport { BaseIcon } from '../BaseIcon.js';\nimport type { IconProps } from '../BaseIcon.js';\n\nexport const QuestionCircleIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n 'QuestionCircleIcon16Light',\n (props, ref) => {\n return (\n <BaseIcon ref={ref} {...props}>\n <path d=\"M8.25 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z\" />\n <path d=\"M6.012 5.838c0-.646.61-1.267 1.49-1.267s1.49.621 1.49 1.267c0 .477-.32.93-.851 1.145C7.53 7.231 7 7.718 7 8.489a.5.5 0 0 0 1 0c0-.215.123-.42.516-.58.842-.342 1.475-1.12 1.475-2.07 0-1.307-1.172-2.268-2.49-2.268-1.318 0-2.49.96-2.49 2.267a.5.5 0 0 0 1 0z\" />\n <path d=\"M1 7.5a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0zM7.5 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z\" />\n </BaseIcon>\n );\n },\n);\n"]}
|
|
@@ -1,21 +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
|
-
import React from 'react';
|
|
13
|
-
import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
|
|
14
|
-
import { BaseIcon } from '../BaseIcon.js';
|
|
15
|
-
export var QuestionCircleIcon20Regular = forwardRefAndName('QuestionCircleIcon20Regular', function (props, ref) {
|
|
16
|
-
return (React.createElement(BaseIcon, __assign({ ref: ref, viewBoxSize: 20 }, props),
|
|
17
|
-
React.createElement("path", { d: "M11 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }),
|
|
18
|
-
React.createElement("path", { d: "M8.375 8.078c0-.642.63-1.328 1.625-1.328s1.625.686 1.625 1.328c0 .324-.09.504-.2.637-.13.16-.325.293-.617.466l-.113.065c-.247.142-.576.332-.834.571-.346.321-.61.765-.61 1.378a.75.75 0 1 0 1.5 0c0-.12.03-.186.13-.278.124-.115.284-.208.539-.357l.148-.086c.3-.177.7-.424 1.015-.805.336-.407.542-.927.542-1.59 0-1.654-1.496-2.829-3.125-2.829S6.875 6.425 6.875 8.078a.75.75 0 1 0 1.5 0z" }),
|
|
19
|
-
React.createElement("path", { d: "M2.001 10A7.999 7.999 0 1 1 18 10 7.999 7.999 0 0 1 2 10zm8-6.499A6.499 6.499 0 1 0 10 16.5 6.499 6.499 0 0 0 10 3.5z" })));
|
|
20
|
-
});
|
|
21
|
-
//# sourceMappingURL=QuestionCircleIcon20Regular.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionCircleIcon20Regular.js","sourceRoot":"","sources":["../../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon20Regular.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,IAAM,2BAA2B,GAAG,iBAAiB,CAC1D,6BAA6B,EAC7B,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,IAAM,KAAK;QAC5C,8BAAM,CAAC,EAAC,qCAAqC,GAAG;QAChD,8BAAM,CAAC,EAAC,+XAA+X,GAAG;QAC1Y,8BAAM,CAAC,EAAC,uHAAuH,GAAG,CACzH,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport { BaseIcon } from '../BaseIcon.js';\nimport type { IconProps } from '../BaseIcon.js';\n\nexport const QuestionCircleIcon20Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n 'QuestionCircleIcon20Regular',\n (props, ref) => {\n return (\n <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n <path d=\"M11 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" />\n <path d=\"M8.375 8.078c0-.642.63-1.328 1.625-1.328s1.625.686 1.625 1.328c0 .324-.09.504-.2.637-.13.16-.325.293-.617.466l-.113.065c-.247.142-.576.332-.834.571-.346.321-.61.765-.61 1.378a.75.75 0 1 0 1.5 0c0-.12.03-.186.13-.278.124-.115.284-.208.539-.357l.148-.086c.3-.177.7-.424 1.015-.805.336-.407.542-.927.542-1.59 0-1.654-1.496-2.829-3.125-2.829S6.875 6.425 6.875 8.078a.75.75 0 1 0 1.5 0z\" />\n <path d=\"M2.001 10A7.999 7.999 0 1 1 18 10 7.999 7.999 0 0 1 2 10zm8-6.499A6.499 6.499 0 1 0 10 16.5 6.499 6.499 0 0 0 10 3.5z\" />\n </BaseIcon>\n );\n },\n);\n"]}
|
|
@@ -1,21 +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
|
-
import React from 'react';
|
|
13
|
-
import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
|
|
14
|
-
import { BaseIcon } from '../BaseIcon.js';
|
|
15
|
-
export var QuestionCircleIcon24Regular = forwardRefAndName('QuestionCircleIcon24Regular', function (props, ref) {
|
|
16
|
-
return (React.createElement(BaseIcon, __assign({ ref: ref, viewBoxSize: 24 }, props),
|
|
17
|
-
React.createElement("path", { d: "M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }),
|
|
18
|
-
React.createElement("path", { d: "M9.75 9.887c0-.945.91-1.875 2.25-1.875 1.34 0 2.25.93 2.25 1.875 0 .453-.129.726-.297.93-.19.23-.462.414-.833.632-.046.028-.096.056-.148.086-.312.18-.706.408-1.013.693-.405.375-.709.886-.709 1.596a.75.75 0 0 0 1.5 0c0-.217.07-.35.23-.497.172-.16.396-.29.717-.477l.183-.107c.38-.223.858-.52 1.23-.972.395-.479.64-1.09.64-1.884 0-1.955-1.776-3.375-3.75-3.375s-3.75 1.42-3.75 3.375a.75.75 0 1 0 1.5 0z" }),
|
|
19
|
-
React.createElement("path", { d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5z" })));
|
|
20
|
-
});
|
|
21
|
-
//# sourceMappingURL=QuestionCircleIcon24Regular.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionCircleIcon24Regular.js","sourceRoot":"","sources":["../../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon24Regular.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,IAAM,2BAA2B,GAAG,iBAAiB,CAC1D,6BAA6B,EAC7B,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,IAAM,KAAK;QAC5C,8BAAM,CAAC,EAAC,qCAAqC,GAAG;QAChD,8BAAM,CAAC,EAAC,gZAAgZ,GAAG;QAC3Z,8BAAM,CAAC,EAAC,6JAA6J,GAAG,CAC/J,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport { BaseIcon } from '../BaseIcon.js';\nimport type { IconProps } from '../BaseIcon.js';\n\nexport const QuestionCircleIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n 'QuestionCircleIcon24Regular',\n (props, ref) => {\n return (\n <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n <path d=\"M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" />\n <path d=\"M9.75 9.887c0-.945.91-1.875 2.25-1.875 1.34 0 2.25.93 2.25 1.875 0 .453-.129.726-.297.93-.19.23-.462.414-.833.632-.046.028-.096.056-.148.086-.312.18-.706.408-1.013.693-.405.375-.709.886-.709 1.596a.75.75 0 0 0 1.5 0c0-.217.07-.35.23-.497.172-.16.396-.29.717-.477l.183-.107c.38-.223.858-.52 1.23-.972.395-.479.64-1.09.64-1.884 0-1.955-1.776-3.375-3.75-3.375s-3.75 1.42-3.75 3.375a.75.75 0 1 0 1.5 0z\" />\n <path d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5z\" />\n </BaseIcon>\n );\n },\n);\n"]}
|