@dreamcommerce/aurora 3.1.36 → 3.1.37

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 (123) hide show
  1. package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +10 -0
  2. package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js +10 -0
  4. package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js +10 -0
  6. package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js.map +1 -0
  7. package/build/cjs/packages/aurora/src/components/calendar/calendar.js +28 -0
  8. package/build/cjs/packages/aurora/src/components/calendar/calendar.js.map +1 -0
  9. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +60 -0
  10. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +1 -0
  11. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +26 -0
  12. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +1 -0
  13. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +26 -0
  14. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +1 -0
  15. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +59 -0
  16. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +1 -0
  17. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +67 -0
  18. package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +1 -0
  19. package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js +46 -0
  20. package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map +1 -0
  21. package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +46 -0
  22. package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +1 -0
  23. package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +46 -0
  24. package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +1 -0
  25. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +112 -0
  26. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -0
  27. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js +78 -0
  28. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map +1 -0
  29. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js +30 -0
  30. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +1 -0
  31. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +37 -0
  32. package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -0
  33. package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js +68 -0
  34. package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map +1 -0
  35. package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js +35 -0
  36. package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -0
  37. package/build/cjs/packages/aurora/src/components/select/components/select_item.js +1 -1
  38. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +35 -0
  39. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -0
  40. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js +37 -0
  41. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +1 -0
  42. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +37 -0
  43. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -0
  44. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +69 -0
  45. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +1 -0
  46. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +38 -0
  47. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -0
  48. package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +134 -0
  49. package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +1 -0
  50. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +58 -0
  51. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -0
  52. package/build/cjs/packages/aurora/src/index.js +14 -0
  53. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  54. package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +5 -2
  55. package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +1 -1
  56. package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js +5 -2
  57. package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js.map +1 -1
  58. package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js +5 -2
  59. package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js.map +1 -1
  60. package/build/esm/packages/aurora/src/components/calendar/calendar.js +17 -7
  61. package/build/esm/packages/aurora/src/components/calendar/calendar.js.map +1 -1
  62. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +49 -25
  63. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +1 -1
  64. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +16 -8
  65. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +1 -1
  66. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +16 -8
  67. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +1 -1
  68. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +48 -22
  69. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +1 -1
  70. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +57 -43
  71. package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +1 -1
  72. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.d.ts +3 -0
  73. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js +38 -0
  74. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map +1 -0
  75. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.d.ts +9 -0
  76. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js +3 -0
  77. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js.map +1 -0
  78. package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +38 -13
  79. package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +1 -1
  80. package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +38 -13
  81. package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +1 -1
  82. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.d.ts +3 -0
  83. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +104 -0
  84. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -0
  85. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.d.ts +7 -0
  86. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js +2 -0
  87. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js.map +1 -0
  88. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.d.ts +7 -0
  89. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js +74 -0
  90. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map +1 -0
  91. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js +21 -13
  92. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +1 -1
  93. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +28 -8
  94. package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
  95. package/build/esm/packages/aurora/src/components/date_picker/date_picker.js +59 -28
  96. package/build/esm/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
  97. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +30 -24
  98. package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
  99. package/build/esm/packages/aurora/src/components/select/components/select_item.js +1 -1
  100. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.d.ts +1 -1
  101. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +26 -10
  102. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -1
  103. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js +28 -9
  104. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +1 -1
  105. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +28 -8
  106. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
  107. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +60 -36
  108. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +1 -1
  109. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.d.ts +1 -2
  110. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +29 -11
  111. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -1
  112. package/build/esm/packages/aurora/src/components/time_picker/time_picker.d.ts +1 -1
  113. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +124 -94
  114. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
  115. package/build/esm/packages/aurora/src/components/time_picker/time_picker_types.d.ts +0 -2
  116. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts +1 -1
  117. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +54 -46
  118. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
  119. package/build/esm/packages/aurora/src/index.d.ts +9 -0
  120. package/build/esm/packages/aurora/src/index.js +7 -0
  121. package/build/esm/packages/aurora/src/index.js.map +1 -1
  122. package/build/index.css +1 -1
  123. package/package.json +1 -1
