@dreamcommerce/aurora 0.3.4-172 → 0.3.4-176

package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js

@@ -0,0 +1,63 @@
+import React, { useEffect } from 'react';
+import { __assign } from '../../../../../../../_virtual/_tslib.js';
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+import DatepickerContext from '../../../date_picker/context/value_controller_context.js';
+import '../../../date_picker/context/month_year_navigation_context.js';
+import Dropdown from '../../../dropdown/index.js';
+import DatepickerLabel from '../../../date_picker/components/label.js';
+import useValueController from '../../../date_picker/hooks/use_value_controller.js';
+import { RangePicker } from '../../../date_picker/hoc/range_picker.js';
+import { SingleDatepicker } from '../../../date_picker/hoc/single_date_picker.js';
+
+var DatepickerViews = {
+    single: SingleDatepicker,
+    range: RangePicker
+};
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlDatePicker
+ *      defaultDate={new Date(Date.now())}
+ *      name="Example date picker"
+ *      isRequired
+ *      label="Example date picker label"
+ *  />
+ * )
+ */
+var ControlDatepicker = function (_a) {
+    var onChange = _a.onChange, label = _a.label, name = _a.name, isRequired = _a.isRequired, _b = _a.id, id = _b === void 0 ? 'datepicker-id' : _b, _c = _a.type, type = _c === void 0 ? 'single' : _c, defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, maxDate = _a.maxDate, minDate = _a.minDate, maxRange = _a.maxRange, minRange = _a.minRange, className = _a.className, _d = _a.showDefaultRanges, showDefaultRanges = _d === void 0 ? true : _d, _e = _a.showButtons, showButtons = _e === void 0 ? true : _e, errors = _a.errors, hint = _a.hint;
+    var valueController = useValueController({
+        type: type,
+        defaultDate: defaultDate,
+        defaultRange: defaultRange,
+        maxDate: maxDate,
+        minDate: minDate,
+        maxRange: maxRange,
+        minRange: minRange,
+        showButtons: showButtons
+    });
+    var value = valueController.value;
+    useEffect(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }, [value]);
+    var DatePickerComponent = DatepickerViews[type];
+    return (React.createElement(DatepickerContext.Provider, { value: valueController },
+        React.createElement(Dropdown.CustomLabel, null,
+            React.createElement(Control, { errors: errors, name: name, id: id },
+                (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+                    label,
+                    hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+                React.createElement(Control.Content, null,
+                    React.createElement(Control.Element, null,
+                        React.createElement(DatepickerLabel, { name: name, id: id }))),
+                React.createElement(Control.Errors, null))),
+        React.createElement(Dropdown.Content, null,
+            React.createElement(DatePickerComponent, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
+};
+var DatePickerWithDropdown = function (props) { return (React.createElement(Dropdown, null,
+    React.createElement(ControlDatepicker, __assign({}, props)))); };
+
+export default DatePickerWithDropdown;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { __rest, __assign } from '../../../../../../../_virtual/_tslib.js';
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlInput
+ *      label="Label"
+ *      isRequired={true}
+ *      id="input_example"
+ *      postfix="zł"
+ *      placeholder="Enter text"
+ *      value="example"
+ *      onChange={() => {}}
+ *  />
+ * )
+ */
+var ControlInput = function (_a) {
+    var label = _a.label, isRequired = _a.isRequired, id = _a.id, name = _a.name, value = _a.value, placeholder = _a.placeholder, prefix = _a.prefix, postfix = _a.postfix, disabled = _a.disabled, onChange = _a.onChange, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, hint = _a.hint, errors = _a.errors, props = __rest(_a, ["label", "isRequired", "id", "name", "value", "placeholder", "prefix", "postfix", "disabled", "onChange", "onKeyPress", "onKeyUp", "hint", "errors"]);
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+            label,
+            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+        React.createElement(Control.Content, null,
+            React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
+                React.createElement(Control.Input, __assign({ id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }, props)))),
+        React.createElement(Control.Errors, null)));
+};
+
+export default ControlInput;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IControlRadioGroup } from "../../types";
+declare const ControlRadioGroup: React.FC<IControlRadioGroup>;
+export default ControlRadioGroup;

