@dreamcommerce/aurora 3.1.52-1 → 3.1.52
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 +1 -0
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +3 -5
- package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +27 -16
- 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 +11 -43
- 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 +13 -83
- 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 +4 -203
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +10 -30
- 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 +50 -85
- 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 +1 -62
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +0 -2
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/en.json.js +1 -4
- package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.js +1 -4
- 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 +1 -0
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +3 -5
- package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +27 -16
- 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 +1 -4
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +11 -43
- 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 +14 -84
- 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 +1 -18
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +4 -203
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.d.ts +1 -2
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +10 -30
- 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 +52 -87
- 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 +0 -11
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +1 -62
- 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 +0 -2
- package/build/esm/packages/aurora/src/index.js +0 -1
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/translations/en.json +1 -4
- package/build/esm/packages/aurora/src/translations/en.json.js +1 -4
- package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/esm/packages/aurora/src/translations/pl.json +1 -4
- package/build/esm/packages/aurora/src/translations/pl.json.js +1 -4
- package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/components/input_mask/hooks/hooks.js +0 -196
- package/build/cjs/packages/aurora/src/components/input_mask/hooks/hooks.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/input_mask/input-mask-constants.js +0 -14
- package/build/cjs/packages/aurora/src/components/input_mask/input-mask-constants.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/input_mask/input_mask.js +0 -360
- package/build/cjs/packages/aurora/src/components/input_mask/input_mask.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/input_mask/utils/defer.js +0 -16
- package/build/cjs/packages/aurora/src/components/input_mask/utils/defer.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/input_mask/utils/helpers.js +0 -50
- package/build/cjs/packages/aurora/src/components/input_mask/utils/helpers.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/input_mask/utils/input.js +0 -33
- package/build/cjs/packages/aurora/src/components/input_mask/utils/input.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/input_mask/utils/mask.js +0 -371
- package/build/cjs/packages/aurora/src/components/input_mask/utils/mask.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/input_mask/utils/parse-mask.js +0 -94
- package/build/cjs/packages/aurora/src/components/input_mask/utils/parse-mask.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/input_mask/utils/validate-props.js +0 -37
- package/build/cjs/packages/aurora/src/components/input_mask/utils/validate-props.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.d.ts +0 -10
- package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js +0 -190
- package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js +0 -9
- package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/input_mask.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/input_mask/input_mask.js +0 -352
- package/build/esm/packages/aurora/src/components/input_mask/input_mask.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.d.ts +0 -39
- package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.js +0 -2
- package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/utils/defer.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/input_mask/utils/defer.js +0 -11
- package/build/esm/packages/aurora/src/components/input_mask/utils/defer.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.d.ts +0 -7
- package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.js +0 -40
- package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/utils/input.d.ts +0 -9
- package/build/esm/packages/aurora/src/components/input_mask/utils/input.js +0 -29
- package/build/esm/packages/aurora/src/components/input_mask/utils/input.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/utils/mask.d.ts +0 -63
- package/build/esm/packages/aurora/src/components/input_mask/utils/mask.js +0 -367
- package/build/esm/packages/aurora/src/components/input_mask/utils/mask.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.d.ts +0 -7
- package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.js +0 -90
- package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.js.map +0 -1
- package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.js +0 -31
- package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.js.map +0 -1
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import React__default, { useState, useRef, useMemo
|
|
1
|
+
import React__default, { useState, useRef, useMemo } from 'react';
|
|
2
2
|
import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
|
-
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray
|
|
3
|
+
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
|
+
import { cn } from '../../utilities/cn.js';
|
|
4
5
|
import { Popover } from '../popover/popover.js';
|
|
5
|
-
import {
|
|
6
|
+
import { PopoverTrigger } from '../popover/components/popover_trigger.js';
|
|
6
7
|
import { TimePickerInput } from './components/time_picker_input.js';
|
|
8
|
+
import { TimePickerUtils } from './time_picker_utils.js';
|
|
7
9
|
import { TimePickerContent } from './components/time_picker_content.js';
|
|
8
10
|
|
|
9
11
|
var TimePicker = function TimePicker(_ref) {
|
|
@@ -18,25 +20,14 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
18
20
|
_useState2 = _slicedToArray(_useState, 2),
|
|
19
21
|
open = _useState2[0],
|
|
20
22
|
setOpen = _useState2[1];
|
|
21
|
-
var _useState3 = useState(
|
|
23
|
+
var _useState3 = useState(null),
|
|
22
24
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var _useState5 = useState(
|
|
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
|
-
}),
|
|
25
|
+
tempHour = _useState4[0],
|
|
26
|
+
setTempHour = _useState4[1];
|
|
27
|
+
var _useState5 = useState(null),
|
|
37
28
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
38
|
-
|
|
39
|
-
|
|
29
|
+
tempMinute = _useState6[0],
|
|
30
|
+
setTempMinute = _useState6[1];
|
|
40
31
|
var _useState7 = useState(undefined),
|
|
41
32
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
42
33
|
validationError = _useState8[0],
|
|
@@ -48,19 +39,20 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
48
39
|
var parsedTime = useMemo(function () {
|
|
49
40
|
return value ? TimePickerUtils.parseStringToTime(value) : undefined;
|
|
50
41
|
}, [value]);
|
|
51
|
-
|
|
52
|
-
if (
|
|
53
|
-
|
|
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
|
-
});
|
|
42
|
+
var formatTempForDisplay = function formatTempForDisplay(hour, minute) {
|
|
43
|
+
if (hour === null && minute === null) {
|
|
44
|
+
return '';
|
|
58
45
|
}
|
|
59
|
-
|
|
46
|
+
var hourStr = hour === null ? t('gg') : String(hour).padStart(2, '0');
|
|
47
|
+
var minuteStr = minute === null ? 'mm' : String(minute).padStart(2, '0');
|
|
48
|
+
return "".concat(hourStr, ":").concat(minuteStr);
|
|
49
|
+
};
|
|
60
50
|
var displayValue = useMemo(function () {
|
|
61
|
-
if (
|
|
62
|
-
|
|
63
|
-
|
|
51
|
+
if (open) {
|
|
52
|
+
return formatTempForDisplay(tempHour, tempMinute);
|
|
53
|
+
}
|
|
54
|
+
return parsedTime ? TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
|
|
55
|
+
}, [open, tempHour, tempMinute, parsedTime]);
|
|
64
56
|
var mergedErrors = useMemo(function () {
|
|
65
57
|
if (validationError && errors) {
|
|
66
58
|
return Array.isArray(errors) ? [validationError].concat(_toConsumableArray(errors)) : [validationError, errors];
|
|
@@ -69,76 +61,58 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
69
61
|
return errors;
|
|
70
62
|
}, [errors, validationError]);
|
|
71
63
|
var initializeTempValues = function initializeTempValues() {
|
|
72
|
-
var _parsedTime$
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
minute: (_parsedTime$minute2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute2 !== void 0 ? _parsedTime$minute2 : null
|
|
76
|
-
});
|
|
64
|
+
var _parsedTime$hour, _parsedTime$minute;
|
|
65
|
+
setTempHour((_parsedTime$hour = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour !== void 0 ? _parsedTime$hour : null);
|
|
66
|
+
setTempMinute((_parsedTime$minute = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute !== void 0 ? _parsedTime$minute : null);
|
|
77
67
|
setValidationError(undefined);
|
|
78
68
|
};
|
|
79
69
|
var saveValue = function saveValue() {
|
|
80
|
-
if (
|
|
70
|
+
if (tempHour === null && tempMinute === null) {
|
|
81
71
|
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
82
72
|
setValidationError(undefined);
|
|
83
|
-
setInputValue('');
|
|
84
73
|
return true;
|
|
85
74
|
}
|
|
86
|
-
if (
|
|
87
|
-
//
|
|
75
|
+
if (tempHour === null || tempMinute === null) {
|
|
76
|
+
// Added error message just to trigger the error state, not showing error message to the user
|
|
88
77
|
setValidationError('Select both hour and minute');
|
|
89
78
|
return false;
|
|
90
79
|
}
|
|
91
|
-
var formattedValue = TimePickerUtils.formatTimeToString(
|
|
80
|
+
var formattedValue = TimePickerUtils.formatTimeToString(tempHour, tempMinute);
|
|
92
81
|
onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
|
|
93
82
|
setValidationError(undefined);
|
|
94
|
-
setInputValue('');
|
|
95
83
|
return true;
|
|
96
84
|
};
|
|
97
85
|
var handleHourChange = function handleHourChange(hour) {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
});
|
|
102
|
-
if (hour === null && prev.minute === null) {
|
|
86
|
+
setTempHour(hour);
|
|
87
|
+
if (hour === null) {
|
|
88
|
+
if (tempMinute === null) {
|
|
103
89
|
setValidationError(undefined);
|
|
104
|
-
return newTime;
|
|
105
90
|
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
hour: hour,
|
|
110
|
-
minute: 0
|
|
111
|
-
};
|
|
91
|
+
} else {
|
|
92
|
+
if (tempMinute === null) {
|
|
93
|
+
setTempMinute(0);
|
|
112
94
|
}
|
|
113
95
|
setValidationError(undefined);
|
|
114
|
-
|
|
115
|
-
});
|
|
96
|
+
}
|
|
116
97
|
};
|
|
117
98
|
var handleMinuteChange = function handleMinuteChange(minute) {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
});
|
|
122
|
-
if (minute === null && prev.hour === null) {
|
|
99
|
+
setTempMinute(minute);
|
|
100
|
+
if (minute === null) {
|
|
101
|
+
if (tempHour === null) {
|
|
123
102
|
setValidationError(undefined);
|
|
124
|
-
return newTime;
|
|
125
103
|
}
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
minute: minute
|
|
131
|
-
};
|
|
104
|
+
} else {
|
|
105
|
+
// Auto-set hour if it was null, then clear error since both are now set
|
|
106
|
+
if (tempHour === null) {
|
|
107
|
+
setTempHour(0);
|
|
132
108
|
}
|
|
133
109
|
setValidationError(undefined);
|
|
134
|
-
|
|
135
|
-
});
|
|
110
|
+
}
|
|
136
111
|
};
|
|
137
112
|
var handleOpenChange = function handleOpenChange(newOpen) {
|
|
138
113
|
if (newOpen) {
|
|
139
114
|
isCancelledRef.current = false;
|
|
140
115
|
initializeTempValues();
|
|
141
|
-
setInputValue('');
|
|
142
116
|
setOpen(true);
|
|
143
117
|
} else if (!isCancelledRef.current && !saveValue()) {
|
|
144
118
|
setOpen(true);
|
|
@@ -149,7 +123,6 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
149
123
|
var handleCancel = function handleCancel() {
|
|
150
124
|
isCancelledRef.current = true;
|
|
151
125
|
initializeTempValues();
|
|
152
|
-
setInputValue('');
|
|
153
126
|
setOpen(false);
|
|
154
127
|
};
|
|
155
128
|
var handleChoose = function handleChoose() {
|
|
@@ -158,29 +131,21 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
158
131
|
setOpen(false);
|
|
159
132
|
}
|
|
160
133
|
};
|
|
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
|
-
};
|
|
171
134
|
return /*#__PURE__*/React__default.createElement(Popover, {
|
|
172
135
|
open: open,
|
|
173
136
|
onOpenChange: handleOpenChange
|
|
137
|
+
}, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
|
|
138
|
+
className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
|
|
139
|
+
disabled: disabled
|
|
174
140
|
}, /*#__PURE__*/React__default.createElement(TimePickerInput, {
|
|
175
141
|
id: id,
|
|
176
142
|
value: displayValue,
|
|
177
143
|
placeholder: placeholder,
|
|
178
144
|
disabled: disabled,
|
|
179
|
-
errors: mergedErrors
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
minute: tempTime.minute,
|
|
145
|
+
errors: mergedErrors
|
|
146
|
+
})), /*#__PURE__*/React__default.createElement(TimePickerContent, {
|
|
147
|
+
hour: tempHour,
|
|
148
|
+
minute: tempMinute,
|
|
184
149
|
onHourChange: handleHourChange,
|
|
185
150
|
onMinuteChange: handleMinuteChange,
|
|
186
151
|
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;"}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
import type { InputState } from '../input_mask/input_mask_types';
|
|
2
|
-
declare type ValidationResult = {
|
|
3
|
-
valid: boolean;
|
|
4
|
-
keepFirst: boolean;
|
|
5
|
-
};
|
|
6
1
|
export declare class TimePickerUtils {
|
|
7
2
|
static parseStringToTime: (value: string) => {
|
|
8
3
|
hour: number;
|
|
@@ -12,10 +7,4 @@ export declare class TimePickerUtils {
|
|
|
12
7
|
static formatTimeForDisplay: (hour: number, minute: number) => string;
|
|
13
8
|
static formatTimeStringForDisplay: (value: string | undefined) => string;
|
|
14
9
|
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;
|
|
20
10
|
}
|
|
21
|
-
export {};
|
|
@@ -1,16 +1,12 @@
|
|
|
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
|
-
};
|
|
8
4
|
var TimePickerUtils = /*#__PURE__*/_createClass(function TimePickerUtils() {
|
|
9
5
|
_classCallCheck(this, TimePickerUtils);
|
|
10
6
|
});
|
|
11
7
|
_TimePickerUtils = TimePickerUtils;
|
|
12
8
|
_defineProperty(TimePickerUtils, "parseStringToTime", function (value) {
|
|
13
|
-
if (!value
|
|
9
|
+
if (!value) return undefined;
|
|
14
10
|
var parts = value.split(':');
|
|
15
11
|
if (parts.length < 2) return undefined;
|
|
16
12
|
var hour = parseInt(parts[0], 10);
|
|
@@ -53,63 +49,6 @@ _defineProperty(TimePickerUtils, "generateTimeOptions", function (type) {
|
|
|
53
49
|
return String(i).padStart(2, '0');
|
|
54
50
|
});
|
|
55
51
|
});
|
|
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
|
-
});
|
|
113
52
|
|
|
114
53
|
export { TimePickerUtils };
|
|
115
54
|
//# 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;"}
|
|
@@ -91,8 +91,6 @@ 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";
|
|
96
94
|
export { ColorPicker } from "./components/color_picker/color_picker";
|
|
97
95
|
export { ColorPickerControl } from './components/controls/color_picker_control/color_picker_control';
|
|
98
96
|
export { IColorPickerColor } from "./components/color_picker/color_picker_types";
|
|
@@ -92,7 +92,6 @@ 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';
|
|
96
95
|
export { GRADIENT_TYPES } from './components/color_picker/color_picker_constants.js';
|
|
97
96
|
export { ColorPickerUtils } from './components/color_picker/color_picker_utils.js';
|
|
98
97
|
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;"}
|
|
@@ -61,8 +61,5 @@
|
|
|
61
61
|
"neutralColors800": "Neutral color 800",
|
|
62
62
|
"neutralColors900": "Neutral color 900",
|
|
63
63
|
"neutralColors1000": "Neutral color 1000",
|
|
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."
|
|
64
|
+
"gg": "hh"
|
|
68
65
|
}
|
|
@@ -110,10 +110,7 @@ var en = {
|
|
|
110
110
|
neutralColors800: neutralColors800,
|
|
111
111
|
neutralColors900: neutralColors900,
|
|
112
112
|
neutralColors1000: neutralColors1000,
|
|
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."
|
|
113
|
+
gg: gg
|
|
117
114
|
};
|
|
118
115
|
|
|
119
116
|
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;"}
|
|
@@ -61,8 +61,5 @@
|
|
|
61
61
|
"neutralColors800": "Kolor neutralny 800",
|
|
62
62
|
"neutralColors900": "Kolor neutralny 900",
|
|
63
63
|
"neutralColors1000": "Kolor neutralny 1000",
|
|
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ę."
|
|
64
|
+
"gg": "gg"
|
|
68
65
|
}
|
|
@@ -110,10 +110,7 @@ var pl = {
|
|
|
110
110
|
neutralColors800: neutralColors800,
|
|
111
111
|
neutralColors900: neutralColors900,
|
|
112
112
|
neutralColors1000: neutralColors1000,
|
|
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ę."
|
|
113
|
+
gg: gg
|
|
117
114
|
};
|
|
118
115
|
|
|
119
116
|
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;"}
|
package/package.json
CHANGED
|
@@ -1,196 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var defer = require('../utils/defer.js');
|
|
8
|
-
var input = require('../utils/input.js');
|
|
9
|
-
var helpers = require('../utils/helpers.js');
|
|
10
|
-
|
|
11
|
-
function useInputElement(inputRef) {
|
|
12
|
-
return React.useCallback(function () {
|
|
13
|
-
var input = inputRef.current;
|
|
14
|
-
var isDOMNode = typeof window !== 'undefined' && helpers.isDOMElement(input);
|
|
15
|
-
// workaround for react-test-renderer
|
|
16
|
-
// https://github.com/sanniassin/react-input-mask/issues/147
|
|
17
|
-
if (!input || !isDOMNode) {
|
|
18
|
-
return null;
|
|
19
|
-
}
|
|
20
|
-
if (input.nodeName !== 'INPUT') {
|
|
21
|
-
input = input.querySelector('input');
|
|
22
|
-
}
|
|
23
|
-
if (!input) {
|
|
24
|
-
throw new Error("inputComponent doesn't contain input node");
|
|
25
|
-
}
|
|
26
|
-
return input;
|
|
27
|
-
}, [inputRef]);
|
|
28
|
-
}
|
|
29
|
-
function useDeferLoop(callback) {
|
|
30
|
-
var deferIdRef = React.useRef(null);
|
|
31
|
-
var runLoop = React.useCallback(function () {
|
|
32
|
-
// If there are simulated focus events, runLoop could be
|
|
33
|
-
// called multiple times without blur or re-render
|
|
34
|
-
if (deferIdRef.current !== null) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
function loop() {
|
|
38
|
-
callback();
|
|
39
|
-
deferIdRef.current = defer.defer(loop);
|
|
40
|
-
}
|
|
41
|
-
loop();
|
|
42
|
-
}, [callback]);
|
|
43
|
-
var stopLoop = React.useCallback(function () {
|
|
44
|
-
if (deferIdRef.current !== null) {
|
|
45
|
-
defer.cancelDefer(deferIdRef.current);
|
|
46
|
-
deferIdRef.current = null;
|
|
47
|
-
}
|
|
48
|
-
}, []);
|
|
49
|
-
React.useEffect(function () {
|
|
50
|
-
if (deferIdRef.current) {
|
|
51
|
-
stopLoop();
|
|
52
|
-
runLoop();
|
|
53
|
-
}
|
|
54
|
-
}, [runLoop, stopLoop]);
|
|
55
|
-
React.useEffect(function () {
|
|
56
|
-
return function () {
|
|
57
|
-
if (deferIdRef.current !== null) {
|
|
58
|
-
defer.cancelDefer(deferIdRef.current);
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
}, []);
|
|
62
|
-
return [runLoop, stopLoop];
|
|
63
|
-
}
|
|
64
|
-
function useSelection(inputRef, isMasked) {
|
|
65
|
-
var inputUtilsRef = React.useRef(new input['default']());
|
|
66
|
-
var inputUtils = inputUtilsRef.current;
|
|
67
|
-
var selectionRef = React.useRef({
|
|
68
|
-
start: null,
|
|
69
|
-
end: null
|
|
70
|
-
});
|
|
71
|
-
var getInputElement = useInputElement(inputRef);
|
|
72
|
-
var getSelection = React.useCallback(function () {
|
|
73
|
-
var input = getInputElement();
|
|
74
|
-
if (!input) {
|
|
75
|
-
return {
|
|
76
|
-
start: null,
|
|
77
|
-
end: null
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
return inputUtils.getInputSelection(input);
|
|
81
|
-
}, [getInputElement]);
|
|
82
|
-
var getLastSelection = React.useCallback(function () {
|
|
83
|
-
return selectionRef.current;
|
|
84
|
-
}, []);
|
|
85
|
-
var setSelection = React.useCallback(function (selection) {
|
|
86
|
-
var _selection$start, _selection$end;
|
|
87
|
-
var input = getInputElement();
|
|
88
|
-
// Don't change selection on unfocused input
|
|
89
|
-
// because Safari sets focus on selection change (#154)
|
|
90
|
-
if (!input || !inputUtils.isInputFocused(input)) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
inputUtils.setInputSelection(input, (_selection$start = selection.start) !== null && _selection$start !== void 0 ? _selection$start : 0, (_selection$end = selection.end) !== null && _selection$end !== void 0 ? _selection$end : undefined);
|
|
94
|
-
// Use actual selection in case the requested one was out of range
|
|
95
|
-
selectionRef.current = getSelection();
|
|
96
|
-
}, [getInputElement, getSelection]);
|
|
97
|
-
var selectionLoop = React.useCallback(function () {
|
|
98
|
-
selectionRef.current = getSelection();
|
|
99
|
-
}, [getSelection]);
|
|
100
|
-
var _useDeferLoop = useDeferLoop(selectionLoop),
|
|
101
|
-
_useDeferLoop2 = _rollupPluginBabelHelpers.slicedToArray(_useDeferLoop, 2),
|
|
102
|
-
runSelectionLoop = _useDeferLoop2[0],
|
|
103
|
-
stopSelectionLoop = _useDeferLoop2[1];
|
|
104
|
-
React.useLayoutEffect(function () {
|
|
105
|
-
if (!isMasked) {
|
|
106
|
-
return;
|
|
107
|
-
}
|
|
108
|
-
var input = getInputElement();
|
|
109
|
-
if (!input) return;
|
|
110
|
-
input.addEventListener('focus', runSelectionLoop);
|
|
111
|
-
input.addEventListener('blur', stopSelectionLoop);
|
|
112
|
-
if (inputUtils.isInputFocused(input)) {
|
|
113
|
-
runSelectionLoop();
|
|
114
|
-
}
|
|
115
|
-
return function () {
|
|
116
|
-
input.removeEventListener('focus', runSelectionLoop);
|
|
117
|
-
input.removeEventListener('blur', stopSelectionLoop);
|
|
118
|
-
stopSelectionLoop();
|
|
119
|
-
};
|
|
120
|
-
}, [isMasked, getInputElement, runSelectionLoop, stopSelectionLoop]);
|
|
121
|
-
return {
|
|
122
|
-
getSelection: getSelection,
|
|
123
|
-
getLastSelection: getLastSelection,
|
|
124
|
-
setSelection: setSelection
|
|
125
|
-
};
|
|
126
|
-
}
|
|
127
|
-
function useValue(inputRef, initialValue) {
|
|
128
|
-
var getInputElement = useInputElement(inputRef);
|
|
129
|
-
var valueRef = React.useRef(initialValue);
|
|
130
|
-
var getValue = React.useCallback(function () {
|
|
131
|
-
var input = getInputElement();
|
|
132
|
-
return (input === null || input === void 0 ? void 0 : input.value) || '';
|
|
133
|
-
}, [getInputElement]);
|
|
134
|
-
var getLastValue = React.useCallback(function () {
|
|
135
|
-
return valueRef.current;
|
|
136
|
-
}, []);
|
|
137
|
-
var setValue = React.useCallback(function (newValue) {
|
|
138
|
-
valueRef.current = newValue;
|
|
139
|
-
var input = getInputElement();
|
|
140
|
-
if (input) {
|
|
141
|
-
input.value = newValue;
|
|
142
|
-
}
|
|
143
|
-
}, [getInputElement]);
|
|
144
|
-
return {
|
|
145
|
-
getValue: getValue,
|
|
146
|
-
getLastValue: getLastValue,
|
|
147
|
-
setValue: setValue
|
|
148
|
-
};
|
|
149
|
-
}
|
|
150
|
-
function useInputState(initialValue, isMasked) {
|
|
151
|
-
var inputRef = React.useRef(null);
|
|
152
|
-
var _useSelection = useSelection(inputRef, isMasked),
|
|
153
|
-
getSelection = _useSelection.getSelection,
|
|
154
|
-
getLastSelection = _useSelection.getLastSelection,
|
|
155
|
-
setSelection = _useSelection.setSelection;
|
|
156
|
-
var _useValue = useValue(inputRef, initialValue),
|
|
157
|
-
getValue = _useValue.getValue,
|
|
158
|
-
getLastValue = _useValue.getLastValue,
|
|
159
|
-
setValue = _useValue.setValue;
|
|
160
|
-
function getLastInputState() {
|
|
161
|
-
return {
|
|
162
|
-
value: getLastValue(),
|
|
163
|
-
selection: getLastSelection()
|
|
164
|
-
};
|
|
165
|
-
}
|
|
166
|
-
function getInputState() {
|
|
167
|
-
return {
|
|
168
|
-
value: getValue(),
|
|
169
|
-
selection: getSelection()
|
|
170
|
-
};
|
|
171
|
-
}
|
|
172
|
-
function setInputState(_ref) {
|
|
173
|
-
var value = _ref.value,
|
|
174
|
-
selection = _ref.selection;
|
|
175
|
-
setValue(value);
|
|
176
|
-
setSelection(selection);
|
|
177
|
-
}
|
|
178
|
-
return {
|
|
179
|
-
inputRef: inputRef,
|
|
180
|
-
getInputState: getInputState,
|
|
181
|
-
getLastInputState: getLastInputState,
|
|
182
|
-
setInputState: setInputState
|
|
183
|
-
};
|
|
184
|
-
}
|
|
185
|
-
function usePrevious(value) {
|
|
186
|
-
var ref = React.useRef();
|
|
187
|
-
React.useEffect(function () {
|
|
188
|
-
ref.current = value;
|
|
189
|
-
});
|
|
190
|
-
return ref.current;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
exports.useInputElement = useInputElement;
|
|
194
|
-
exports.useInputState = useInputState;
|
|
195
|
-
exports.usePrevious = usePrevious;
|
|
196
|
-
//# sourceMappingURL=hooks.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var CONTROLLED_PROPS = ['disabled', 'onBlur', 'onChange', 'onFocus', 'onMouseDown', 'readOnly', 'value'];
|
|
6
|
-
var defaultFormatChars = {
|
|
7
|
-
'9': /[0-9]/,
|
|
8
|
-
a: /[A-Za-z]/,
|
|
9
|
-
'*': /[A-Za-z0-9]/
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
exports.CONTROLLED_PROPS = CONTROLLED_PROPS;
|
|
13
|
-
exports.defaultFormatChars = defaultFormatChars;
|
|
14
|
-
//# sourceMappingURL=input-mask-constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|