@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
@@ -5,11 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
7
7
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
8
- var cn = require('../../utilities/cn.js');
9
8
  var popover = require('../popover/popover.js');
10
- var popover_trigger = require('../popover/components/popover_trigger.js');
11
- var time_picker_input = require('./components/time_picker_input.js');
12
9
  var time_picker_utils = require('./time_picker_utils.js');
10
+ var time_picker_input = require('./components/time_picker_input.js');
13
11
  var time_picker_content = require('./components/time_picker_content.js');
14
12
 
15
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -28,14 +26,25 @@ var TimePicker = function TimePicker(_ref) {
28
26
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
29
27
  open = _useState2[0],
30
28
  setOpen = _useState2[1];
31
- var _useState3 = React.useState(null),
29
+ var _useState3 = React.useState(''),
32
30
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
33
- tempHour = _useState4[0],
34
- setTempHour = _useState4[1];
35
- var _useState5 = React.useState(null),
31
+ inputValue = _useState4[0],
32
+ setInputValue = _useState4[1];
33
+ var _useState5 = React.useState(function () {
34
+ var _parsed$hour, _parsed$minute;
35
+ if (!value) return {
36
+ hour: null,
37
+ minute: null
38
+ };
39
+ var parsed = time_picker_utils.TimePickerUtils.parseStringToTime(value);
40
+ return {
41
+ hour: (_parsed$hour = parsed === null || parsed === void 0 ? void 0 : parsed.hour) !== null && _parsed$hour !== void 0 ? _parsed$hour : null,
42
+ minute: (_parsed$minute = parsed === null || parsed === void 0 ? void 0 : parsed.minute) !== null && _parsed$minute !== void 0 ? _parsed$minute : null
43
+ };
44
+ }),
36
45
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
37
- tempMinute = _useState6[0],
38
- setTempMinute = _useState6[1];
46
+ tempTime = _useState6[0],
47
+ setTempTime = _useState6[1];
39
48
  var _useState7 = React.useState(undefined),
40
49
  _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
41
50
  validationError = _useState8[0],
@@ -47,20 +56,19 @@ var TimePicker = function TimePicker(_ref) {
47
56
  var parsedTime = React.useMemo(function () {
48
57
  return value ? time_picker_utils.TimePickerUtils.parseStringToTime(value) : undefined;
49
58
  }, [value]);
50
- var formatTempForDisplay = function formatTempForDisplay(hour, minute) {
51
- if (hour === null && minute === null) {
52
- return '';
59
+ React.useEffect(function () {
60
+ if (!open) {
61
+ var _parsedTime$hour, _parsedTime$minute;
62
+ setTempTime({
63
+ hour: (_parsedTime$hour = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour !== void 0 ? _parsedTime$hour : null,
64
+ minute: (_parsedTime$minute = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute !== void 0 ? _parsedTime$minute : null
65
+ });
53
66
  }
54
- var hourStr = hour === null ? t('gg') : String(hour).padStart(2, '0');
55
- var minuteStr = minute === null ? 'mm' : String(minute).padStart(2, '0');
56
- return "".concat(hourStr, ":").concat(minuteStr);
57
- };
67
+ }, [parsedTime, open]);
58
68
  var displayValue = React.useMemo(function () {
59
- if (open) {
60
- return formatTempForDisplay(tempHour, tempMinute);
61
- }
62
- return parsedTime ? time_picker_utils.TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
63
- }, [open, tempHour, tempMinute, parsedTime]);
69
+ if (!parsedTime) return inputValue;
70
+ return time_picker_utils.TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute);
71
+ }, [parsedTime, inputValue]);
64
72
  var mergedErrors = React.useMemo(function () {
65
73
  if (validationError && errors) {
66
74
  return Array.isArray(errors) ? [validationError].concat(_rollupPluginBabelHelpers.toConsumableArray(errors)) : [validationError, errors];
@@ -69,58 +77,76 @@ var TimePicker = function TimePicker(_ref) {
69
77
  return errors;
70
78
  }, [errors, validationError]);
71
79
  var initializeTempValues = function initializeTempValues() {
72
- var _parsedTime$hour, _parsedTime$minute;
73
- setTempHour((_parsedTime$hour = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour !== void 0 ? _parsedTime$hour : null);
74
- setTempMinute((_parsedTime$minute = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute !== void 0 ? _parsedTime$minute : null);
80
+ var _parsedTime$hour2, _parsedTime$minute2;
81
+ setTempTime({
82
+ hour: (_parsedTime$hour2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.hour) !== null && _parsedTime$hour2 !== void 0 ? _parsedTime$hour2 : null,
83
+ minute: (_parsedTime$minute2 = parsedTime === null || parsedTime === void 0 ? void 0 : parsedTime.minute) !== null && _parsedTime$minute2 !== void 0 ? _parsedTime$minute2 : null
84
+ });
75
85
  setValidationError(undefined);
76
86
  };
77
87
  var saveValue = function saveValue() {
78
- if (tempHour === null && tempMinute === null) {
88
+ if (tempTime.hour === null && tempTime.minute === null) {
79
89
  onChange === null || onChange === void 0 ? void 0 : onChange('');
80
90
  setValidationError(undefined);
91
+ setInputValue('');
81
92
  return true;
82
93
  }
83
- if (tempHour === null || tempMinute === null) {
84
- // Added error message just to trigger the error state, not showing error message to the user
94
+ if (tempTime.hour === null || tempTime.minute === null) {
95
+ // Error only for triggering the validation error state not displaying it to the user
85
96
  setValidationError('Select both hour and minute');
86
97
  return false;
87
98
  }
88
- var formattedValue = time_picker_utils.TimePickerUtils.formatTimeToString(tempHour, tempMinute);
99
+ var formattedValue = time_picker_utils.TimePickerUtils.formatTimeToString(tempTime.hour, tempTime.minute);
89
100
  onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
90
101
  setValidationError(undefined);
102
+ setInputValue('');
91
103
  return true;
92
104
  };
93
105
  var handleHourChange = function handleHourChange(hour) {
94
- setTempHour(hour);
95
- if (hour === null) {
96
- if (tempMinute === null) {
106
+ setTempTime(function (prev) {
107
+ var newTime = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prev), {}, {
108
+ hour: hour
109
+ });
110
+ if (hour === null && prev.minute === null) {
97
111
  setValidationError(undefined);
112
+ return newTime;
98
113
  }
99
- } else {
100
- if (tempMinute === null) {
101
- setTempMinute(0);
114
+ if (hour !== null && prev.minute === null) {
115
+ setValidationError(undefined);
116
+ return {
117
+ hour: hour,
118
+ minute: 0
119
+ };
102
120
  }
103
121
  setValidationError(undefined);
104
- }
122
+ return newTime;
123
+ });
105
124
  };
106
125
  var handleMinuteChange = function handleMinuteChange(minute) {
107
- setTempMinute(minute);
108
- if (minute === null) {
109
- if (tempHour === null) {
126
+ setTempTime(function (prev) {
127
+ var newTime = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prev), {}, {
128
+ minute: minute
129
+ });
130
+ if (minute === null && prev.hour === null) {
110
131
  setValidationError(undefined);
132
+ return newTime;
111
133
  }
112
- } else {
113
- // Auto-set hour if it was null, then clear error since both are now set
114
- if (tempHour === null) {
115
- setTempHour(0);
134
+ if (minute !== null && prev.hour === null) {
135
+ setValidationError(undefined);
136
+ return {
137
+ hour: 0,
138
+ minute: minute
139
+ };
116
140
  }
117
141
  setValidationError(undefined);
118
- }
142
+ return newTime;
143
+ });
119
144
  };
120
145
  var handleOpenChange = function handleOpenChange(newOpen) {
121
146
  if (newOpen) {
122
147
  isCancelledRef.current = false;
123
148
  initializeTempValues();
149
+ setInputValue('');
124
150
  setOpen(true);
125
151
  } else if (!isCancelledRef.current && !saveValue()) {
126
152
  setOpen(true);
@@ -131,6 +157,7 @@ var TimePicker = function TimePicker(_ref) {
131
157
  var handleCancel = function handleCancel() {
132
158
  isCancelledRef.current = true;
133
159
  initializeTempValues();
160
+ setInputValue('');
134
161
  setOpen(false);
135
162
  };
136
163
  var handleChoose = function handleChoose() {
@@ -139,21 +166,29 @@ var TimePicker = function TimePicker(_ref) {
139
166
  setOpen(false);
140
167
  }
141
168
  };
169
+ var handleInputChange = function handleInputChange(event) {
170
+ var typedValue = event.target.value;
171
+ setInputValue(typedValue);
172
+ var parsed = time_picker_utils.TimePickerUtils.parseStringToTime(typedValue);
173
+ if (parsed) {
174
+ onChange === null || onChange === void 0 ? void 0 : onChange(typedValue);
175
+ } else {
176
+ onChange === null || onChange === void 0 ? void 0 : onChange('');
177
+ }
178
+ };
142
179
  return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
143
180
  open: open,
144
181
  onOpenChange: handleOpenChange
145
- }, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
146
- className: cn.cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
147
- disabled: disabled
148
182
  }, /*#__PURE__*/React__default['default'].createElement(time_picker_input.TimePickerInput, {
149
183
  id: id,
150
184
  value: displayValue,
151
185
  placeholder: placeholder,
152
186
  disabled: disabled,
153
- errors: mergedErrors
154
- })), /*#__PURE__*/React__default['default'].createElement(time_picker_content.TimePickerContent, {
155
- hour: tempHour,
156
- minute: tempMinute,
187
+ errors: mergedErrors,
188
+ onChange: handleInputChange
189
+ }), /*#__PURE__*/React__default['default'].createElement(time_picker_content.TimePickerContent, {
190
+ hour: tempTime.hour,
191
+ minute: tempTime.minute,
157
192
  onHourChange: handleHourChange,
158
193
  onMinuteChange: handleMinuteChange,
159
194
  onCancel: handleCancel,
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,12 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
6
 
7
7
  var _TimePickerUtils;
8
+ var MASK_POSITIONS = {
9
+ HOUR: 0,
10
+ MINUTE: 3
11
+ };
8
12
  var TimePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function TimePickerUtils() {
9
13
  _rollupPluginBabelHelpers.classCallCheck(this, TimePickerUtils);
10
14
  });
11
15
  _TimePickerUtils = TimePickerUtils;
12
16
  _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "parseStringToTime", function (value) {
13
- if (!value) return undefined;
17
+ if (!value || value.includes('_')) return undefined;
14
18
  var parts = value.split(':');
15
19
  if (parts.length < 2) return undefined;
16
20
  var hour = parseInt(parts[0], 10);
@@ -53,6 +57,63 @@ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "generateTimeOptions",
53
57
  return String(i).padStart(2, '0');
54
58
  });
55
59
  });
60
+ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "replaceCharWithPlaceholder", function (value, position) {
61
+ return value.substring(0, position) + '_' + value.substring(position + 1);
62
+ });
63
+ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "validateTwoDigitValue", function (value, startPos, firstDigit, maxSecondDigit) {
64
+ if (value.length < startPos + 2) return {
65
+ valid: true,
66
+ keepFirst: false
67
+ };
68
+ var first = value[startPos];
69
+ var second = value[startPos + 1];
70
+ if (second === '_') return {
71
+ valid: true,
72
+ keepFirst: false
73
+ };
74
+ if (first === firstDigit && parseInt(second) > maxSecondDigit) {
75
+ return {
76
+ valid: false,
77
+ keepFirst: true
78
+ };
79
+ }
80
+ return {
81
+ valid: true,
82
+ keepFirst: false
83
+ };
84
+ });
85
+ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "validateHourAtPosition", function (value, hourStartPos) {
86
+ return _TimePickerUtils.validateTwoDigitValue(value, hourStartPos, '2', 3);
87
+ });
88
+ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "handleInvalidInput", function (validation, value, currentValue, position, currentSelection, fallbackSelection) {
89
+ if (validation.keepFirst) {
90
+ var newValue = _TimePickerUtils.replaceCharWithPlaceholder(value, position + 1);
91
+ return {
92
+ value: newValue,
93
+ selection: {
94
+ start: position + 1,
95
+ end: position + 1
96
+ }
97
+ };
98
+ }
99
+ return {
100
+ value: currentValue,
101
+ selection: currentSelection || fallbackSelection || {
102
+ start: null,
103
+ end: null
104
+ }
105
+ };
106
+ });
107
+ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "validateTimeMask", function (nextState, currentState) {
108
+ var value = nextState.value,
109
+ selection = nextState.selection;
110
+ var currentValue = (currentState === null || currentState === void 0 ? void 0 : currentState.value) || '';
111
+ var hourValidation = _TimePickerUtils.validateHourAtPosition(value, MASK_POSITIONS.HOUR);
112
+ if (!hourValidation.valid) {
113
+ return _TimePickerUtils.handleInvalidInput(hourValidation, value, currentValue, MASK_POSITIONS.HOUR, currentState === null || currentState === void 0 ? void 0 : currentState.selection, selection);
114
+ }
115
+ return nextState;
116
+ });
56
117
 
57
118
  exports.TimePickerUtils = TimePickerUtils;
58
119
  //# 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;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;"}
@@ -96,6 +96,7 @@ var _switch = require('./components/switch/switch.js');
96
96
  var switch_control = require('./components/controls/switch_control/switch_control.js');
97
97
  var input = require('./components/input/input.js');
98
98
  var input_control = require('./components/controls/input_control/input_control.js');
99
+ var input_mask = require('./components/input_mask/input_mask.js');
99
100
  var color_picker_constants = require('./components/color_picker/color_picker_constants.js');
100
101
  var color_picker_utils = require('./components/color_picker/color_picker_utils.js');
101
102
  var color_picker = require('./components/color_picker/color_picker.js');
@@ -254,6 +255,7 @@ exports.Switch = _switch.Switch;
254
255
  exports.SwitchControl = switch_control.SwitchControl;
255
256
  exports.Input = input.Input;
256
257
  exports.InputControl = input_control.InputControl;
258
+ exports.InputMask = input_mask.InputMask;
257
259
  exports.GRADIENT_TYPES = color_picker_constants.GRADIENT_TYPES;
258
260
  exports.ColorPickerUtils = color_picker_utils.ColorPickerUtils;
259
261
  exports.ColorPicker = color_picker.ColorPicker;
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -114,7 +114,11 @@ var en = {
114
114
  neutralColors800: neutralColors800,
115
115
  neutralColors900: neutralColors900,
116
116
  neutralColors1000: neutralColors1000,
117
- gg: gg
117
+ gg: gg,
118
+ "dd.mm.yyyy": "dd.mm.yyyy",
119
+ "dd.mm.yyyy - dd.mm.yyyy": "dd.mm.yyyy - dd.mm.yyyy",
120
+ "This date isn't available. Choose another one.": "This date isn't available. Choose another one.",
121
+ "Choose a date between {{start}}–{{end}}": "Choose a date between {{start}}–{{end}}"
118
122
  };
119
123
 
120
124
  exports.Cancel = Cancel;
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
@@ -114,7 +114,11 @@ var pl = {
114
114
  neutralColors800: neutralColors800,
115
115
  neutralColors900: neutralColors900,
116
116
  neutralColors1000: neutralColors1000,
117
- gg: gg
117
+ gg: gg,
118
+ "dd.mm.yyyy": "dd.mm.rrrr",
119
+ "dd.mm.yyyy - dd.mm.yyyy": "dd.mm.rrrr - dd.mm.rrrr",
120
+ "This date isn't available. Choose another one.": "Wprowadzona data jest niedostępna, wybierz inną datę.",
121
+ "Choose a date between {{start}}–{{end}}": "Wybierz datę z zakresu {{start}}–{{end}}"
118
122
  };
119
123
 
120
124
  exports.Cancel = Cancel;
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
@@ -43,7 +43,7 @@ var StyledDayPicker = function StyledDayPicker(_ref) {
43
43
  weekdays: 'aurora-text-subtle-light aurora-text-xs aurora-font-normal aurora-capitalize',
44
44
  weekday: 'aurora-font-normal',
45
45
  // Day cells
46
- day: 'aurora-h-8 aurora-w-8 aurora-rounded-4 focus-visible:aurora-outline-none focus-visible:aurora-ring-2 focus-visible:aurora-ring-primary aurora-cursor-pointer hover:aurora-bg-hover active:aurora-bg-active',
46
+ day: 'aurora-h-8 aurora-w-8 aurora-rounded-4 aurora-p-0 focus-visible:aurora-outline-none focus-visible:aurora-ring-2 focus-visible:aurora-ring-primary aurora-cursor-pointer hover:aurora-bg-hover active:aurora-bg-active',
47
47
  day_button: 'aurora-w-full aurora-h-full',
48
48
  selected: 'aurora-bg-inverse aurora-text-inverse hover:aurora-bg-inverse aurora-day-selected',
49
49
  today: 'aurora-bg-primary-subtle [&.aurora-day-selected:not(.aurora-day-range-middle)]:!aurora-bg-inverse [&.aurora-day-selected:not(.aurora-day-range-middle)]:!aurora-text-inverse',
@@ -36,7 +36,6 @@ var ColorPickerPure = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
36
36
  setIsColorPickerOpened(false);
37
37
  };
38
38
  return /*#__PURE__*/React__default.createElement(Popover, {
39
- modal: true,
40
39
  open: isColorPickerOpened,
41
40
  onOpenChange: function onOpenChange(value) {
42
41
  return !value && handleClosePopover();
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -30,45 +30,34 @@ var DateTimePicker = function DateTimePicker(_ref) {
30
30
  _useState4 = _slicedToArray(_useState3, 2),
31
31
  internalTime = _useState4[0],
32
32
  setInternalTime = _useState4[1];
33
- var dateRef = useRef(parsedValue.date);
34
- var timeRef = useRef(parsedValue.time);
35
- var lastValueRef = useRef(value);
33
+ var isInternalChangeRef = useRef(false);
34
+ // Sync with external value changes (but not internal ones)
36
35
  useEffect(function () {
37
- if (value !== lastValueRef.current) {
38
- lastValueRef.current = value;
36
+ if (!isInternalChangeRef.current) {
39
37
  setInternalDate(parsedValue.date);
40
38
  setInternalTime(parsedValue.time);
41
- dateRef.current = parsedValue.date;
42
- timeRef.current = parsedValue.time;
43
39
  }
44
- }, [value, parsedValue]);
45
- var handleDateChange = useCallback(function (date) {
46
- dateRef.current = date;
47
- setInternalDate(date);
48
- var currentTime = timeRef.current;
49
- if (date && currentTime) {
50
- var formattedValue = DateTimePickerUtils.formatDateTimeToString(date, currentTime);
51
- lastValueRef.current = formattedValue;
40
+ isInternalChangeRef.current = false;
41
+ }, [parsedValue.date, parsedValue.time]);
42
+ var emitChange = useCallback(function (date, time) {
43
+ if (date && time) {
44
+ var formattedValue = DateTimePickerUtils.formatDateTimeToString(date, time);
45
+ isInternalChangeRef.current = true;
52
46
  onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
53
47
  } else {
54
- lastValueRef.current = '';
48
+ isInternalChangeRef.current = true;
55
49
  onChange === null || onChange === void 0 ? void 0 : onChange('');
56
50
  }
57
51
  }, [onChange]);
52
+ var handleDateChange = useCallback(function (date) {
53
+ setInternalDate(date);
54
+ emitChange(date, internalTime);
55
+ }, [internalTime, emitChange]);
58
56
  var handleTimeChange = useCallback(function (time) {
59
57
  var timeValue = time || undefined;
60
- timeRef.current = timeValue;
61
58
  setInternalTime(timeValue);
62
- var currentDate = dateRef.current;
63
- if (currentDate && timeValue) {
64
- var formattedValue = DateTimePickerUtils.formatDateTimeToString(currentDate, timeValue);
65
- lastValueRef.current = formattedValue;
66
- onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
67
- } else {
68
- lastValueRef.current = '';
69
- onChange === null || onChange === void 0 ? void 0 : onChange('');
70
- }
71
- }, [onChange]);
59
+ emitChange(internalDate, timeValue);
60
+ }, [internalDate, emitChange]);
72
61
  return /*#__PURE__*/React__default.createElement(Stack, {
73
62
  direction: "row",
74
63
  spacing: "3",
@@ -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;"}
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;"}
@@ -1,5 +1,8 @@
1
1
  import React from 'react';
2
2
  import { TInputProps } from "../../input/input_types";
3
+ import type { Mode } from 'react-day-picker';
3
4
  export interface DatePickerInputProps extends TInputProps {
5
+ mode?: Mode;
6
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
4
7
  }
5
- export declare const DatePickerInput: ({ id, value, placeholder, disabled, errors }: DatePickerInputProps) => React.JSX.Element;
8
+ export declare const DatePickerInput: ({ id, value, placeholder, disabled, errors, onChange, mode }: DatePickerInputProps) => React.JSX.Element;
@@ -1,28 +1,60 @@
1
1
  import React__default from 'react';
2
+ import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
+ import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
+ import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
2
5
  import { Input } from '../../input/input.js';
6
+ import { InputMask } from '../../input_mask/input_mask.js';
3
7
  import { CalendarEventFillIcon } from '../../../assets/icons/calendar_event_fill.js';
8
+ import { DatePickerUtils } from '../date_picker_utils.js';
4
9
 
5
10
  var DatePickerInput = function DatePickerInput(_ref) {
6
11
  var id = _ref.id,
7
12
  value = _ref.value,
8
13
  placeholder = _ref.placeholder,
9
14
  disabled = _ref.disabled,
10
- errors = _ref.errors;
11
- return /*#__PURE__*/React__default.createElement(Input, {
15
+ errors = _ref.errors,
16
+ onChange = _ref.onChange,
17
+ _ref$mode = _ref.mode,
18
+ mode = _ref$mode === void 0 ? 'single' : _ref$mode;
19
+ var _useTranslation = useTranslation(),
20
+ _useTranslation2 = _slicedToArray(_useTranslation, 1),
21
+ t = _useTranslation2[0];
22
+ var mask = mode === 'range' ? 'dD.mM.yY99 - dD.mM.yY99' : 'dD.mM.yY99';
23
+ var defaultPlaceholder = mode === 'range' ? t('dd.mm.yyyy - dd.mm.yyyy') : t('dd.mm.yyyy');
24
+ var formatChars = {
25
+ d: /[0-3]/,
26
+ D: /[0-9]/,
27
+ m: /[0-1]/,
28
+ M: /[0-9]/,
29
+ y: /[1-2]/,
30
+ Y: /[09]/
31
+ };
32
+ var handleBeforeMaskedStateChange = function handleBeforeMaskedStateChange(_ref2) {
33
+ var currentState = _ref2.currentState,
34
+ nextState = _ref2.nextState;
35
+ return DatePickerUtils.validateDateMask(nextState, currentState, mode);
36
+ };
37
+ return /*#__PURE__*/React__default.createElement(InputMask, {
38
+ mask: mask,
39
+ maskPlaceholder: "_",
40
+ formatChars: formatChars,
41
+ value: value || '',
42
+ onChange: onChange,
43
+ disabled: disabled,
44
+ beforeMaskedStateChange: handleBeforeMaskedStateChange
45
+ }, /*#__PURE__*/React__default.createElement(Input, {
12
46
  id: id,
13
- value: value,
14
47
  errors: errors,
15
- readOnly: true,
16
- disabled: disabled,
17
- placeholder: placeholder,
18
- hasCursorPointer: true,
19
- postElement: /*#__PURE__*/React__default.createElement("div", {
20
- className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover"
48
+ placeholder: placeholder || defaultPlaceholder,
49
+ postElement: /*#__PURE__*/React__default.createElement(PopoverTrigger, {
50
+ disabled: disabled
51
+ }, /*#__PURE__*/React__default.createElement("div", {
52
+ className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-px-1 aurora-py-2 aurora-rounded-4 focus:aurora-outline-primary-hover"
21
53
  }, /*#__PURE__*/React__default.createElement(CalendarEventFillIcon, {
22
54
  size: 14,
23
55
  className: "aurora-text"
24
- }))
25
- });
56
+ })))
57
+ }));
26
58
  };
27
59
 
28
60
  export { DatePickerInput };
@@ -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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,3 @@
1
1
  import React from 'react';
2
2
  import type { DatePickerProps } from './date_picker_types';
3
- export declare const DatePicker: ({ id, mode, placeholder, disabled, errors, value, onChange, disabledDays, ...dayPickerProps }: DatePickerProps) => React.JSX.Element;
3
+ export declare const DatePicker: ({ id, mode, placeholder, disabled, errors, value, onChange, disabledDays, startMonth, endMonth, ...dayPickerProps }: DatePickerProps) => React.JSX.Element;