@@ -1,11 +1,27 @@
1
- import React from 'react';
2
- import { PopoverContent } from '../../popover/components/popover_content';
3
- import { TimePickerTimeSelector } from './time_picker_time_selector';
4
- import { TimePickerFooter } from './time_picker_footer';
5
- import '../time_picker_types';
6
- export const TimePickerContent = ({ hour, minute, onHourChange, onMinuteChange, onCancel, onChoose, format }) => {
7
- return (React.createElement(PopoverContent, { 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" },
8
- React.createElement(TimePickerTimeSelector, { hour: hour, minute: minute, onHourChange: onHourChange, onMinuteChange: onMinuteChange, format: format }),
9
- React.createElement(TimePickerFooter, { onCancel: onCancel, onChoose: onChoose })));
1
+ import React__default from 'react';
2
+ import { PopoverContent } from '../../popover/components/popover_content.js';
3
+ import { TimePickerTimeSelector } from './time_picker_time_selector.js';
4
+ import { TimePickerFooter } from './time_picker_footer.js';
5
+
6
+ var TimePickerContent = function TimePickerContent(_ref) {
7
+ var hour = _ref.hour,
8
+ minute = _ref.minute,
9
+ onHourChange = _ref.onHourChange,
10
+ onMinuteChange = _ref.onMinuteChange,
11
+ onCancel = _ref.onCancel,
12
+ onChoose = _ref.onChoose;
13
+ return /*#__PURE__*/React__default.createElement(PopoverContent, {
14
+ 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"
15
+ }, /*#__PURE__*/React__default.createElement(TimePickerTimeSelector, {
16
+ hour: hour,
17
+ minute: minute,
18
+ onHourChange: onHourChange,
19
+ onMinuteChange: onMinuteChange
20
+ }), /*#__PURE__*/React__default.createElement(TimePickerFooter, {
21
+ onCancel: onCancel,
22
+ onChoose: onChoose
23
+ }));
10
24
  };
11
- //# sourceMappingURL=time_picker_content.js.map
25
+
26
+ export { TimePickerContent };
27
+ //# sourceMappingURL=time_picker_content.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"time_picker_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAuC,sBAAsB,CAAC;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAA0B,EAAE,EAAE;IACpI,OAAO,CACH,oBAAC,cAAc,IAAC,SAAS,EAAC,iKAAiK;QACvL,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI;QAClI,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC/C,CACpB,CAAC;AACN,CAAC,CAAC"}
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;"}
@@ -1,10 +1,29 @@
1
- import React from 'react';
2
- import { Button } from '@auroraComponents/button/button';
3
- import { useTranslation } from 'react-i18next';
4
- export const TimePickerFooter = ({ onCancel, onChoose }) => {
5
- const [t] = useTranslation();
6
- return (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-gap-3 aurora-px-4 aurora-py-3 aurora-border-t aurora-border-subtle" },
7
- React.createElement(Button, { className: "aurora-flex-1", variant: "secondary", size: "s", type: "button", onClick: onCancel }, String(t('Cancel'))),
8
- React.createElement(Button, { className: "aurora-flex-1", type: "button", size: "s", onClick: onChoose }, String(t('Choose')))));
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 { Button } from '../../button/button.js';
5
+
6
+ var TimePickerFooter = function TimePickerFooter(_ref) {
7
+ var onCancel = _ref.onCancel,
8
+ onChoose = _ref.onChoose;
9
+ var _useTranslation = useTranslation(),
10
+ _useTranslation2 = _slicedToArray(_useTranslation, 1),
11
+ t = _useTranslation2[0];
12
+ return /*#__PURE__*/React__default.createElement("div", {
13
+ className: "aurora-flex aurora-items-center aurora-gap-3 aurora-px-4 aurora-py-3 aurora-border-t aurora-border-subtle"
14
+ }, /*#__PURE__*/React__default.createElement(Button, {
15
+ className: "aurora-flex-1",
16
+ variant: "secondary",
17
+ size: "s",
18
+ type: "button",
19
+ onClick: onCancel
20
+ }, String(t('Cancel'))), /*#__PURE__*/React__default.createElement(Button, {
21
+ className: "aurora-flex-1",
22
+ type: "button",
23
+ size: "s",
24
+ onClick: onChoose
25
+ }, String(t('Choose'))));
9
26
  };
10
- //# sourceMappingURL=time_picker_footer.js.map
27
+
28
+ export { TimePickerFooter };
29
+ //# sourceMappingURL=time_picker_footer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"time_picker_footer.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAO/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAC9E,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,OAAO,CACH,6BAAK,SAAS,EAAC,2GAA2G;QACtH,oBAAC,MAAM,IAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,IACzF,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CACf;QAET,oBAAC,MAAM,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,QAAQ,IACrE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CACf,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
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;"}
@@ -1,9 +1,29 @@
1
- import React from 'react';
2
- import { Input } from '../../input/input';
3
- import { TimeLineIcon } from '@auroraAssets/icons/time_line_icon';
4
- import '@auroraComponents/input/input_types';
5
- export const TimePickerInput = ({ id, value, placeholder, disabled, errors }) => {
6
- return (React.createElement(Input, { id: id, value: value, errors: errors, readOnly: true, disabled: disabled, placeholder: placeholder, hasCursorPointer: true, postElement: React.createElement("div", { 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" },
7
- React.createElement(TimeLineIcon, { size: 14, className: "aurora-text" })) }));
1
+ import React__default from 'react';
2
+ import { Input } from '../../input/input.js';
3
+ import { TimeLineIcon } from '../../../assets/icons/time_line_icon.js';
4
+
5
+ var TimePickerInput = function TimePickerInput(_ref) {
6
+ var id = _ref.id,
7
+ value = _ref.value,
8
+ placeholder = _ref.placeholder,
9
+ disabled = _ref.disabled,
10
+ errors = _ref.errors;
11
+ return /*#__PURE__*/React__default.createElement(Input, {
12
+ id: id,
13
+ value: value,
14
+ 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"
21
+ }, /*#__PURE__*/React__default.createElement(TimeLineIcon, {
22
+ size: 14,
23
+ className: "aurora-text"
24
+ }))
25
+ });
8
26
  };
9
- //# sourceMappingURL=time_picker_input.js.map
27
+
28
+ export { TimePickerInput };
29
+ //# sourceMappingURL=time_picker_input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"time_picker_input.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAA4B,qCAAqC,CAAC;AAIlE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAwB,EAAE,EAAE;IAClG,OAAO,CACH,oBAAC,KAAK,IACF,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,QACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,QAChB,WAAW,EACP,6BAAK,SAAS,EAAC,0KAA0K;YACrL,oBAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,aAAa,GAAG,CAChD,GAEZ,CACL,CAAC;AACN,CAAC,CAAC"}
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,37 +1,61 @@
1
- import React, { useLayoutEffect, useRef } from 'react';
2
- import * as ScrollArea from '@radix-ui/react-scroll-area';
3
- import { cn } from '@auroraUtilities/cn';
4
- export const TimePickerScrollColumn = ({ options, selectedValue, onValueChange, dataAttribute }) => {
5
- const scrollRef = useRef(null);
6
- const scrollToElement = (viewport, selector) => {
7
- const selectedElement = viewport.querySelector(selector);
8
- if (selectedElement) {
9
- const elementTop = selectedElement.offsetTop;
10
- const elementHeight = selectedElement.offsetHeight;
11
- const viewportHeight = viewport.clientHeight;
12
- const scrollTop = elementTop - viewportHeight / 2 + elementHeight / 2;
13
- viewport.scrollTo({ top: scrollTop, behavior: 'smooth' });
14
- }
15
- };
16
- useLayoutEffect(() => {
17
- if (scrollRef.current && selectedValue !== null) {
18
- scrollToElement(scrollRef.current, `[${dataAttribute}="${selectedValue}"]`);
19
- }
20
- }, [selectedValue, dataAttribute]);
21
- return (React.createElement(ScrollArea.Root, { type: "auto", className: "aurora-flex-1 aurora-h-full aurora-py-2" },
22
- React.createElement(ScrollArea.Viewport, { ref: scrollRef, className: "aurora-h-full" },
23
- React.createElement("div", null, options.map((option) => {
24
- const value = parseInt(option, 10);
25
- const isSelected = value === selectedValue;
26
- const buttonProps = {
27
- [dataAttribute]: value
28
- };
29
- return (React.createElement("button", { ...buttonProps, key: option, type: "button", onClick: () => onValueChange(isSelected ? null : value), className: "aurora-w-full aurora-group" },
30
- React.createElement("span", { className: 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', {
31
- '!aurora-bg-inverse aurora-text-inverse': isSelected
32
- }) }, option)));
33
- }))),
34
- React.createElement(ScrollArea.Scrollbar, { orientation: "vertical", className: "aurora-w-1 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-opacity-0" },
35
- React.createElement(ScrollArea.Thumb, { className: "aurora-bg-active aurora-rounded-full" }))));
1
+ import React__default, { useRef, useLayoutEffect } from 'react';
2
+ import { defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+ import { cn } from '../../../utilities/cn.js';
4
+ import { Root, Viewport, Scrollbar, Thumb } from '../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js';
5
+
6
+ var TimePickerScrollColumn = function TimePickerScrollColumn(_ref) {
7
+ var options = _ref.options,
8
+ selectedValue = _ref.selectedValue,
9
+ onValueChange = _ref.onValueChange,
10
+ dataAttribute = _ref.dataAttribute;
11
+ var scrollRef = useRef(null);
12
+ var scrollToElement = function scrollToElement(viewport, selector) {
13
+ var selectedElement = viewport.querySelector(selector);
14
+ if (selectedElement) {
15
+ var elementTop = selectedElement.offsetTop;
16
+ var elementHeight = selectedElement.offsetHeight;
17
+ var viewportHeight = viewport.clientHeight;
18
+ var scrollTop = elementTop - viewportHeight / 2 + elementHeight / 2;
19
+ viewport.scrollTo({
20
+ top: scrollTop,
21
+ behavior: 'smooth'
22
+ });
23
+ }
24
+ };
25
+ useLayoutEffect(function () {
26
+ if (scrollRef.current && selectedValue !== null) {
27
+ scrollToElement(scrollRef.current, "[".concat(dataAttribute, "=\"").concat(selectedValue, "\"]"));
28
+ }
29
+ }, [selectedValue, dataAttribute]);
30
+ return /*#__PURE__*/React__default.createElement(Root, {
31
+ type: "auto",
32
+ className: "aurora-flex-1 aurora-h-full aurora-py-2"
33
+ }, /*#__PURE__*/React__default.createElement(Viewport, {
34
+ ref: scrollRef,
35
+ className: "aurora-h-full"
36
+ }, /*#__PURE__*/React__default.createElement("div", null, options.map(function (option) {
37
+ var value = parseInt(option, 10);
38
+ var isSelected = value === selectedValue;
39
+ var buttonProps = _defineProperty({}, dataAttribute, value);
40
+ return /*#__PURE__*/React__default.createElement("button", _objectSpread2(_objectSpread2({}, buttonProps), {}, {
41
+ key: option,
42
+ type: "button",
43
+ onClick: function onClick() {
44
+ return onValueChange(isSelected ? null : value);
45
+ },
46
+ className: "aurora-w-full aurora-group"
47
+ }), /*#__PURE__*/React__default.createElement("span", {
48
+ className: 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', {
49
+ '!aurora-bg-inverse aurora-text-inverse': isSelected
50
+ })
51
+ }, option));
52
+ }))), /*#__PURE__*/React__default.createElement(Scrollbar, {
53
+ orientation: "vertical",
54
+ className: "aurora-w-1 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-opacity-0"
55
+ }, /*#__PURE__*/React__default.createElement(Thumb, {
56
+ className: "aurora-bg-active aurora-rounded-full"
57
+ })));
36
58
  };
