@dreamcommerce/aurora 3.1.52 → 3.1.53

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 (110) 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/date_and_time_picker/date_time_picker.js +16 -27
  3. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +36 -11
  5. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js +96 -19
  7. package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/date_picker/date_picker_constants.js +15 -0
  9. package/build/cjs/packages/aurora/src/components/date_picker/date_picker_constants.js.map +1 -0
  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 +373 -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 +27 -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 -54
  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_constants.js +11 -0
  35. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_constants.js.map +1 -0
  36. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +62 -1
  37. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
  38. package/build/cjs/packages/aurora/src/index.js +2 -0
  39. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  40. package/build/cjs/packages/aurora/src/translations/en.json.js +5 -1
  41. package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
  42. package/build/cjs/packages/aurora/src/translations/pl.json.js +5 -1
  43. package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
  44. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +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 +36 -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 +97 -20
  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_constants.d.ts +8 -0
  54. package/build/esm/packages/aurora/src/components/date_picker/date_picker_constants.js +11 -0
  55. package/build/esm/packages/aurora/src/components/date_picker/date_picker_constants.js.map +1 -0
  56. package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.d.ts +1 -1
  57. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.d.ts +19 -2
  58. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +203 -4
  59. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
  60. package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.d.ts +10 -0
  61. package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js +190 -0
  62. package/build/esm/packages/aurora/src/components/input_mask/hooks/hooks.js.map +1 -0
  63. package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.d.ts +6 -0
  64. package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js +9 -0
  65. package/build/esm/packages/aurora/src/components/input_mask/input-mask-constants.js.map +1 -0
  66. package/build/esm/packages/aurora/src/components/input_mask/input_mask.d.ts +4 -0
  67. package/build/esm/packages/aurora/src/components/input_mask/input_mask.js +365 -0
  68. package/build/esm/packages/aurora/src/components/input_mask/input_mask.js.map +1 -0
  69. package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.d.ts +40 -0
  70. package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.js +2 -0
  71. package/build/esm/packages/aurora/src/components/input_mask/input_mask_types.js.map +1 -0
  72. package/build/esm/packages/aurora/src/components/input_mask/utils/defer.d.ts +2 -0
  73. package/build/esm/packages/aurora/src/components/input_mask/utils/defer.js +11 -0
  74. package/build/esm/packages/aurora/src/components/input_mask/utils/defer.js.map +1 -0
  75. package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.d.ts +7 -0
  76. package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.js +40 -0
  77. package/build/esm/packages/aurora/src/components/input_mask/utils/helpers.js.map +1 -0
  78. package/build/esm/packages/aurora/src/components/input_mask/utils/input.d.ts +9 -0
  79. package/build/esm/packages/aurora/src/components/input_mask/utils/input.js +29 -0
  80. package/build/esm/packages/aurora/src/components/input_mask/utils/input.js.map +1 -0
  81. package/build/esm/packages/aurora/src/components/input_mask/utils/mask.d.ts +63 -0
  82. package/build/esm/packages/aurora/src/components/input_mask/utils/mask.js +367 -0
  83. package/build/esm/packages/aurora/src/components/input_mask/utils/mask.js.map +1 -0
  84. package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.d.ts +7 -0
  85. package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.js +90 -0
  86. package/build/esm/packages/aurora/src/components/input_mask/utils/parse-mask.js.map +1 -0
  87. package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.d.ts +4 -0
  88. package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.js +31 -0
  89. package/build/esm/packages/aurora/src/components/input_mask/utils/validate-props.js.map +1 -0
  90. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.d.ts +2 -1
  91. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +27 -10
  92. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
  93. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +87 -56
  94. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
  95. package/build/esm/packages/aurora/src/components/time_picker/time_picker_constants.d.ts +4 -0
  96. package/build/esm/packages/aurora/src/components/time_picker/time_picker_constants.js +7 -0
  97. package/build/esm/packages/aurora/src/components/time_picker/time_picker_constants.js.map +1 -0
  98. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts +11 -0
  99. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +62 -1
  100. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
  101. package/build/esm/packages/aurora/src/index.d.ts +2 -0
  102. package/build/esm/packages/aurora/src/index.js +1 -0
  103. package/build/esm/packages/aurora/src/index.js.map +1 -1
  104. package/build/esm/packages/aurora/src/translations/en.json +5 -1
  105. package/build/esm/packages/aurora/src/translations/en.json.js +5 -1
  106. package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
  107. package/build/esm/packages/aurora/src/translations/pl.json +5 -1
  108. package/build/esm/packages/aurora/src/translations/pl.json.js +5 -1
  109. package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
  110. package/package.json +1 -1
@@ -1,11 +1,8 @@
1
- import React__default, { useState, useRef, useMemo } from 'react';
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';
1
+ import React__default, { useState, useRef, useMemo, useEffect } from 'react';
2
+ import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
5
3
  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
