@dreamcommerce/aurora 3.1.36-5 → 3.1.36

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 (129) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +9 -73
  2. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js +0 -99
  4. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +3 -3
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js +2 -5
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js +6 -7
  9. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.js +12 -24
  11. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +9 -19
  13. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +54 -68
  15. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  16. package/build/cjs/packages/aurora/src/index.js +0 -10
  17. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  18. package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +2 -5
  19. package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +1 -1
  20. package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js +2 -5
  21. package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js.map +1 -1
  22. package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js +2 -5
  23. package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js.map +1 -1
  24. package/build/esm/packages/aurora/src/components/calendar/calendar.js +7 -17
  25. package/build/esm/packages/aurora/src/components/calendar/calendar.js.map +1 -1
  26. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +25 -49
  27. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +1 -1
  28. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +8 -16
  29. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +1 -1
  30. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +8 -16
  31. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +1 -1
  32. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +22 -48
  33. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +1 -1
  34. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +43 -57
  35. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +1 -1
  36. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +10 -74
  37. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  38. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +41 -6
  39. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts +0 -6
  40. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +1 -100
  41. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  42. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +3 -3
  43. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_impl.js +2 -5
  44. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map +1 -1
  45. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js +6 -7
  46. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js.map +1 -1
  47. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.d.ts +1 -1
  48. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.js +12 -24
  49. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +10 -20
  51. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  52. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +3 -6
  53. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +55 -69
  54. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  55. package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +13 -38
  56. package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +1 -1
  57. package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +13 -38
  58. package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +1 -1
  59. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js +13 -21
  60. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +1 -1
  61. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +8 -28
  62. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
  63. package/build/esm/packages/aurora/src/components/date_picker/date_picker.js +28 -59
  64. package/build/esm/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
  65. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +24 -30
  66. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
  67. package/build/esm/packages/aurora/src/components/input/input_types.d.ts +2 -0
  68. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +10 -28
  69. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -1
  70. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js +9 -28
  71. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +1 -1
  72. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +8 -28
  73. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
  74. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +36 -60
  75. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +1 -1
  76. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +11 -30
  77. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -1
  78. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +94 -127
  79. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
  80. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +46 -62
  81. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
  82. package/build/esm/packages/aurora/src/index.d.ts +0 -6
  83. package/build/esm/packages/aurora/src/index.js +0 -5
  84. package/build/esm/packages/aurora/src/index.js.map +1 -1
  85. package/package.json +1 -1
  86. package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +0 -10
  87. package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +0 -1
  88. package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js +0 -10
  89. package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js.map +0 -1
  90. package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js +0 -10
  91. package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js.map +0 -1
  92. package/build/cjs/packages/aurora/src/components/calendar/calendar.js +0 -28
  93. package/build/cjs/packages/aurora/src/components/calendar/calendar.js.map +0 -1
  94. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +0 -60
  95. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +0 -1
  96. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +0 -26
  97. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +0 -1
  98. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +0 -26
  99. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +0 -1
  100. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +0 -59
  101. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +0 -1
  102. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +0 -67
  103. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +0 -1
  104. package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +0 -46
  105. package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +0 -1
  106. package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +0 -46
  107. package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +0 -1
  108. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js +0 -30
  109. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +0 -1
  110. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +0 -37
  111. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +0 -1
  112. package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js +0 -68
  113. package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map +0 -1
  114. package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js +0 -35
  115. package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map +0 -1
  116. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +0 -37
  117. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +0 -1
  118. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js +0 -37
  119. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +0 -1
  120. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +0 -37
  121. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +0 -1
  122. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +0 -69
  123. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +0 -1
  124. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +0 -39
  125. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +0 -1
  126. package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +0 -137
  127. package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +0 -1
  128. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +0 -66
  129. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +0 -1
