@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,29 +1,10 @@
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'))));
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')))));
26
9
  };
27
-
28
- export { TimePickerFooter };
29
- //# sourceMappingURL=time_picker_footer.js.map
10
+ //# sourceMappingURL=time_picker_footer.js.map
@@ -1 +1 @@
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
+ {"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,29 +1,9 @@
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
- });
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" })) }));
26
8
  };
27
-
28
- export { TimePickerInput };
29
- //# sourceMappingURL=time_picker_input.js.map
9
+ //# sourceMappingURL=time_picker_input.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;"}
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,61 +1,37 @@
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
- })));
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" }))));
58
36
  };
59
-
60
- export { TimePickerScrollColumn };
61
- //# sourceMappingURL=time_picker_scroll_column.js.map
37
+ //# sourceMappingURL=time_picker_scroll_column.js.map
@@ -1 +1 @@
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;"}
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,31 +1,12 @@
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
- format = _ref.format;
11
- var hourOptions = TimePickerUtils.generateTimeOptions('hour', format);
12
- var minuteOptions = TimePickerUtils.generateTimeOptions('minute', format);
13
- return /*#__PURE__*/React__default.createElement("div", {
14
- className: "aurora-flex aurora-items-center aurora-h-[270px]"
15
- }, /*#__PURE__*/React__default.createElement(TimePickerScrollColumn, {
16
- options: hourOptions,
17
- selectedValue: hour,
18
- onValueChange: onHourChange,
19
- dataAttribute: "data-hour"
20
- }), /*#__PURE__*/React__default.createElement("div", {
21
- className: "aurora-w-px aurora-h-[250px] aurora-bg-neutral-200"
22
- }), /*#__PURE__*/React__default.createElement(TimePickerScrollColumn, {
23
- options: minuteOptions,
24
- selectedValue: minute,
25
- onValueChange: onMinuteChange,
26
- dataAttribute: "data-minute"
27
- }));
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" })));
28
11
  };
29
-
30
- export { TimePickerTimeSelector };
31
- //# sourceMappingURL=time_picker_time_selector.js.map
12
+ //# sourceMappingURL=time_picker_time_selector.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;"}
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,129 +1,96 @@
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
- _ref$format = _ref.format,
19
- format = _ref$format === void 0 ? '24h' : _ref$format;
20
- var _useState = useState(false),
21
- _useState2 = _slicedToArray(_useState, 2),
22
- open = _useState2[0],
23
- setOpen = _useState2[1];
24
- var _useState3 = useState(null),
25
- _useState4 = _slicedToArray(_useState3, 2),
26
- tempHour = _useState4[0],
27
- setTempHour = _useState4[1];
28
- var _useState5 = useState(null),
29
- _useState6 = _slicedToArray(_useState5, 2),
30
- tempMinute = _useState6[0],
31
- setTempMinute = _useState6[1];
32
- var isCancelledRef = useRef(false);
33
- var parsedTime = useMemo(function () {
34
- return value ? TimePickerUtils.parseStringToTime(value) : undefined;
35
- }, [value]);
36
- var displayValue = useMemo(function () {
37
- if (open) {
38
- if (tempHour === null && tempMinute === null) {
39
- return '';
40
- }
41
- return TimePickerUtils.formatTimeForDisplay(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
42
- }
43
- return parsedTime ? TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
44
- }, [open, tempHour, tempMinute, parsedTime]);
45
- var initializeTempValues = function initializeTempValues() {
46
- if (parsedTime) {
47
- setTempHour(parsedTime.hour);
48
- setTempMinute(parsedTime.minute);
49
- } else {
50
- setTempHour(null);
51
- setTempMinute(null);
52
- }
53
- };
54
- var saveValue = function saveValue() {
55
- if (tempHour === null && tempMinute === null) {
56
- onChange === null || onChange === void 0 ? void 0 : onChange('');
57
- } else {
58
- var formattedValue = TimePickerUtils.formatTimeToString(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
59
- onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
60
- }
61
- };
62
- var handleHourChange = function handleHourChange(hour) {
63
- if (hour === null) {
64
- setTempHour(null);
65
- setTempMinute(null);
66
- } else {
67
- setTempHour(hour);
68
- if (tempMinute === null) {
69
- setTempMinute(0);
70
- }
71
- }
72
- };
73
- var handleMinuteChange = function handleMinuteChange(minute) {
74
- if (minute === null) {
75
- setTempHour(null);
76
- setTempMinute(null);
77
- } else {
78
- setTempMinute(minute);
79
- if (tempHour === null) {
80
- setTempHour(0);
81
- }
82
- }
83
- };
84
- var handleOpenChange = function handleOpenChange(newOpen) {
85
- if (newOpen) {
86
- isCancelledRef.current = false;
87
- initializeTempValues();
88
- setOpen(true);
89
- } else {
90
- if (!isCancelledRef.current) {
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 = () => {
91
88
  saveValue();
92
- }
93
- setOpen(false);
94
- }
95
- };
96
- var handleCancel = function handleCancel() {
97
- isCancelledRef.current = true;
98
- initializeTempValues();
99
- setOpen(false);
100
- };
101
- var handleChoose = function handleChoose() {
102
- saveValue();
103
- setOpen(false);
104
- };
105
- return /*#__PURE__*/React__default.createElement(Popover, {
106
- open: open,
107
- onOpenChange: handleOpenChange
108
- }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
109
- className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
110
- disabled: disabled
111
- }, /*#__PURE__*/React__default.createElement(TimePickerInput, {
112
- id: id,
113
- value: displayValue,
114
- placeholder: placeholder,
115
- disabled: disabled,
116
- errors: errors
117
- })), /*#__PURE__*/React__default.createElement(TimePickerContent, {
118
- hour: tempHour,
119
- minute: tempMinute,
120
- onHourChange: handleHourChange,
121
- onMinuteChange: handleMinuteChange,
122
- onCancel: handleCancel,
123
- onChoose: handleChoose,
124
- format: format
125
- }));
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 })));
126
95
  };