4
  import { TimePickerUtils } from './time_picker_utils.js';
5
+ import { TimePickerInput } from './components/time_picker_input.js';
9
6
  import { TimePickerContent } from './components/time_picker_content.js';
10
7
 
11
8
  var TimePicker = function TimePicker(_ref) {
@@ -20,39 +17,46 @@ var TimePicker = function TimePicker(_ref) {
20
17
  _useState2 = _slicedToArray(_useState, 2),
21
18
  open = _useState2[0],
22
19
  setOpen = _useState2[1];
23
- var _useState3 = useState(null),
20
+ var _useState3 = useState(''),
24
21
  _useState4 = _slicedToArray(_useState3, 2),
25
- tempHour = _useState4[0],
26
- setTempHour = _useState4[1];
27
- var _useState5 = useState(null),
22
+ inputValue = _useState4[0],
23
+ setInputValue = _useState4[1];
24
+ var _useState5 = useState(function () {
25
+ var _parsed$hour, _parsed$minute;
26
+ if (!value) return {
27
+ hour: null,
28
+ minute: null
29
+ };
30
+ var parsed = TimePickerUtils.parseStringToTime(value);
31
+ return {
32
+ hour: (_parsed$hour = parsed === null || parsed === void 0 ? void 0 : parsed.hour) !== null && _parsed$hour !== void 0 ? _parsed$hour : null,
33
+ minute: (_parsed$minute = parsed === null || parsed === void 0 ? void 0 : parsed.minute) !== null && _parsed$minute !== void 0 ? _parsed$minute : null
34
+ };
35
+ }),
28
36
  _useState6 = _slicedToArray(_useState5, 2),
29
- tempMinute = _useState6[0],
30
- setTempMinute = _useState6[1];
37
+ tempTime = _useState6[0],
38
+ setTempTime = _useState6[1];
31
39
  var _useState7 = useState(undefined),
32
40
  _useState8 = _slicedToArray(_useState7, 2),
33
41
  validationError = _useState8[0],
34
42
  setValidationError = _useState8[1];
35
43
  var isCancelledRef = useRef(false);
36
- var _useTranslation = useTranslation(),
37
- _useTranslation2 = _slicedToArray(_useTranslation, 1),
38
- t = _useTranslation2[0];
39
44
  var parsedTime = useMemo(function () {
40
45
  return value ? TimePickerUtils.parseStringToTime(value) : undefined;
41
46
  }, [value]);
42
- var formatTempForDisplay = function formatTempForDisplay(hour, minute) {
43
- if (hour === null && minute === null) {
44
- return '';
47
+ useEffect(function () {
48
+ if (!open) {
49
+ var _parsedTime$hour, _parsedTime$minute;
50
+ setTempTime({
51
+ hour: (_parsedTime$hour = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour !== void 0 ? _parsedTime$hour : null,
52
+ minute: (_parsedTime$minute = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute !== void 0 ? _parsedTime$minute : null
53
+ });
45
54
  }
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
- };
55
+ }, [parsedTime, open]);
50
56
  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]);
57
+ if (!parsedTime) return inputValue;
58
+ return TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute);
59
+ }, [parsedTime, inputValue]);
56
60
  var mergedErrors = useMemo(function () {
57
61
  if (validationError && errors) {
58
62
  return Array.isArray(errors) ? [validationError].concat(_toConsumableArray(errors)) : [validationError, errors];
@@ -61,58 +65,76 @@ var TimePicker = function TimePicker(_ref) {
61
65
  return errors;
62
66
  }, [errors, validationError]);
63
67
  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);
68
+ var _parsedTime$hour2, _parsedTime$minute2;
69
+ setTempTime({
70
+ hour: (_parsedTime$hour2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour2 !== void 0 ? _parsedTime$hour2 : null,
71
+ minute: (_parsedTime$minute2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute2 !== void 0 ? _parsedTime$minute2 : null
72
+ });
67
73
  setValidationError(undefined);
68
74
  };
69
75
  var saveValue = function saveValue() {
70
- if (tempHour === null && tempMinute === null) {
76
+ if (tempTime.hour === null && tempTime.minute === null) {
71
77
  onChange === null || onChange === void 0 ? void 0 : onChange('');
72
78
  setValidationError(undefined);
79
+ setInputValue('');
73
80
  return true;
74
81
  }
75
- if (tempHour === null || tempMinute === null) {
76
- // Added error message just to trigger the error state, not showing error message to the user
82
+ if (tempTime.hour === null || tempTime.minute === null) {
83
+ // Error only for triggering the validation error state not displaying it to the user
77
84
  setValidationError('Select both hour and minute');
78
85
  return false;
79
86
  }
80
- var formattedValue = TimePickerUtils.formatTimeToString(tempHour, tempMinute);
87
+ var formattedValue = TimePickerUtils.formatTimeToString(tempTime.hour, tempTime.minute);
81
88
  onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
82
89
  setValidationError(undefined);
90
+ setInputValue('');
83
91
  return true;
84
92
  };
85
93
  var handleHourChange = function handleHourChange(hour) {
86
- setTempHour(hour);
87
- if (hour === null) {
88
- if (tempMinute === null) {
94
+ setTempTime(function (prev) {
95
+ var newTime = _objectSpread2(_objectSpread2({}, prev), {}, {
96
+ hour: hour
97
+ });
98
+ if (hour === null && prev.minute === null) {
89
99
  setValidationError(undefined);
100
+ return newTime;
90
101
  }
91
- } else {
92
- if (tempMinute === null) {
93
- setTempMinute(0);
102
+ if (hour !== null && prev.minute === null) {
103
+ setValidationError(undefined);
104
+ return {
105
+ hour: hour,
106
+ minute: 0
107
+ };
94
108
  }
95
109
  setValidationError(undefined);
96
- }
110
+ return newTime;
111
+ });
97
112
  };
98
113
  var handleMinuteChange = function handleMinuteChange(minute) {
99
- setTempMinute(minute);
100
- if (minute === null) {
101
- if (tempHour === null) {
114
+ setTempTime(function (prev) {
115
+ var newTime = _objectSpread2(_objectSpread2({}, prev), {}, {
116
+ minute: minute
117
+ });
118
+ if (minute === null && prev.hour === null) {
102
119
  setValidationError(undefined);
120
+ return newTime;
103
121
  }
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);
122
+ if (minute !== null && prev.hour === null) {
123
+ setValidationError(undefined);
124
+ return {
125
+ hour: 0,
126
+ minute: minute
127
+ };
108
128
  }
109
129
  setValidationError(undefined);
110
- }
130
+ return newTime;
131
+ });
111
132
  };
112
133
  var handleOpenChange = function handleOpenChange(newOpen) {
113
134
  if (newOpen) {
114
135
  isCancelledRef.current = false;
115
136
  initializeTempValues();
137
+ setInputValue('');
116
138
  setOpen(true);
117
139
  } else if (!isCancelledRef.current && !saveValue()) {
118
140
  setOpen(true);
@@ -123,6 +145,7 @@ var TimePicker = function TimePicker(_ref) {
123
145
  var handleCancel = function handleCancel() {
124
146
  isCancelledRef.current = true;
125
147
  initializeTempValues();
148
+ setInputValue('');
126
149
  setOpen(false);
127
150
  };
128
151
  var handleChoose = function handleChoose() {
@@ -131,21 +154,29 @@ var TimePicker = function TimePicker(_ref) {
131
154
  setOpen(false);
132
155
  }
133
156
  };
157
+ var handleInputChange = function handleInputChange(event) {
158
+ var typedValue = event.target.value;
159
+ setInputValue(typedValue);
160
+ var parsed = TimePickerUtils.parseStringToTime(typedValue);
161
+ if (parsed) {
162
+ onChange === null || onChange === void 0 ? void 0 : onChange(typedValue);
163
+ } else {
164
+ onChange === null || onChange === void 0 ? void 0 : onChange('');
165
+ }
166
+ };
134
167
  return /*#__PURE__*/React__default.createElement(Popover, {
135
168
  open: open,
136
169
  onOpenChange: handleOpenChange
137
- }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
138
- className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
139
- disabled: disabled
140
170
  }, /*#__PURE__*/React__default.createElement(TimePickerInput, {
141
171
  id: id,
142
172
  value: displayValue,
143
173
  placeholder: placeholder,
144
174
  disabled: disabled,
145
- errors: mergedErrors
146
- })), /*#__PURE__*/React__default.createElement(TimePickerContent, {
147
- hour: tempHour,
148
- minute: tempMinute,
175
+ errors: mergedErrors,
176
+ onChange: handleInputChange
177
+ }), /*#__PURE__*/React__default.createElement(TimePickerContent, {
178
+ hour: tempTime.hour,
179
+ minute: tempTime.minute,
149
180
  onHourChange: handleHourChange,
150
181
  onMinuteChange: handleMinuteChange,
151
182
  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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,4 @@
1
+ export declare const TIME_PICKER_FORMAT_CHARS: {
2
+ h: RegExp;
3
+ m: RegExp;
4
+ };
@@ -0,0 +1,7 @@
1
+ var TIME_PICKER_FORMAT_CHARS = {
2
+ h: /[0-2]/,
3
+ m: /[0-5]/
4
+ };
5
+
6
+ export { TIME_PICKER_FORMAT_CHARS };
7
+ //# sourceMappingURL=time_picker_constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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.52",
5
+ "version": "3.1.53",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",