@@ -1,35 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
- require('react-day-picker');
7
-
8
- var DatePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function DatePickerUtils() {
9
- _rollupPluginBabelHelpers.classCallCheck(this, DatePickerUtils);
10
- });
11
- _rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "inputFormatValue", function (selected, mode) {
12
- if (!selected) return '';
13
- if (mode === 'single') {
14
- return selected.toLocaleDateString();
15
- }
16
- if (mode === 'multiple') {
17
- var dates = selected;
18
- return dates.length > 0 ? dates.map(function (date) {
19
- return date.toLocaleDateString();
20
- }).join(', ') : '';
21
- }
22
- if (mode === 'range') {
23
- var range = selected;
24
- if (range.from && range.to) {
25
- return "".concat(range.from.toLocaleDateString(), " - ").concat(range.to.toLocaleDateString());
26
- }
27
- if (range.from) {
28
- return "From: ".concat(range.from.toLocaleDateString());
29
- }
30
- }
31
- return '';
32
- });
33
-
34
- exports.DatePickerUtils = DatePickerUtils;
35
- //# sourceMappingURL=date_picker_utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var popover_content = require('../../popover/components/popover_content.js');
7
- var time_picker_time_selector = require('./time_picker_time_selector.js');
8
- var time_picker_footer = require('./time_picker_footer.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- var TimePickerContent = function TimePickerContent(_ref) {
15
- var hour = _ref.hour,
16
- minute = _ref.minute,
17
- onHourChange = _ref.onHourChange,
18
- onMinuteChange = _ref.onMinuteChange,
19
- onCancel = _ref.onCancel,
20
- onChoose = _ref.onChoose,
21
- format = _ref.format;
22
- return /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, {
23
- className: "aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown"
24
- }, /*#__PURE__*/React__default['default'].createElement(time_picker_time_selector.TimePickerTimeSelector, {
25
- hour: hour,
26
- minute: minute,
27
- onHourChange: onHourChange,
28
- onMinuteChange: onMinuteChange,
29
- format: format
30
- }), /*#__PURE__*/React__default['default'].createElement(time_picker_footer.TimePickerFooter, {
31
- onCancel: onCancel,
32
- onChoose: onChoose
33
- }));
34
- };
35
-
36
- exports.TimePickerContent = TimePickerContent;
37
- //# sourceMappingURL=time_picker_content.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
- var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
8
- var button = require('../../button/button.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- var TimePickerFooter = function TimePickerFooter(_ref) {
15
- var onCancel = _ref.onCancel,
16
- onChoose = _ref.onChoose;
17
- var _useTranslation = useTranslation.useTranslation(),
18
- _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
19
- t = _useTranslation2[0];
20
- return /*#__PURE__*/React__default['default'].createElement("div", {
21
- className: "aurora-flex aurora-items-center aurora-gap-3 aurora-px-4 aurora-py-3 aurora-border-t aurora-border-subtle"
22
- }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
23
- className: "aurora-flex-1",
24
- variant: "secondary",
25
- size: "s",
26
- type: "button",
27
- onClick: onCancel
28
- }, String(t('Cancel'))), /*#__PURE__*/React__default['default'].createElement(button.Button, {
29
- className: "aurora-flex-1",
30
- type: "button",
31
- size: "s",
32
- onClick: onChoose
33
- }, String(t('Choose'))));
34
- };
35
-
36
- exports.TimePickerFooter = TimePickerFooter;
37
- //# sourceMappingURL=time_picker_footer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;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,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var input = require('../../input/input.js');
7
- var time_line_icon = require('../../../assets/icons/time_line_icon.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- var TimePickerInput = function TimePickerInput(_ref) {
14
- var id = _ref.id,
15
- value = _ref.value,
16
- placeholder = _ref.placeholder,
17
- disabled = _ref.disabled,
18
- errors = _ref.errors;
19
- return /*#__PURE__*/React__default['default'].createElement(input.Input, {
20
- id: id,
21
- value: value,
22
- errors: errors,
23
- readOnly: true,
24
- disabled: disabled,
25
- placeholder: placeholder,
26
- hasCursorPointer: true,
27
- postElement: /*#__PURE__*/React__default['default'].createElement("div", {
28
- 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"
29
- }, /*#__PURE__*/React__default['default'].createElement(time_line_icon.TimeLineIcon, {
30
- size: 14,
31
- className: "aurora-text"
32
- }))
33
- });
34
- };
35
-
36
- exports.TimePickerInput = TimePickerInput;
37
- //# sourceMappingURL=time_picker_input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,69 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var cn = require('../../../utilities/cn.js');
8
- var index = require('../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- var TimePickerScrollColumn = function TimePickerScrollColumn(_ref) {
15
- var options = _ref.options,
16
- selectedValue = _ref.selectedValue,
17
- onValueChange = _ref.onValueChange,
18
- dataAttribute = _ref.dataAttribute;
19
- var scrollRef = React.useRef(null);
20
- var scrollToElement = function scrollToElement(viewport, selector) {
21
- var selectedElement = viewport.querySelector(selector);
22
- if (selectedElement) {
23
- var elementTop = selectedElement.offsetTop;
24
- var elementHeight = selectedElement.offsetHeight;
25
- var viewportHeight = viewport.clientHeight;
26
- var scrollTop = elementTop - viewportHeight / 2 + elementHeight / 2;
27
- viewport.scrollTo({
28
- top: scrollTop,
29
- behavior: 'smooth'
30
- });
31
- }
32
- };
33
- React.useLayoutEffect(function () {
34
- if (scrollRef.current && selectedValue !== null) {
35
- scrollToElement(scrollRef.current, "[".concat(dataAttribute, "=\"").concat(selectedValue, "\"]"));
36
- }
37
- }, [selectedValue, dataAttribute]);
38
- return /*#__PURE__*/React__default['default'].createElement(index.Root, {
39
- type: "auto",
40
- className: "aurora-flex-1 aurora-h-full aurora-py-2"
41
- }, /*#__PURE__*/React__default['default'].createElement(index.Viewport, {
42
- ref: scrollRef,
43
- className: "aurora-h-full"
44
- }, /*#__PURE__*/React__default['default'].createElement("div", null, options.map(function (option) {
45
- var value = parseInt(option, 10);
46
- var isSelected = value === selectedValue;
47
- var buttonProps = _rollupPluginBabelHelpers.defineProperty({}, dataAttribute, value);
48
- return /*#__PURE__*/React__default['default'].createElement("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, buttonProps), {}, {
49
- key: option,
50
- type: "button",
51
- onClick: function onClick() {
52
- return onValueChange(isSelected ? null : value);
53
- },
54
- className: "aurora-w-full aurora-group"
55
- }), /*#__PURE__*/React__default['default'].createElement("span", {
56
- className: cn.cn('aurora-inline-flex aurora-items-center aurora-justify-center aurora-rounded-4 aurora-w-8 aurora-h-8 aurora-text-s group-hover:aurora-bg-hover', {
57
- '!aurora-bg-inverse aurora-text-inverse': isSelected
58
- })
59
- }, option));
60
- }))), /*#__PURE__*/React__default['default'].createElement(index.Scrollbar, {
61
- orientation: "vertical",
62
- className: "aurora-w-1 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-opacity-0"
63
- }, /*#__PURE__*/React__default['default'].createElement(index.Thumb, {
64
- className: "aurora-bg-active aurora-rounded-full"
65
- })));
66
- };
67
-
68
- exports.TimePickerScrollColumn = TimePickerScrollColumn;
69
- //# sourceMappingURL=time_picker_scroll_column.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0EAA8E;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;"}
@@ -1,39 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var time_picker_utils = require('../time_picker_utils.js');
7
- var time_picker_scroll_column = require('./time_picker_scroll_column.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- var TimePickerTimeSelector = function TimePickerTimeSelector(_ref) {
14
- var hour = _ref.hour,
15
- minute = _ref.minute,
16
- onHourChange = _ref.onHourChange,
17
- onMinuteChange = _ref.onMinuteChange,
18
- format = _ref.format;
19
- var hourOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('hour', format);
20
- var minuteOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('minute', format);
21
- return /*#__PURE__*/React__default['default'].createElement("div", {
22
- className: "aurora-flex aurora-items-center aurora-h-[270px]"
23
- }, /*#__PURE__*/React__default['default'].createElement(time_picker_scroll_column.TimePickerScrollColumn, {
24
- options: hourOptions,
25
- selectedValue: hour,
26
- onValueChange: onHourChange,
27
- dataAttribute: "data-hour"
28
- }), /*#__PURE__*/React__default['default'].createElement("div", {
29
- className: "aurora-w-px aurora-h-[250px] aurora-bg-neutral-200"
30
- }), /*#__PURE__*/React__default['default'].createElement(time_picker_scroll_column.TimePickerScrollColumn, {
31
- options: minuteOptions,
32
- selectedValue: minute,
33
- onValueChange: onMinuteChange,
34
- dataAttribute: "data-minute"
35
- }));
36
- };
37
-
38
- exports.TimePickerTimeSelector = TimePickerTimeSelector;
39
- //# sourceMappingURL=time_picker_time_selector.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,137 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var cn = require('../../utilities/cn.js');
8
- var popover = require('../popover/popover.js');
9
- var popover_trigger = require('../popover/components/popover_trigger.js');
10
- var time_picker_input = require('./components/time_picker_input.js');
11
- var time_picker_utils = require('./time_picker_utils.js');
12
- var time_picker_content = require('./components/time_picker_content.js');
13
-
14
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
-
16
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
-
18
- var TimePicker = function TimePicker(_ref) {
19
- var id = _ref.id,
20
- _ref$placeholder = _ref.placeholder,
21
- placeholder = _ref$placeholder === void 0 ? 'gg:mm' : _ref$placeholder,
22
- disabled = _ref.disabled,
23
- errors = _ref.errors,
24
- value = _ref.value,
25
- onChange = _ref.onChange,
26
- _ref$format = _ref.format,
27
- format = _ref$format === void 0 ? '24h' : _ref$format;
28
- var _useState = React.useState(false),
29
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
30
- open = _useState2[0],
31
- setOpen = _useState2[1];
32
- var _useState3 = React.useState(null),
33
- _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
34
- tempHour = _useState4[0],
35
- setTempHour = _useState4[1];
36
- var _useState5 = React.useState(null),
37
- _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
38
- tempMinute = _useState6[0],
39
- setTempMinute = _useState6[1];
40
- var isCancelledRef = React.useRef(false);
41
- var parsedTime = React.useMemo(function () {
42
- return value ? time_picker_utils.TimePickerUtils.parseStringToTime(value) : undefined;
43
- }, [value]);
44
- var displayValue = React.useMemo(function () {
45
- if (open) {
46
- if (tempHour === null && tempMinute === null) {
47
- return '';
48
- }
49
- return time_picker_utils.TimePickerUtils.formatTimeForDisplay(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
50
- }
51
- return parsedTime ? time_picker_utils.TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
52
- }, [open, tempHour, tempMinute, parsedTime]);
53
- var initializeTempValues = function initializeTempValues() {
54
- if (parsedTime) {
55
- setTempHour(parsedTime.hour);
56
- setTempMinute(parsedTime.minute);
57
- } else {
58
- setTempHour(null);
59
- setTempMinute(null);
60
- }
61
- };
62
- var saveValue = function saveValue() {
63
- if (tempHour === null && tempMinute === null) {
64
- onChange === null || onChange === void 0 ? void 0 : onChange('');
65
- } else {
66
- var formattedValue = time_picker_utils.TimePickerUtils.formatTimeToString(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
67
- onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
68
- }
69
- };
70
- var handleHourChange = function handleHourChange(hour) {
71
- if (hour === null) {
72
- setTempHour(null);
73
- setTempMinute(null);
74
- } else {
75
- setTempHour(hour);
76
- if (tempMinute === null) {
77
- setTempMinute(0);
78
- }
79
- }
80
- };
81
- var handleMinuteChange = function handleMinuteChange(minute) {
82
- if (minute === null) {
83
- setTempHour(null);
84
- setTempMinute(null);
85
- } else {
86
- setTempMinute(minute);
87
- if (tempHour === null) {
88
- setTempHour(0);
89
- }
90
- }
91
- };
92
- var handleOpenChange = function handleOpenChange(newOpen) {
93
- if (newOpen) {
94
- isCancelledRef.current = false;
95
- initializeTempValues();
96
- setOpen(true);
97
- } else {
98
- if (!isCancelledRef.current) {
99
- saveValue();
100
- }
101
- setOpen(false);
102
- }
103
- };
104
- var handleCancel = function handleCancel() {
105
- isCancelledRef.current = true;
106
- initializeTempValues();
107
- setOpen(false);
108
- };
109
- var handleChoose = function handleChoose() {
110
- saveValue();
111
- setOpen(false);
112
- };
113
- return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
114
- open: open,
115
- onOpenChange: handleOpenChange
116
- }, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
117
- className: cn.cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
118
- disabled: disabled
119
- }, /*#__PURE__*/React__default['default'].createElement(time_picker_input.TimePickerInput, {
120
- id: id,
121
- value: displayValue,
122
- placeholder: placeholder,
123
- disabled: disabled,
124
- errors: errors
125
- })), /*#__PURE__*/React__default['default'].createElement(time_picker_content.TimePickerContent, {
126
- hour: tempHour,
127
- minute: tempMinute,
128
- onHourChange: handleHourChange,
129
- onMinuteChange: handleMinuteChange,
130
- onCancel: handleCancel,
131
- onChoose: handleChoose,
132
- format: format
133
- }));
134
- };
135
-
136
- exports.TimePicker = TimePicker;
137
- //# sourceMappingURL=time_picker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,66 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
-
7
- var _TimePickerUtils;
8
- var TimePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function TimePickerUtils() {
9
- _rollupPluginBabelHelpers.classCallCheck(this, TimePickerUtils);
10
- });
11
- _TimePickerUtils = TimePickerUtils;
12
- _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "parseStringToTime", function (value) {
13
- if (!value) return undefined;
14
- var parts = value.split(':');
15
- if (parts.length < 2) return undefined;
16
- var hour = parseInt(parts[0], 10);
17
- var minute = parseInt(parts[1], 10);
18
- if (isNaN(hour) || isNaN(minute)) return undefined;
19
- if (hour < 0 || hour > 23) return undefined;
20
- if (minute < 0 || minute > 59) return undefined;
21
- return {
22
- hour: hour,
23
- minute: minute
24
- };
25
- });
26
- _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "formatTimeToString", function (hour, minute) {
27
- var hourStr = String(hour).padStart(2, '0');
28
- var minuteStr = String(minute).padStart(2, '0');
29
- return "".concat(hourStr, ":").concat(minuteStr, ":00");
30
- });
31
- _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "formatTimeForDisplay", function (hour, minute) {
32
- var hourStr = String(hour).padStart(2, '0');
33
- var minuteStr = String(minute).padStart(2, '0');
34
- return "".concat(hourStr, ":").concat(minuteStr);
35
- });
36
- _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "formatTimeStringForDisplay", function (value) {
37
- if (!value) return '';
38
- var time = _TimePickerUtils.parseStringToTime(value);
39
- if (!time) return '';
40
- return _TimePickerUtils.formatTimeForDisplay(time.hour, time.minute);
41
- });
42
- _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "generateTimeOptions", function (type) {
43
- var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '24h';
44
- if (type === 'hour') {
45
- if (format === '12h') {
46
- return Array.from({
47
- length: 12
48
- }, function (_, i) {
49
- return String(i + 1).padStart(2, '0');
50
- });
51
- }
52
- return Array.from({
53
- length: 24
54
- }, function (_, i) {
55
- return String(i).padStart(2, '0');
56
- });
57
- }
58
- return Array.from({
59
- length: 60
60
- }, function (_, i) {
61
- return String(i).padStart(2, '0');
62
- });
63
- });
64
-
65
- exports.TimePickerUtils = TimePickerUtils;
66
- //# sourceMappingURL=time_picker_utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}