@servicetitan/design-system 11.5.2-beta.1 → 11.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Input/Input.css +1 -3
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.test.js +3 -3
- package/dist/components/Input/Input.test.js.map +1 -1
- package/dist/components/Input/index.css +1 -3
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Table/Table.css +19 -0
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +19 -0
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.css +1 -5
- package/dist/components/TimePicker/TimePicker.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +25 -21
- package/dist/components/TimePicker/TimePicker.js +94 -83
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/index.css +1 -5
- package/dist/components/TimePicker/index.css.map +1 -1
- package/dist/components/TimePicker/utils/filterOptions.js +3 -3
- package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/generateOptions.d.ts +2 -2
- package/dist/components/TimePicker/utils/generateOptions.js +7 -8
- package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.d.ts +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.js +4 -4
- package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
- package/dist/components/TimePicker/utils/highlightClosestOption.js +1 -1
- package/dist/components/TimePicker/utils/highlightClosestOption.js.map +1 -1
- package/dist/components/TimePicker/utils/timePickerUtils.test.js +21 -8
- package/dist/components/TimePicker/utils/timePickerUtils.test.js.map +1 -1
- package/dist/components/TimePicker/utils/toTimeFormat.d.ts +1 -1
- package/dist/components/TimePicker/utils/toTimeFormat.js +23 -3
- package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
- package/dist/components/index.css +21 -8
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +22 -9
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/utilities/usePrefersColorScheme.js +13 -6
- package/dist/utilities/usePrefersColorScheme.js.map +1 -1
- package/package.json +8 -8
|
@@ -9,117 +9,126 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useCallback, useMemo } from 'react';
|
|
12
|
+
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
|
-
import { Input,
|
|
14
|
+
import { Input, Popover } from '..';
|
|
15
15
|
import { keys } from '../../utilities';
|
|
16
16
|
import { toTimeFormat, generateOptions, filterOptionsWithRounding, filterOptions, getClosestOption, getOptionByValue, highlightClosestOption, withClosestOption, } from './utils';
|
|
17
17
|
import { TimePickerOptionList } from './components';
|
|
18
18
|
export const TimePicker = React.forwardRef((props, ref) => {
|
|
19
|
-
const {
|
|
19
|
+
const { autoRounding = false, className, defaultTimeSignifier = 'AM', direction = 'br', disabled, error, fluid, format = 'hh:mm xm', step = 30, max = '23:59 PM', min = '12:00 AM', onChange, open, placeholder, disableDropdown, size, value, width = '100' } = props, rest = __rest(props, ["autoRounding", "className", "defaultTimeSignifier", "direction", "disabled", "error", "fluid", "format", "step", "max", "min", "onChange", "open", "placeholder", "disableDropdown", "size", "value", "width"]);
|
|
20
20
|
const inputRef = React.useRef(null);
|
|
21
|
-
const [
|
|
22
|
-
const [
|
|
23
|
-
const [
|
|
24
|
-
const [
|
|
25
|
-
|
|
21
|
+
const [opened, setOpened] = React.useState(open && !disableDropdown); // Dropdown is visible
|
|
22
|
+
const [focused, setFocused] = React.useState(false); // Input field or dropdown is in focus
|
|
23
|
+
const [input, setInput] = React.useState(''); // User's input string
|
|
24
|
+
const [filter, setFilter] = React.useState(''); // Dropdown's options filter string (differs from user's input)
|
|
25
|
+
const valueToText = useCallback((value) => {
|
|
26
|
+
if (typeof value === 'undefined')
|
|
27
|
+
return '';
|
|
28
|
+
return toTimeFormat(value, format) || '';
|
|
29
|
+
}, [format]);
|
|
30
|
+
useEffect(() => {
|
|
26
31
|
// Set input's text on each non-null value change
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
32
|
+
setInput(valueToText(value));
|
|
33
|
+
}, [value, valueToText]);
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
// Perform autocomplete on first render to convert "value: string" into "value: Date"
|
|
36
|
+
autoComplete();
|
|
37
|
+
/* eslint-disable-next-line react-hooks/exhaustive-deps */
|
|
38
|
+
}, []);
|
|
30
39
|
const handleInputFocus = () => {
|
|
31
|
-
if (
|
|
32
|
-
|
|
33
|
-
if (
|
|
34
|
-
|
|
35
|
-
if (
|
|
36
|
-
|
|
40
|
+
if (focused)
|
|
41
|
+
setFocused(false);
|
|
42
|
+
if (!opened)
|
|
43
|
+
setOpened(!disableDropdown || true);
|
|
44
|
+
if (input !== '')
|
|
45
|
+
setFilter(''); // Don't apply filter on focus until typing
|
|
37
46
|
};
|
|
38
47
|
const handleInputBlur = () => {
|
|
39
|
-
//
|
|
40
|
-
if (
|
|
48
|
+
// Suppress autoComplete, as focus may go to dropdown
|
|
49
|
+
if (!disableDropdown)
|
|
41
50
|
return;
|
|
42
|
-
// Fake blur, active element
|
|
51
|
+
// Fake blur detection, case if active element not changed (alt+tab, etc)
|
|
43
52
|
if (document.activeElement === inputRef.current.inputRef.current)
|
|
44
53
|
return;
|
|
45
54
|
autoComplete();
|
|
46
55
|
};
|
|
47
|
-
// Initial list of options
|
|
48
|
-
const optionsArgs = [
|
|
56
|
+
// Initial list of options to be generated based on min, max & step
|
|
57
|
+
const optionsArgs = [min, max, step, format];
|
|
49
58
|
const options = useCallback(generateOptions, optionsArgs)(...optionsArgs);
|
|
50
|
-
//
|
|
59
|
+
// Getting most expected option based on user's input
|
|
51
60
|
const closestOptionArgs = [
|
|
52
61
|
options,
|
|
53
|
-
|
|
62
|
+
input,
|
|
54
63
|
defaultTimeSignifier,
|
|
55
64
|
autoRounding,
|
|
56
|
-
|
|
57
|
-
|
|
65
|
+
min,
|
|
66
|
+
max,
|
|
67
|
+
format,
|
|
58
68
|
];
|
|
59
69
|
const closestOption = useCallback(getClosestOption, closestOptionArgs)(...closestOptionArgs);
|
|
60
|
-
// Filtered list of options with extra one to highligh (in case
|
|
61
|
-
const
|
|
62
|
-
if (
|
|
70
|
+
// Filtered list of options with an extra one to highligh (in case autoRounding is disabled)
|
|
71
|
+
const dropdownOptions = useMemo(() => {
|
|
72
|
+
if (input === '' || filter === '')
|
|
63
73
|
return options;
|
|
64
|
-
}
|
|
65
74
|
let filtered;
|
|
66
75
|
if (autoRounding) {
|
|
67
|
-
filtered = filterOptionsWithRounding(options,
|
|
76
|
+
filtered = filterOptionsWithRounding(options, filter);
|
|
68
77
|
}
|
|
69
78
|
else {
|
|
70
|
-
filtered = filterOptions(options,
|
|
79
|
+
filtered = filterOptions(options, filter);
|
|
71
80
|
}
|
|
72
81
|
// Insert closest option in case it was filtered out
|
|
73
82
|
filtered = withClosestOption(filtered, closestOption);
|
|
74
83
|
filtered = highlightClosestOption(filtered, closestOption);
|
|
75
84
|
return filtered;
|
|
76
|
-
}, [
|
|
85
|
+
}, [input, filter, options, autoRounding, closestOption]);
|
|
77
86
|
// Runs on each input blur event
|
|
78
87
|
const autoComplete = () => {
|
|
79
88
|
var _a, _b, _c;
|
|
80
|
-
// User is choosing from
|
|
81
|
-
if (
|
|
89
|
+
// User is choosing from dropdown'ed options
|
|
90
|
+
if (focused)
|
|
82
91
|
return;
|
|
83
92
|
if (closestOption) {
|
|
84
93
|
// Accept user input
|
|
85
94
|
if (((_b = (_a = closestOption.value) === null || _a === void 0 ? void 0 : _a.getTime) === null || _b === void 0 ? void 0 : _b.call(_a)) !== ((_c = value === null || value === void 0 ? void 0 : value.getTime) === null || _c === void 0 ? void 0 : _c.call(value)))
|
|
86
95
|
onChange(closestOption.value);
|
|
87
|
-
if (
|
|
88
|
-
|
|
89
|
-
if (
|
|
90
|
-
|
|
96
|
+
if (input !== closestOption.text)
|
|
97
|
+
setInput(closestOption.text);
|
|
98
|
+
if (opened)
|
|
99
|
+
setOpened(false);
|
|
91
100
|
}
|
|
92
|
-
else if (
|
|
101
|
+
else if (input !== '') {
|
|
93
102
|
// Reject user input
|
|
94
103
|
onChange(null);
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
if (
|
|
98
|
-
|
|
104
|
+
setInput('');
|
|
105
|
+
setFilter('');
|
|
106
|
+
if (opened)
|
|
107
|
+
setOpened(false);
|
|
99
108
|
}
|
|
100
109
|
};
|
|
101
|
-
//
|
|
110
|
+
// Handling with user's typing
|
|
102
111
|
const handleInputChange = (e, data) => {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
if (!
|
|
106
|
-
|
|
112
|
+
setInput(data.value.toUpperCase());
|
|
113
|
+
setFilter(data.value.toUpperCase());
|
|
114
|
+
if (!opened)
|
|
115
|
+
setOpened(!disableDropdown);
|
|
107
116
|
};
|
|
108
117
|
const handleClickOutside = () => {
|
|
109
|
-
if (
|
|
110
|
-
|
|
118
|
+
if (opened)
|
|
119
|
+
setOpened(false);
|
|
111
120
|
autoComplete();
|
|
112
121
|
};
|
|
113
122
|
const handleIconClick = () => {
|
|
114
|
-
|
|
123
|
+
setOpened(!disabled && !disableDropdown && !opened);
|
|
115
124
|
inputRef.current.focus();
|
|
116
125
|
};
|
|
117
126
|
const handleKeyDown = (e) => {
|
|
118
127
|
const { key } = e;
|
|
119
|
-
//
|
|
128
|
+
// Set focus back from dropdown to the input field
|
|
120
129
|
if (key === keys.esc) {
|
|
121
130
|
e.preventDefault();
|
|
122
|
-
|
|
131
|
+
setOpened(false);
|
|
123
132
|
inputRef.current.focus();
|
|
124
133
|
}
|
|
125
134
|
// Autocomplete on focus lost (on tab or shift+tab)
|
|
@@ -128,64 +137,66 @@ export const TimePicker = React.forwardRef((props, ref) => {
|
|
|
128
137
|
// Explicit autocomplete (on enter)
|
|
129
138
|
if (key === keys.enter)
|
|
130
139
|
autoComplete();
|
|
131
|
-
// Move focus to the
|
|
140
|
+
// Move focus to the dropdown
|
|
132
141
|
if (key === keys.down || key === keys.up) {
|
|
133
|
-
if (
|
|
142
|
+
if (opened && !focused) {
|
|
134
143
|
e.preventDefault();
|
|
135
|
-
|
|
144
|
+
setFocused(true);
|
|
136
145
|
}
|
|
137
146
|
}
|
|
138
147
|
};
|
|
139
|
-
const
|
|
148
|
+
const dropdownFocusValue = () => {
|
|
140
149
|
const focusValue = closestOption
|
|
141
|
-
? getOptionByValue(
|
|
142
|
-
:
|
|
143
|
-
return
|
|
150
|
+
? getOptionByValue(dropdownOptions, closestOption.value)
|
|
151
|
+
: dropdownOptions[0];
|
|
152
|
+
return focused ? focusValue : null;
|
|
144
153
|
};
|
|
145
154
|
const handleHintOnChange = (value) => {
|
|
146
155
|
inputRef.current.focus(); // Move focus back to the field
|
|
147
156
|
onChange(value);
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
if (
|
|
151
|
-
|
|
157
|
+
setInput(valueToText(value));
|
|
158
|
+
setFilter('');
|
|
159
|
+
if (opened)
|
|
160
|
+
setOpened(false);
|
|
152
161
|
};
|
|
153
162
|
const TimePickerClasses = classnames(className, 'TimePicker', {
|
|
154
163
|
'TimePicker--disabled': disabled,
|
|
155
164
|
[`TimePicker--${size}`]: size,
|
|
156
165
|
});
|
|
157
|
-
const
|
|
166
|
+
const inputProps = {
|
|
158
167
|
fluid,
|
|
159
168
|
disabled,
|
|
160
169
|
error,
|
|
161
|
-
placeholder
|
|
170
|
+
placeholder: format === 'hh:mm xm'
|
|
171
|
+
? 'HH:MM ' + defaultTimeSignifier
|
|
172
|
+
: 'HH:MM',
|
|
162
173
|
size,
|
|
163
174
|
onChange: handleInputChange,
|
|
164
175
|
onFocus: handleInputFocus,
|
|
165
176
|
onBlur: handleInputBlur,
|
|
166
|
-
value:
|
|
177
|
+
value: input,
|
|
167
178
|
};
|
|
168
|
-
const
|
|
179
|
+
const dropdownProps = {
|
|
169
180
|
className: classnames('TimePicker__options', {
|
|
170
|
-
'TimePicker__options-focused':
|
|
181
|
+
'TimePicker__options-focused': focused,
|
|
171
182
|
}),
|
|
172
|
-
focusValue:
|
|
173
|
-
options:
|
|
183
|
+
focusValue: dropdownFocusValue(),
|
|
184
|
+
options: dropdownOptions,
|
|
174
185
|
onChange: handleHintOnChange,
|
|
175
186
|
tabIndex: -1,
|
|
176
187
|
type: 'time',
|
|
177
188
|
};
|
|
178
|
-
const Field = (React.createElement(Input, Object.assign({},
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
return (React.createElement(Popover, Object.assign({ autoFlipVertically: true, className: classnames('
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
React.createElement(TimePickerOptionList, Object.assign({},
|
|
189
|
+
const Field = (React.createElement(Input, Object.assign({}, inputProps, { className: "TimePicker__input", ref: inputRef, icon: {
|
|
190
|
+
className: 'TimePicker__icon',
|
|
191
|
+
el: 'span',
|
|
192
|
+
name: 'access_time',
|
|
193
|
+
onClick: handleIconClick,
|
|
194
|
+
}, iconPosition: "left", "data-anvil-component": "TimePicker" })));
|
|
195
|
+
return (React.createElement(Popover, Object.assign({ autoFlipVertically: true, className: classnames('TimePicker__dropdown', 'a-Select'), direction: direction, onClickOutside: handleClickOutside, onKeyDown: handleKeyDown, open: !disabled &&
|
|
196
|
+
!disableDropdown &&
|
|
197
|
+
opened &&
|
|
198
|
+
dropdownOptions.length !== 0, padding: null, portal: true, ref: ref, scrollHeight: props.scrollHeight || '192px', trigger: Field, width: width, wrapperClassName: TimePickerClasses }, rest),
|
|
199
|
+
React.createElement(TimePickerOptionList, Object.assign({}, dropdownProps))));
|
|
189
200
|
});
|
|
190
201
|
TimePicker.displayName = 'TimePicker';
|
|
191
202
|
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/TimePicker/TimePicker.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eExBiB;EFyBjB;EACA;AAgBA;;AATA;EACC,WE6FY;EF5FZ,aE+DoB;EF9DpB;EACA;;AAGD;EAAc;;AAGd;EAAwB;;AACxB;EAAiB;;;AAGlB;EACC,gBEoEW;EFnEX,cEoEW;;;AFhEX;EAKC,kBA/DyB;;AA2DzB;EACC,OA1DkB;;AAiElB;EAAY,kBAnEY;;;AAwE3B;AACA;EAAsC,cEiD1B;;;AF7CV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cEyCc;;;AFtCf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA,cEqBc;EFpBd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cEOW;EFNX;EACA,YACC;AAWD;;AAJA;EACC;;AAKA;EACC,YACC;;;AAUJ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB;;;AGtKzB;AFHC;EACA;AAEA;EACA;EEEA;;AAEA;EACC;EACA;;;AAIF;EAAqB;;;AACrB;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/OptionList/OptionList.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/TimePicker/TimePicker.scss"],"names":[],"mappings":"AAAA;ACQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBAXwB;;;AAe1B;AClBC;EACA;AAEA;EACA;;;ADkBD;AAEC;EACC;;;AAIF;AACA;EACC,eExBiB;EFyBjB;EACA;AAgBA;;AATA;EACC,WE6FY;EF5FZ,aE+DoB;EF9DpB;EACA;;AAGD;EAAc;;AAGd;EAAwB;;AACxB;EAAiB;;;AAGlB;EACC,gBEoEW;EFnEX,cEoEW;;;AFhEX;EAKC,kBA/DyB;;AA2DzB;EACC,OA1DkB;;AAiElB;EAAY,kBAnEY;;;AAwE3B;AACA;EAAsC,cEiD1B;;;AF7CV;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AAKH;AACA;EACC;EACA;EACA;EACA,cEyCc;;;AFtCf;AACA;EACC;EACA;EACA;;;AAGD;AAEC;EAAwB;;AACxB;EAAiB;;;AAGlB;AACA;EACC;EACA;EACA,cEqBc;EFpBd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cEOW;EFNX;EACA,YACC;AAWD;;AAJA;EACC;;AAKA;EACC,YACC;;;AAUJ;AAAA;AAAA;AAAA;AAKC;AAAA;EAGC;;AAEA;AAAA;EACC;;AAIF;EAAwB;;;AAGzB;AAAA;AAAA;AAAA;AAKC;EAAwB;;;AGtKzB;AFHC;EACA;AAEA;EACA;EEEA;;AAEA;EACC;EACA;;;AAIF;EAAqB;;;AACrB;EAAgD;;;AAEhD;EACC;EACA;;AAEA;EAAoB","file":"index.css"}
|
|
@@ -26,7 +26,7 @@ export const filterOptions = (options, userInput = '') => {
|
|
|
26
26
|
return options.filter((o) => matchPhrase(o, input));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
-
// Filter options in case autoRounding enabled, when two nearest options must be displayed in a
|
|
29
|
+
// Filter options in case autoRounding enabled, when two nearest options must be displayed in a dropdown
|
|
30
30
|
export const filterOptionsWithRounding = (options, userInput) => {
|
|
31
31
|
const filtered = filterOptions(options, userInput);
|
|
32
32
|
const closestValue = parseUserInput(userInput);
|
|
@@ -54,7 +54,7 @@ const matchHours = (item, input, optionsHasLeadingZero) => {
|
|
|
54
54
|
if (optionsHasLeadingZero) {
|
|
55
55
|
return hours === '0' + input || hours24 === '0' + input;
|
|
56
56
|
}
|
|
57
|
-
// Edge vase of input "1" to keep showing "10:00 AM" in
|
|
57
|
+
// Edge vase of input "1" to keep showing "10:00 AM" in dropdown when options has no leading zero value (e.g. "08:00 AM")
|
|
58
58
|
return hours.startsWith(input) || hours24.startsWith(input);
|
|
59
59
|
}
|
|
60
60
|
// 2-digit case
|
|
@@ -62,7 +62,7 @@ const matchHours = (item, input, optionsHasLeadingZero) => {
|
|
|
62
62
|
const numericInput = parseInt(input, 10);
|
|
63
63
|
return (hours === input ||
|
|
64
64
|
hours24 === input ||
|
|
65
|
-
(numericInput > 23 && hoursAndMinutes.startsWith('0' + input)) // Case of impossible hour entry "35" to keep showing "03:50" in
|
|
65
|
+
(numericInput > 23 && hoursAndMinutes.startsWith('0' + input)) // Case of impossible hour entry "35" to keep showing "03:50" in dropdown
|
|
66
66
|
);
|
|
67
67
|
};
|
|
68
68
|
const matchDigits = (item, input) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filterOptions.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/filterOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,uCAAuC;AACvC,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,OAAgC,EAChC,SAAS,GAAG,EAAE,EACY,EAAE;IAC5B,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;QAC7B,OAAO,EAAE,CAAC;KACV;IAED,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB;IACpD,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEtD,QAAQ,aAAa,CAAC,KAAK,CAAC,EAAE;QAC7B,KAAK,OAAO,EAAE,eAAe;YAC5B,OAAO,OAAO,CAAC;QAChB,KAAK,SAAS,CAAC,CAAC,mBAAmB;QACnC,KAAK,SAAS,EAAE,mBAAmB;YAClC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAC3B,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAC3C,CAAC;QACH,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC;QACf,KAAK,aAAa,EAAE,8BAA8B;YACjD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,KAAK,OAAO;YACX,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;QACpD,KAAK,QAAQ,CAAC,CAAC,wBAAwB;QACvC;YACC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;KACrD;AACF,CAAC,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"filterOptions.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/filterOptions.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { TimePickerProps } from '../TimePicker';
|
|
2
2
|
import { TimePickerOptionProps } from '../components/TimePickerOptionList';
|
|
3
|
-
export declare const generateOptions: (min: TimePickerProps['
|
|
4
|
-
export declare const fillDateRange: (min: Date | string, max: Date | string,
|
|
3
|
+
export declare const generateOptions: (min: TimePickerProps['min'], max: TimePickerProps['max'], step: TimePickerProps['step'], format: TimePickerProps['format']) => TimePickerOptionProps[];
|
|
4
|
+
export declare const fillDateRange: (min: Date | string, max: Date | string, step: number) => Date[];
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { checkMinMax } from './checkMinMax';
|
|
2
2
|
import { stringToDate } from './stringToDate';
|
|
3
3
|
import { toTimeFormat } from './toTimeFormat';
|
|
4
|
-
|
|
5
|
-
export const generateOptions = (min, max,
|
|
6
|
-
|
|
7
|
-
const filledRangeMinMax = fillDateRange(min, max, increment);
|
|
4
|
+
/* Generate options based on min, max and step */
|
|
5
|
+
export const generateOptions = (min, max, step, format) => {
|
|
6
|
+
const filledRangeMinMax = fillDateRange(min, max, step);
|
|
8
7
|
return filledRangeMinMax.map((date) => ({
|
|
9
|
-
text: toTimeFormat
|
|
8
|
+
text: toTimeFormat(date, format),
|
|
10
9
|
value: date,
|
|
11
10
|
}));
|
|
12
11
|
};
|
|
13
|
-
/* Return array of Datetime's from min to max,
|
|
14
|
-
export const fillDateRange = (min, max,
|
|
12
|
+
/* Return array of Datetime's from min to max, step in munutes */
|
|
13
|
+
export const fillDateRange = (min, max, step) => {
|
|
15
14
|
let minTime, maxTime;
|
|
16
15
|
if (stringToDate(min) < stringToDate(max)) {
|
|
17
16
|
minTime = stringToDate(min);
|
|
@@ -25,7 +24,7 @@ export const fillDateRange = (min, max, increment) => {
|
|
|
25
24
|
let time = minTime;
|
|
26
25
|
while (checkMinMax(minTime, maxTime, time)) {
|
|
27
26
|
range.push(time);
|
|
28
|
-
time = addMinutes(time,
|
|
27
|
+
time = addMinutes(time, step);
|
|
29
28
|
}
|
|
30
29
|
return range;
|
|
31
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateOptions.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/generateOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,
|
|
1
|
+
{"version":3,"file":"generateOptions.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/generateOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,iDAAiD;AACjD,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,GAA2B,EAC3B,GAA2B,EAC3B,IAA6B,EAC7B,MAAiC,EACP,EAAE;IAC5B,MAAM,iBAAiB,GAAG,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAExD,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACvC,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC;QAChC,KAAK,EAAE,IAAI;KACX,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,iEAAiE;AACjE,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,GAAkB,EAClB,GAAkB,EAClB,IAAY,EACH,EAAE;IACX,IAAI,OAAO,EAAE,OAAO,CAAC;IAErB,IAAI,YAAY,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,EAAE;QAC1C,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QAC5B,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;KAC5B;SAAM;QACN,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,4BAA4B;QACzD,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;KAC5B;IAED,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,IAAI,IAAI,GAAS,OAAO,CAAC;IAEzB,OAAO,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE;QAC3C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAC9B;IAED,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAmB,EAAE,OAAe,EAAQ,EAAE;IACjE,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,OAAO,GAAG,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TimePickerOptionProps } from '../components/TimePickerOptionList';
|
|
2
2
|
import { TimePickerPropsStrict } from '../';
|
|
3
|
-
export declare const getClosestOption: (options: TimePickerOptionProps[], userInput: string, defaultTimeSignifier: TimePickerPropsStrict['defaultTimeSignifier'], autoRounding: TimePickerPropsStrict['autoRounding'], min: TimePickerPropsStrict['min'], max: TimePickerPropsStrict['max']) => TimePickerOptionProps;
|
|
3
|
+
export declare const getClosestOption: (options: TimePickerOptionProps[], userInput: string, defaultTimeSignifier: TimePickerPropsStrict['defaultTimeSignifier'], autoRounding: TimePickerPropsStrict['autoRounding'], min: TimePickerPropsStrict['min'], max: TimePickerPropsStrict['max'], format: TimePickerPropsStrict['format']) => TimePickerOptionProps;
|
|
4
4
|
export declare const parseUserInput: (userInput: string) => null | string[];
|
|
5
5
|
export declare const getClosestIndexes: (options: TimePickerOptionProps[], value: TimePickerOptionProps['value']) => null | number[];
|
|
@@ -3,7 +3,7 @@ import { checkMinMax } from './checkMinMax';
|
|
|
3
3
|
import { stringToDate } from './stringToDate';
|
|
4
4
|
import { toTimeFormat } from './toTimeFormat';
|
|
5
5
|
// Getting most expected option based on user's input
|
|
6
|
-
export const getClosestOption = (options, userInput, defaultTimeSignifier, autoRounding, min, max) => {
|
|
6
|
+
export const getClosestOption = (options, userInput, defaultTimeSignifier, autoRounding, min, max, format) => {
|
|
7
7
|
if (spaceless(userInput) === '') {
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
@@ -14,12 +14,12 @@ export const getClosestOption = (options, userInput, defaultTimeSignifier, autoR
|
|
|
14
14
|
}
|
|
15
15
|
const [hours, minutes, ampm] = value;
|
|
16
16
|
const getDate = (signifier) => stringToDate(`${hours}:${minutes} ${signifier}`);
|
|
17
|
-
const getText = (date) => toTimeFormat
|
|
17
|
+
const getText = (date) => toTimeFormat(date, format);
|
|
18
18
|
const signifier = ampm || defaultTimeSignifier;
|
|
19
19
|
// Inverted defaultTimeSignifier
|
|
20
20
|
const invertedSignifier = defaultTimeSignifier === 'AM' ? 'PM' : 'AM';
|
|
21
21
|
if (!autoRounding) {
|
|
22
|
-
// Ignore
|
|
22
|
+
// Ignore dropdown options, which are based on `step` prop
|
|
23
23
|
let v = getDate(signifier);
|
|
24
24
|
if (checkMinMax(min, max, v)) {
|
|
25
25
|
return { text: getText(v), value: v };
|
|
@@ -35,7 +35,7 @@ export const getClosestOption = (options, userInput, defaultTimeSignifier, autoR
|
|
|
35
35
|
return null;
|
|
36
36
|
}
|
|
37
37
|
if (autoRounding) {
|
|
38
|
-
// Look up for closest value
|
|
38
|
+
// Look up for closest value in options
|
|
39
39
|
let closestPair = getClosestIndexes(options, getDate(signifier));
|
|
40
40
|
if (closestPair)
|
|
41
41
|
return options[closestPair[0]];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getClosestOption.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/getClosestOption.ts"],"names":[],"mappings":"AAGA,OAAO,EACN,aAAa,EACb,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,GACX,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,qDAAqD;AACrD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,OAAgC,EAChC,SAAiB,EACjB,oBAAmE,EACnE,YAAmD,EACnD,GAAiC,EACjC,GAAiC,
|
|
1
|
+
{"version":3,"file":"getClosestOption.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/getClosestOption.ts"],"names":[],"mappings":"AAGA,OAAO,EACN,aAAa,EACb,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,GACX,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,qDAAqD;AACrD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,OAAgC,EAChC,SAAiB,EACjB,oBAAmE,EACnE,YAAmD,EACnD,GAAiC,EACjC,GAAiC,EACjC,MAAuC,EACf,EAAE;IAC1B,IAAI,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE;QAChC,OAAO,IAAI,CAAC;KACZ;IAED,qCAAqC;IACrC,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAExC,IAAI,CAAC,KAAK,EAAE;QACX,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC;IACrC,MAAM,OAAO,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrC,YAAY,CAAC,GAAG,KAAK,IAAI,OAAO,IAAI,SAAS,EAAE,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,IAAI,IAAI,oBAAoB,CAAC;IAE/C,gCAAgC;IAChC,MAAM,iBAAiB,GAAG,oBAAoB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEtE,IAAI,CAAC,YAAY,EAAE;QAClB,0DAA0D;QAC1D,IAAI,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;QAC3B,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE;YAC7B,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;SACtC;QAED,IAAI,CAAC,IAAI,EAAE;YACV,qFAAqF;YACrF,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;YAC/B,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE;gBAC7B,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;aACtC;SACD;QAED,qCAAqC;QACrC,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,YAAY,EAAE;QACjB,uCAAuC;QACvC,IAAI,WAAW,GAAG,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;QACjE,IAAI,WAAW;YAAE,OAAO,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAEhD,IAAI,CAAC,IAAI,EAAE;YACV,0BAA0B;YAC1B,WAAW,GAAG,iBAAiB,CAC9B,OAAO,EACP,OAAO,CAAC,iBAAiB,CAAC,CAC1B,CAAC;YACF,IAAI,WAAW;gBAAE,OAAO,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;SAChD;KACD;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAiB,EAAmB,EAAE;IACpE,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;IAEjD,IAAI,MAAM,CAAC;IAEX,QAAQ,aAAa,CAAC,KAAK,CAAC,EAAE;QAC7B,KAAK,OAAO,EAAE,eAAe;YAC5B,OAAO,IAAI,CAAC;QACb,KAAK,SAAS,CAAC,CAAC,YAAY;QAC5B,KAAK,SAAS,CAAC,CAAC,wCAAwC;QACxD,KAAK,SAAS,CAAC,CAAC,wCAAwC;QACxD,KAAK,SAAS,CAAC,CAAC,eAAe;QAC/B,KAAK,aAAa,EAAE,2BAA2B;YAC9C,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,MAAM;QACP,KAAK,OAAO;YACX,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;YAC3B,MAAM;QACP,KAAK,QAAQ,CAAC,CAAC,wBAAwB;QACvC;YACC,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;KAC7B;IAED,0BAA0B;IAC1B,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAE9C,qCAAqC;IACrC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,8BAA8B;QAC9B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAClB;IAED,4BAA4B;IAC5B,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE;QACtE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;KACjB;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAExC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAExC,8CAA8C;IAC9C,IAAI,QAAQ,GAAG,KAAK,EAAE;QACrB,OAAO,IAAI,CAAC;KACZ;IAED,gDAAgD;IAChD,IAAI,UAAU,GAAG,OAAO,EAAE;QACzB,OAAO,IAAI,CAAC;KACZ;IAED,uDAAuD;IACvD,IAAI,KAAK,GAAG,EAAE,EAAE;QACf,8CAA8C;QAC9C,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,CAAC;QAC5D,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;KACjB;IAED,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAChC,OAAgC,EAChC,KAAqC,EACnB,EAAE;IACpB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;IAE7B,sBAAsB;IACtB,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACZ;IAED,eAAe;IACf,IAAI,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;QACtD,OAAO,IAAI,CAAC;KACZ;IAED,8BAA8B;IAC9B,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE;QACtB,OAAO,CAAC,UAAU,CAAC,CAAC;KACpB;IAED,+BAA+B;IAC/B,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC;IAExB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;QAChB,IAAI,CAAC,GAAG,IAAI,EAAE;YACb,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SAClC;QACD,OAAO,CAAC,GAAG,IAAI,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,IAAI,cAAc,KAAK,CAAC,CAAC,EAAE;QAC1B,OAAO,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC;QACxD,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACpD,MAAM,cAAc,GAAG,IAAI,GAAG,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;IAExD,yBAAyB;IACzB,IAAI,cAAc,GAAG,cAAc,EAAE;QACpC,OAAO,CAAC,cAAc,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC;KAC5C;IAED,yBAAyB;IACzB,OAAO,CAAC,cAAc,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC;AAC7C,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getClosestIndexes } from './getClosestOption';
|
|
2
|
-
// Highlight closest option inside
|
|
2
|
+
// Highlight closest option inside dropdown
|
|
3
3
|
export const highlightClosestOption = (options, closestOption) => {
|
|
4
4
|
const indexes = closestOption
|
|
5
5
|
? getClosestIndexes(options, closestOption.value)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"highlightClosestOption.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/highlightClosestOption.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,
|
|
1
|
+
{"version":3,"file":"highlightClosestOption.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/highlightClosestOption.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,2CAA2C;AAC3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACrC,OAAgC,EAChC,aAAoC,EACV,EAAE;IAC5B,MAAM,OAAO,GAAG,aAAa;QAC5B,CAAC,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC;QACjD,CAAC,CAAC,IAAI,CAAC;IAER,IAAI,OAAO,EAAE;QACZ,mCAAmC;QACnC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,gCAClB,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KACtB,SAAS,EAAE,gCAAgC,GACpC,CAAC;KACT;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC"}
|
|
@@ -5,6 +5,7 @@ import { checkMinMax, fillDateRange, toTimeFormat, parseUserInput, getClosestInd
|
|
|
5
5
|
*/
|
|
6
6
|
} from './';
|
|
7
7
|
describe('timePickerUtils', () => {
|
|
8
|
+
const [f1, f2] = ['hh:mm xm', 'hh:mm'];
|
|
8
9
|
describe('checkMinMax', () => {
|
|
9
10
|
it('should return correct values', () => {
|
|
10
11
|
let minT, maxT;
|
|
@@ -12,7 +13,7 @@ describe('timePickerUtils', () => {
|
|
|
12
13
|
expect(checkMinMax(minT, maxT, '23:54')).toEqual(true);
|
|
13
14
|
expect(checkMinMax(minT, maxT, '23:55')).toEqual(true);
|
|
14
15
|
expect(checkMinMax(minT, maxT, '23:56')).toEqual(false);
|
|
15
|
-
expect(checkMinMax(maxT, minT, '23:54')).toEqual(true); // Reversed min-max
|
|
16
|
+
expect(checkMinMax(maxT, minT, '23:54')).toEqual(true); // Reversed min-max test
|
|
16
17
|
[minT, maxT] = ['01:00 am', '1:59 am'];
|
|
17
18
|
expect(checkMinMax(minT, maxT, '23:58')).toEqual(false);
|
|
18
19
|
[minT, maxT] = ['01:00 am', '1:59 am'];
|
|
@@ -26,26 +27,38 @@ describe('timePickerUtils', () => {
|
|
|
26
27
|
});
|
|
27
28
|
describe('fillDateRange, toTimeFormat', () => {
|
|
28
29
|
it('should return correct values', () => {
|
|
29
|
-
let
|
|
30
|
-
[
|
|
31
|
-
range = fillDateRange(
|
|
30
|
+
let minT, maxT, increment, range;
|
|
31
|
+
[minT, maxT, increment] = ['00:00', '23:59', 1];
|
|
32
|
+
range = fillDateRange(minT, maxT, increment);
|
|
32
33
|
expect(range.length).toEqual(1440);
|
|
33
34
|
expect(toTimeFormat.hhmmxm(range[0])).toEqual('12:00 AM');
|
|
34
35
|
expect(toTimeFormat.hhmmxm(range[1439])).toEqual('11:59 PM');
|
|
35
|
-
[
|
|
36
|
-
range
|
|
36
|
+
expect(toTimeFormat(range[0], f1)).toEqual('12:00 AM');
|
|
37
|
+
expect(toTimeFormat(range[1439], f1)).toEqual('11:59 PM');
|
|
38
|
+
// Test 24-hour values
|
|
39
|
+
expect(toTimeFormat.hhmm(range[0])).toEqual('00:00');
|
|
40
|
+
expect(toTimeFormat.hhmm(range[1439])).toEqual('23:59');
|
|
41
|
+
expect(toTimeFormat(range[0], f2)).toEqual('00:00');
|
|
42
|
+
expect(toTimeFormat(range[1439], f2)).toEqual('23:59');
|
|
43
|
+
[minT, maxT, increment] = ['08:00 AM', '10:00 AM', 5];
|
|
44
|
+
range = fillDateRange(minT, maxT, increment);
|
|
37
45
|
expect(range.length).toEqual(25);
|
|
38
46
|
expect(toTimeFormat.hhmmxm(range[0])).toEqual('08:00 AM');
|
|
39
47
|
expect(toTimeFormat.hhmmxm(range[24])).toEqual('10:00 AM');
|
|
40
|
-
range = fillDateRange(
|
|
48
|
+
range = fillDateRange(minT, maxT, increment); // Reversed min-max
|
|
41
49
|
expect(range.length).toEqual(25);
|
|
42
50
|
expect(toTimeFormat.hhmmxm(range[0])).toEqual('08:00 AM');
|
|
43
51
|
expect(toTimeFormat.hhmmxm(range[24])).toEqual('10:00 AM');
|
|
44
|
-
//
|
|
52
|
+
// Test string conversion to time
|
|
45
53
|
expect(toTimeFormat.hhmmxm('1:23')).toEqual('01:23 AM');
|
|
46
54
|
expect(toTimeFormat.hhmmxm('23:45')).toEqual('11:45 PM');
|
|
47
55
|
expect(toTimeFormat.hhmmxm('8:088')).toEqual('08:08 AM');
|
|
48
56
|
expect(toTimeFormat.hhmmxm('88:88')).toBeNull(); // Reject
|
|
57
|
+
// Test 24-hour values
|
|
58
|
+
expect(toTimeFormat.hhmm('1:23')).toEqual('01:23');
|
|
59
|
+
expect(toTimeFormat.hhmm('23:45')).toEqual('23:45');
|
|
60
|
+
expect(toTimeFormat.hhmm('8:088')).toEqual('08:08');
|
|
61
|
+
expect(toTimeFormat.hhmm('88:88')).toBeNull(); // Reject
|
|
49
62
|
});
|
|
50
63
|
});
|
|
51
64
|
describe('parseUserInput', () => {
|