@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.
Files changed (104) hide show
  1. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +0 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +16 -27
  5. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +43 -11
  7. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js +93 -13
  9. package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js +203 -4
  11. package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/input_mask/hooks/hooks.js +196 -0
  13. package/build/cjs/packages/aurora/src/components/input_mask/hooks/hooks.js.map +1 -0
  14. package/build/cjs/packages/aurora/src/components/input_mask/input-mask-constants.js +14 -0
  15. package/build/cjs/packages/aurora/src/components/input_mask/input-mask-constants.js.map +1 -0
  16. package/build/cjs/packages/aurora/src/components/input_mask/input_mask.js +360 -0
  17. package/build/cjs/packages/aurora/src/components/input_mask/input_mask.js.map +1 -0
  18. package/build/cjs/packages/aurora/src/components/input_mask/utils/defer.js +16 -0
  19. package/build/cjs/packages/aurora/src/components/input_mask/utils/defer.js.map +1 -0
  20. package/build/cjs/packages/aurora/src/components/input_mask/utils/helpers.js +50 -0
  21. package/build/cjs/packages/aurora/src/components/input_mask/utils/helpers.js.map +1 -0
  22. package/build/cjs/packages/aurora/src/components/input_mask/utils/input.js +33 -0
  23. package/build/cjs/packages/aurora/src/components/input_mask/utils/input.js.map +1 -0
  24. package/build/cjs/packages/aurora/src/components/input_mask/utils/mask.js +371 -0
  25. package/build/cjs/packages/aurora/src/components/input_mask/utils/mask.js.map +1 -0
  26. package/build/cjs/packages/aurora/src/components/input_mask/utils/parse-mask.js +94 -0
  27. package/build/cjs/packages/aurora/src/components/input_mask/utils/parse-mask.js.map +1 -0
  28. package/build/cjs/packages/aurora/src/components/input_mask/utils/validate-props.js +37 -0
  29. package/build/cjs/packages/aurora/src/components/input_mask/utils/validate-props.js.map +1 -0
  30. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +30 -10
  31. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
  32. package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +85 -50
  33. package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
  34. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +62 -1
  35. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
  36. package/build/cjs/packages/aurora/src/index.js +2 -0
  37. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  38. package/build/cjs/packages/aurora/src/translations/en.json.js +5 -1
  39. package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
  40. package/build/cjs/packages/aurora/src/translations/pl.json.js +5 -1
  41. package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
  42. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +1 -1
  43. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +0 -1
  44. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  45. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +16 -27
  46. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -1
  47. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.d.ts +4 -1
  48. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +43 -11
  49. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/date_picker/date_picker.d.ts +1 -1
  51. package/build/esm/packages/aurora/src/components/date_picker/date_picker.js +94 -14
  52. package/build/esm/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
  53. package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.d.ts +1 -1
  54. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.d.ts +19 -2
  55. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +203 -4
  56. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
  57. package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.d.ts +10 -0
  58. package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js +190 -0
  59. package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js.map +1 -0
  60. package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.d.ts +6 -0
  61. package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js +9 -0
  62. package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js.map +1 -0
  63. package/build/esm/packages/aurora/src/components/input_mask/input_mask.d.ts +4 -0
  64. package/build/esm/packages/aurora/src/components/input_mask/input_mask.js +352 -0
  65. package/build/esm/packages/aurora/src/components/input_mask/input_mask.js.map +1 -0
  66. package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.d.ts +39 -0
  67. package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.js +2 -0
  68. package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.js.map +1 -0
  69. package/build/esm/packages/aurora/src/components/input_mask/utils/defer.d.ts +2 -0
  70. package/build/esm/packages/aurora/src/components/input_mask/utils/defer.js +11 -0
  71. package/build/esm/packages/aurora/src/components/input_mask/utils/defer.js.map +1 -0
  72. package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.d.ts +7 -0
  73. package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.js +40 -0
  74. package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.js.map +1 -0
  75. package/build/esm/packages/aurora/src/components/input_mask/utils/input.d.ts +9 -0
  76. package/build/esm/packages/aurora/src/components/input_mask/utils/input.js +29 -0
  77. package/build/esm/packages/aurora/src/components/input_mask/utils/input.js.map +1 -0
  78. package/build/esm/packages/aurora/src/components/input_mask/utils/mask.d.ts +63 -0
  79. package/build/esm/packages/aurora/src/components/input_mask/utils/mask.js +367 -0
  80. package/build/esm/packages/aurora/src/components/input_mask/utils/mask.js.map +1 -0
  81. package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.d.ts +7 -0
  82. package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.js +90 -0
  83. package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.js.map +1 -0
  84. package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.d.ts +4 -0
  85. package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.js +31 -0
  86. package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.js.map +1 -0
  87. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.d.ts +2 -1
  88. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +30 -10
  89. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
  90. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +87 -52
  91. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
  92. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts +11 -0
  93. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +62 -1
  94. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
  95. package/build/esm/packages/aurora/src/index.d.ts +2 -0
  96. package/build/esm/packages/aurora/src/index.js +1 -0
  97. package/build/esm/packages/aurora/src/index.js.map +1 -1
  98. package/build/esm/packages/aurora/src/translations/en.json +5 -1
  99. package/build/esm/packages/aurora/src/translations/en.json.js +5 -1
  100. package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
  101. package/build/esm/packages/aurora/src/translations/pl.json +5 -1
  102. package/build/esm/packages/aurora/src/translations/pl.json.js +5 -1
  103. package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
  104. 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(null),
21
+ var _useState3 = useState(''),
24
22
  _useState4 = _slicedToArray(_useState3, 2),
25
- tempHour = _useState4[0],
26
- setTempHour = _useState4[1];
27
- var _useState5 = useState(null),
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
- tempMinute = _useState6[0],
30
- setTempMinute = _useState6[1];
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
- var formatTempForDisplay = function formatTempForDisplay(hour, minute) {
43
- if (hour === null && minute === null) {
44
- return '';
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
- 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
- };
59
+ }, [parsedTime, open]);
50
60
  var displayValue = useMemo(function () {
51
- if (open) {
52
- return formatTempForDisplay(tempHour, tempMinute);
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$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);
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 (tempHour === null && tempMinute === null) {
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 (tempHour === null || tempMinute === null) {
76
- // Added error message just to trigger the error state, not showing error message to the user
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(tempHour, tempMinute);
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
- setTempHour(hour);
87
- if (hour === null) {
88
- if (tempMinute === null) {
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
- } else {
92
- if (tempMinute === null) {
93
- setTempMinute(0);
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
- setTempMinute(minute);
100
- if (minute === null) {
101
- if (tempHour === null) {
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
- } else {
105
- // Auto-set hour if it was null, then clear error since both are now set
106
- if (tempHour === null) {
107
- setTempHour(0);
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
- })), /*#__PURE__*/React__default.createElement(TimePickerContent, {
147
- hour: tempHour,
148
- minute: tempMinute,
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "3.1.51",
5
+ "version": "3.1.52-2",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",