package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+import ControlRadio from '../control_radio/index.js';
+
+var ControlRadioGroup = function (_a) {
+    var id = _a.id, name = _a.name, onClick = _a.onClick, initiallyCheckedValue = _a.initiallyCheckedValue, label = _a.label, hint = _a.hint, options = _a.options, errors = _a.errors, isRequired = _a.isRequired;
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+            label,
+            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+        options.map(function (_a, optionIndex) {
+            var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
+            return (React.createElement(ControlRadio, { key: "RadioGroup".concat(id, "-RadioElement-").concat(optionIndex), label: label, id: "RadioGroup".concat(id, "-Radio-").concat(optionIndex), value: value, hint: hint, disabled: disabled, name: name, initiallyChecked: value === initiallyCheckedValue, onClick: onClick }));
+        }),
+        React.createElement(Control.Errors, null)));
+};
+
+export default ControlRadioGroup;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { cssControls, cssControlsError } from './css_classes.js';
+import { ControlContext } from './context.js';
+import Input from './components/input.js';
+import cssStyles from '../../css/controls/main.module.less.js';
+import ControlLabel from './components/label.js';
+import Checkbox from './components/checkbox.js';
+import CheckboxSwitch from './components/checkbox_switch.js';
+import Content from './components/content.js';
+import Element from './components/element.js';
+import Radio from './components/radio.js';
+import Textarea from './components/textarea.js';
+import Errors from './components/errors.js';
+
+var Control = function (_a) {
+    var children = _a.children, errors = _a.errors, name = _a.name, id = _a.id;
+    return (React.createElement(ControlContext.Provider, { value: { errors: errors, name: name, id: id } },
+        React.createElement("div", { className: "".concat(cssStyles[cssControls], " ").concat(errors ? cssStyles[cssControlsError] : '') }, children)));
+};
+Control.Label = ControlLabel;
+Control.Input = Input;
+Control.Checkbox = Checkbox;
+Control.CheckboxSwitch = CheckboxSwitch;
+Control.Radio = Radio;
+Control.Content = Content;
+Control.Element = Element;
+Control.Textarea = Textarea;
+Control.Errors = Errors;
+
+export default Control;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/index.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/types.js

@@ -0,0 +1,6 @@
+import '@auroraComponents/color_picker/types';
+import '@auroraComponents/dropdown/types';
+import 'react';
+import '@auroraComponents/range/types';
+import '@auroraComponents/file_picker/types';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAAkC,sCAAsC,CAAC;AACzE,OAAgD,kCAAkC,CAAC;AACnF,OAAuF,OAAO,CAAC;AAC/F,OAAuB,+BAA+B,CAAC;AACvD,OAA4B,qCAAqC,CAAC"}

package/build/esm/packages/aurora/src/components/date_picker/components/buttons.js

@@ -0,0 +1,38 @@
+import React, { useContext } from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { __assign } from '../../../../../../_virtual/_tslib.js';
+import Button from '../../button/index.js';
+import ButtonsGroup from '../../buttons_group/index.js';
+import { DropdownContext } from '../../dropdown/context/index.js';
+import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+
+var Buttons = function () {
+    var t = useTranslation()[0];
+    var toggleDropdown = useContext(DropdownContext).toggleDropdown;
+    var restoreDefaultValue = useContext(DatepickerContext).restoreDefaultValue;
+    var screenSize = useScreenDetect();
+    var onCancel = function () {
+        restoreDefaultValue === null || restoreDefaultValue === void 0 ? void 0 : restoreDefaultValue();
+        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
+    };
+    var onChoose = function () {
+        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
+    };
+    var primaryButtonProps = {
+        variant: screenSize === 'xs' ? undefined : 'link',
+        size: screenSize === 'xs' ? 'small' : undefined
+    };
+    var secondaryButtonProps = {
+        variant: screenSize === 'xs' ? 'outline' : 'link',
+        size: screenSize === 'xs' ? 'small' : undefined,
+        color: screenSize === 'xs' ? undefined : 'secondary'
+    };
+    return (React.createElement(ButtonsGroup, null,
+        React.createElement(Button, __assign({ as: "button" }, secondaryButtonProps, { onClick: onCancel }), t('cancel')),
+        React.createElement(Button, __assign({ as: "button" }, primaryButtonProps, { onClick: onChoose }), t('choose'))));
+};
+
+export default Buttons;
+//# sourceMappingURL=buttons.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_picker/components/common_ranges.js