37
- //# sourceMappingURL=time_picker_scroll_column.js.map
59
+
60
+ export { TimePickerScrollColumn };
61
+ //# sourceMappingURL=time_picker_scroll_column.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"time_picker_scroll_column.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_scroll_column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AASzC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAA+B,EAAE,EAAE;IAC5H,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,eAAe,GAAG,CAAC,QAAwB,EAAE,QAAgB,EAAE,EAAE;QACnE,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAgB,CAAC;QACxE,IAAI,eAAe,EAAE;YACjB,MAAM,UAAU,GAAG,eAAe,CAAC,SAAS,CAAC;YAC7C,MAAM,aAAa,GAAG,eAAe,CAAC,YAAY,CAAC;YACnD,MAAM,cAAc,GAAG,QAAQ,CAAC,YAAY,CAAC;YAC7C,MAAM,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;YACtE,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;SAC7D;IACL,CAAC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,CAAC,OAAO,IAAI,aAAa,KAAK,IAAI,EAAE;YAC7C,eAAe,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,aAAa,KAAK,aAAa,IAAI,CAAC,CAAC;SAC/E;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEnC,OAAO,CACH,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,yCAAyC;QAC5E,oBAAC,UAAU,CAAC,QAAQ,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,eAAe;YAC1D,iCACK,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gBACnC,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC;gBAE3C,MAAM,WAAW,GAAG;oBAChB,CAAC,aAAa,CAAC,EAAE,KAAK;iBACiD,CAAC;gBAE5E,OAAO,CACH,mCACQ,WAAW,EACf,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EACvD,SAAS,EAAC,4BAA4B;oBAEtC,8BACI,SAAS,EAAE,EAAE,CACT,+IAA+I,EAC/I;4BACI,wCAAwC,EAAE,UAAU;yBACvD,CACJ,IAEA,MAAM,CACJ,CACF,CACZ,CAAC;YACN,CAAC,CAAC,CACA,CACY;QAEtB,oBAAC,UAAU,CAAC,SAAS,IACjB,WAAW,EAAC,UAAU,EACtB,SAAS,EAAC,yFAAyF;YAEnG,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAC,sCAAsC,GAAG,CAClD,CACT,CACrB,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,iDAAiD,0EAA8E;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,6 +4,5 @@ export interface TimePickerTimeSelectorProps {
4
4
  minute: number | null;