127
-
128
- export { TimePicker };
129
- //# sourceMappingURL=time_picker.js.map
96
+ //# sourceMappingURL=time_picker.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"time_picker.js","sourceRoot":"","sources":["../../../../../../../src/components/time_picker/time_picker.tsx"],"names":[],"mappings":"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"}
@@ -1,62 +1,46 @@
1
- import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
-
3
- var _TimePickerUtils;
4
- var TimePickerUtils = /*#__PURE__*/_createClass(function TimePickerUtils() {
5
- _classCallCheck(this, TimePickerUtils);
6
- });
7
- _TimePickerUtils = TimePickerUtils;
8
- _defineProperty(TimePickerUtils, "parseStringToTime", function (value) {
9
- if (!value) return undefined;
10
- var parts = value.split(':');
11
- if (parts.length < 2) return undefined;
12
- var hour = parseInt(parts[0], 10);
13
- var minute = parseInt(parts[1], 10);
14
- if (isNaN(hour) || isNaN(minute)) return undefined;
15
- if (hour < 0 || hour > 23) return undefined;
16
- if (minute < 0 || minute > 59) return undefined;
17
- return {
18
- hour: hour,
19
- minute: minute
20
- };
21
- });
22
- _defineProperty(TimePickerUtils, "formatTimeToString", function (hour, minute) {
23
- var hourStr = String(hour).padStart(2, '0');
24
- var minuteStr = String(minute).padStart(2, '0');
25
- return "".concat(hourStr, ":").concat(minuteStr, ":00");
26
- });
27
- _defineProperty(TimePickerUtils, "formatTimeForDisplay", function (hour, minute) {
28
- var hourStr = String(hour).padStart(2, '0');
29
- var minuteStr = String(minute).padStart(2, '0');
30
- return "".concat(hourStr, ":").concat(minuteStr);
31
- });
32
- _defineProperty(TimePickerUtils, "formatTimeStringForDisplay", function (value) {
33
- if (!value) return '';
34
- var time = _TimePickerUtils.parseStringToTime(value);
35
- if (!time) return '';
36
- return _TimePickerUtils.formatTimeForDisplay(time.hour, time.minute);
37
- });
38
- _defineProperty(TimePickerUtils, "generateTimeOptions", function (type) {
39
- var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '24h';
40
- if (type === 'hour') {
41
- if (format === '12h') {
42
- return Array.from({
43
- length: 12
44
- }, function (_, i) {
45
- return String(i + 1).padStart(2, '0');
46
- });
47
- }
48
- return Array.from({
49
- length: 24
50
- }, function (_, i) {
51
- return String(i).padStart(2, '0');
52
- });
53
- }
54
- return Array.from({
55
- length: 60
56
- }, function (_, i) {
57
- return String(i).padStart(2, '0');
58
- });
59
- });
60
-
61
- export { TimePickerUtils };
62
- //# sourceMappingURL=time_picker_utils.js.map
1
+ export class TimePickerUtils {
2
+ static parseStringToTime = (value) => {
3
+ if (!value)
4
+ return undefined;
5
+ const parts = value.split(':');
6
+ if (parts.length < 2)
7
+ return undefined;
8
+ const hour = parseInt(parts[0], 10);
9
+ const minute = parseInt(parts[1], 10);
10
+ if (isNaN(hour) || isNaN(minute))
11
+ return undefined;
12
+ if (hour < 0 || hour > 23)
13
+ return undefined;
14
+ if (minute < 0 || minute > 59)
15
+ return undefined;
16
+ return { hour, minute };
17
+ };
18
+ static formatTimeToString = (hour, minute) => {
19
+ const hourStr = String(hour).padStart(2, '0');
20
+ const minuteStr = String(minute).padStart(2, '0');
21
+ return `${hourStr}:${minuteStr}:00`;
22
+ };
23
+ static formatTimeForDisplay = (hour, minute) => {
24
+ const hourStr = String(hour).padStart(2, '0');
25
+ const minuteStr = String(minute).padStart(2, '0');
26
+ return `${hourStr}:${minuteStr}`;
27
+ };
28
+ static formatTimeStringForDisplay = (value) => {
29
+ if (!value)
30
+ return '';
31
+ const time = TimePickerUtils.parseStringToTime(value);
32
+ if (!time)
33
+ return '';
34
+ return TimePickerUtils.formatTimeForDisplay(time.hour, time.minute);
35
+ };
36
+ static generateTimeOptions = (type, format = '24h') => {
37
+ if (type === 'hour') {
38
+ if (format === '12h') {
39
+ return Array.from({ length: 12 }, (_, i) => String(i + 1).padStart(2, '0'));
40
+ }
41
+ return Array.from({ length: 24 }, (_, i) => String(i).padStart(2, '0'));
42
+ }
43
+ return Array.from({ length: 60 }, (_, i) => String(i).padStart(2, '0'));
44
+ };
45
+ }
46
+ //# 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;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":"time_picker_utils.js","sourceRoot":"","sources":["../../../../../../../src/components/time_picker/time_picker_utils.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,eAAe;IACjB,MAAM,CAAC,iBAAiB,GAAG,CAAC,KAAa,EAAgD,EAAE;QAC9F,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAE7B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,SAAS,CAAC;QAEvC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEtC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC;YAAE,OAAO,SAAS,CAAC;QACnD,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE;YAAE,OAAO,SAAS,CAAC;QAC5C,IAAI,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG,EAAE;YAAE,OAAO,SAAS,CAAC;QAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEK,MAAM,CAAC,kBAAkB,GAAG,CAAC,IAAY,EAAE,MAAc,EAAU,EAAE;QACxE,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC9C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAClD,OAAO,GAAG,OAAO,IAAI,SAAS,KAAK,CAAC;IACxC,CAAC,CAAC;IAEK,MAAM,CAAC,oBAAoB,GAAG,CAAC,IAAY,EAAE,MAAc,EAAU,EAAE;QAC1E,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC9C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAClD,OAAO,GAAG,OAAO,IAAI,SAAS,EAAE,CAAC;IACrC,CAAC,CAAC;IAEK,MAAM,CAAC,0BAA0B,GAAG,CAAC,KAAyB,EAAU,EAAE;QAC7E,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QACtB,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACtD,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,OAAO,eAAe,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACxE,CAAC,CAAC;IAEK,MAAM,CAAC,mBAAmB,GAAG,CAAC,IAAuB,EAAE,SAAwB,KAAK,EAAY,EAAE;QACrG,IAAI,IAAI,KAAK,MAAM,EAAE;YACjB,IAAI,MAAM,KAAK,KAAK,EAAE;gBAClB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;aAC/E;YACD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;SAC3E;QACD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC"}