@@ -0,0 +1,25 @@
+import React, { useContext, useRef } from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePickerCommonRanges } from '../css_classes.js';
+import Select from '../../dropdown/hoc/select/index.js';
+import { getRanges } from '../utilities.js';
+
+var CommonRanges = function () {
+    var setValue = useContext(DatepickerContext).setValue;
+    var ref = useRef(null);
+    var t = useTranslation()[0];
+    var dateRanges = getRanges();
+    var availableOptions = Object.keys(dateRanges).map(function (item) { return ({ value: item, text: t(item) }); });
+    var onChange = function (_a) {
+        var value = _a.value;
+        setValue(dateRanges[value]);
+    };
+    return (React.createElement("div", { className: cssClasses[cssDatePickerCommonRanges], ref: ref },
+        React.createElement(Select, { name: "common-ranges", options: availableOptions, onChange: onChange, portalContainer: ref })));
+};
+
+export default CommonRanges;
+//# sourceMappingURL=common_ranges.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/common_ranges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_picker/components/days_grid.js

@@ -0,0 +1,23 @@
+import React, { useContext } from 'react';
+import DatepickerContext from '../context/value_controller_context.js';
+import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePickerDaysGrid, cssDatePickerDaysGridRow, cssDatePickerDaysGridWeekName } from '../css_classes.js';
+import SingleDay from './single_day.js';
+import useDateNames from '../hooks/use_date_names.js';
+
+var DaysGrid = function () {
+    var _a = useContext(MonthYearNavigationContext), year = _a.year, month = _a.month, animationClassName = _a.animationClassName;
+    var daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getDate();
+    var firstWeekDay = (new Date(year, month, 1).getDay() + 6) % 7;
+    var updateDate = useContext(DatepickerContext).updateDate;
+    var weekNameShortcuts = useDateNames().weekNameShortcuts;
+    return (React.createElement("div", { className: cssClasses[cssDatePickerDaysGrid] },
+        React.createElement("div", { className: cssClasses[cssDatePickerDaysGridRow] }, weekNameShortcuts.map(function (weekName, index) { return (React.createElement("div", { className: cssClasses[cssDatePickerDaysGridWeekName], key: "week-name-".concat(index) }, weekName)); })),
+        React.createElement("div", { className: "".concat(cssClasses[cssDatePickerDaysGridRow], " ").concat(animationClassName) },
+            Array.from(Array(firstWeekDay).keys()).map(function (_, index) { return (React.createElement("div", { key: "empty-day-".concat(index) })); }),
+            Array.from(Array(daysInMonth).keys()).map(function (_, index) { return (React.createElement(SingleDay, { date: index + 1, month: month, year: year, updateDate: updateDate, key: "day-".concat(index) })); }))));
+};
+
+export default DaysGrid;
+//# sourceMappingURL=days_grid.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/days_grid.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/label.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js

