@dreamcommerce/aurora 3.1.51 → 3.1.52-2
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/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +0 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +16 -27
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +43 -11
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js +93 -13
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js +203 -4
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/input_mask/hooks/hooks.js +196 -0
- package/build/cjs/packages/aurora/src/components/input_mask/hooks/hooks.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/input_mask/input-mask-constants.js +14 -0
- package/build/cjs/packages/aurora/src/components/input_mask/input-mask-constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/input_mask/input_mask.js +360 -0
- package/build/cjs/packages/aurora/src/components/input_mask/input_mask.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/defer.js +16 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/defer.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/helpers.js +50 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/helpers.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/input.js +33 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/input.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/mask.js +371 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/mask.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/parse-mask.js +94 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/parse-mask.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/validate-props.js +37 -0
- package/build/cjs/packages/aurora/src/components/input_mask/utils/validate-props.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +30 -10
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +85 -50
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +62 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +2 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/en.json.js +5 -1
- package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.js +5 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +0 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +16 -27
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.d.ts +4 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +43 -11
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.js +94 -14
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.d.ts +19 -2
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +203 -4
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.d.ts +10 -0
- package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js +190 -0
- package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js +9 -0
- package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/input_mask.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/input_mask/input_mask.js +352 -0
- package/build/esm/packages/aurora/src/components/input_mask/input_mask.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.d.ts +39 -0
- package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.js +2 -0
- package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/defer.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/defer.js +11 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/defer.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.js +40 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/input.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/input.js +29 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/input.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/mask.d.ts +63 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/mask.js +367 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/mask.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.js +90 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.js +31 -0
- package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +30 -10
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +87 -52
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts +11 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +62 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +2 -0
- package/build/esm/packages/aurora/src/index.js +1 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/translations/en.json +5 -1
- package/build/esm/packages/aurora/src/translations/en.json.js +5 -1
- package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/esm/packages/aurora/src/translations/pl.json +5 -1
- package/build/esm/packages/aurora/src/translations/pl.json.js +5 -1
- package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import React__default, { useState, useRef, useMemo } from 'react';
|
|
1
|
+
import React__default, { useState, useRef, useMemo, useEffect } from 'react';
|
|
2
2
|
import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
|
-
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
|
-
import { cn } from '../../utilities/cn.js';
|
|
3
|
+
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
5
4
|
import { Popover } from '../popover/popover.js';
|
|
6
|
-
import { PopoverTrigger } from '../popover/components/popover_trigger.js';
|
|
7
|
-
import { TimePickerInput } from './components/time_picker_input.js';
|
|
8
5
|
import { TimePickerUtils } from './time_picker_utils.js';
|
|
6
|
+
import { TimePickerInput } from './components/time_picker_input.js';
|
|
9
7
|
import { TimePickerContent } from './components/time_picker_content.js';
|
|
10
8
|
|
|
11
9
|
var TimePicker = function TimePicker(_ref) {
|
|
@@ -20,14 +18,25 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
20
18
|
_useState2 = _slicedToArray(_useState, 2),
|
|
21
19
|
open = _useState2[0],
|
|
22
20
|
setOpen = _useState2[1];
|
|
23
|
-
var _useState3 = useState(
|
|
21
|
+
var _useState3 = useState(''),
|
|
24
22
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
var _useState5 = useState(
|
|
23
|
+
inputValue = _useState4[0],
|
|
24
|
+
setInputValue = _useState4[1];
|
|
25
|
+
var _useState5 = useState(function () {
|
|
26
|
+
var _parsed$hour, _parsed$minute;
|
|
27
|
+
if (!value) return {
|
|
28
|
+
hour: null,
|
|
29
|
+
minute: null
|
|
30
|
+
};
|
|
31
|
+
var parsed = TimePickerUtils.parseStringToTime(value);
|
|
32
|
+
return {
|
|
33
|
+
hour: (_parsed$hour = parsed === null || parsed === void 0 ? void 0 : parsed.hour) !== null && _parsed$hour !== void 0 ? _parsed$hour : null,
|
|
34
|
+
minute: (_parsed$minute = parsed === null || parsed === void 0 ? void 0 : parsed.minute) !== null && _parsed$minute !== void 0 ? _parsed$minute : null
|
|
35
|
+
};
|
|
36
|
+
}),
|
|
28
37
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
29
|
-
|
|
30
|
-
|
|
38
|
+
tempTime = _useState6[0],
|
|
39
|
+
setTempTime = _useState6[1];
|
|
31
40
|
var _useState7 = useState(undefined),
|
|
32
41
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
33
42
|
validationError = _useState8[0],
|
|
@@ -39,20 +48,19 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
39
48
|
var parsedTime = useMemo(function () {
|
|
40
49
|
return value ? TimePickerUtils.parseStringToTime(value) : undefined;
|
|
41
50
|
}, [value]);
|
|
42
|
-
|
|
43
|
-
if (
|
|
44
|
-
|
|
51
|
+
useEffect(function () {
|
|
52
|
+
if (!open) {
|
|
53
|
+
var _parsedTime$hour, _parsedTime$minute;
|
|
54
|
+
setTempTime({
|
|
55
|
+
hour: (_parsedTime$hour = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour !== void 0 ? _parsedTime$hour : null,
|
|
56
|
+
minute: (_parsedTime$minute = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute !== void 0 ? _parsedTime$minute : null
|
|
57
|
+
});
|
|
45
58
|
}
|
|
46
|
-
|
|
47
|
-
var minuteStr = minute === null ? 'mm' : String(minute).padStart(2, '0');
|
|
48
|
-
return "".concat(hourStr, ":").concat(minuteStr);
|
|
49
|
-
};
|
|
59
|
+
}, [parsedTime, open]);
|
|
50
60
|
var displayValue = useMemo(function () {
|
|
51
|
-
if (
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
return parsedTime ? TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
|
|
55
|
-
}, [open, tempHour, tempMinute, parsedTime]);
|
|
61
|
+
if (!parsedTime) return inputValue;
|
|
62
|
+
return TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute);
|
|
63
|
+
}, [parsedTime, inputValue]);
|
|
56
64
|
var mergedErrors = useMemo(function () {
|
|
57
65
|
if (validationError && errors) {
|
|
58
66
|
return Array.isArray(errors) ? [validationError].concat(_toConsumableArray(errors)) : [validationError, errors];
|
|
@@ -61,58 +69,76 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
61
69
|
return errors;
|
|
62
70
|
}, [errors, validationError]);
|
|
63
71
|
var initializeTempValues = function initializeTempValues() {
|
|
64
|
-
var _parsedTime$
|
|
65
|
-
|
|
66
|
-
|
|
72
|
+
var _parsedTime$hour2, _parsedTime$minute2;
|
|
73
|
+
setTempTime({
|
|
74
|
+
hour: (_parsedTime$hour2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour2 !== void 0 ? _parsedTime$hour2 : null,
|
|
75
|
+
minute: (_parsedTime$minute2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute2 !== void 0 ? _parsedTime$minute2 : null
|
|
76
|
+
});
|
|
67
77
|
setValidationError(undefined);
|
|
68
78
|
};
|
|
69
79
|
var saveValue = function saveValue() {
|
|
70
|
-
if (
|
|
80
|
+
if (tempTime.hour === null && tempTime.minute === null) {
|
|
71
81
|
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
72
82
|
setValidationError(undefined);
|
|
83
|
+
setInputValue('');
|
|
73
84
|
return true;
|
|
74
85
|
}
|
|
75
|
-
if (
|
|
76
|
-
//
|
|
86
|
+
if (tempTime.hour === null || tempTime.minute === null) {
|
|
87
|
+
// Error only for triggering the validation error state not displaying it to the user
|
|
77
88
|
setValidationError('Select both hour and minute');
|
|
78
89
|
return false;
|
|
79
90
|
}
|
|
80
|
-
var formattedValue = TimePickerUtils.formatTimeToString(
|
|
91
|
+
var formattedValue = TimePickerUtils.formatTimeToString(tempTime.hour, tempTime.minute);
|
|
81
92
|
onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
|
|
82
93
|
setValidationError(undefined);
|
|
94
|
+
setInputValue('');
|
|
83
95
|
return true;
|
|
84
96
|
};
|
|
85
97
|
var handleHourChange = function handleHourChange(hour) {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
98
|
+
setTempTime(function (prev) {
|
|
99
|
+
var newTime = _objectSpread2(_objectSpread2({}, prev), {}, {
|
|
100
|
+
hour: hour
|
|
101
|
+
});
|
|
102
|
+
if (hour === null && prev.minute === null) {
|
|
89
103
|
setValidationError(undefined);
|
|
104
|
+
return newTime;
|
|
90
105
|
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
106
|
+
if (hour !== null && prev.minute === null) {
|
|
107
|
+
setValidationError(undefined);
|
|
108
|
+
return {
|
|
109
|
+
hour: hour,
|
|
110
|
+
minute: 0
|
|
111
|
+
};
|
|
94
112
|
}
|
|
95
113
|
setValidationError(undefined);
|
|
96
|
-
|
|
114
|
+
return newTime;
|
|
115
|
+
});
|
|
97
116
|
};
|
|
98
117
|
var handleMinuteChange = function handleMinuteChange(minute) {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
118
|
+
setTempTime(function (prev) {
|
|
119
|
+
var newTime = _objectSpread2(_objectSpread2({}, prev), {}, {
|
|
120
|
+
minute: minute
|
|
121
|
+
});
|
|
122
|
+
if (minute === null && prev.hour === null) {
|
|
102
123
|
setValidationError(undefined);
|
|
124
|
+
return newTime;
|
|
103
125
|
}
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
126
|
+
if (minute !== null && prev.hour === null) {
|
|
127
|
+
setValidationError(undefined);
|
|
128
|
+
return {
|
|
129
|
+
hour: 0,
|
|
130
|
+
minute: minute
|
|
131
|
+
};
|
|
108
132
|
}
|
|
109
133
|
setValidationError(undefined);
|
|
110
|
-
|
|
134
|
+
return newTime;
|
|
135
|
+
});
|
|
111
136
|
};
|
|
112
137
|
var handleOpenChange = function handleOpenChange(newOpen) {
|
|
113
138
|
if (newOpen) {
|
|
114
139
|
isCancelledRef.current = false;
|
|
115
140
|
initializeTempValues();
|
|
141
|
+
setInputValue('');
|
|
116
142
|
setOpen(true);
|
|
117
143
|
} else if (!isCancelledRef.current && !saveValue()) {
|
|
118
144
|
setOpen(true);
|
|
@@ -123,6 +149,7 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
123
149
|
var handleCancel = function handleCancel() {
|
|
124
150
|
isCancelledRef.current = true;
|
|
125
151
|
initializeTempValues();
|
|
152
|
+
setInputValue('');
|
|
126
153
|
setOpen(false);
|
|
127
154
|
};
|
|
128
155
|
var handleChoose = function handleChoose() {
|
|
@@ -131,21 +158,29 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
131
158
|
setOpen(false);
|
|
132
159
|
}
|
|
133
160
|
};
|
|
161
|
+
var handleInputChange = function handleInputChange(event) {
|
|
162
|
+
var typedValue = event.target.value;
|
|
163
|
+
setInputValue(typedValue);
|
|
164
|
+
var parsed = TimePickerUtils.parseStringToTime(typedValue);
|
|
165
|
+
if (parsed) {
|
|
166
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(typedValue);
|
|
167
|
+
} else {
|
|
168
|
+
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
169
|
+
}
|
|
170
|
+
};
|
|
134
171
|
return /*#__PURE__*/React__default.createElement(Popover, {
|
|
135
172
|
open: open,
|
|
136
173
|
onOpenChange: handleOpenChange
|
|
137
|
-
}, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
|
|
138
|
-
className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
|
|
139
|
-
disabled: disabled
|
|
140
174
|
}, /*#__PURE__*/React__default.createElement(TimePickerInput, {
|
|
141
175
|
id: id,
|
|
142
176
|
value: displayValue,
|
|
143
177
|
placeholder: placeholder,
|
|
144
178
|
disabled: disabled,
|
|
145
|
-
errors: mergedErrors
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
179
|
+
errors: mergedErrors,
|
|
180
|
+
onChange: handleInputChange
|
|
181
|
+
}), /*#__PURE__*/React__default.createElement(TimePickerContent, {
|
|
182
|
+
hour: tempTime.hour,
|
|
183
|
+
minute: tempTime.minute,
|
|
149
184
|
onHourChange: handleHourChange,
|
|
150
185
|
onMinuteChange: handleMinuteChange,
|
|
151
186
|
onCancel: handleCancel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import type { InputState } from '../input_mask/input_mask_types';
|
|
2
|
+
declare type ValidationResult = {
|
|
3
|
+
valid: boolean;
|
|
4
|
+
keepFirst: boolean;
|
|
5
|
+
};
|
|
1
6
|
export declare class TimePickerUtils {
|
|
2
7
|
static parseStringToTime: (value: string) => {
|
|
3
8
|
hour: number;
|
|
@@ -7,4 +12,10 @@ export declare class TimePickerUtils {
|
|
|
7
12
|
static formatTimeForDisplay: (hour: number, minute: number) => string;
|
|
8
13
|
static formatTimeStringForDisplay: (value: string | undefined) => string;
|
|
9
14
|
static generateTimeOptions: (type: 'hour' | 'minute') => string[];
|
|
15
|
+
private static replaceCharWithPlaceholder;
|
|
16
|
+
private static validateTwoDigitValue;
|
|
17
|
+
static validateHourAtPosition: (value: string, hourStartPos: number) => ValidationResult;
|
|
18
|
+
private static handleInvalidInput;
|
|
19
|
+
static validateTimeMask: (nextState: InputState, currentState?: InputState) => InputState;
|
|
10
20
|
}
|
|
21
|
+
export {};
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
|
|
3
3
|
var _TimePickerUtils;
|
|
4
|
+
var MASK_POSITIONS = {
|
|
5
|
+
HOUR: 0,
|
|
6
|
+
MINUTE: 3
|
|
7
|
+
};
|
|
4
8
|
var TimePickerUtils = /*#__PURE__*/_createClass(function TimePickerUtils() {
|
|
5
9
|
_classCallCheck(this, TimePickerUtils);
|
|
6
10
|
});
|
|
7
11
|
_TimePickerUtils = TimePickerUtils;
|
|
8
12
|
_defineProperty(TimePickerUtils, "parseStringToTime", function (value) {
|
|
9
|
-
if (!value) return undefined;
|
|
13
|
+
if (!value || value.includes('_')) return undefined;
|
|
10
14
|
var parts = value.split(':');
|
|
11
15
|
if (parts.length < 2) return undefined;
|
|
12
16
|
var hour = parseInt(parts[0], 10);
|
|
@@ -49,6 +53,63 @@ _defineProperty(TimePickerUtils, "generateTimeOptions", function (type) {
|
|
|
49
53
|
return String(i).padStart(2, '0');
|
|
50
54
|
});
|
|
51
55
|
});
|
|
56
|
+
_defineProperty(TimePickerUtils, "replaceCharWithPlaceholder", function (value, position) {
|
|
57
|
+
return value.substring(0, position) + '_' + value.substring(position + 1);
|
|
58
|
+
});
|
|
59
|
+
_defineProperty(TimePickerUtils, "validateTwoDigitValue", function (value, startPos, firstDigit, maxSecondDigit) {
|
|
60
|
+
if (value.length < startPos + 2) return {
|
|
61
|
+
valid: true,
|
|
62
|
+
keepFirst: false
|
|
63
|
+
};
|
|
64
|
+
var first = value[startPos];
|
|
65
|
+
var second = value[startPos + 1];
|
|
66
|
+
if (second === '_') return {
|
|
67
|
+
valid: true,
|
|
68
|
+
keepFirst: false
|
|
69
|
+
};
|
|
70
|
+
if (first === firstDigit && parseInt(second) > maxSecondDigit) {
|
|
71
|
+
return {
|
|
72
|
+
valid: false,
|
|
73
|
+
keepFirst: true
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
return {
|
|
77
|
+
valid: true,
|
|
78
|
+
keepFirst: false
|
|
79
|
+
};
|
|
80
|
+
});
|
|
81
|
+
_defineProperty(TimePickerUtils, "validateHourAtPosition", function (value, hourStartPos) {
|
|
82
|
+
return _TimePickerUtils.validateTwoDigitValue(value, hourStartPos, '2', 3);
|
|
83
|
+
});
|
|
84
|
+
_defineProperty(TimePickerUtils, "handleInvalidInput", function (validation, value, currentValue, position, currentSelection, fallbackSelection) {
|
|
85
|
+
if (validation.keepFirst) {
|
|
86
|
+
var newValue = _TimePickerUtils.replaceCharWithPlaceholder(value, position + 1);
|
|
87
|
+
return {
|
|
88
|
+
value: newValue,
|
|
89
|
+
selection: {
|
|
90
|
+
start: position + 1,
|
|
91
|
+
end: position + 1
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
return {
|
|
96
|
+
value: currentValue,
|
|
97
|
+
selection: currentSelection || fallbackSelection || {
|
|
98
|
+
start: null,
|
|
99
|
+
end: null
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
});
|
|
103
|
+
_defineProperty(TimePickerUtils, "validateTimeMask", function (nextState, currentState) {
|
|
104
|
+
var value = nextState.value,
|
|
105
|
+
selection = nextState.selection;
|
|
106
|
+
var currentValue = (currentState === null || currentState === void 0 ? void 0 : currentState.value) || '';
|
|
107
|
+
var hourValidation = _TimePickerUtils.validateHourAtPosition(value, MASK_POSITIONS.HOUR);
|
|
108
|
+
if (!hourValidation.valid) {
|
|
109
|
+
return _TimePickerUtils.handleInvalidInput(hourValidation, value, currentValue, MASK_POSITIONS.HOUR, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
|
|
110
|
+
}
|
|
111
|
+
return nextState;
|
|
112
|
+
});
|
|
52
113
|
|
|
53
114
|
export { TimePickerUtils };
|
|
54
115
|
//# sourceMappingURL=time_picker_utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -91,6 +91,8 @@ export { Switch } from "./components/switch/switch";
|
|
|
91
91
|
export { SwitchControl } from "./components/controls/switch_control/switch_control";
|
|
92
92
|
export { Input } from "./components/input/input";
|
|
93
93
|
export { InputControl } from './components/controls/input_control/input_control';
|
|
94
|
+
export { InputMask } from "./components/input_mask/input_mask";
|
|
95
|
+
export { InputMaskProps, InputState, InputSelection, MaskOptions } from "./components/input_mask/input_mask_types";
|
|
94
96
|
export { ColorPicker } from "./components/color_picker/color_picker";
|
|
95
97
|
export { ColorPickerControl } from './components/controls/color_picker_control/color_picker_control';
|
|
96
98
|
export { IColorPickerColor } from "./components/color_picker/color_picker_types";
|
|
@@ -92,6 +92,7 @@ export { Switch } from './components/switch/switch.js';
|
|
|
92
92
|
export { SwitchControl } from './components/controls/switch_control/switch_control.js';
|
|
93
93
|
export { Input } from './components/input/input.js';
|
|
94
94
|
export { InputControl } from './components/controls/input_control/input_control.js';
|
|
95
|
+
export { InputMask } from './components/input_mask/input_mask.js';
|
|
95
96
|
export { GRADIENT_TYPES } from './components/color_picker/color_picker_constants.js';
|
|
96
97
|
export { ColorPickerUtils } from './components/color_picker/color_picker_utils.js';
|
|
97
98
|
export { ColorPicker } from './components/color_picker/color_picker.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -61,5 +61,9 @@
|
|
|
61
61
|
"neutralColors800": "Neutral color 800",
|
|
62
62
|
"neutralColors900": "Neutral color 900",
|
|
63
63
|
"neutralColors1000": "Neutral color 1000",
|
|
64
|
-
"gg": "hh"
|
|
64
|
+
"gg": "hh",
|
|
65
|
+
"dd.mm.yyyy": "dd.mm.yyyy",
|
|
66
|
+
"dd.mm.yyyy - dd.mm.yyyy": "dd.mm.yyyy - dd.mm.yyyy",
|
|
67
|
+
"This date isn't available. Choose another one.": "This date isn't available. Choose another one.",
|
|
68
|
+
"Choose a date between {{start}}–{{end}}": "Choose a date between {{start}}–{{end}}"
|
|
65
69
|
}
|
|
@@ -110,7 +110,11 @@ var en = {
|
|
|
110
110
|
neutralColors800: neutralColors800,
|
|
111
111
|
neutralColors900: neutralColors900,
|
|
112
112
|
neutralColors1000: neutralColors1000,
|
|
113
|
-
gg: gg
|
|
113
|
+
gg: gg,
|
|
114
|
+
"dd.mm.yyyy": "dd.mm.yyyy",
|
|
115
|
+
"dd.mm.yyyy - dd.mm.yyyy": "dd.mm.yyyy - dd.mm.yyyy",
|
|
116
|
+
"This date isn't available. Choose another one.": "This date isn't available. Choose another one.",
|
|
117
|
+
"Choose a date between {{start}}–{{end}}": "Choose a date between {{start}}–{{end}}"
|
|
114
118
|
};
|
|
115
119
|
|
|
116
120
|
export default en;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -61,5 +61,9 @@
|
|
|
61
61
|
"neutralColors800": "Kolor neutralny 800",
|
|
62
62
|
"neutralColors900": "Kolor neutralny 900",
|
|
63
63
|
"neutralColors1000": "Kolor neutralny 1000",
|
|
64
|
-
"gg": "gg"
|
|
64
|
+
"gg": "gg",
|
|
65
|
+
"dd.mm.yyyy": "dd.mm.rrrr",
|
|
66
|
+
"dd.mm.yyyy - dd.mm.yyyy": "dd.mm.rrrr - dd.mm.rrrr",
|
|
67
|
+
"This date isn't available. Choose another one.": "Wprowadzona data jest niedostępna, wybierz inną datę.",
|
|
68
|
+
"Choose a date between {{start}}–{{end}}": "Wybierz datę z zakresu {{start}}–{{end}}"
|
|
65
69
|
}
|
|
@@ -110,7 +110,11 @@ var pl = {
|
|
|
110
110
|
neutralColors800: neutralColors800,
|
|
111
111
|
neutralColors900: neutralColors900,
|
|
112
112
|
neutralColors1000: neutralColors1000,
|
|
113
|
-
gg: gg
|
|
113
|
+
gg: gg,
|
|
114
|
+
"dd.mm.yyyy": "dd.mm.rrrr",
|
|
115
|
+
"dd.mm.yyyy - dd.mm.yyyy": "dd.mm.rrrr - dd.mm.rrrr",
|
|
116
|
+
"This date isn't available. Choose another one.": "Wprowadzona data jest niedostępna, wybierz inną datę.",
|
|
117
|
+
"Choose a date between {{start}}–{{end}}": "Wybierz datę z zakresu {{start}}–{{end}}"
|
|
114
118
|
};
|
|
115
119
|
|
|
116
120
|
export default pl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|