5
5
  onHourChange: (hour: number | null) => void;
6
6
  onMinuteChange: (minute: number | null) => void;
7
- format: '12h' | '24h';
8
7
  }
9
- export declare const TimePickerTimeSelector: ({ hour, minute, onHourChange, onMinuteChange, format }: TimePickerTimeSelectorProps) => React.JSX.Element;
8
+ export declare const TimePickerTimeSelector: ({ hour, minute, onHourChange, onMinuteChange }: TimePickerTimeSelectorProps) => React.JSX.Element;
@@ -1,12 +1,30 @@
1
- import React from 'react';
2
- import { TimePickerUtils } from '../time_picker_utils';
3
- import { TimePickerScrollColumn } from './time_picker_scroll_column';
4
- export const TimePickerTimeSelector = ({ hour, minute, onHourChange, onMinuteChange, format }) => {
5
- const hourOptions = TimePickerUtils.generateTimeOptions('hour', format);
6
- const minuteOptions = TimePickerUtils.generateTimeOptions('minute', format);
7
- return (React.createElement("div", { className: `aurora-flex aurora-items-center aurora-h-[270px]` },
8
- React.createElement(TimePickerScrollColumn, { options: hourOptions, selectedValue: hour, onValueChange: onHourChange, dataAttribute: "data-hour" }),
9
- React.createElement("div", { className: "aurora-w-px aurora-h-[250px] aurora-bg-neutral-200" }),
10
- React.createElement(TimePickerScrollColumn, { options: minuteOptions, selectedValue: minute, onValueChange: onMinuteChange, dataAttribute: "data-minute" })));
1
+ import React__default from 'react';
2
+ import { TimePickerUtils } from '../time_picker_utils.js';
3
+ import { TimePickerScrollColumn } from './time_picker_scroll_column.js';
4
+
5
+ var TimePickerTimeSelector = function TimePickerTimeSelector(_ref) {
6
+ var hour = _ref.hour,
7
+ minute = _ref.minute,
8
+ onHourChange = _ref.onHourChange,
9
+ onMinuteChange = _ref.onMinuteChange;
10
+ var hourOptions = TimePickerUtils.generateTimeOptions('hour');
11
+ var minuteOptions = TimePickerUtils.generateTimeOptions('minute');
12
+ return /*#__PURE__*/React__default.createElement("div", {
13
+ className: "aurora-flex aurora-items-center aurora-h-[270px]"
14
+ }, /*#__PURE__*/React__default.createElement(TimePickerScrollColumn, {
15
+ options: hourOptions,
16
+ selectedValue: hour,
17
+ onValueChange: onHourChange,
18
+ dataAttribute: "data-hour"
19
+ }), /*#__PURE__*/React__default.createElement("div", {
20
+ className: "aurora-w-px aurora-h-[250px] aurora-bg-neutral-200"
21
+ }), /*#__PURE__*/React__default.createElement(TimePickerScrollColumn, {
22
+ options: minuteOptions,
23
+ selectedValue: minute,
24
+ onValueChange: onMinuteChange,
25
+ dataAttribute: "data-minute"
26
+ }));
11
27
  };
12
- //# sourceMappingURL=time_picker_time_selector.js.map
28
+
29
+ export { TimePickerTimeSelector };
30
+ //# sourceMappingURL=time_picker_time_selector.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"time_picker_time_selector.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_time_selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAUrE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,EAA+B,EAAE,EAAE;IAC1H,MAAM,WAAW,GAAG,eAAe,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxE,MAAM,aAAa,GAAG,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE5E,OAAO,CACH,6BAAK,SAAS,EAAE,kDAAkD;QAC9D,oBAAC,sBAAsB,IAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAC,WAAW,GAAG;QAE5H,6BAAK,SAAS,EAAC,oDAAoD,GAAG;QAEtE,oBAAC,sBAAsB,IAAC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAC,aAAa,GAAG,CAClI,CACT,CAAC;AACN,CAAC,CAAC"}
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;"}
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { TimePickerProps } from './time_picker_types';
3
- export declare const TimePicker: ({ id, placeholder, disabled, errors, value, onChange, format }: TimePickerProps) => React.JSX.Element;
3
+ export declare const TimePicker: ({ id, placeholder, disabled, errors, value, onChange }: TimePickerProps) => React.JSX.Element;
@@ -1,96 +1,126 @@
1
- import React, { useState, useMemo, useRef } from 'react';
2
- import { Popover } from '../popover/popover';
3
- import { PopoverTrigger } from '../popover/components/popover_trigger';
4
- import { TimePickerInput } from './components/time_picker_input';
5
- import { TimePickerContent } from './components/time_picker_content';
6
- import { TimePickerUtils } from './time_picker_utils';
7
- import { cn } from '@auroraUtilities/cn';
8
- import './time_picker_types';
9
- export const TimePicker = ({ id, placeholder = 'gg:mm', disabled, errors, value, onChange, format = '24h' }) => {
10
- const [open, setOpen] = useState(false);
11
- const [tempHour, setTempHour] = useState(null);
12
- const [tempMinute, setTempMinute] = useState(null);
13
- const isCancelledRef = useRef(false);
14
- const parsedTime = useMemo(() => {
15
- return value ? TimePickerUtils.parseStringToTime(value) : undefined;
16
- }, [value]);
17
- const displayValue = useMemo(() => {
18
- if (open) {
19
- if (tempHour === null && tempMinute === null) {
20
- return '';
21
- }
22
- return TimePickerUtils.formatTimeForDisplay(tempHour ?? 0, tempMinute ?? 0);
23
- }
24
- return parsedTime ? TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
25
- }, [open, tempHour, tempMinute, parsedTime]);
26
- const initializeTempValues = () => {
27
- if (parsedTime) {
28
- setTempHour(parsedTime.hour);
29
- setTempMinute(parsedTime.minute);
30
- }
31
- else {
32
- setTempHour(null);
33
- setTempMinute(null);
34
- }
35
- };
36
- const saveValue = () => {
37
- if (tempHour === null && tempMinute === null) {
38
- onChange?.('');
39
- }
40
- else {
41
- const formattedValue = TimePickerUtils.formatTimeToString(tempHour ?? 0, tempMinute ?? 0);
42
- onChange?.(formattedValue);
43
- }
44
- };
45
- const handleHourChange = (hour) => {
46
- if (hour === null) {
47
- setTempHour(null);
48
- setTempMinute(null);
49
- }
50
- else {
51
- setTempHour(hour);
52
- if (tempMinute === null) {
53
- setTempMinute(0);
54
- }
55
- }
56
- };
57
- const handleMinuteChange = (minute) => {
58
- if (minute === null) {
59
- setTempHour(null);
60
- setTempMinute(null);
61
- }
62
- else {
63
- setTempMinute(minute);
64
- if (tempHour === null) {
65
- setTempHour(0);
66
- }
67
- }
68
- };
69
- const handleOpenChange = (newOpen) => {
70
- if (newOpen) {
71
- isCancelledRef.current = false;
72
- initializeTempValues();
73
- setOpen(true);
74
- }
75
- else {
76
- if (!isCancelledRef.current) {
77
- saveValue();
78
- }
79
- setOpen(false);
80
- }
81
- };
82
- const handleCancel = () => {
83
- isCancelledRef.current = true;
84
- initializeTempValues();
85
- setOpen(false);
86
- };
87
- const handleChoose = () => {
1
+ import React__default, { useState, useRef, useMemo } from 'react';
2
+ import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+ import { cn } from '../../utilities/cn.js';
4
+ import { Popover } from '../popover/popover.js';
5
+ import { PopoverTrigger } from '../popover/components/popover_trigger.js';
6
+ import { TimePickerInput } from './components/time_picker_input.js';
7
+ import { TimePickerUtils } from './time_picker_utils.js';
8
+ import { TimePickerContent } from './components/time_picker_content.js';
9
+
10
+ var TimePicker = function TimePicker(_ref) {
11
+ var id = _ref.id,
12
+ _ref$placeholder = _ref.placeholder,
13
+ placeholder = _ref$placeholder === void 0 ? 'gg:mm' : _ref$placeholder,
14
+ disabled = _ref.disabled,
15
+ errors = _ref.errors,
16
+ value = _ref.value,
17
+ onChange = _ref.onChange;
18
+ var _useState = useState(false),
19
+ _useState2 = _slicedToArray(_useState, 2),
20
+ open = _useState2[0],
21
+ setOpen = _useState2[1];
22
+ var _useState3 = useState(null),
23
+ _useState4 = _slicedToArray(_useState3, 2),
24
+ tempHour = _useState4[0],
25
+ setTempHour = _useState4[1];
26
+ var _useState5 = useState(null),
27
+ _useState6 = _slicedToArray(_useState5, 2),
28
+ tempMinute = _useState6[0],
29
+ setTempMinute = _useState6[1];
30
+ var isCancelledRef = useRef(false);
31
+ var parsedTime = useMemo(function () {
32
+ return value ? TimePickerUtils.parseStringToTime(value) : undefined;
33
+ }, [value]);
34
+ var displayValue = useMemo(function () {
35
+ if (open) {
36
+ if (tempHour === null && tempMinute === null) {
37
+ return '';
38
+ }
39
+ return TimePickerUtils.formatTimeForDisplay(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
40
+ }
41
+ return parsedTime ? TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
42
+ }, [open, tempHour, tempMinute, parsedTime]);
43
+ var initializeTempValues = function initializeTempValues() {
44
+ if (parsedTime) {
45
+ setTempHour(parsedTime.hour);
46
+ setTempMinute(parsedTime.minute);
47
+ } else {
48
+ setTempHour(null);
49
+ setTempMinute(null);
50
+ }
51
+ };
52
+ var saveValue = function saveValue() {
53
+ if (tempHour === null && tempMinute === null) {
54
+ onChange === null || onChange === void 0 ? void 0 : onChange('');
55
+ } else {
56
+ var formattedValue = TimePickerUtils.formatTimeToString(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
57
+ onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
58
+ }
59
+ };
60
+ var handleHourChange = function handleHourChange(hour) {
61
+ if (hour === null) {
62
+ setTempHour(null);
63
+ setTempMinute(null);
64
+ } else {
65
+ setTempHour(hour);
66
+ if (tempMinute === null) {
67
+ setTempMinute(0);
68
+ }
69
+ }
70
+ };
71
+ var handleMinuteChange = function handleMinuteChange(minute) {
72
+ if (minute === null) {
73
+ setTempHour(null);
74
+ setTempMinute(null);
75
+ } else {
76
+ setTempMinute(minute);
77
+ if (tempHour === null) {
78
+ setTempHour(0);
79
+ }
80
+ }
81
+ };
82
+ var handleOpenChange = function handleOpenChange(newOpen) {
83
+ if (newOpen) {
84
+ isCancelledRef.current = false;
85
+ initializeTempValues();
86
+ setOpen(true);
87
+ } else {
88
+ if (!isCancelledRef.current) {
88
89
  saveValue();
89
- setOpen(false);
90
- };
91
- return (React.createElement(Popover, { open: open, onOpenChange: handleOpenChange },
92
- React.createElement(PopoverTrigger, { className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'), disabled: disabled },
93
- React.createElement(TimePickerInput, { id: id, value: displayValue, placeholder: placeholder, disabled: disabled, errors: errors })),
94
- React.createElement(TimePickerContent, { hour: tempHour, minute: tempMinute, onHourChange: handleHourChange, onMinuteChange: handleMinuteChange, onCancel: handleCancel, onChoose: handleChoose, format: format })));
90
+ }
91
+ setOpen(false);
92
+ }
93
+ };
94
+ var handleCancel = function handleCancel() {
95
+ isCancelledRef.current = true;
96
+ initializeTempValues();
97
+ setOpen(false);
98
+ };
99
+ var handleChoose = function handleChoose() {
100
+ saveValue();
101
+ setOpen(false);
102
+ };
103
+ return /*#__PURE__*/React__default.createElement(Popover, {
104
+ open: open,
105
+ onOpenChange: handleOpenChange
106
+ }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
107
+ className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
108
+ disabled: disabled
109
+ }, /*#__PURE__*/React__default.createElement(TimePickerInput, {
110
+ id: id,
111
+ value: displayValue,
112
+ placeholder: placeholder,
113
+ disabled: disabled,
114
+ errors: errors
115
+ })), /*#__PURE__*/React__default.createElement(TimePickerContent, {
116
+ hour: tempHour,
117
+ minute: tempMinute,
118
+ onHourChange: handleHourChange,
119
+ onMinuteChange: handleMinuteChange,
120
+ onCancel: handleCancel,
121
+ onChoose: handleChoose
122
+ }));
95
123
  };
96
- //# sourceMappingURL=time_picker.js.map
124
+
125
+ export { TimePicker };
126
+ //# sourceMappingURL=time_picker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"time_picker.js","sourceRoot":"","sources":["../../../../../../../src/components/time_picker/time_picker.tsx"],"names":[],"mappings":"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"}
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;"}
@@ -5,7 +5,6 @@ export interface TimePickerProps {
5
5
  errors?: string | string[];
6
6
  value?: string;
7
7
  onChange?: (value: string) => void;
8
- format?: '12h' | '24h';
9
8
  }
10
9
  export interface TimePickerContentProps {
11
10
  hour: number | null;
@@ -14,5 +13,4 @@ export interface TimePickerContentProps {
14
13
  onMinuteChange: (minute: number | null) => void;
15
14
  onCancel: () => void;
16
15
  onChoose: () => void;
17
- format: '12h' | '24h';
18
16
  }
@@ -6,5 +6,5 @@ export declare class TimePickerUtils {
6
6
  static formatTimeToString: (hour: number, minute: number) => string;
7
7
  static formatTimeForDisplay: (hour: number, minute: number) => string;
8
8
  static formatTimeStringForDisplay: (value: string | undefined) => string;
9
- static generateTimeOptions: (type: 'hour' | 'minute', format?: '12h' | '24h') => string[];
9
+ static generateTimeOptions: (type: 'hour' | 'minute') => string[];
10
10
  }