@@ -0,0 +1,29 @@
+import React, { useContext, useRef } from 'react';
+import '../context/value_controller_context.js';
+import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
+import Dropdown from '../../dropdown/index.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerTitle, cssDatePickerControllerArrowRight } from '../css_classes.js';
+import { DATE_PICKER_TEST_ID } from '../constants.js';
+import { useKeyboardNavigation } from '../hooks/use_keyboard_navigation.js';
+import useDateNames from '../hooks/use_date_names.js';
+import MonthYearPicker from './month_year_picker/index.js';
+
+var MonthController = function (_a) {
+    var month = _a.month, year = _a.year;
+    var _b = useContext(MonthYearNavigationContext), previousMonth = _b.previousMonth, nextMonth = _b.nextMonth, animationClassName = _b.animationClassName;
+    var monthNames = useDateNames().monthNames;
+    var controllerRef = useRef(null);
+    useKeyboardNavigation();
+    return (React.createElement("div", { className: "".concat(cssClasses[cssDatePickerController]), ref: controllerRef, "data-test-id": DATE_PICKER_TEST_ID.controller },
+        React.createElement("div", { onClick: previousMonth, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowLeft]), "data-test-id": DATE_PICKER_TEST_ID.arrowLeft }),
+        React.createElement("div", { className: cssClasses[cssDatePickerControllerTitle] },
+            React.createElement(Dropdown, null,
+                React.createElement(Dropdown.Label, { cssClass: animationClassName, label: "".concat(monthNames[month], " ").concat(year) }),
+                React.createElement(Dropdown.Content, { portalContainer: controllerRef },
+                    React.createElement(MonthYearPicker, { month: month, year: year })))),
+        React.createElement("div", { onClick: nextMonth, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowRight]), "data-test-id": DATE_PICKER_TEST_ID.arrowRight })));
+};
+
+export default MonthController;
+//# sourceMappingURL=month_controller.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js

@@ -0,0 +1,22 @@
+import React, { useContext } from 'react';
+import { DropdownContext } from '../../../../dropdown/context/index.js';
+import '../../../context/value_controller_context.js';
+import MonthYearNavigationContext from '../../../context/month_year_navigation_context.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
+import { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '../../../css_classes.js';
+import { MONTHS_IN_YEAR } from '../../../constants.js';
+import useDateNames from '../../../hooks/use_date_names.js';
+
+var MonthView = function () {
+    var monthNameShortcuts = useDateNames().monthNameShortcuts;
+    var _a = useContext(MonthYearNavigationContext), setMonth = _a.setMonth, month = _a.month;
+    var toggleDropdown = useContext(DropdownContext).toggleDropdown;
+    var onMonthClick = function (monthIndex) { return function () {
+        setMonth(monthIndex);
+        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
+    }; };
+    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(MONTHS_IN_YEAR).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-".concat(index), onClick: onMonthClick(index), className: "".concat(cssClasses[cssDatePickerMonthTableItem], " ").concat(index === month ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, monthNameShortcuts[index])); })));
+};
+
+export default MonthView;
+//# sourceMappingURL=month_view.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js

@@ -0,0 +1,15 @@
+import React, { useContext } from 'react';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
+import { cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerTitle, cssDatePickerControllerArrowRight } from '../../../css_classes.js';
+import { MonthYearPickerContext } from '../context.js';
+
+var MonthYearPickerController = function () {
+    var _a = useContext(MonthYearPickerContext), onArrowLeft = _a.onArrowLeft, onArrowRight = _a.onArrowRight, monthPickerTitle = _a.monthPickerTitle, toggleView = _a.toggleView;
+    return (React.createElement("div", { className: cssClasses[cssDatePickerController] },
+        React.createElement("div", { "data-test-id": "month-year-left-arrow", onClick: onArrowLeft, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowLeft]) }),
+        React.createElement("div", { onClick: toggleView, className: cssClasses[cssDatePickerControllerTitle] }, monthPickerTitle),
+        React.createElement("div", { "data-test-id": "month-year-right-arrow", onClick: onArrowRight, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowRight]) })));
+};
+
+export default MonthYearPickerController;
+//# sourceMappingURL=month_year_controller.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js

