@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.
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +9 -73
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js +0 -99
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +3 -3
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js +2 -5
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js +6 -7
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js.map +1 -1
- 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
- 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
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +9 -19
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +54 -68
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +0 -10
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +2 -5
- package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js +2 -5
- package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js +2 -5
- package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/calendar.js +7 -17
- package/build/esm/packages/aurora/src/components/calendar/calendar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +25 -49
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +8 -16
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +8 -16
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +22 -48
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +43 -57
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +10 -74
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +41 -6
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +1 -100
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +3 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_impl.js +2 -5
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js +6 -7
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js.map +1 -1
- 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
- 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
- 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
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +10 -20
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +3 -6
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +55 -69
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +13 -38
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +13 -38
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js +13 -21
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +8 -28
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.js +28 -59
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +24 -30
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/input/input_types.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +10 -28
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js +9 -28
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +8 -28
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +36 -60
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +11 -30
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +94 -127
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +46 -62
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +0 -6
- package/build/esm/packages/aurora/src/index.js +0 -5
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +0 -10
- package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +0 -1
- package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js +0 -10
- package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js.map +0 -1
- package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js +0 -10
- package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/calendar.js +0 -28
- package/build/cjs/packages/aurora/src/components/calendar/calendar.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +0 -60
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +0 -26
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +0 -26
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +0 -59
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +0 -67
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +0 -46
- package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +0 -46
- package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js +0 -30
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +0 -37
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js +0 -68
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js +0 -35
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +0 -37
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js +0 -37
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +0 -37
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +0 -69
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +0 -39
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +0 -137
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +0 -66
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +0 -1
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js
CHANGED
|
@@ -1,29 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
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"}
|
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js
CHANGED
|
@@ -1,29 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Input } from '../../input/input
|
|
3
|
-
import { TimeLineIcon } from '
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
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"}
|
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js
CHANGED
|
@@ -1,61 +1,37 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { cn } from '
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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":
|
|
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"}
|
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js
CHANGED
|
@@ -1,31 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { TimePickerUtils } from '../time_picker_utils
|
|
3
|
-
import { TimePickerScrollColumn } from './time_picker_scroll_column
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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":
|
|
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
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
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
|
-
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
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":
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
length:
|
|
44
|
-
|
|
45
|
-
|
|
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":
|
|
1
|
+
{"version":3,"file":"time_picker_utils.js","sourceRoot":"","sources":["../../../../../../../src/components/time_picker/time_picker_utils.ts"],"names":[],"mappings":"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"}
|