@dreamcommerce/aurora 3.1.35 → 3.1.36-2
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_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_picker/components/date_picker_content.js +30 -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/select/components/select_content.js +6 -2
- package/build/cjs/packages/aurora/src/components/select/components/select_content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/select/components/select_trigger.js +23 -3
- package/build/cjs/packages/aurora/src/components/select/components/select_trigger.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/select/components/select_variants.js +47 -0
- package/build/cjs/packages/aurora/src/components/select/components/select_variants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/select/select.js +26 -4
- package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +37 -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 +39 -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 +137 -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 +66 -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 +10 -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.d.ts +1 -0
- package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js +6 -0
- package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js.map +1 -0
- package/build/esm/packages/aurora/src/assets/icons/time_line_icon.d.ts +1 -0
- package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js +6 -0
- package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js.map +1 -0
- package/build/esm/packages/aurora/src/components/calendar/calendar.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/calendar/calendar.js +20 -0
- package/build/esm/packages/aurora/src/components/calendar/calendar.js.map +1 -0
- package/build/esm/packages/aurora/src/components/calendar/calendar_types.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/calendar/calendar_types.js +2 -0
- package/build/esm/packages/aurora/src/components/calendar/calendar_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +52 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +1 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +18 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +1 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +18 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +1 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +51 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +1 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +59 -0
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +38 -0
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control_types.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control_types.js +3 -0
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +38 -0
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control_types.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control_types.js +3 -0
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js +22 -0
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.d.ts +5 -0
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +29 -0
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.js +60 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.d.ts +15 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.js +2 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.d.ts +5 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +31 -0
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -0
- package/build/esm/packages/aurora/src/components/select/components/select_content.js +6 -2
- package/build/esm/packages/aurora/src/components/select/components/select_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/select/components/select_trigger.js +23 -3
- package/build/esm/packages/aurora/src/components/select/components/select_trigger.js.map +1 -1
- package/build/esm/packages/aurora/src/components/select/components/select_variants.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/select/components/select_variants.js +42 -0
- package/build/esm/packages/aurora/src/components/select/components/select_variants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/select/select.js +26 -4
- package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
- package/build/esm/packages/aurora/src/components/select/select_types.d.ts +15 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +29 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js +29 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.d.ts +5 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +29 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.d.ts +8 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +61 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +31 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +129 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_types.d.ts +18 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_types.js +2 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts +10 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +62 -0
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +6 -0
- package/build/esm/packages/aurora/src/index.js +5 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +5 -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;"}
|
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;"}
|
package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
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 popover_content = require('../../popover/components/popover_content.js');
|
|
8
|
+
var calendar = require('../../calendar/calendar.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 = ["mode", "selected", "onSelect"];
|
|
15
|
+
var DatePickerContent = function DatePickerContent(_ref) {
|
|
16
|
+
var _ref$mode = _ref.mode,
|
|
17
|
+
mode = _ref$mode === void 0 ? 'single' : _ref$mode,
|
|
18
|
+
selected = _ref.selected,
|
|
19
|
+
onSelect = _ref.onSelect,
|
|
20
|
+
dayPickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
21
|
+
var calendarProps = _rollupPluginBabelHelpers.objectSpread2({
|
|
22
|
+
mode: mode,
|
|
23
|
+
selected: selected,
|
|
24
|
+
onSelect: onSelect
|
|
25
|
+
}, dayPickerProps);
|
|
26
|
+
return /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, null, /*#__PURE__*/React__default['default'].createElement(calendar.Calendar, _rollupPluginBabelHelpers.objectSpread2({}, calendarProps)));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.DatePickerContent = DatePickerContent;
|
|
30
|
+
//# sourceMappingURL=date_picker_content.js.map
|
package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.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;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var input = require('../../input/input.js');
|
|
7
|
+
var calendar_event_fill = require('../../../assets/icons/calendar_event_fill.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
var DatePickerInput = function DatePickerInput(_ref) {
|
|
14
|
+
var id = _ref.id,
|
|
15
|
+
value = _ref.value,
|
|
16
|
+
placeholder = _ref.placeholder,
|
|
17
|
+
disabled = _ref.disabled,
|
|
18
|
+
errors = _ref.errors;
|
|
19
|
+
return /*#__PURE__*/React__default['default'].createElement(input.Input, {
|
|
20
|
+
id: id,
|
|
21
|
+
value: value,
|
|
22
|
+
errors: errors,
|
|
23
|
+
readOnly: true,
|
|
24
|
+
disabled: disabled,
|
|
25
|
+
placeholder: placeholder,
|
|
26
|
+
hasCursorPointer: true,
|
|
27
|
+
postElement: /*#__PURE__*/React__default['default'].createElement("div", {
|
|
28
|
+
className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover"
|
|
29
|
+
}, /*#__PURE__*/React__default['default'].createElement(calendar_event_fill.CalendarEventFillIcon, {
|
|
30
|
+
size: 14,
|
|
31
|
+
className: "aurora-text"
|
|
32
|
+
}))
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
exports.DatePickerInput = DatePickerInput;
|
|
37
|
+
//# sourceMappingURL=date_picker_input.js.map
|
package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.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;"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var cn = require('../../utilities/cn.js');
|
|
8
|
+
var popover = require('../popover/popover.js');
|
|
9
|
+
var popover_trigger = require('../popover/components/popover_trigger.js');
|
|
10
|
+
var date_picker_input = require('./components/date_picker_input.js');
|
|
11
|
+
var date_picker_content = require('./components/date_picker_content.js');
|
|
12
|
+
var date_picker_utils = require('./date_picker_utils.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 = ["id", "mode", "placeholder", "disabled", "errors", "value", "onChange", "disabledDays"];
|
|
19
|
+
var DatePicker = function DatePicker(_ref) {
|
|
20
|
+
var id = _ref.id,
|
|
21
|
+
_ref$mode = _ref.mode,
|
|
22
|
+
mode = _ref$mode === void 0 ? 'single' : _ref$mode,
|
|
23
|
+
placeholder = _ref.placeholder,
|
|
24
|
+
disabled = _ref.disabled,
|
|
25
|
+
errors = _ref.errors,
|
|
26
|
+
value = _ref.value,
|
|
27
|
+
onChange = _ref.onChange,
|
|
28
|
+
disabledDays = _ref.disabledDays,
|
|
29
|
+
dayPickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
30
|
+
var _useState = React.useState(false),
|
|
31
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
32
|
+
open = _useState2[0],
|
|
33
|
+
setOpen = _useState2[1];
|
|
34
|
+
var selectedDates = React.useMemo(function () {
|
|
35
|
+
return value;
|
|
36
|
+
}, [value]);
|
|
37
|
+
var displayValue = React.useMemo(function () {
|
|
38
|
+
if (!selectedDates) return '';
|
|
39
|
+
return date_picker_utils.DatePickerUtils.inputFormatValue(selectedDates, mode);
|
|
40
|
+
}, [selectedDates, mode]);
|
|
41
|
+
var handleDateSelect = function handleDateSelect(selected) {
|
|
42
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(selected);
|
|
43
|
+
if (mode === 'single') {
|
|
44
|
+
setOpen(false);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
|
|
48
|
+
open: open,
|
|
49
|
+
onOpenChange: setOpen
|
|
50
|
+
}, /*#__PURE__*/React__default['default'].createElement(popover_trigger.PopoverTrigger, {
|
|
51
|
+
className: cn.cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
|
|
52
|
+
disabled: disabled
|
|
53
|
+
}, /*#__PURE__*/React__default['default'].createElement(date_picker_input.DatePickerInput, {
|
|
54
|
+
id: id,
|
|
55
|
+
value: displayValue,
|
|
56
|
+
placeholder: placeholder,
|
|
57
|
+
disabled: disabled,
|
|
58
|
+
errors: errors
|
|
59
|
+
})), /*#__PURE__*/React__default['default'].createElement(date_picker_content.DatePickerContent, _rollupPluginBabelHelpers.objectSpread2({
|
|
60
|
+
mode: mode,
|
|
61
|
+
selected: selectedDates,
|
|
62
|
+
onSelect: handleDateSelect,
|
|
63
|
+
disabled: disabledDays
|
|
64
|
+
}, dayPickerProps)));
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
exports.DatePicker = DatePicker;
|
|
68
|
+
//# sourceMappingURL=date_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;"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
require('react-day-picker');
|
|
7
|
+
|
|
8
|
+
var DatePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function DatePickerUtils() {
|
|
9
|
+
_rollupPluginBabelHelpers.classCallCheck(this, DatePickerUtils);
|
|
10
|
+
});
|
|
11
|
+
_rollupPluginBabelHelpers.defineProperty(DatePickerUtils, "inputFormatValue", function (selected, mode) {
|
|
12
|
+
if (!selected) return '';
|
|
13
|
+
if (mode === 'single') {
|
|
14
|
+
return selected.toLocaleDateString();
|
|
15
|
+
}
|
|
16
|
+
if (mode === 'multiple') {
|
|
17
|
+
var dates = selected;
|
|
18
|
+
return dates.length > 0 ? dates.map(function (date) {
|
|
19
|
+
return date.toLocaleDateString();
|
|
20
|
+
}).join(', ') : '';
|
|
21
|
+
}
|
|
22
|
+
if (mode === 'range') {
|
|
23
|
+
var range = selected;
|
|
24
|
+
if (range.from && range.to) {
|
|
25
|
+
return "".concat(range.from.toLocaleDateString(), " - ").concat(range.to.toLocaleDateString());
|
|
26
|
+
}
|
|
27
|
+
if (range.from) {
|
|
28
|
+
return "From: ".concat(range.from.toLocaleDateString());
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return '';
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
exports.DatePickerUtils = DatePickerUtils;
|
|
35
|
+
//# sourceMappingURL=date_picker_utils.js.map
|
|
@@ -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;"}
|