@dreamcommerce/aurora 3.1.36 → 3.1.38
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/assets/icons/arrow_left_s_line_icon.js +10 -0
- package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +1 -0
- package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js +10 -0
- package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js.map +1 -0
- package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js +10 -0
- package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/calendar/calendar.js +28 -0
- package/build/cjs/packages/aurora/src/components/calendar/calendar.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +60 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +26 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +26 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +59 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +67 -0
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js +46 -0
- package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +46 -0
- package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +46 -0
- package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +112 -0
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js +78 -0
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js +32 -0
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +37 -0
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js +68 -0
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js +35 -0
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/resizable/components/resizable_handle.js +1 -1
- package/build/cjs/packages/aurora/src/components/select/components/select_item.js +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +35 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js +37 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +37 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +69 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +38 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +134 -0
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +58 -0
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +14 -0
- 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 +5 -2
- 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 +5 -2
- 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 +5 -2
- 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 +17 -7
- 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 +49 -25
- 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 +16 -8
- 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 +16 -8
- 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 +48 -22
- 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 +57 -43
- 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/controls/date_and_time_picker_control/date_time_picker_control.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js +38 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js +3 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +38 -13
- 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 +38 -13
- 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_and_time_picker/date_time_picker.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +104 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js +2 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js +74 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js +23 -13
- 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 +28 -8
- 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 +59 -28
- 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 +30 -24
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js +1 -1
- package/build/esm/packages/aurora/src/components/select/components/select_item.js +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +26 -10
- 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 +28 -9
- 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 +28 -8
- 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 +60 -36
- 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.d.ts +1 -2
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +29 -11
- 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.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +124 -94
- 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_types.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +54 -46
- 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 +9 -0
- package/build/esm/packages/aurora/src/index.js +7 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var react = require('@remixicon/react');
|
|
6
|
+
|
|
7
|
+
var ArrowLeftSLineIcon = react.RiArrowLeftSLine;
|
|
8
|
+
|
|
9
|
+
exports.ArrowLeftSLineIcon = ArrowLeftSLineIcon;
|
|
10
|
+
//# sourceMappingURL=arrow_left_s_line_icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var react = require('@remixicon/react');
|
|
6
|
+
|
|
7
|
+
var CalendarEventFillIcon = react.RiCalendarEventFill;
|
|
8
|
+
|
|
9
|
+
exports.CalendarEventFillIcon = CalendarEventFillIcon;
|
|
10
|
+
//# sourceMappingURL=calendar_event_fill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var locale = require('react-day-picker/locale');
|
|
8
|
+
var styled_day_picker = require('./styled_day_picker/styled_day_picker.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
|
|
14
|
+
var _excluded = ["locale"];
|
|
15
|
+
var Calendar = function Calendar(_ref) {
|
|
16
|
+
var _ref$locale = _ref.locale,
|
|
17
|
+
locale$1 = _ref$locale === void 0 ? locale.pl : _ref$locale,
|
|
18
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
19
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
20
|
+
className: "aurora-inline-flex"
|
|
21
|
+
}, /*#__PURE__*/React__default['default'].createElement(styled_day_picker.StyledDayPicker, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
22
|
+
locale: locale$1
|
|
23
|
+
})));
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
exports.Calendar = Calendar;
|
|
27
|
+
exports.default = Calendar;
|
|
28
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var cn = require('../../../../utilities/cn.js');
|
|
7
|
+
var select = require('../../../select/select.js');
|
|
8
|
+
require('react-day-picker');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
|
|
14
|
+
var CustomMonthsDropdown = function CustomMonthsDropdown(props) {
|
|
15
|
+
var _props$options = props.options,
|
|
16
|
+
options = _props$options === void 0 ? [] : _props$options,
|
|
17
|
+
value = props.value,
|
|
18
|
+
onChange = props.onChange,
|
|
19
|
+
disabled = props.disabled,
|
|
20
|
+
className = props.className;
|
|
21
|
+
// Convert DropdownOption[] to TSelectOption[]
|
|
22
|
+
var selectOptions = options.map(function (option) {
|
|
23
|
+
var label = String(option.label);
|
|
24
|
+
return {
|
|
25
|
+
text: label.charAt(0).toUpperCase() + label.slice(1),
|
|
26
|
+
value: String(option.value),
|
|
27
|
+
isDisabled: option.disabled
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
var handleValueChange = function handleValueChange(newValue) {
|
|
31
|
+
if (onChange) {
|
|
32
|
+
// Create a synthetic event that matches what react-day-picker expects
|
|
33
|
+
var syntheticEvent = {
|
|
34
|
+
target: {
|
|
35
|
+
value: newValue
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
onChange(syntheticEvent);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
42
|
+
className: cn.cn(className)
|
|
43
|
+
}, /*#__PURE__*/React__default['default'].createElement(select.Select, {
|
|
44
|
+
id: "month-dropdown-".concat(Date.now()),
|
|
45
|
+
options: selectOptions,
|
|
46
|
+
value: value !== undefined ? String(value) : undefined,
|
|
47
|
+
onValueChange: handleValueChange,
|
|
48
|
+
disabled: disabled,
|
|
49
|
+
textSize: "small",
|
|
50
|
+
height: "small",
|
|
51
|
+
padding: "small",
|
|
52
|
+
hasBorder: false,
|
|
53
|
+
hasMinDropdownWidth: false,
|
|
54
|
+
stopPropagation: true,
|
|
55
|
+
className: "aurora-h-6 hover:aurora-bg-hover"
|
|
56
|
+
}));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
exports.CustomMonthsDropdown = CustomMonthsDropdown;
|
|
60
|
+
//# sourceMappingURL=custom_months_dropdown.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var cn = require('../../../../utilities/cn.js');
|
|
8
|
+
var arrow_right_s_line_icon = require('../../../../assets/icons/arrow_right_s_line_icon.js');
|
|
9
|
+
require('react-day-picker');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
+
|
|
15
|
+
var CustomNextMonthButton = function CustomNextMonthButton(props) {
|
|
16
|
+
var isDisabled = props['aria-disabled'] === true;
|
|
17
|
+
return /*#__PURE__*/React__default['default'].createElement("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
18
|
+
type: "button",
|
|
19
|
+
className: cn.cn('aurora-rounded-4 hover:aurora-bg-hover', isDisabled && 'aurora-invisible', props.className)
|
|
20
|
+
}), /*#__PURE__*/React__default['default'].createElement(arrow_right_s_line_icon.ArrowRightSLineIcon, {
|
|
21
|
+
size: 16
|
|
22
|
+
}));
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
exports.CustomNextMonthButton = CustomNextMonthButton;
|
|
26
|
+
//# sourceMappingURL=custom_next_month_button.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var cn = require('../../../../utilities/cn.js');
|
|
8
|
+
require('react-day-picker');
|
|
9
|
+
var arrow_left_s_line_icon = require('../../../../assets/icons/arrow_left_s_line_icon.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
+
|
|
15
|
+
var CustomPrevMonthButton = function CustomPrevMonthButton(props) {
|
|
16
|
+
var isDisabled = props['aria-disabled'] === true;
|
|
17
|
+
return /*#__PURE__*/React__default['default'].createElement("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
18
|
+
type: "button",
|
|
19
|
+
className: cn.cn('aurora-rounded-4 hover:aurora-bg-hover', isDisabled && 'aurora-invisible', props.className)
|
|
20
|
+
}), /*#__PURE__*/React__default['default'].createElement(arrow_left_s_line_icon.ArrowLeftSLineIcon, {
|
|
21
|
+
size: 16
|
|
22
|
+
}));
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
exports.CustomPrevMonthButton = CustomPrevMonthButton;
|
|
26
|
+
//# sourceMappingURL=custom_prev_month_button.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var cn = require('../../../../utilities/cn.js');
|
|
7
|
+
var select = require('../../../select/select.js');
|
|
8
|
+
require('react-day-picker');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
|
|
14
|
+
var CustomYearsDropdown = function CustomYearsDropdown(props) {
|
|
15
|
+
var _props$options = props.options,
|
|
16
|
+
options = _props$options === void 0 ? [] : _props$options,
|
|
17
|
+
value = props.value,
|
|
18
|
+
onChange = props.onChange,
|
|
19
|
+
disabled = props.disabled,
|
|
20
|
+
className = props.className;
|
|
21
|
+
// Convert DropdownOption[] to TSelectOption[]
|
|
22
|
+
var selectOptions = options.map(function (option) {
|
|
23
|
+
return {
|
|
24
|
+
text: option.label,
|
|
25
|
+
value: String(option.value),
|
|
26
|
+
isDisabled: option.disabled
|
|
27
|
+
};
|
|
28
|
+
});
|
|
29
|
+
var handleValueChange = function handleValueChange(newValue) {
|
|
30
|
+
if (onChange) {
|
|
31
|
+
// Create a synthetic event that matches what react-day-picker expects
|
|
32
|
+
var syntheticEvent = {
|
|
33
|
+
target: {
|
|
34
|
+
value: newValue
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
onChange(syntheticEvent);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
41
|
+
className: cn.cn(className)
|
|
42
|
+
}, /*#__PURE__*/React__default['default'].createElement(select.Select, {
|
|
43
|
+
id: "year-dropdown-".concat(Date.now()),
|
|
44
|
+
options: selectOptions,
|
|
45
|
+
value: value !== undefined ? String(value) : undefined,
|
|
46
|
+
onValueChange: handleValueChange,
|
|
47
|
+
disabled: disabled,
|
|
48
|
+
textSize: "small",
|
|
49
|
+
height: "small",
|
|
50
|
+
padding: "small",
|
|
51
|
+
hasBorder: false,
|
|
52
|
+
hasMinDropdownWidth: false,
|
|
53
|
+
stopPropagation: true,
|
|
54
|
+
className: "aurora-h-6 hover:aurora-bg-hover"
|
|
55
|
+
}));
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
exports.CustomYearsDropdown = CustomYearsDropdown;
|
|
59
|
+
//# sourceMappingURL=custom_years_dropdown.js.map
|
|
@@ -0,0 +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;"}
|
package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var cn = require('../../../utilities/cn.js');
|
|
8
|
+
var reactDayPicker = require('react-day-picker');
|
|
9
|
+
var custom_prev_month_button = require('./components/custom_prev_month_button.js');
|
|
10
|
+
var custom_months_dropdown = require('./components/custom_months_dropdown.js');
|
|
11
|
+
var custom_years_dropdown = require('./components/custom_years_dropdown.js');
|
|
12
|
+
var custom_next_month_button = require('./components/custom_next_month_button.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
|
|
18
|
+
var _excluded = ["className", "locale"];
|
|
19
|
+
var StyledDayPicker = function StyledDayPicker(_ref) {
|
|
20
|
+
var className = _ref.className,
|
|
21
|
+
locale = _ref.locale,
|
|
22
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
return /*#__PURE__*/React__default['default'].createElement(reactDayPicker.DayPicker, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
24
|
+
locale: locale,
|
|
25
|
+
components: {
|
|
26
|
+
PreviousMonthButton: custom_prev_month_button.CustomPrevMonthButton,
|
|
27
|
+
NextMonthButton: custom_next_month_button.CustomNextMonthButton,
|
|
28
|
+
MonthsDropdown: custom_months_dropdown.CustomMonthsDropdown,
|
|
29
|
+
YearsDropdown: custom_years_dropdown.CustomYearsDropdown
|
|
30
|
+
},
|
|
31
|
+
captionLayout: "dropdown",
|
|
32
|
+
navLayout: "around",
|
|
33
|
+
showOutsideDays: true,
|
|
34
|
+
// Main container styling
|
|
35
|
+
className: cn.cn('aurora-relative aurora-px-4 aurora-py-3 aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-bg-neutral-0', className),
|
|
36
|
+
classNames: {
|
|
37
|
+
// Navigation buttons
|
|
38
|
+
button_previous: 'aurora-absolute aurora-top-6 aurora-left-5 aurora-cursor-pointer',
|
|
39
|
+
button_next: 'aurora-absolute aurora-top-6 aurora-right-5 aurora-cursor-pointer',
|
|
40
|
+
// Months
|
|
41
|
+
month_grid: 'aurora-border-separate aurora-border-spacing-y-2',
|
|
42
|
+
month_caption: 'aurora-flex aurora-justify-center aurora-mt-2 aurora-mb-3',
|
|
43
|
+
// Month and year dropdowns
|
|
44
|
+
dropdowns: 'aurora-flex aurora-items-center aurora-gap-1',
|
|
45
|
+
dropdown_root: 'aurora-flex',
|
|
46
|
+
months_dropdown: 'aurora-text-xs',
|
|
47
|
+
years_dropdown: 'aurora-text-xs',
|
|
48
|
+
// Caption (Month/Year display)
|
|
49
|
+
caption_label: 'aurora-hidden',
|
|
50
|
+
// Weekdays
|
|
51
|
+
weekdays: 'aurora-text-subtle-light aurora-text-xs aurora-font-normal aurora-capitalize',
|
|
52
|
+
weekday: 'aurora-font-normal',
|
|
53
|
+
// Day cells
|
|
54
|
+
day: 'aurora-h-8 aurora-w-8 aurora-rounded-4 focus-visible:aurora-outline-none focus-visible:aurora-ring-2 focus-visible:aurora-ring-primary aurora-cursor-pointer hover:aurora-bg-hover active:aurora-bg-active',
|
|
55
|
+
day_button: 'aurora-w-full aurora-h-full',
|
|
56
|
+
selected: 'aurora-bg-inverse aurora-text-inverse hover:aurora-bg-inverse aurora-day-selected',
|
|
57
|
+
today: 'aurora-bg-primary-subtle [&.aurora-day-selected:not(.aurora-day-range-middle)]:!aurora-bg-inverse [&.aurora-day-selected:not(.aurora-day-range-middle)]:!aurora-text-inverse',
|
|
58
|
+
range_middle: '!aurora-bg-hover !aurora-text !aurora-rounded-0 first:!aurora-rounded-l-4 last:!aurora-rounded-r-4 aurora-day-range-middle ',
|
|
59
|
+
outside: 'aurora-text-inverse-subtle [&.aurora-day-selected]:aurora-text-inverse',
|
|
60
|
+
disabled: 'aurora-text-inverse-subtle aurora-opacity-50 !aurora-cursor-not-allowed',
|
|
61
|
+
hidden: 'aurora-invisible'
|
|
62
|
+
}
|
|
63
|
+
}));
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
exports.StyledDayPicker = StyledDayPicker;
|
|
67
|
+
//# sourceMappingURL=styled_day_picker.js.map
|
package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map
ADDED
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var control = require('../../control/control.js');
|
|
8
|
+
var error_list = require('../../error_list/error_list.js');
|
|
9
|
+
var helper_text = require('../../helper_text/helper_text.js');
|
|
10
|
+
var label = require('../../label/label.js');
|
|
11
|
+
var date_time_picker = require('../../date_and_time_picker/date_time_picker.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
|
|
17
|
+
var _excluded = ["id", "label", "helperText", "tooltip", "required", "errors", "disabled"];
|
|
18
|
+
var DateTimePickerControl = function DateTimePickerControl(_ref) {
|
|
19
|
+
var id = _ref.id,
|
|
20
|
+
label$1 = _ref.label,
|
|
21
|
+
helperText = _ref.helperText,
|
|
22
|
+
tooltip = _ref.tooltip,
|
|
23
|
+
required = _ref.required,
|
|
24
|
+
errors = _ref.errors,
|
|
25
|
+
disabled = _ref.disabled,
|
|
26
|
+
dateTimePickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/React__default['default'].createElement(control.Control, {
|
|
28
|
+
classname: "aurora-flex-col"
|
|
29
|
+
}, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
|
|
30
|
+
htmlFor: id,
|
|
31
|
+
disabled: disabled,
|
|
32
|
+
tooltip: tooltip,
|
|
33
|
+
className: "aurora-text",
|
|
34
|
+
required: required
|
|
35
|
+
}, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(date_time_picker.DateTimePicker, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
36
|
+
id: id,
|
|
37
|
+
disabled: disabled
|
|
38
|
+
}, dateTimePickerProps), {}, {
|
|
39
|
+
errors: errors
|
|
40
|
+
})), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
|
|
41
|
+
errors: errors
|
|
42
|
+
}) : null);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
exports.DateTimePickerControl = DateTimePickerControl;
|
|
46
|
+
//# sourceMappingURL=date_time_picker_control.js.map
|
|
@@ -0,0 +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;"}
|
package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var control = require('../../control/control.js');
|
|
8
|
+
var error_list = require('../../error_list/error_list.js');
|
|
9
|
+
var helper_text = require('../../helper_text/helper_text.js');
|
|
10
|
+
var label = require('../../label/label.js');
|
|
11
|
+
var date_picker = require('../../date_picker/date_picker.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
|
|
17
|
+
var _excluded = ["id", "label", "helperText", "tooltip", "required", "errors", "disabled"];
|
|
18
|
+
var DatePickerControl = function DatePickerControl(_ref) {
|
|
19
|
+
var id = _ref.id,
|
|
20
|
+
label$1 = _ref.label,
|
|
21
|
+
helperText = _ref.helperText,
|
|
22
|
+
tooltip = _ref.tooltip,
|
|
23
|
+
required = _ref.required,
|
|
24
|
+
errors = _ref.errors,
|
|
25
|
+
disabled = _ref.disabled,
|
|
26
|
+
datePickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/React__default['default'].createElement(control.Control, {
|
|
28
|
+
classname: "aurora-flex-col"
|
|
29
|
+
}, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
|
|
30
|
+
htmlFor: id,
|
|
31
|
+
disabled: disabled,
|
|
32
|
+
tooltip: tooltip,
|
|
33
|
+
className: "aurora-text",
|
|
34
|
+
required: required
|
|
35
|
+
}, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(date_picker.DatePicker, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
36
|
+
id: id,
|
|
37
|
+
disabled: disabled
|
|
38
|
+
}, datePickerProps), {}, {
|
|
39
|
+
errors: errors
|
|
40
|
+
})), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
|
|
41
|
+
errors: errors
|
|
42
|
+
}) : null);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
exports.DatePickerControl = DatePickerControl;
|
|
46
|
+
//# sourceMappingURL=date_picker_control.js.map
|
|
@@ -0,0 +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;"}
|
package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var control = require('../../control/control.js');
|
|
8
|
+
var error_list = require('../../error_list/error_list.js');
|
|
9
|
+
var helper_text = require('../../helper_text/helper_text.js');
|
|
10
|
+
var label = require('../../label/label.js');
|
|
11
|
+
var time_picker = require('../../time_picker/time_picker.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
|
|
17
|
+
var _excluded = ["id", "label", "helperText", "tooltip", "required", "errors", "disabled"];
|
|
18
|
+
var TimePickerControl = function TimePickerControl(_ref) {
|
|
19
|
+
var id = _ref.id,
|
|
20
|
+
label$1 = _ref.label,
|
|
21
|
+
helperText = _ref.helperText,
|
|
22
|
+
tooltip = _ref.tooltip,
|
|
23
|
+
required = _ref.required,
|
|
24
|
+
errors = _ref.errors,
|
|
25
|
+
disabled = _ref.disabled,
|
|
26
|
+
timePickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/React__default['default'].createElement(control.Control, {
|
|
28
|
+
classname: "aurora-flex-col"
|
|
29
|
+
}, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
|
|
30
|
+
htmlFor: id,
|
|
31
|
+
disabled: disabled,
|
|
32
|
+
tooltip: tooltip,
|
|
33
|
+
className: "aurora-text",
|
|
34
|
+
required: required
|
|
35
|
+
}, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(time_picker.TimePicker, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
36
|
+
id: id,
|
|
37
|
+
disabled: disabled
|
|
38
|
+
}, timePickerProps), {}, {
|
|
39
|
+
errors: errors
|
|
40
|
+
})), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
|
|
41
|
+
errors: errors
|
|
42
|
+
}) : null);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
exports.TimePickerControl = TimePickerControl;
|
|
46
|
+
//# sourceMappingURL=time_picker_control.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var stack = require('../stack/stack.js');
|
|
8
|
+
var date_picker = require('../date_picker/date_picker.js');
|
|
9
|
+
var time_picker = require('../time_picker/time_picker.js');
|
|
10
|
+
var date_time_picker_utils = require('./date_time_picker_utils.js');
|
|
11
|
+
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
+
|
|
16
|
+
var _excluded = ["id", "datePlaceholder", "timePlaceholder", "disabled", "errors", "value", "onChange", "disabledDays"];
|
|
17
|
+
var DateTimePicker = function DateTimePicker(_ref) {
|
|
18
|
+
var id = _ref.id,
|
|
19
|
+
datePlaceholder = _ref.datePlaceholder,
|
|
20
|
+
timePlaceholder = _ref.timePlaceholder,
|
|
21
|
+
disabled = _ref.disabled,
|
|
22
|
+
errors = _ref.errors,
|
|
23
|
+
value = _ref.value,
|
|
24
|
+
onChange = _ref.onChange,
|
|
25
|
+
disabledDays = _ref.disabledDays,
|
|
26
|
+
dayPickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
var parsedValue = React.useMemo(function () {
|
|
28
|
+
return value ? date_time_picker_utils.DateTimePickerUtils.parseDateTimeString(value) : {
|
|
29
|
+
date: undefined,
|
|
30
|
+
time: undefined
|
|
31
|
+
};
|
|
32
|
+
}, [value]);
|
|
33
|
+
var _useState = React.useState(parsedValue.date),
|
|
34
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
35
|
+
internalDate = _useState2[0],
|
|
36
|
+
setInternalDate = _useState2[1];
|
|
37
|
+
var _useState3 = React.useState(parsedValue.time),
|
|
38
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
39
|
+
internalTime = _useState4[0],
|
|
40
|
+
setInternalTime = _useState4[1];
|
|
41
|
+
var dateRef = React.useRef(parsedValue.date);
|
|
42
|
+
var timeRef = React.useRef(parsedValue.time);
|
|
43
|
+
var lastValueRef = React.useRef(value);
|
|
44
|
+
React.useEffect(function () {
|
|
45
|
+
if (value !== lastValueRef.current) {
|
|
46
|
+
lastValueRef.current = value;
|
|
47
|
+
setInternalDate(parsedValue.date);
|
|
48
|
+
setInternalTime(parsedValue.time);
|
|
49
|
+
dateRef.current = parsedValue.date;
|
|
50
|
+
timeRef.current = parsedValue.time;
|
|
51
|
+
}
|
|
52
|
+
}, [value, parsedValue]);
|
|
53
|
+
var handleDateChange = React.useCallback(function (date) {
|
|
54
|
+
dateRef.current = date;
|
|
55
|
+
setInternalDate(date);
|
|
56
|
+
var currentTime = timeRef.current;
|
|
57
|
+
if (date && currentTime) {
|
|
58
|
+
var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(date, currentTime);
|
|
59
|
+
lastValueRef.current = formattedValue;
|
|
60
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
|
|
61
|
+
} else {
|
|
62
|
+
lastValueRef.current = '';
|
|
63
|
+
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
64
|
+
}
|
|
65
|
+
}, [onChange]);
|
|
66
|
+
var handleTimeChange = React.useCallback(function (time) {
|
|
67
|
+
var timeValue = time || undefined;
|
|
68
|
+
timeRef.current = timeValue;
|
|
69
|
+
setInternalTime(timeValue);
|
|
70
|
+
var currentDate = dateRef.current;
|
|
71
|
+
if (currentDate && timeValue) {
|
|
72
|
+
var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(currentDate, timeValue);
|
|
73
|
+
lastValueRef.current = formattedValue;
|
|
74
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
|
|
75
|
+
} else {
|
|
76
|
+
lastValueRef.current = '';
|
|
77
|
+
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
78
|
+
}
|
|
79
|
+
}, [onChange]);
|
|
80
|
+
return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
|
|
81
|
+
direction: "row",
|
|
82
|
+
spacing: "3",
|
|
83
|
+
className: "aurora-w-full"
|
|
84
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
85
|
+
style: {
|
|
86
|
+
width: '60%'
|
|
87
|
+
}
|
|
88
|
+
}, /*#__PURE__*/React__default['default'].createElement(date_picker.DatePicker, _rollupPluginBabelHelpers.objectSpread2({
|
|
89
|
+
id: "".concat(id, "-date"),
|
|
90
|
+
mode: "single",
|
|
91
|
+
placeholder: datePlaceholder,
|
|
92
|
+
disabled: disabled,
|
|
93
|
+
errors: errors,
|
|
94
|
+
value: internalDate,
|
|
95
|
+
onChange: handleDateChange,
|
|
96
|
+
disabledDays: disabledDays
|
|
97
|
+
}, dayPickerProps))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
98
|
+
style: {
|
|
99
|
+
width: '40%'
|
|
100
|
+
}
|
|
101
|
+
}, /*#__PURE__*/React__default['default'].createElement(time_picker.TimePicker, {
|
|
102
|
+
id: "".concat(id, "-time"),
|
|
103
|
+
placeholder: timePlaceholder,
|
|
104
|
+
disabled: disabled,
|
|
105
|
+
errors: errors,
|
|
106
|
+
value: internalTime,
|
|
107
|
+
onChange: handleTimeChange
|
|
108
|
+
})));
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
exports.DateTimePicker = DateTimePicker;
|
|
112
|
+
//# sourceMappingURL=date_time_picker.js.map
|
|
@@ -0,0 +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;"}
|