@@ -0,0 +1,53 @@
+import React, { useContext, useState } from 'react';
+import '../../../context/value_controller_context.js';
+import MonthYearNavigationContext from '../../../context/month_year_navigation_context.js';
+import { YEARS_IN_VIEW } from '../../../constants.js';
+import { MonthYearPickerContext } from '../context.js';
+import { MONTH_VIEW, YEARS_VIEW } from '../constants.js';
+
+var MonthYearPickerContextManager = function (_a) {
+    var children = _a.children, month = _a.month, year = _a.year;
+    var setYear = useContext(MonthYearNavigationContext).setYear;
+    var _b = useState(MONTH_VIEW), view = _b[0], setView = _b[1];
+    var startYear = new Date().getFullYear() - (new Date().getFullYear() % YEARS_IN_VIEW);
+    var _c = useState(startYear), yearRange = _c[0], setYearRange = _c[1];
+    var onArrowLeft = function () {
+        if (view === MONTH_VIEW) {
+            setYear(year - 1);
+        }
+        else {
+            setYearRange(function (yearRange) { return yearRange - YEARS_IN_VIEW; });
+        }
+    };
+    var onArrowRight = function () {
+        if (view === MONTH_VIEW) {
+            setYear(year + 1);
+        }
+        else {
+            setYearRange(function (yearRange) { return yearRange + YEARS_IN_VIEW; });
+        }
+    };
+    var toggleView = function () {
+        if (view === MONTH_VIEW) {
+            setView(YEARS_VIEW);
+        }
+        else {
+            setView(MONTH_VIEW);
+        }
+    };
+    var monthPickerTitle = view === MONTH_VIEW ? "".concat(year) : "".concat(yearRange, "-").concat(yearRange + YEARS_IN_VIEW);
+    return (React.createElement(MonthYearPickerContext.Provider, { value: {
+            onArrowLeft: onArrowLeft,
+            onArrowRight: onArrowRight,
+            toggleView: toggleView,
+            monthPickerTitle: monthPickerTitle,
+            yearRange: yearRange,
+            setYearRange: setYearRange,
+            view: view,
+            setView: setView,
+            month: month
+        } }, children));
+};
+
+export default MonthYearPickerContextManager;
+//# sourceMappingURL=month_year_picker_context_manager.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_view.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js

@@ -0,0 +1,21 @@
+import React, { useContext } from 'react';
+import '../../../context/value_controller_context.js';
+import MonthYearNavigationContext from '../../../context/month_year_navigation_context.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
+import { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '../../../css_classes.js';
+import { YEARS_IN_VIEW } from '../../../constants.js';
+import { MonthYearPickerContext } from '../context.js';
+import { MONTH_VIEW } from '../constants.js';
+
+var YearView = function () {
+    var _a = useContext(MonthYearNavigationContext), setYear = _a.setYear, year = _a.year;
+    var _b = useContext(MonthYearPickerContext), yearRange = _b.yearRange, setView = _b.setView;
+    var onYearClick = function (yearIndex) { return function () {
+        setYear(yearRange + yearIndex);
+        setView(MONTH_VIEW);
+    }; };
+    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(YEARS_IN_VIEW).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-".concat(index), onClick: onYearClick(index), className: "".concat(cssClasses[cssDatePickerMonthTableItem], " ").concat(yearRange + index === year ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
+};
+
+export default YearView;
+//# sourceMappingURL=years_view.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/context.js

@@ -0,0 +1,16 @@
+import { createContext } from 'react';
+
+var MonthYearPickerContext = createContext({
+    monthPickerTitle: '',
+    onArrowLeft: function () { },
+    onArrowRight: function () { },
+    toggleView: function () { },
+    setView: function () { },
+    setYearRange: function () { },
+    view: '',
+    yearRange: 0,
+    month: 0
+});
+
+export { MonthYearPickerContext };
+//# sourceMappingURL=context.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/context.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}