@skbkontur/react-ui 6.0.7-b5d2c.0 → 6.0.7
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 +13 -0
- package/components/DateRangePicker/DateRangePickerInput.js +3 -2
- package/components/DateRangePicker/DateRangePickerInput.js.map +1 -1
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/index.js.map +1 -1
- package/internal/themes/BasicTheme.d.ts +0 -3
- package/internal/themes/BasicTheme.js +0 -33
- package/internal/themes/BasicTheme.js.map +1 -1
- package/package.json +1 -3
- 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 -23
- package/components/TimePicker/TimeInput.js +0 -86
- package/components/TimePicker/TimeInput.js.map +0 -1
- package/components/TimePicker/TimePicker.d.ts +0 -27
- package/components/TimePicker/TimePicker.js +0 -351
- package/components/TimePicker/TimePicker.js.map +0 -1
- package/components/TimePicker/TimePicker.styles.d.ts +0 -12
- package/components/TimePicker/TimePicker.styles.js +0 -39
- package/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/components/TimePicker/helpers/TimePicker.constants.d.ts +0 -19
- package/components/TimePicker/helpers/TimePicker.constants.js +0 -42
- 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 -77
- 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 -24
- 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 -10
- package/components/TimePicker/helpers/TimePicker.value.js +0 -47
- 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 -47
- 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/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
|
@@ -1,351 +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, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
24
|
-
import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
|
|
25
|
-
import { Menu } from '../../internal/Menu/index.js';
|
|
26
|
-
import { Popup } from '../../internal/Popup/index.js';
|
|
27
|
-
import { ZIndex } from '../../internal/ZIndex/index.js';
|
|
28
|
-
import { isShortcutSelectAll } from '../../lib/events/keyboard/identifiers.js';
|
|
29
|
-
import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
|
|
30
|
-
import { getMenuPositions } from '../../lib/getMenuPositions.js';
|
|
31
|
-
import { useStyles } from '../../lib/renderEnvironment/index.js';
|
|
32
|
-
import { ThemeContext } from '../../lib/theming/ThemeContext.js';
|
|
33
|
-
import { MenuItem } from '../MenuItem/index.js';
|
|
34
|
-
import { scrollSelectedSlotIntoView } from './helpers/scrollSelectedSlotIntoView.js';
|
|
35
|
-
import { DIGIT_REGEXP } from './helpers/TimePicker.constants.js';
|
|
36
|
-
import { clearTimeSegment, commitTimeSegmentOnLeave, deleteTimeSegmentDigit, formatDigitToTimeSegment, shiftTimeSegmentValue, } from './helpers/TimePicker.editing.js';
|
|
37
|
-
import { DEFAULT_TIME_PICKER_SLOTS, getTimePickerPopupMaxHeight } from './helpers/TimePicker.layout.js';
|
|
38
|
-
import { getNextTimeSegment, getPreviousTimeSegment } from './helpers/TimePicker.selection.js';
|
|
39
|
-
import { getEmptyDisplayValue, isTimeDisplayEmpty, normalizeSlotValue, normalizeTimeValue, parsePastedTimeValue, } from './helpers/TimePicker.value.js';
|
|
40
|
-
import { useTimePickerDropdown } from './hooks/useTimePickerDropdown.js';
|
|
41
|
-
import { useTimePickerSelection } from './hooks/useTimePickerSelection.js';
|
|
42
|
-
import { useTimePickerValue } from './hooks/useTimePickerValue.js';
|
|
43
|
-
import { TimeInput } from './TimeInput.js';
|
|
44
|
-
import { getStyles } from './TimePicker.styles.js';
|
|
45
|
-
export var TimePickerDataTids = {
|
|
46
|
-
root: 'TimePicker__root',
|
|
47
|
-
input: 'TimePicker__input',
|
|
48
|
-
popup: 'TimePicker__popup',
|
|
49
|
-
slot: 'TimePicker__slot',
|
|
50
|
-
rightContent: 'TimePicker__rightContent',
|
|
51
|
-
};
|
|
52
|
-
export var TimePicker = forwardRefAndName('TimePicker', function (props, ref) {
|
|
53
|
-
var disabled = props.disabled, _a = props.dropdown, dropdown = _a === void 0 ? false : _a, _b = props.precision, precision = _b === void 0 ? 'minute' : _b, _c = props.size, size = _c === void 0 ? 'small' : _c, slots = props.slots, menuPos = props.menuPos, menuAlign = props.menuAlign, rightContent = props.rightContent, valueProp = props.value, onValueChange = props.onValueChange, onFocus = props.onFocus, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, onPaste = props.onPaste, inputProps = __rest(props, ["disabled", "dropdown", "precision", "size", "slots", "menuPos", "menuAlign", "rightContent", "value", "onValueChange", "onFocus", "onBlur", "onClick", "onKeyDown", "onPaste"]);
|
|
54
|
-
var theme = useContext(ThemeContext);
|
|
55
|
-
var styles = useStyles(getStyles);
|
|
56
|
-
var _d = useState(false), isInputFocused = _d[0], setIsInputFocused = _d[1];
|
|
57
|
-
var inputRef = useRef(null);
|
|
58
|
-
var rootRef = useRef(null);
|
|
59
|
-
var slotRefs = useRef(new Map());
|
|
60
|
-
var isMouseFocusRef = useRef(false);
|
|
61
|
-
var isMouseDownOnFragmentRef = useRef(false);
|
|
62
|
-
var mouseDownSegmentRef = useRef(null);
|
|
63
|
-
var resolvedSlots = useMemo(function () { return slots !== null && slots !== void 0 ? slots : DEFAULT_TIME_PICKER_SLOTS; }, [slots]);
|
|
64
|
-
var _e = useTimePickerValue({ isInputFocused: isInputFocused, precision: precision, value: valueProp, onValueChange: onValueChange }), editingValue = _e.editingValue, editingValueRef = _e.editingValueRef, setEditingValue = _e.setEditingValue, updateEditingValue = _e.updateEditingValue, commitEditingValue = _e.commitEditingValue, clearEditingValue = _e.clearEditingValue;
|
|
65
|
-
var displayValue = editingValue;
|
|
66
|
-
if (isInputFocused) {
|
|
67
|
-
displayValue = editingValue || getEmptyDisplayValue(precision);
|
|
68
|
-
}
|
|
69
|
-
else if (isTimeDisplayEmpty(editingValue)) {
|
|
70
|
-
displayValue = '';
|
|
71
|
-
}
|
|
72
|
-
var _f = useTimePickerSelection({
|
|
73
|
-
isInputFocused: isInputFocused,
|
|
74
|
-
precision: precision,
|
|
75
|
-
displayValue: displayValue,
|
|
76
|
-
inputRef: inputRef,
|
|
77
|
-
}), selectedSegment = _f.selectedSegment, selectSegment = _f.selectSegment;
|
|
78
|
-
var popupMaxHeight = getTimePickerPopupMaxHeight(size, theme);
|
|
79
|
-
var normalizedValue = normalizeTimeValue(editingValue || valueProp || '', precision);
|
|
80
|
-
var selectedSlotIndex = resolvedSlots.findIndex(function (slot) { return normalizeSlotValue(slot.time, precision) === normalizedValue; });
|
|
81
|
-
var normalizeCurrentSegmentIfNeeded = useCallback(function (segment) {
|
|
82
|
-
var nextDisplayValue = commitTimeSegmentOnLeave(editingValue || getEmptyDisplayValue(precision), segment, precision);
|
|
83
|
-
updateEditingValue(nextDisplayValue);
|
|
84
|
-
}, [editingValue, precision, updateEditingValue]);
|
|
85
|
-
var focusInput = useCallback(function () {
|
|
86
|
-
var _a;
|
|
87
|
-
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
88
|
-
}, []);
|
|
89
|
-
var blurInput = useCallback(function () {
|
|
90
|
-
var _a;
|
|
91
|
-
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
92
|
-
}, []);
|
|
93
|
-
var _g = useTimePickerDropdown({
|
|
94
|
-
disabled: disabled,
|
|
95
|
-
dropdown: dropdown,
|
|
96
|
-
slots: resolvedSlots,
|
|
97
|
-
selectedSlotIndex: selectedSlotIndex >= 0 ? selectedSlotIndex : null,
|
|
98
|
-
}), isDropdownOpened = _g.isDropdownOpened, highlightedSlotIndex = _g.highlightedSlotIndex, openDropdown = _g.openDropdown, closeDropdown = _g.closeDropdown, resetHighlightedSlot = _g.resetHighlightedSlot, tryNavigateSlots = _g.tryNavigateSlots;
|
|
99
|
-
var selectSlot = useCallback(function (slot) {
|
|
100
|
-
if (slot.disabled) {
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
var nextValue = normalizeSlotValue(slot.time, precision);
|
|
104
|
-
setEditingValue(nextValue);
|
|
105
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
|
|
106
|
-
closeDropdown();
|
|
107
|
-
}, [closeDropdown, onValueChange, precision, setEditingValue]);
|
|
108
|
-
var isSelectHighlightedSlot = useCallback(function () {
|
|
109
|
-
if (highlightedSlotIndex === null) {
|
|
110
|
-
return false;
|
|
111
|
-
}
|
|
112
|
-
var slot = resolvedSlots[highlightedSlotIndex];
|
|
113
|
-
if (!slot || slot.disabled) {
|
|
114
|
-
return true;
|
|
115
|
-
}
|
|
116
|
-
selectSlot(slot);
|
|
117
|
-
return true;
|
|
118
|
-
}, [highlightedSlotIndex, resolvedSlots, selectSlot]);
|
|
119
|
-
useLayoutEffect(function () {
|
|
120
|
-
if (!isDropdownOpened) {
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
var selectedIndex = highlightedSlotIndex !== null && highlightedSlotIndex !== void 0 ? highlightedSlotIndex : selectedSlotIndex;
|
|
124
|
-
if (selectedIndex < 0) {
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
var targetNode = slotRefs.current.get(selectedIndex);
|
|
128
|
-
if (targetNode) {
|
|
129
|
-
scrollSelectedSlotIntoView(targetNode);
|
|
130
|
-
}
|
|
131
|
-
}, [highlightedSlotIndex, isDropdownOpened, selectedSlotIndex]);
|
|
132
|
-
useImperativeHandle(ref, function () { return ({
|
|
133
|
-
focus: focusInput,
|
|
134
|
-
blur: blurInput,
|
|
135
|
-
getNode: function () { var _a, _b; return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.getNode()) !== null && _b !== void 0 ? _b : null; },
|
|
136
|
-
getRootNode: function () { return rootRef.current; },
|
|
137
|
-
}); }, [blurInput, focusInput]);
|
|
138
|
-
var handleFocus = function (event) {
|
|
139
|
-
setIsInputFocused(true);
|
|
140
|
-
openDropdown();
|
|
141
|
-
if (isMouseDownOnFragmentRef.current && !isInputFocused) {
|
|
142
|
-
if (isTimeDisplayEmpty(editingValueRef.current)) {
|
|
143
|
-
selectSegment('hours');
|
|
144
|
-
}
|
|
145
|
-
else if (mouseDownSegmentRef.current) {
|
|
146
|
-
selectSegment(mouseDownSegmentRef.current);
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
else {
|
|
150
|
-
selectSegment('hours');
|
|
151
|
-
}
|
|
152
|
-
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
153
|
-
};
|
|
154
|
-
var handleBlur = function (event) {
|
|
155
|
-
setIsInputFocused(false);
|
|
156
|
-
isMouseFocusRef.current = false;
|
|
157
|
-
isMouseDownOnFragmentRef.current = false;
|
|
158
|
-
mouseDownSegmentRef.current = null;
|
|
159
|
-
closeDropdown();
|
|
160
|
-
if (isTimeDisplayEmpty(editingValueRef.current)) {
|
|
161
|
-
clearEditingValue();
|
|
162
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
163
|
-
return;
|
|
164
|
-
}
|
|
165
|
-
commitEditingValue();
|
|
166
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
167
|
-
};
|
|
168
|
-
var handleClick = function (event) {
|
|
169
|
-
openDropdown();
|
|
170
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
171
|
-
};
|
|
172
|
-
var handleMouseDownCapture = function (event) {
|
|
173
|
-
var _a, _b;
|
|
174
|
-
var segment = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.getSegment(event.target)) !== null && _b !== void 0 ? _b : null;
|
|
175
|
-
var isFragment = segment !== null;
|
|
176
|
-
if (isInputFocused && !isFragment) {
|
|
177
|
-
event.preventDefault();
|
|
178
|
-
}
|
|
179
|
-
isMouseFocusRef.current = !isInputFocused;
|
|
180
|
-
isMouseDownOnFragmentRef.current = isFragment;
|
|
181
|
-
mouseDownSegmentRef.current = segment;
|
|
182
|
-
};
|
|
183
|
-
var handleSelectSegmentByMouse = function (segment) {
|
|
184
|
-
openDropdown();
|
|
185
|
-
if (disabled) {
|
|
186
|
-
return;
|
|
187
|
-
}
|
|
188
|
-
if (!(isMouseFocusRef.current && isTimeDisplayEmpty(editingValueRef.current)) && selectedSegment !== segment) {
|
|
189
|
-
normalizeCurrentSegmentIfNeeded(selectedSegment);
|
|
190
|
-
selectSegment(segment);
|
|
191
|
-
}
|
|
192
|
-
isMouseFocusRef.current = false;
|
|
193
|
-
isMouseDownOnFragmentRef.current = false;
|
|
194
|
-
mouseDownSegmentRef.current = null;
|
|
195
|
-
};
|
|
196
|
-
var handleRightContentMouseDown = function (event) {
|
|
197
|
-
if (disabled) {
|
|
198
|
-
return;
|
|
199
|
-
}
|
|
200
|
-
event.preventDefault();
|
|
201
|
-
openDropdown();
|
|
202
|
-
focusInput();
|
|
203
|
-
};
|
|
204
|
-
var handleKeyDown = function (event) {
|
|
205
|
-
var _a, _b, _c, _d, _e, _f;
|
|
206
|
-
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
207
|
-
if (event.defaultPrevented || disabled) {
|
|
208
|
-
return;
|
|
209
|
-
}
|
|
210
|
-
if (isShortcutSelectAll(event)) {
|
|
211
|
-
event.preventDefault();
|
|
212
|
-
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectAll();
|
|
213
|
-
return;
|
|
214
|
-
}
|
|
215
|
-
if (event.altKey || event.ctrlKey || event.metaKey) {
|
|
216
|
-
return;
|
|
217
|
-
}
|
|
218
|
-
var currentDisplayValue = displayValue;
|
|
219
|
-
var currentSegment = selectedSegment;
|
|
220
|
-
var isAllSelected = (_c = (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.isAllSelected()) !== null && _c !== void 0 ? _c : false;
|
|
221
|
-
if (isAllSelected && (event.key === 'Backspace' || event.key === 'Delete')) {
|
|
222
|
-
event.preventDefault();
|
|
223
|
-
updateEditingValue(getEmptyDisplayValue(precision));
|
|
224
|
-
selectSegment('hours');
|
|
225
|
-
return;
|
|
226
|
-
}
|
|
227
|
-
if (DIGIT_REGEXP.test(event.key)) {
|
|
228
|
-
event.preventDefault();
|
|
229
|
-
resetHighlightedSlot();
|
|
230
|
-
var result = formatDigitToTimeSegment(currentDisplayValue, currentSegment, event.key, precision);
|
|
231
|
-
if (result.shouldBlink) {
|
|
232
|
-
(_d = inputRef.current) === null || _d === void 0 ? void 0 : _d.blink();
|
|
233
|
-
return;
|
|
234
|
-
}
|
|
235
|
-
updateEditingValue(result.nextValue);
|
|
236
|
-
selectSegment(result.selectedSegment);
|
|
237
|
-
return;
|
|
238
|
-
}
|
|
239
|
-
switch (event.key) {
|
|
240
|
-
case 'ArrowLeft': {
|
|
241
|
-
event.preventDefault();
|
|
242
|
-
normalizeCurrentSegmentIfNeeded(currentSegment);
|
|
243
|
-
selectSegment((_e = getPreviousTimeSegment(currentSegment)) !== null && _e !== void 0 ? _e : currentSegment);
|
|
244
|
-
return;
|
|
245
|
-
}
|
|
246
|
-
case 'ArrowRight': {
|
|
247
|
-
event.preventDefault();
|
|
248
|
-
normalizeCurrentSegmentIfNeeded(currentSegment);
|
|
249
|
-
selectSegment((_f = getNextTimeSegment(currentSegment, precision)) !== null && _f !== void 0 ? _f : currentSegment);
|
|
250
|
-
return;
|
|
251
|
-
}
|
|
252
|
-
case 'ArrowUp':
|
|
253
|
-
case 'ArrowDown': {
|
|
254
|
-
event.preventDefault();
|
|
255
|
-
var slotStep = event.key === 'ArrowUp' ? -1 : 1;
|
|
256
|
-
if (tryNavigateSlots(slotStep)) {
|
|
257
|
-
return;
|
|
258
|
-
}
|
|
259
|
-
var step = event.key === 'ArrowUp' ? 1 : -1;
|
|
260
|
-
updateEditingValue(shiftTimeSegmentValue(currentDisplayValue, currentSegment, step, precision));
|
|
261
|
-
selectSegment(currentSegment);
|
|
262
|
-
return;
|
|
263
|
-
}
|
|
264
|
-
case 'Backspace': {
|
|
265
|
-
event.preventDefault();
|
|
266
|
-
var nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, currentSegment, precision);
|
|
267
|
-
var nextSegment = currentSegment;
|
|
268
|
-
if (nextDisplayValue === currentDisplayValue) {
|
|
269
|
-
var previousSegment = getPreviousTimeSegment(currentSegment);
|
|
270
|
-
if (previousSegment) {
|
|
271
|
-
nextSegment = previousSegment;
|
|
272
|
-
nextDisplayValue = deleteTimeSegmentDigit(currentDisplayValue, previousSegment, precision);
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
updateEditingValue(nextDisplayValue);
|
|
276
|
-
selectSegment(nextSegment);
|
|
277
|
-
return;
|
|
278
|
-
}
|
|
279
|
-
case 'Delete': {
|
|
280
|
-
event.preventDefault();
|
|
281
|
-
updateEditingValue(clearTimeSegment(currentDisplayValue, currentSegment, precision));
|
|
282
|
-
selectSegment(currentSegment);
|
|
283
|
-
return;
|
|
284
|
-
}
|
|
285
|
-
case 'Enter': {
|
|
286
|
-
if (isSelectHighlightedSlot()) {
|
|
287
|
-
event.preventDefault();
|
|
288
|
-
}
|
|
289
|
-
return;
|
|
290
|
-
}
|
|
291
|
-
case ' ': {
|
|
292
|
-
event.preventDefault();
|
|
293
|
-
var nextSegment = getNextTimeSegment(currentSegment, precision);
|
|
294
|
-
var nextDisplayValue = commitTimeSegmentOnLeave(currentDisplayValue, currentSegment, precision);
|
|
295
|
-
updateEditingValue(nextDisplayValue);
|
|
296
|
-
if (nextSegment) {
|
|
297
|
-
selectSegment(nextSegment);
|
|
298
|
-
}
|
|
299
|
-
else {
|
|
300
|
-
selectSegment(currentSegment);
|
|
301
|
-
}
|
|
302
|
-
return;
|
|
303
|
-
}
|
|
304
|
-
default:
|
|
305
|
-
return;
|
|
306
|
-
}
|
|
307
|
-
};
|
|
308
|
-
var handlePaste = function (event) {
|
|
309
|
-
var _a, _b, _c;
|
|
310
|
-
onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
|
|
311
|
-
if (event.defaultPrevented || disabled) {
|
|
312
|
-
return;
|
|
313
|
-
}
|
|
314
|
-
var pastedValue = (_b = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) !== null && _b !== void 0 ? _b : '';
|
|
315
|
-
var nextDisplayValue = parsePastedTimeValue(pastedValue, precision);
|
|
316
|
-
event.preventDefault();
|
|
317
|
-
if (isTimeDisplayEmpty(nextDisplayValue)) {
|
|
318
|
-
(_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.blink();
|
|
319
|
-
return;
|
|
320
|
-
}
|
|
321
|
-
updateEditingValue(nextDisplayValue);
|
|
322
|
-
selectSegment('hours');
|
|
323
|
-
};
|
|
324
|
-
return (React.createElement(CommonWrapper, __assign({}, props),
|
|
325
|
-
React.createElement("span", { ref: rootRef, className: styles.root(), "data-tid": TimePickerDataTids.root },
|
|
326
|
-
React.createElement(TimeInput, __assign({}, inputProps, { "data-tid": TimePickerDataTids.input, ref: inputRef, disabled: disabled, size: size, precision: precision, rightContent: rightContent, value: displayValue, onClick: handleClick, onBlur: handleBlur, onFocus: handleFocus, onRightContentMouseDown: handleRightContentMouseDown, onMouseDownCapture: handleMouseDownCapture, onKeyDown: handleKeyDown, onSelectSegment: handleSelectSegmentByMouse, onPaste: handlePaste })),
|
|
327
|
-
dropdown && isDropdownOpened && rootRef.current && (React.createElement(Popup, { opened: true, hasShadow: true, "data-tid": TimePickerDataTids.popup, anchorElement: rootRef.current, priority: ZIndex.priorities.PopupMenu, positions: getMenuPositions(menuPos, menuAlign), margin: parseInt(theme.menuOffsetY) - 1 },
|
|
328
|
-
React.createElement("div", { className: styles.popup(theme), onMouseDown: function (event) { return event.preventDefault(); } },
|
|
329
|
-
React.createElement(Menu, { hasMargin: false, width: 'auto', maxHeight: popupMaxHeight }, resolvedSlots.map(function (slot, index) {
|
|
330
|
-
var normalizedSlot = normalizeSlotValue(slot.time, precision);
|
|
331
|
-
var state;
|
|
332
|
-
if (highlightedSlotIndex === index) {
|
|
333
|
-
state = 'hover';
|
|
334
|
-
}
|
|
335
|
-
else if (normalizedSlot === normalizedValue) {
|
|
336
|
-
state = 'selected';
|
|
337
|
-
}
|
|
338
|
-
return (React.createElement(MenuItem, { key: "".concat(slot.time, "-").concat(index), disabled: slot.disabled, size: size, state: state, onClick: function () { return selectSlot(slot); } },
|
|
339
|
-
React.createElement("span", { ref: function (node) {
|
|
340
|
-
if (node) {
|
|
341
|
-
slotRefs.current.set(index, node);
|
|
342
|
-
}
|
|
343
|
-
else {
|
|
344
|
-
slotRefs.current.delete(index);
|
|
345
|
-
}
|
|
346
|
-
}, "data-tid": TimePickerDataTids.slot, className: styles.slot() },
|
|
347
|
-
React.createElement("span", { className: styles.slotTime() }, normalizedSlot),
|
|
348
|
-
slot.info && React.createElement("span", { className: styles.slotInfo(theme) }, slot.info))));
|
|
349
|
-
}))))))));
|
|
350
|
-
});
|
|
351
|
-
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, ReactNode } from 'react';\nimport React, { useCallback, useContext, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { Menu } from '../../internal/Menu/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { isShortcutSelectAll } from '../../lib/events/keyboard/identifiers.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { InputProps } from '../Input/index.js';\nimport { MenuItem } from '../MenuItem/index.js';\nimport { scrollSelectedSlotIntoView } from './helpers/scrollSelectedSlotIntoView.js';\nimport { DIGIT_REGEXP } 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 normalizeSlotValue,\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';\n\nexport interface TimePickerProps\n extends\n Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'rightIcon' | 'inputMode'>,\n Pick<AriaAttributes, 'aria-describedby' | 'aria-label'> {\n dropdown?: boolean;\n menuPos?: 'top' | 'bottom';\n menuAlign?: 'left' | 'right';\n precision?: TimePrecision;\n slots?: TimeSlot[];\n rightContent?: ReactNode;\n value?: string | null;\n\n onValueChange?(value: string): void;\n}\n\nexport interface TimePickerRef {\n focus(): void;\n\n blur(): void;\n\n getNode(): HTMLElement | null;\n\n getRootNode(): HTMLElement | null;\n}\n\nexport const TimePickerDataTids = {\n root: 'TimePicker__root',\n input: 'TimePicker__input',\n popup: 'TimePicker__popup',\n slot: 'TimePicker__slot',\n rightContent: 'TimePicker__rightContent',\n} as const;\n\nexport const TimePicker = forwardRefAndName<TimePickerRef, TimePickerProps>('TimePicker', (props, ref) => {\n const {\n disabled,\n dropdown = false,\n precision = 'minute',\n size = 'small',\n slots,\n menuPos,\n menuAlign,\n rightContent,\n value: valueProp,\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 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 resolvedSlots = useMemo(() => slots ?? DEFAULT_TIME_PICKER_SLOTS, [slots]);\n\n const { editingValue, editingValueRef, setEditingValue, updateEditingValue, commitEditingValue, clearEditingValue } =\n useTimePickerValue({ isInputFocused, precision, value: valueProp, onValueChange });\n\n let displayValue = editingValue;\n\n if (isInputFocused) {\n displayValue = editingValue || getEmptyDisplayValue(precision);\n } else if (isTimeDisplayEmpty(editingValue)) {\n displayValue = '';\n }\n\n const { selectedSegment, selectSegment } = useTimePickerSelection({\n isInputFocused,\n precision,\n displayValue,\n inputRef,\n });\n\n const popupMaxHeight = getTimePickerPopupMaxHeight(size, theme);\n\n const normalizedValue = normalizeTimeValue(editingValue || valueProp || '', precision);\n\n const selectedSlotIndex = resolvedSlots.findIndex(\n (slot) => normalizeSlotValue(slot.time, precision) === normalizedValue,\n );\n\n const normalizeCurrentSegmentIfNeeded = useCallback(\n (segment: TimeSegment) => {\n const nextDisplayValue = commitTimeSegmentOnLeave(\n editingValue || getEmptyDisplayValue(precision),\n segment,\n precision,\n );\n\n updateEditingValue(nextDisplayValue);\n },\n [editingValue, precision, updateEditingValue],\n );\n\n const focusInput = useCallback(() => {\n inputRef.current?.focus();\n }, []);\n\n const blurInput = useCallback(() => {\n inputRef.current?.blur();\n }, []);\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 const selectSlot = useCallback(\n (slot: TimeSlot) => {\n if (slot.disabled) {\n return;\n }\n\n const nextValue = normalizeSlotValue(slot.time, precision);\n\n setEditingValue(nextValue);\n onValueChange?.(nextValue);\n closeDropdown();\n },\n [closeDropdown, onValueChange, precision, setEditingValue],\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 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 useImperativeHandle(\n ref,\n () => ({\n focus: focusInput,\n blur: blurInput,\n getNode: () => inputRef.current?.getNode() ?? null,\n getRootNode: () => rootRef.current,\n }),\n [blurInput, focusInput],\n );\n\n const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\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 handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n setIsInputFocused(false);\n isMouseFocusRef.current = false;\n isMouseDownOnFragmentRef.current = false;\n mouseDownSegmentRef.current = null;\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 handleClick = (event: React.MouseEvent<HTMLInputElement>) => {\n openDropdown();\n\n onClick?.(event);\n };\n\n const handleMouseDownCapture = (event: React.MouseEvent<HTMLInputElement>) => {\n const segment = inputRef.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 handleSelectSegmentByMouse = (segment: TimeSegment) => {\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 isMouseFocusRef.current = false;\n isMouseDownOnFragmentRef.current = false;\n mouseDownSegmentRef.current = null;\n };\n\n const handleRightContentMouseDown = (event: React.MouseEvent<HTMLSpanElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n openDropdown();\n focusInput();\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n\n if (event.defaultPrevented || disabled) {\n return;\n }\n\n if (isShortcutSelectAll(event)) {\n event.preventDefault();\n inputRef.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 = inputRef.current?.isAllSelected() ?? false;\n\n if (isAllSelected && (event.key === 'Backspace' || event.key === 'Delete')) {\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 inputRef.current?.blink();\n return;\n }\n\n updateEditingValue(result.nextValue);\n selectSegment(result.selectedSegment);\n return;\n }\n\n switch (event.key) {\n case 'ArrowLeft': {\n event.preventDefault();\n normalizeCurrentSegmentIfNeeded(currentSegment);\n selectSegment(getPreviousTimeSegment(currentSegment) ?? currentSegment);\n return;\n }\n\n case 'ArrowRight': {\n event.preventDefault();\n normalizeCurrentSegmentIfNeeded(currentSegment);\n selectSegment(getNextTimeSegment(currentSegment, precision) ?? currentSegment);\n return;\n }\n\n case 'ArrowUp':\n case 'ArrowDown': {\n event.preventDefault();\n\n const slotStep = event.key === 'ArrowUp' ? -1 : 1;\n\n if (tryNavigateSlots(slotStep)) {\n return;\n }\n\n const step = event.key === 'ArrowUp' ? 1 : -1;\n\n updateEditingValue(shiftTimeSegmentValue(currentDisplayValue, currentSegment, step, precision));\n selectSegment(currentSegment);\n return;\n }\n\n case 'Backspace': {\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 case 'Delete': {\n event.preventDefault();\n updateEditingValue(clearTimeSegment(currentDisplayValue, currentSegment, precision));\n selectSegment(currentSegment);\n return;\n }\n\n case 'Enter': {\n if (isSelectHighlightedSlot()) {\n event.preventDefault();\n }\n return;\n }\n\n case ' ': {\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 default:\n return;\n }\n };\n\n const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n onPaste?.(event);\n\n if (event.defaultPrevented || disabled) {\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 inputRef.current?.blink();\n return;\n }\n\n updateEditingValue(nextDisplayValue);\n selectSegment('hours');\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 size={size}\n precision={precision}\n rightContent={rightContent}\n value={displayValue}\n onClick={handleClick}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onRightContentMouseDown={handleRightContentMouseDown}\n onMouseDownCapture={handleMouseDownCapture}\n onKeyDown={handleKeyDown}\n onSelectSegment={handleSelectSegmentByMouse}\n onPaste={handlePaste}\n />\n\n {dropdown && isDropdownOpened && rootRef.current && (\n <Popup\n opened\n hasShadow\n data-tid={TimePickerDataTids.popup}\n anchorElement={rootRef.current}\n priority={ZIndex.priorities.PopupMenu}\n positions={getMenuPositions(menuPos, menuAlign)}\n margin={parseInt(theme.menuOffsetY) - 1}\n >\n <div className={styles.popup(theme)} onMouseDown={(event) => event.preventDefault()}>\n <Menu hasMargin={false} width={'auto'} maxHeight={popupMaxHeight}>\n {resolvedSlots.map((slot, index) => {\n const normalizedSlot = normalizeSlotValue(slot.time, precision);\n\n let state: 'hover' | 'selected' | undefined;\n\n if (highlightedSlotIndex === index) {\n state = 'hover';\n } else if (normalizedSlot === normalizedValue) {\n state = 'selected';\n }\n\n return (\n <MenuItem\n key={`${slot.time}-${index}`}\n disabled={slot.disabled}\n size={size}\n state={state}\n onClick={() => selectSlot(slot)}\n >\n <span\n ref={(node) => {\n if (node) {\n slotRefs.current.set(index, node);\n } else {\n slotRefs.current.delete(index);\n }\n }}\n data-tid={TimePickerDataTids.slot}\n className={styles.slot()}\n >\n <span className={styles.slotTime()}>{normalizedSlot}</span>\n {slot.info && <span className={styles.slotInfo(theme)}>{slot.info}</span>}\n </span>\n </MenuItem>\n );\n })}\n </Menu>\n </div>\n </Popup>\n )}\n </span>\n </CommonWrapper>\n );\n});\n"]}
|
|
@@ -1,12 +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
|
-
inputRoot(): string;
|
|
5
|
-
popup(t: Theme): string;
|
|
6
|
-
rightContent(): string;
|
|
7
|
-
rightContentInteractive(): string;
|
|
8
|
-
rightContentDefault(t: Theme): string;
|
|
9
|
-
slot(): string;
|
|
10
|
-
slotTime(): string;
|
|
11
|
-
slotInfo(t: Theme): string;
|
|
12
|
-
}>;
|
|
@@ -1,39 +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
|
-
inputRoot: function () {
|
|
13
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n input {\n font-variant-numeric: tabular-nums;\n }\n "], ["\n input {\n font-variant-numeric: tabular-nums;\n }\n "])));
|
|
14
|
-
},
|
|
15
|
-
popup: function (t) {
|
|
16
|
-
return css(templateObject_3 || (templateObject_3 = __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);
|
|
17
|
-
},
|
|
18
|
-
rightContent: function () {
|
|
19
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n font-variant-numeric: tabular-nums;\n user-select: none;\n "], ["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n font-variant-numeric: tabular-nums;\n user-select: none;\n "])));
|
|
20
|
-
},
|
|
21
|
-
rightContentInteractive: function () {
|
|
22
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: pointer;\n "], ["\n cursor: pointer;\n "])));
|
|
23
|
-
},
|
|
24
|
-
rightContentDefault: function (t) {
|
|
25
|
-
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), t.textColorDefault);
|
|
26
|
-
},
|
|
27
|
-
slot: function () {
|
|
28
|
-
return css(templateObject_7 || (templateObject_7 = __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 "])));
|
|
29
|
-
},
|
|
30
|
-
slotTime: function () {
|
|
31
|
-
return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n "], ["\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n "])));
|
|
32
|
-
},
|
|
33
|
-
slotInfo: function (t) {
|
|
34
|
-
return css(templateObject_9 || (templateObject_9 = __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);
|
|
35
|
-
},
|
|
36
|
-
});
|
|
37
|
-
});
|
|
38
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
39
|
-
//# 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,SAAS;YACP,OAAO,GAAG,gJAAA,6EAIT,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,YAAY;YACV,OAAO,GAAG,6PAAA,0LAOT,KAAC;QACJ,CAAC;QAED,uBAAuB;YACrB,OAAO,GAAG,mGAAA,gCAET,KAAC;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,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;AA1E8D,CA0E9D,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 inputRoot() {\n return css`\n input {\n font-variant-numeric: tabular-nums;\n }\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 rightContent() {\n return css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n font-variant-numeric: tabular-nums;\n user-select: none;\n `;\n },\n\n rightContentInteractive() {\n return css`\n cursor: pointer;\n `;\n },\n\n rightContentDefault(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"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { SizeProp } from '../../../lib/types/props.js';
|
|
2
|
-
import type { TimePrecision, TimeSegment, TimeSlot } from './TimePicker.shared.js';
|
|
3
|
-
export declare const TIME_PLACEHOLDER_CHAR = "\u2212";
|
|
4
|
-
export declare const TIME_SEPARATOR = ":";
|
|
5
|
-
export declare const TIME_SEGMENT_LENGTH = 2;
|
|
6
|
-
export declare const HOURS_MAX_VALUE = 23;
|
|
7
|
-
export declare const MINUTES_AND_SECONDS_MAX_VALUE = 59;
|
|
8
|
-
export declare const ZERO_PAD_CHAR = "0";
|
|
9
|
-
export declare const EMPTY_VALUE = "";
|
|
10
|
-
export declare const DIGIT_REGEXP: RegExp;
|
|
11
|
-
export declare const NON_DIGIT_REGEXP: RegExp;
|
|
12
|
-
export declare const TIME_VALUE_SPLIT_REGEXP: RegExp;
|
|
13
|
-
export declare const EMPTY_SEGMENT: string;
|
|
14
|
-
export declare const TIME_SEGMENTS_BY_PRECISION: Record<TimePrecision, TimeSegment[]>;
|
|
15
|
-
export declare const MAX_DIGITS_BY_PRECISION: Record<TimePrecision, number>;
|
|
16
|
-
export declare const FIRST_DIGIT_MAX_BY_SEGMENT: Record<TimeSegment, number>;
|
|
17
|
-
export declare const INPUT_WIDTH_BY_SIZE: Record<SizeProp, number>;
|
|
18
|
-
export declare const INPUT_WIDTH_WITH_SECONDS_BY_SIZE: Record<SizeProp, number>;
|
|
19
|
-
export declare const DEFAULT_TIME_PICKER_SLOTS: TimeSlot[];
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
export var TIME_PLACEHOLDER_CHAR = '\u2212';
|
|
2
|
-
export var TIME_SEPARATOR = ':';
|
|
3
|
-
export var TIME_SEGMENT_LENGTH = 2;
|
|
4
|
-
var HOURS_FIRST_DIGIT_MAX = 2;
|
|
5
|
-
var MINUTES_AND_SECONDS_FIRST_DIGIT_MAX = 5;
|
|
6
|
-
var MINUTE_PRECISION_DIGITS_COUNT = 4;
|
|
7
|
-
var SECOND_PRECISION_DIGITS_COUNT = 6;
|
|
8
|
-
export var HOURS_MAX_VALUE = 23;
|
|
9
|
-
export var MINUTES_AND_SECONDS_MAX_VALUE = 59;
|
|
10
|
-
export var ZERO_PAD_CHAR = '0';
|
|
11
|
-
export var EMPTY_VALUE = '';
|
|
12
|
-
export var DIGIT_REGEXP = /\d/;
|
|
13
|
-
export var NON_DIGIT_REGEXP = /\D/g;
|
|
14
|
-
export var TIME_VALUE_SPLIT_REGEXP = /:/;
|
|
15
|
-
export var EMPTY_SEGMENT = TIME_PLACEHOLDER_CHAR.repeat(TIME_SEGMENT_LENGTH);
|
|
16
|
-
export var TIME_SEGMENTS_BY_PRECISION = {
|
|
17
|
-
minute: ['hours', 'minutes'],
|
|
18
|
-
second: ['hours', 'minutes', 'seconds'],
|
|
19
|
-
};
|
|
20
|
-
export var MAX_DIGITS_BY_PRECISION = {
|
|
21
|
-
minute: MINUTE_PRECISION_DIGITS_COUNT,
|
|
22
|
-
second: SECOND_PRECISION_DIGITS_COUNT,
|
|
23
|
-
};
|
|
24
|
-
export var FIRST_DIGIT_MAX_BY_SEGMENT = {
|
|
25
|
-
hours: HOURS_FIRST_DIGIT_MAX,
|
|
26
|
-
minutes: MINUTES_AND_SECONDS_FIRST_DIGIT_MAX,
|
|
27
|
-
seconds: MINUTES_AND_SECONDS_FIRST_DIGIT_MAX,
|
|
28
|
-
};
|
|
29
|
-
export var INPUT_WIDTH_BY_SIZE = {
|
|
30
|
-
small: 80,
|
|
31
|
-
medium: 100,
|
|
32
|
-
large: 120,
|
|
33
|
-
};
|
|
34
|
-
export var INPUT_WIDTH_WITH_SECONDS_BY_SIZE = {
|
|
35
|
-
small: 106,
|
|
36
|
-
medium: 128,
|
|
37
|
-
large: 152,
|
|
38
|
-
};
|
|
39
|
-
export var DEFAULT_TIME_PICKER_SLOTS = Array.from({ length: 10 }, function (_, index) { return ({
|
|
40
|
-
time: "".concat(String(index + 9).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR)).concat(TIME_SEPARATOR, "00"),
|
|
41
|
-
}); });
|
|
42
|
-
//# sourceMappingURL=TimePicker.constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.constants.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/TimePicker.constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,qBAAqB,GAAG,QAAQ,CAAC;AAC9C,MAAM,CAAC,IAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,IAAM,mBAAmB,GAAG,CAAC,CAAC;AAErC,IAAM,qBAAqB,GAAG,CAAC,CAAC;AAChC,IAAM,mCAAmC,GAAG,CAAC,CAAC;AAC9C,IAAM,6BAA6B,GAAG,CAAC,CAAC;AACxC,IAAM,6BAA6B,GAAG,CAAC,CAAC;AAExC,MAAM,CAAC,IAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,IAAM,6BAA6B,GAAG,EAAE,CAAC;AAChD,MAAM,CAAC,IAAM,aAAa,GAAG,GAAG,CAAC;AACjC,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAAC;AACjC,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC;AACtC,MAAM,CAAC,IAAM,uBAAuB,GAAG,GAAG,CAAC;AAC3C,MAAM,CAAC,IAAM,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAE/E,MAAM,CAAC,IAAM,0BAA0B,GAAyC;IAC9E,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAkC;IACpE,MAAM,EAAE,6BAA6B;IACrC,MAAM,EAAE,6BAA6B;CACtC,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAAgC;IACrE,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,mCAAmC;IAC5C,OAAO,EAAE,mCAAmC;CAC7C,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAA6B;IAC3D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,IAAM,gCAAgC,GAA6B;IACxE,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,IAAM,yBAAyB,GAAe,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CAAC;IAC7F,IAAI,EAAE,UAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,mBAAmB,EAAE,aAAa,CAAC,SAAG,cAAc,OAAI;CAC7F,CAAC,EAF4F,CAE5F,CAAC,CAAC","sourcesContent":["import type { SizeProp } from '../../../lib/types/props.js';\nimport type { TimePrecision, TimeSegment, TimeSlot } from './TimePicker.shared.js';\n\nexport const TIME_PLACEHOLDER_CHAR = '\\u2212';\nexport const TIME_SEPARATOR = ':';\nexport const TIME_SEGMENT_LENGTH = 2;\n\nconst HOURS_FIRST_DIGIT_MAX = 2;\nconst MINUTES_AND_SECONDS_FIRST_DIGIT_MAX = 5;\nconst MINUTE_PRECISION_DIGITS_COUNT = 4;\nconst SECOND_PRECISION_DIGITS_COUNT = 6;\n\nexport const HOURS_MAX_VALUE = 23;\nexport const MINUTES_AND_SECONDS_MAX_VALUE = 59;\nexport const ZERO_PAD_CHAR = '0';\nexport const EMPTY_VALUE = '';\nexport const DIGIT_REGEXP = /\\d/;\nexport const NON_DIGIT_REGEXP = /\\D/g;\nexport const TIME_VALUE_SPLIT_REGEXP = /:/;\nexport const EMPTY_SEGMENT = TIME_PLACEHOLDER_CHAR.repeat(TIME_SEGMENT_LENGTH);\n\nexport const TIME_SEGMENTS_BY_PRECISION: Record<TimePrecision, TimeSegment[]> = {\n minute: ['hours', 'minutes'],\n second: ['hours', 'minutes', 'seconds'],\n};\n\nexport const MAX_DIGITS_BY_PRECISION: Record<TimePrecision, number> = {\n minute: MINUTE_PRECISION_DIGITS_COUNT,\n second: SECOND_PRECISION_DIGITS_COUNT,\n};\n\nexport const FIRST_DIGIT_MAX_BY_SEGMENT: Record<TimeSegment, number> = {\n hours: HOURS_FIRST_DIGIT_MAX,\n minutes: MINUTES_AND_SECONDS_FIRST_DIGIT_MAX,\n seconds: MINUTES_AND_SECONDS_FIRST_DIGIT_MAX,\n};\n\nexport const INPUT_WIDTH_BY_SIZE: Record<SizeProp, number> = {\n small: 80,\n medium: 100,\n large: 120,\n};\n\nexport const INPUT_WIDTH_WITH_SECONDS_BY_SIZE: Record<SizeProp, number> = {\n small: 106,\n medium: 128,\n large: 152,\n};\n\nexport const DEFAULT_TIME_PICKER_SLOTS: TimeSlot[] = Array.from({ length: 10 }, (_, index) => ({\n time: `${String(index + 9).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR)}${TIME_SEPARATOR}00`,\n}));\n"]}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type TimeDigitInputResult, type TimePrecision, type TimeSegment } from './TimePicker.shared.js';
|
|
2
|
-
export declare const clearTimeSegment: (value: string, segment: TimeSegment, precision: TimePrecision) => string;
|
|
3
|
-
export declare const deleteTimeSegmentDigit: (value: string, segment: TimeSegment, precision: TimePrecision) => string;
|
|
4
|
-
export declare const commitTimeSegmentOnLeave: (value: string, segment: TimeSegment, precision: TimePrecision) => string;
|
|
5
|
-
export declare const shiftTimeSegmentValue: (value: string, segment: TimeSegment, step: 1 | -1, precision: TimePrecision) => string;
|
|
6
|
-
export declare const formatDigitToTimeSegment: (value: string, segment: TimeSegment, digit: string, precision: TimePrecision) => TimeDigitInputResult;
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, FIRST_DIGIT_MAX_BY_SEGMENT, TIME_PLACEHOLDER_CHAR, TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR, } from './TimePicker.constants.js';
|
|
2
|
-
import { getNextTimeSegment } from './TimePicker.selection.js';
|
|
3
|
-
import { getDigits, getTimeSegmentMax, hasPendingSingleDigit, normalizeEditableSegment, } from './TimePicker.shared.js';
|
|
4
|
-
import { getTimeSegmentValue, replaceTimeSegment } from './TimePicker.value.js';
|
|
5
|
-
export var clearTimeSegment = function (value, segment, precision) {
|
|
6
|
-
return replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);
|
|
7
|
-
};
|
|
8
|
-
export var deleteTimeSegmentDigit = function (value, segment, precision) {
|
|
9
|
-
var currentSegmentValue = getTimeSegmentValue(value, segment, precision);
|
|
10
|
-
var _a = Array.from(currentSegmentValue), first = _a[0], second = _a[1];
|
|
11
|
-
if (DIGIT_REGEXP.test(second !== null && second !== void 0 ? second : EMPTY_VALUE)) {
|
|
12
|
-
return replaceTimeSegment(value, segment, "".concat(first).concat(TIME_PLACEHOLDER_CHAR), precision);
|
|
13
|
-
}
|
|
14
|
-
if (DIGIT_REGEXP.test(first !== null && first !== void 0 ? first : EMPTY_VALUE)) {
|
|
15
|
-
return replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);
|
|
16
|
-
}
|
|
17
|
-
return value;
|
|
18
|
-
};
|
|
19
|
-
export var commitTimeSegmentOnLeave = function (value, segment, precision) {
|
|
20
|
-
var nextValue = normalizeEditableSegment(getTimeSegmentValue(value, segment, precision), segment);
|
|
21
|
-
if (nextValue === EMPTY_SEGMENT) {
|
|
22
|
-
return replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);
|
|
23
|
-
}
|
|
24
|
-
return replaceTimeSegment(value, segment, nextValue, precision);
|
|
25
|
-
};
|
|
26
|
-
export var shiftTimeSegmentValue = function (value, segment, step, precision) {
|
|
27
|
-
var currentSegmentValue = getTimeSegmentValue(value, segment, precision);
|
|
28
|
-
var normalizedSegmentValue = normalizeEditableSegment(currentSegmentValue, segment);
|
|
29
|
-
var max = getTimeSegmentMax(segment);
|
|
30
|
-
var current = normalizedSegmentValue === EMPTY_SEGMENT ? 0 : Number(normalizedSegmentValue);
|
|
31
|
-
var next = (current + step + max + 1) % (max + 1);
|
|
32
|
-
return replaceTimeSegment(value, segment, String(next).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR), precision);
|
|
33
|
-
};
|
|
34
|
-
export var formatDigitToTimeSegment = function (value, segment, digit, precision) {
|
|
35
|
-
var currentSegmentValue = getTimeSegmentValue(value, segment, precision);
|
|
36
|
-
var nextSegment = getNextTimeSegment(segment, precision);
|
|
37
|
-
var shouldAppend = hasPendingSingleDigit(currentSegmentValue);
|
|
38
|
-
var currentDigits = shouldAppend ? getDigits(currentSegmentValue) : '';
|
|
39
|
-
var firstDigitThreshold = FIRST_DIGIT_MAX_BY_SEGMENT[segment];
|
|
40
|
-
if (currentDigits.length === 0) {
|
|
41
|
-
if (Number(digit) > firstDigitThreshold) {
|
|
42
|
-
var nextValue_1 = replaceTimeSegment(value, segment, "0".concat(digit), precision);
|
|
43
|
-
return {
|
|
44
|
-
isFinalPart: nextSegment === null,
|
|
45
|
-
isCompletedPart: true,
|
|
46
|
-
selectedSegment: nextSegment !== null && nextSegment !== void 0 ? nextSegment : segment,
|
|
47
|
-
nextValue: nextValue_1,
|
|
48
|
-
shouldBlink: false,
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
return {
|
|
52
|
-
isFinalPart: false,
|
|
53
|
-
isCompletedPart: false,
|
|
54
|
-
selectedSegment: segment,
|
|
55
|
-
nextValue: replaceTimeSegment(value, segment, "".concat(digit).concat(TIME_PLACEHOLDER_CHAR), precision),
|
|
56
|
-
shouldBlink: false,
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
if (segment === 'hours' && currentDigits === '2' && Number(digit) > 3) {
|
|
60
|
-
return {
|
|
61
|
-
isFinalPart: false,
|
|
62
|
-
isCompletedPart: false,
|
|
63
|
-
selectedSegment: segment,
|
|
64
|
-
nextValue: value,
|
|
65
|
-
shouldBlink: true,
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
var nextValue = replaceTimeSegment(value, segment, String(Number("".concat(currentDigits).concat(digit))).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR), precision);
|
|
69
|
-
return {
|
|
70
|
-
isFinalPart: nextSegment === null,
|
|
71
|
-
isCompletedPart: true,
|
|
72
|
-
selectedSegment: nextSegment !== null && nextSegment !== void 0 ? nextSegment : segment,
|
|
73
|
-
nextValue: nextValue,
|
|
74
|
-
shouldBlink: false,
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
//# sourceMappingURL=TimePicker.editing.js.map
|