@dreamcommerce/aurora 0.3.4-153 → 0.3.4-157

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

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../node_modules/react-i18next/dist/es/useTranslation.js');
+var _tslib = require('../../../../../../_virtual/_tslib.js');
+var index$2 = require('../../button/index.js');
+var index$1 = require('../../buttons_group/index.js');
+var index = require('../../dropdown/context/index.js');
+var use_screen_detect = require('../../../hooks/use_screen_detect.js');
+var value_controller_context = require('../context/value_controller_context.js');
+require('../context/month_year_navigation_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Buttons = function () {
+    var t = useTranslation.useTranslation()[0];
+    var toggleDropdown = React.useContext(index.DropdownContext).toggleDropdown;
+    var restoreDefaultValue = React.useContext(value_controller_context['default']).restoreDefaultValue;
+    var screenSize = use_screen_detect.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__default['default'].createElement(index$1['default'], null,
+        React__default['default'].createElement(index$2['default'], _tslib.__assign({ as: "button" }, secondaryButtonProps, { onClick: onCancel }), t('cancel')),
+        React__default['default'].createElement(index$2['default'], _tslib.__assign({ as: "button" }, primaryButtonProps, { onClick: onChoose }), t('choose'))));
+};
+
+exports.default = Buttons;
+//# sourceMappingURL=buttons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sources":["../../../../../../../../src/components/date_picker/components/buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { IDropdownContext } from '@components/dropdown/context/types';\nimport { DropdownContext } from '@components/dropdown/context';\nimport Button from '@components/button';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport ButtonsGroup from '@components/buttons_group';\nimport { useScreenDetect } from '@hooks/use_screen_detect';\n\nconst Buttons = () => {\n    const [t] = useTranslation();\n    const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n    const { restoreDefaultValue } = useContext(ValueControllerContext);\n    const screenSize = useScreenDetect();\n\n    const onCancel = () => {\n        restoreDefaultValue?.();\n        toggleDropdown?.();\n    };\n    const onChoose = () => {\n        toggleDropdown?.();\n    };\n\n    const primaryButtonProps = {\n        variant: screenSize === 'xs' ? undefined : ('link' as const),\n        size: screenSize === 'xs' ? ('small' as const) : undefined,\n    };\n\n    const secondaryButtonProps = {\n        variant: screenSize === 'xs' ? ('outline' as const) : ('link' as const),\n        size: screenSize === 'xs' ? ('small' as const) : undefined,\n        color: screenSize === 'xs' ? undefined : ('secondary' as const),\n    };\n\n    return (\n        <ButtonsGroup>\n            <Button as=\"button\" {...secondaryButtonProps} onClick={onCancel}>\n                {t('cancel')}\n            </Button>\n\n            <Button as=\"button\" {...primaryButtonProps} onClick={onChoose}>\n                {t('choose')}\n            </Button>\n        </ButtonsGroup>\n    );\n};\n\nexport default Buttons;\n"],"names":["useScreenDetect","React","ButtonsGroup","Button"],"mappings":";;;;;;;;;;;;;;;;;;IASM,OAAO,GAAG;IACL,IAAA,sCAAC,CAAqB;IACrB,IAAA,uEAAc,CAAmD;IACjE,IAAA,+FAAmB,CAAwC;IACnE,IAAM,UAAU,GAAGA,iCAAe,EAAE,CAAC;IAErC,IAAM,QAAQ,GAAG;QACb,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,GAAK;QACxB,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,CAAC;IACF,IAAM,QAAQ,GAAG;QACb,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACvB,OAAO,EAAE,UAAU,KAAK,IAAI,GAAG,SAAS,GAAI,MAAgB;QAC5D,IAAI,EAAE,UAAU,KAAK,IAAI,GAAI,OAAiB,GAAG,SAAS;KAC7D,CAAC;IAEF,IAAM,oBAAoB,GAAG;QACzB,OAAO,EAAE,UAAU,KAAK,IAAI,GAAI,SAAmB,GAAI,MAAgB;QACvE,IAAI,EAAE,UAAU,KAAK,IAAI,GAAI,OAAiB,GAAG,SAAS;QAC1D,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,SAAS,GAAI,WAAqB;KAClE,CAAC;IAEF,QACIC,wCAACC,kBAAY;QACTD,wCAACE,kBAAM,oBAAC,EAAE,EAAC,QAAQ,IAAK,oBAAoB,IAAE,OAAO,EAAE,QAAQ,KAC1D,CAAC,CAAC,QAAQ,CAAC,CACP;QAETF,wCAACE,kBAAM,oBAAC,EAAE,EAAC,QAAQ,IAAK,kBAAkB,IAAE,OAAO,EAAE,QAAQ,KACxD,CAAC,CAAC,QAAQ,CAAC,CACP,CACE,EACjB;AACN;;;;"}

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../node_modules/react-i18next/dist/es/useTranslation.js');
+var value_controller_context = require('../context/value_controller_context.js');
+require('../context/month_year_navigation_context.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var index = require('../../dropdown/hoc/select/index.js');
+var utilities = require('../utilities.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var CommonRanges = function () {
+    var setValue = React.useContext(value_controller_context['default']).setValue;
+    var ref = React.useRef(null);
+    var t = useTranslation.useTranslation()[0];
+    var dateRanges = utilities.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__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerCommonRanges], ref: ref },
+        React__default['default'].createElement(index['default'], { name: "common-ranges", options: availableOptions, onChange: onChange, portalContainer: ref })));
+};
+
+exports.default = CommonRanges;
+//# sourceMappingURL=common_ranges.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common_ranges.js","sources":["../../../../../../../../src/components/date_picker/components/common_ranges.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport Select from '@components/dropdown/hoc/select';\nimport { ISelectOption } from '@components/dropdown/types';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport { useTranslation } from 'react-i18next';\nimport styles from '@css/date_picker/main.module.less';\nimport { getRanges } from '@components/date_picker/utilities';\nimport { cssDatePickerCommonRanges } from '@components/date_picker/css_classes';\n\nconst CommonRanges = () => {\n    const { setValue } = useContext(ValueControllerContext);\n    const ref = useRef<HTMLDivElement>(null);\n    const [t] = useTranslation();\n    const dateRanges = getRanges();\n    const availableOptions = Object.keys(dateRanges).map((item) => ({ value: item, text: t(item) }));\n    const onChange = ({ value }: ISelectOption) => {\n        setValue(dateRanges[value]);\n    };\n\n    return (\n        <div className={styles[cssDatePickerCommonRanges]} ref={ref}>\n            <Select name=\"common-ranges\" options={availableOptions} onChange={onChange} portalContainer={ref} />\n        </div>\n    );\n};\n\nexport default CommonRanges;\n"],"names":["useRef","getRanges","React","styles","cssDatePickerCommonRanges","Select"],"mappings":";;;;;;;;;;;;;;;;;IASM,YAAY,GAAG;IACT,IAAA,yEAAQ,CAAwC;IACxD,IAAM,GAAG,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAClC,IAAA,sCAAC,CAAqB;IAC7B,IAAM,UAAU,GAAGC,mBAAS,EAAE,CAAC;IAC/B,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,IAAC,CAAC,CAAC;IACjG,IAAM,QAAQ,GAAG,UAAC,EAAwB;YAAtB,gBAAK;QACrB,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;KAC/B,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAEC,sBAAM,CAACC,qCAAyB,CAAC,EAAE,GAAG,EAAE,GAAG;QACvDF,wCAACG,gBAAM,IAAC,IAAI,EAAC,eAAe,EAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,GAAI,CAClG,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"days_grid.js","sources":["../../../../../../../../src/components/date_picker/components/days_grid.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport styles from '@css/date_picker/main.module.less';\nimport { IDaysGridProps, IValueController } from '../types';\nimport { ValueControllerContext, MonthYearNavigationContext } from '../context';\nimport SingleDay from './single_day';\nimport useDateNames from '@components/date_picker/hooks/use_date_names';\nimport { cssDatePickerDaysGrid, cssDatePickerDaysGridRow, cssDatePickerDaysGridWeekName } from '@components/date_picker/css_classes';\n\nconst DaysGrid: React.FC<IDaysGridProps> = () => {\n    const { year, month, animationClassName } = useContext(MonthYearNavigationContext);\n    const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getDate();\n    const firstWeekDay = (new Date(year, month, 1).getDay() + 6) % 7;\n    const { updateDate } = useContext<IValueController>(ValueControllerContext);\n    const { weekNameShortcuts } = useDateNames();\n\n    return (\n        <div className={styles[cssDatePickerDaysGrid]}>\n            <div className={styles[cssDatePickerDaysGridRow]}>\n                {weekNameShortcuts.map((weekName, index) => (\n                    <div className={styles[cssDatePickerDaysGridWeekName]} key={`week-name-${index}`}>\n                        {weekName}\n                    </div>\n                ))}\n            </div>\n            <div className={`${styles[cssDatePickerDaysGridRow]} ${animationClassName}`}>\n                {Array.from(Array(firstWeekDay).keys()).map((_, index) => (\n                    <div key={`empty-day-${index}`} />\n                ))}\n                {Array.from(Array(daysInMonth).keys()).map((_, index) => (\n                    <SingleDay date={index + 1} month={month} year={year} updateDate={updateDate} key={`day-${index}`} />\n                ))}\n            </div>\n        </div>\n    );\n};\n\nexport default DaysGrid;\n"],"names":["React","styles","cssDatePickerDaysGrid","cssDatePickerDaysGridRow","cssDatePickerDaysGridWeekName","SingleDay"],"mappings":";;;;;;;;;;;;;;;;IAQM,QAAQ,GAA6B;IACjC,IAAA,+DAA4E,EAA1E,cAAI,EAAE,gBAAK,EAAE,0CAA6D,CAAC;IACnF,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IACrE,IAAM,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IACzD,IAAA,6EAAU,CAA0D;IACpE,IAAA,iEAAiB,CAAoB;IAE7C,QACIA,iDAAK,SAAS,EAAEC,sBAAM,CAACC,iCAAqB,CAAC;QACzCF,iDAAK,SAAS,EAAEC,sBAAM,CAACE,oCAAwB,CAAC,IAC3C,iBAAiB,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK,IAAK,QACxCH,iDAAK,SAAS,EAAEC,sBAAM,CAACG,yCAA6B,CAAC,EAAE,GAAG,EAAE,eAAa,KAAO,IAC3E,QAAQ,CACP,IACT,CAAC,CACA;QACNJ,iDAAK,SAAS,EAAKC,sBAAM,CAACE,oCAAwB,CAAC,SAAI,kBAAoB;YACtE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,QACtDH,iDAAK,GAAG,EAAE,eAAa,KAAO,GAAI,IACrC,CAAC;YACD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,QACrDA,wCAACK,qBAAS,IAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,SAAO,KAAO,GAAI,IACxG,CAAC,CACA,CACJ,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../../../../../src/components/date_picker/components/label.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport IconCalendar from '@assets/icon_calendar';\nimport styles from '@css/date_picker/main.module.less';\nimport { IDatepickerLabelProps, IValueController } from '../types';\nimport { ValueControllerContext } from '../context';\nimport InputWrapper from '@components/controls/components/input_wrapper';\nimport { cssDatePickerLabelIcon } from '@components/date_picker/css_classes';\n\nconst DatepickerLabel: React.FC<IDatepickerLabelProps> = ({ name }) => {\n    const { readable, inputValue } = useContext<IValueController>(ValueControllerContext);\n\n    return (\n        <>\n            <InputWrapper value={readable} preElements={<IconCalendar className={styles[cssDatePickerLabelIcon]} />} />\n\n            <input type=\"hidden\" name={name} value={inputValue} />\n        </>\n    );\n};\n\nexport default DatepickerLabel;\n"],"names":["React","InputWrapper","IconCalendar","styles","cssDatePickerLabelIcon"],"mappings":";;;;;;;;;;;;;;;;IAQM,eAAe,GAAoC,UAAC,EAAQ;QAAN,cAAI;IACtD,IAAA,0DAA+E,EAA7E,sBAAQ,EAAE,0BAAmE,CAAC;IAEtF,QACIA;QACIA,wCAACC,wBAAY,IAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAED,wCAACE,wBAAY,IAAC,SAAS,EAAEC,sBAAM,CAACC,kCAAsB,CAAC,GAAI,GAAI;QAE3GJ,mDAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,GAAI,CACvD,EACL;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"month_controller.js","sources":["../../../../../../../../src/components/date_picker/components/month_controller.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport styles from '@css/date_picker/main.module.less';\nimport { IControllerProps } from '../types';\nimport useDateNames from '../hooks/use_date_names';\nimport Dropdown from '@components/dropdown';\nimport MonthYearPicker from '@components/date_picker/components/month_year_picker';\nimport { MonthYearNavigationContext } from '@components/date_picker/context';\nimport { useKeyboardNavigation } from '@components/date_picker/hooks/use_keyboard_navigation';\nimport {\n    cssDatePickerController,\n    cssDatePickerControllerArrow,\n    cssDatePickerControllerArrowLeft,\n    cssDatePickerControllerArrowRight,\n    cssDatePickerControllerTitle,\n} from '@components/date_picker/css_classes';\nimport { DATE_PICKER_TEST_ID } from '@components/date_picker/constants';\n\nconst MonthController: React.FC<IControllerProps> = ({ month, year }) => {\n    const { previousMonth, nextMonth, animationClassName } = useContext(MonthYearNavigationContext);\n    const { monthNames } = useDateNames();\n    const controllerRef = useRef<HTMLDivElement>(null);\n    useKeyboardNavigation();\n\n    return (\n        <div\n            className={`${styles[cssDatePickerController]}`}\n            ref={controllerRef}\n            data-test-id={DATE_PICKER_TEST_ID.controller}\n        >\n            <div\n                onClick={previousMonth}\n                className={`${styles[cssDatePickerControllerArrow]} ${styles[cssDatePickerControllerArrowLeft]}`}\n                data-test-id={DATE_PICKER_TEST_ID.arrowLeft}\n            />\n            <div className={styles[cssDatePickerControllerTitle]}>\n                <Dropdown>\n                    <Dropdown.Label cssClass={animationClassName} label={`${monthNames[month]} ${year}`} />\n                    <Dropdown.Content portalContainer={controllerRef}>\n                        <MonthYearPicker month={month} year={year} />\n                    </Dropdown.Content>\n                </Dropdown>\n            </div>\n            <div\n                onClick={nextMonth}\n                className={`${styles[cssDatePickerControllerArrow]} ${styles[cssDatePickerControllerArrowRight]}`}\n                data-test-id={DATE_PICKER_TEST_ID.arrowRight}\n            />\n        </div>\n    );\n};\n\nexport default MonthController;\n"],"names":["useRef","useKeyboardNavigation","React","styles","cssDatePickerController","DATE_PICKER_TEST_ID","cssDatePickerControllerArrow","cssDatePickerControllerArrowLeft","cssDatePickerControllerTitle","Dropdown","MonthYearPicker","cssDatePickerControllerArrowRight"],"mappings":";;;;;;;;;;;;;;;;;;;IAiBM,eAAe,GAA+B,UAAC,EAAe;QAAb,gBAAK,EAAE,cAAI;IACxD,IAAA,+DAAyF,EAAvF,gCAAa,EAAE,wBAAS,EAAE,0CAA6D,CAAC;IACxF,IAAA,mDAAU,CAAoB;IACtC,IAAM,aAAa,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IACnDC,6CAAqB,EAAE,CAAC;IAExB,QACIC,iDACI,SAAS,EAAE,KAAGC,sBAAM,CAACC,mCAAuB,CAAG,EAC/C,GAAG,EAAE,aAAa,kBACJC,6BAAmB,CAAC,UAAU;QAE5CH,iDACI,OAAO,EAAE,aAAa,EACtB,SAAS,EAAKC,sBAAM,CAACG,wCAA4B,CAAC,SAAIH,sBAAM,CAACI,4CAAgC,CAAG,kBAClFF,6BAAmB,CAAC,SAAS,GAC7C;QACFH,iDAAK,SAAS,EAAEC,sBAAM,CAACK,wCAA4B,CAAC;YAChDN,wCAACO,gBAAQ;gBACLP,wCAACO,gBAAQ,CAAC,KAAK,IAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAK,UAAU,CAAC,KAAK,CAAC,SAAI,IAAM,GAAI;gBACvFP,wCAACO,gBAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,aAAa;oBAC5CP,wCAACQ,kBAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC9B,CACZ,CACT;QACNR,iDACI,OAAO,EAAE,SAAS,EAClB,SAAS,EAAKC,sBAAM,CAACG,wCAA4B,CAAC,SAAIH,sBAAM,CAACQ,6CAAiC,CAAG,kBACnFN,6BAAmB,CAAC,UAAU,GAC9C,CACA,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"month_view.js","sources":["../../../../../../../../../../src/components/date_picker/components/month_year_picker/components/month_view.tsx"],"sourcesContent":["import styles from '@css/date_picker/main.module.less';\nimport { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '@components/date_picker/css_classes';\nimport { MONTHS_IN_YEAR } from '@components/date_picker/constants';\nimport React, { useContext } from 'react';\nimport useDateNames from '@components/date_picker/hooks/use_date_names';\nimport { MonthYearNavigationContext } from '@components/date_picker/context';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\n\nconst MonthView = () => {\n    const { monthNameShortcuts } = useDateNames();\n    const { setMonth, month } = useContext(MonthYearNavigationContext);\n    const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n    const onMonthClick = (monthIndex: number) => () => {\n        setMonth(monthIndex);\n        toggleDropdown?.();\n    };\n\n    return (\n        <div className={styles[cssDatePickerMonthTable]}>\n            {Array.from(Array(MONTHS_IN_YEAR).keys()).map((index) => (\n                <span\n                    key={`month-picker-month-${index}`}\n                    onClick={onMonthClick(index)}\n                    className={`${styles[cssDatePickerMonthTableItem]} ${index === month ? styles[cssDatePickerMonthTableItemSelected] : ''}`}\n                >\n                    {monthNameShortcuts[index]}\n                </span>\n            ))}\n        </div>\n    );\n};\n\nexport default MonthView;\n"],"names":["React","styles","cssDatePickerMonthTable","MONTHS_IN_YEAR","cssDatePickerMonthTableItem","cssDatePickerMonthTableItemSelected"],"mappings":";;;;;;;;;;;;;;;;;IASM,SAAS,GAAG;IACN,IAAA,mEAAkB,CAAoB;IACxC,IAAA,+DAA4D,EAA1D,sBAAQ,EAAE,gBAAgD,CAAC;IAC3D,IAAA,uEAAc,CAAmD;IACzE,IAAM,YAAY,GAAG,UAAC,UAAkB,IAAK,OAAA;QACzC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACrB,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,GAAA,CAAC;IAEF,QACIA,iDAAK,SAAS,EAAEC,sBAAM,CAACC,mCAAuB,CAAC,IAC1C,KAAK,CAAC,IAAI,CAAC,KAAK,CAACC,wBAAc,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QACrDH,kDACI,GAAG,EAAE,wBAAsB,KAAO,EAClC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,EAC5B,SAAS,EAAKC,sBAAM,CAACG,uCAA2B,CAAC,UAAI,KAAK,KAAK,KAAK,GAAGH,sBAAM,CAACI,+CAAmC,CAAC,GAAG,EAAE,CAAE,IAExH,kBAAkB,CAAC,KAAK,CAAC,CACvB,IACV,CAAC,CACA,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"month_year_controller.js","sources":["../../../../../../../../../../src/components/date_picker/components/month_year_picker/components/month_year_controller.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport {\n    cssDatePickerController,\n    cssDatePickerControllerArrow,\n    cssDatePickerControllerArrowLeft,\n    cssDatePickerControllerArrowRight,\n    cssDatePickerControllerTitle,\n} from '@components/date_picker/css_classes';\nimport styles from '@css/date_picker/main.module.less';\nimport { IMonthYearPickerController } from '../../../types';\nimport { MonthYearPickerContext } from '@components/date_picker/components/month_year_picker/context';\n\nconst MonthYearPickerController: React.FC<IMonthYearPickerController> = () => {\n    const { onArrowLeft, onArrowRight, monthPickerTitle, toggleView } = useContext(MonthYearPickerContext);\n\n    return (\n        <div className={styles[cssDatePickerController]}>\n            <div\n                data-test-id=\"month-year-left-arrow\"\n                onClick={onArrowLeft}\n                className={`${styles[cssDatePickerControllerArrow]} ${styles[cssDatePickerControllerArrowLeft]}`}\n            />\n            <div onClick={toggleView} className={styles[cssDatePickerControllerTitle]}>\n                {monthPickerTitle}\n            </div>\n            <div\n                data-test-id=\"month-year-right-arrow\"\n                onClick={onArrowRight}\n                className={`${styles[cssDatePickerControllerArrow]} ${styles[cssDatePickerControllerArrowRight]}`}\n            />\n        </div>\n    );\n};\n\nexport default MonthYearPickerController;\n"],"names":["React","styles","cssDatePickerController","cssDatePickerControllerArrow","cssDatePickerControllerArrowLeft","cssDatePickerControllerTitle","cssDatePickerControllerArrowRight"],"mappings":";;;;;;;;;;;;;IAYM,yBAAyB,GAAyC;IAC9D,IAAA,qDAAgG,EAA9F,4BAAW,EAAE,8BAAY,EAAE,sCAAgB,EAAE,0BAAiD,CAAC;IAEvG,QACIA,iDAAK,SAAS,EAAEC,sBAAM,CAACC,mCAAuB,CAAC;QAC3CF,iEACiB,uBAAuB,EACpC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAKC,sBAAM,CAACE,wCAA4B,CAAC,SAAIF,sBAAM,CAACG,4CAAgC,CAAG,GAClG;QACFJ,iDAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAEC,sBAAM,CAACI,wCAA4B,CAAC,IACpE,gBAAgB,CACf;QACNL,iEACiB,wBAAwB,EACrC,OAAO,EAAE,YAAY,EACrB,SAAS,EAAKC,sBAAM,CAACE,wCAA4B,CAAC,SAAIF,sBAAM,CAACK,6CAAiC,CAAG,GACnG,CACA,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"month_year_picker_context_manager.js","sources":["../../../../../../../../../../src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { IMonthYearPickerContextManager } from '@components/date_picker/components/month_year_picker/types';\nimport { MonthYearNavigationContext } from '@components/date_picker/context';\nimport { MONTH_VIEW, YEARS_VIEW } from '@components/date_picker/components/month_year_picker/constants';\nimport { YEARS_IN_VIEW } from '@components/date_picker/constants';\nimport { MonthYearPickerContext } from '@components/date_picker/components/month_year_picker/context';\n\nconst MonthYearPickerContextManager: React.FC<IMonthYearPickerContextManager> = ({ children, month, year }) => {\n    const { setYear } = useContext(MonthYearNavigationContext);\n    const [view, setView] = useState(MONTH_VIEW);\n    const startYear = new Date().getFullYear() - (new Date().getFullYear() % YEARS_IN_VIEW);\n    const [yearRange, setYearRange] = useState(startYear);\n\n    const onArrowLeft = () => {\n        if (view === MONTH_VIEW) {\n            setYear(year - 1);\n        } else {\n            setYearRange((yearRange) => yearRange - YEARS_IN_VIEW);\n        }\n    };\n    const onArrowRight = () => {\n        if (view === MONTH_VIEW) {\n            setYear(year + 1);\n        } else {\n            setYearRange((yearRange) => yearRange + YEARS_IN_VIEW);\n        }\n    };\n    const toggleView = () => {\n        if (view === MONTH_VIEW) {\n            setView(YEARS_VIEW);\n        } else {\n            setView(MONTH_VIEW);\n        }\n    };\n    const monthPickerTitle = view === MONTH_VIEW ? `${year}` : `${yearRange}-${yearRange + YEARS_IN_VIEW}`;\n\n    return (\n        <MonthYearPickerContext.Provider\n            value={{ onArrowLeft, onArrowRight, toggleView, monthPickerTitle, yearRange, setYearRange, view, setView, month }}\n        >\n            {children}\n        </MonthYearPickerContext.Provider>\n    );\n};\n\nexport default MonthYearPickerContextManager;\n"],"names":["YEARS_IN_VIEW","MONTH_VIEW","YEARS_VIEW","React","MonthYearPickerContext"],"mappings":";;;;;;;;;;;;;;;IAOM,6BAA6B,GAA6C,UAAC,EAAyB;QAAvB,sBAAQ,EAAE,gBAAK,EAAE,cAAI;IAC5F,IAAA,4EAAO,CAA4C;IACrD,IAAA,yCAAsC,EAArC,YAAI,EAAE,eAA+B,CAAC;IAC7C,IAAM,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAGA,yBAAa,CAAC,CAAC;IAClF,IAAA,8BAA+C,EAA9C,iBAAS,EAAE,oBAAmC,CAAC;IAEtD,IAAM,WAAW,GAAG;QAChB,IAAI,IAAI,KAAKC,oBAAU,EAAE;YACrB,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;SACrB;aAAM;YACH,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,SAAS,GAAGD,yBAAa,GAAA,CAAC,CAAC;SAC1D;KACJ,CAAC;IACF,IAAM,YAAY,GAAG;QACjB,IAAI,IAAI,KAAKC,oBAAU,EAAE;YACrB,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;SACrB;aAAM;YACH,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,SAAS,GAAGD,yBAAa,GAAA,CAAC,CAAC;SAC1D;KACJ,CAAC;IACF,IAAM,UAAU,GAAG;QACf,IAAI,IAAI,KAAKC,oBAAU,EAAE;YACrB,OAAO,CAACC,oBAAU,CAAC,CAAC;SACvB;aAAM;YACH,OAAO,CAACD,oBAAU,CAAC,CAAC;SACvB;KACJ,CAAC;IACF,IAAM,gBAAgB,GAAG,IAAI,KAAKA,oBAAU,GAAG,KAAG,IAAM,GAAM,SAAS,UAAI,SAAS,GAAGD,yBAAa,CAAE,CAAC;IAEvG,QACIG,wCAACC,8BAAsB,CAAC,QAAQ,IAC5B,KAAK,EAAE,EAAE,WAAW,aAAA,EAAE,YAAY,cAAA,EAAE,UAAU,YAAA,EAAE,gBAAgB,kBAAA,EAAE,SAAS,WAAA,EAAE,YAAY,cAAA,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,KAAK,OAAA,EAAE,IAEhH,QAAQ,CACqB,EACpC;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"month_year_view.js","sources":["../../../../../../../../../../src/components/date_picker/components/month_year_picker/components/month_year_view.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { MonthYearPickerContext } from '@components/date_picker/components/month_year_picker/context';\nimport MonthView from './month_view';\nimport YearsView from './years_view';\nimport { MONTH_VIEW, YEARS_VIEW } from '@components/date_picker/components/month_year_picker/constants';\n\nconst Views = {\n    [MONTH_VIEW]: MonthView,\n    [YEARS_VIEW]: YearsView,\n};\n\nconst MonthYearView = () => {\n    const { view } = useContext(MonthYearPickerContext);\n\n    return Views[view]();\n};\n\nexport default MonthYearView;\n"],"names":["MONTH_VIEW","MonthView","YEARS_VIEW","YearsView"],"mappings":";;;;;;;;;;;AAMA,IAAM,KAAK;IACP,GAACA,oBAAU,IAAGC,qBAAS;IACvB,GAACC,oBAAU,IAAGC,qBAAS;OAC1B,CAAC;IAEI,aAAa,GAAG;IACV,IAAA,4DAAI,CAAwC;IAEpD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACzB;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"years_view.js","sources":["../../../../../../../../../../src/components/date_picker/components/month_year_picker/components/years_view.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '@components/date_picker/css_classes';\nimport { YEARS_IN_VIEW } from '@components/date_picker/constants';\nimport { MonthYearNavigationContext } from '@components/date_picker/context';\nimport { MonthYearPickerContext } from '@components/date_picker/components/month_year_picker/context';\nimport styles from '@css/date_picker/main.module.less';\nimport { MONTH_VIEW } from '@components/date_picker/components/month_year_picker/constants';\n\nconst YearView = () => {\n    const { setYear, year } = useContext(MonthYearNavigationContext);\n    const { yearRange, setView } = useContext(MonthYearPickerContext);\n    const onYearClick = (yearIndex: number) => () => {\n        setYear(yearRange + yearIndex);\n        setView(MONTH_VIEW);\n    };\n    return (\n        <div className={styles[cssDatePickerMonthTable]}>\n            {Array.from(Array(YEARS_IN_VIEW).keys()).map((index) => (\n                <span\n                    key={`month-picker-month-${index}`}\n                    onClick={onYearClick(index)}\n                    className={`${styles[cssDatePickerMonthTableItem]} ${\n                        yearRange + index === year ? styles[cssDatePickerMonthTableItemSelected] : ''\n                    }`}\n                >\n                    {yearRange + index}\n                </span>\n            ))}\n        </div>\n    );\n};\n\nexport default YearView;\n"],"names":["MONTH_VIEW","React","styles","cssDatePickerMonthTable","YEARS_IN_VIEW","cssDatePickerMonthTableItem","cssDatePickerMonthTableItemSelected"],"mappings":";;;;;;;;;;;;;;;;;IAQM,QAAQ,GAAG;IACP,IAAA,+DAA0D,EAAxD,oBAAO,EAAE,cAA+C,CAAC;IAC3D,IAAA,qDAA2D,EAAzD,wBAAS,EAAE,oBAA8C,CAAC;IAClE,IAAM,WAAW,GAAG,UAAC,SAAiB,IAAK,OAAA;QACvC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;QAC/B,OAAO,CAACA,sBAAU,CAAC,CAAC;KACvB,GAAA,CAAC;IACF,QACIC,iDAAK,SAAS,EAAEC,sBAAM,CAACC,mCAAuB,CAAC,IAC1C,KAAK,CAAC,IAAI,CAAC,KAAK,CAACC,uBAAa,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QACpDH,kDACI,GAAG,EAAE,wBAAsB,KAAO,EAClC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAC3B,SAAS,EAAKC,sBAAM,CAACG,uCAA2B,CAAC,UAC7C,SAAS,GAAG,KAAK,KAAK,IAAI,GAAGH,sBAAM,CAACI,+CAAmC,CAAC,GAAG,EAAE,CAC/E,IAED,SAAS,GAAG,KAAK,CACf,IACV,CAAC,CACA,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../../../src/components/date_picker/components/month_year_picker/constants.ts"],"sourcesContent":["export const MONTH_VIEW = 'MONTH_VIEW';\nexport const YEARS_VIEW = 'YEARS_VIEW';\n"],"names":[],"mappings":";;;;IAAa,UAAU,GAAG,aAAa;IAC1B,UAAU,GAAG;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../../../../src/components/date_picker/components/month_year_picker/context.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { IMonthYearPickerContext } from './types';\n\nexport const MonthYearPickerContext = createContext<IMonthYearPickerContext>({\n    monthPickerTitle: '',\n    onArrowLeft() {},\n    onArrowRight() {},\n    toggleView() {},\n    setView() {},\n    setYearRange() {},\n    view: '',\n    yearRange: 0,\n    month: 0,\n});\n"],"names":["createContext"],"mappings":";;;;;;IAGa,sBAAsB,GAAGA,mBAAa,CAA0B;IACzE,gBAAgB,EAAE,EAAE;IACpB,WAAW,iBAAK;IAChB,YAAY,iBAAK;IACjB,UAAU,iBAAK;IACf,OAAO,iBAAK;IACZ,YAAY,iBAAK;IACjB,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,CAAC;CACX;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/date_picker/components/month_year_picker/index.tsx"],"sourcesContent":["import React from 'react';\nimport { IMonthYearPickerProps } from '@components/date_picker/types';\nimport MonthYearPickerController from './components/month_year_controller';\nimport MonthYearView from './components/month_year_view';\nimport MonthYearPickerContextManager from './components/month_year_picker_context_manager';\n\nconst MonthYearPicker: React.FC<IMonthYearPickerProps> = ({ year, month }) => (\n    <MonthYearPickerContextManager year={year} month={month}>\n        <MonthYearPickerController />\n        <MonthYearView />\n    </MonthYearPickerContextManager>\n);\n\nexport default MonthYearPicker;\n"],"names":["React","MonthYearPickerContextManager","MonthYearPickerController","MonthYearView"],"mappings":";;;;;;;;;;;;;IAMM,eAAe,GAAoC,UAAC,EAAe;QAAb,cAAI,EAAE,gBAAK;IAAO,QAC1EA,wCAACC,4CAA6B,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;QACnDD,wCAACE,gCAAyB,OAAG;QAC7BF,wCAACG,0BAAa,OAAG,CACW;AAJ0C;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/pure_date_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pure_date_picker.js","sources":["../../../../../../../../src/components/date_picker/components/pure_date_picker.tsx"],"sourcesContent":["import React from 'react';\nimport { IPureDatepickerProps } from '@components/date_picker/types';\nimport useAnimation from '@components/date_picker/hooks/use_animation';\nimport styles from '@css/date_picker/main.module.less';\nimport { MonthYearNavigationContext } from '@components/date_picker/context';\nimport DaysGrid from '@components/date_picker/components/days_grid';\nimport { MAX_MONTH, MIN_MONTH } from '@components/date_picker/constants';\nimport { cssDatePickerContainer } from '@components/date_picker/css_classes';\nimport MonthController from '@components/date_picker/components/month_controller';\n\nexport const PureDatepicker: React.FC<IPureDatepickerProps> = ({ className = '', setMonthYear, month, year }) => {\n    const { animationWrapper, setRightAnimation, setLeftAnimation, animationClassName } = useAnimation({ offset: 200 });\n    const setMonthYearWithDelay = animationWrapper(setMonthYear);\n\n    const previousMonth = () => {\n        if (!month) {\n            setMonthYearWithDelay(({ year }) => ({ year: year - 1, month: MAX_MONTH }));\n        } else {\n            setMonthYearWithDelay(({ year }) => ({ year, month: month - 1 }));\n        }\n    };\n    const nextMonth = () => {\n        if (month === MAX_MONTH) {\n            setMonthYearWithDelay(({ year }) => ({ year: year + 1, month: MIN_MONTH }));\n        } else {\n            setMonthYearWithDelay(({ year }) => ({ year, month: month + 1 }));\n        }\n    };\n    const prevMonthWithAnimation = () => {\n        setLeftAnimation();\n        previousMonth();\n    };\n    const nextMonthWithAnimation = () => {\n        setRightAnimation();\n        nextMonth();\n    };\n    const setMonth = (month: number) => {\n        setMonthYearWithDelay(({ year }) => ({ month, year }));\n    };\n    const setYear = (year: number) => setMonthYearWithDelay(({ month }) => ({ month, year }));\n\n    return (\n        <div className={`${className} ${styles[cssDatePickerContainer]}`}>\n            <MonthYearNavigationContext.Provider\n                value={{\n                    previousMonth: prevMonthWithAnimation,\n                    nextMonth: nextMonthWithAnimation,\n                    animationClassName,\n                    year,\n                    month,\n                    setYear,\n                    setMonth,\n                }}\n            >\n                <MonthController month={month} year={year} />\n                <DaysGrid />\n            </MonthYearNavigationContext.Provider>\n        </div>\n    );\n};\n\nexport default PureDatepicker;\n"],"names":["MAX_MONTH","MIN_MONTH","React","styles","cssDatePickerContainer","MonthYearNavigationContext","MonthController","DaysGrid"],"mappings":";;;;;;;;;;;;;;;;;;IAUa,cAAc,GAAmC,UAAC,EAA6C;QAA3C,iBAAc,EAAd,mCAAc,EAAE,8BAAY,EAAE,gBAAK,EAAE,cAAI;IAChG,IAAA,8CAA6G,EAA3G,sCAAgB,EAAE,wCAAiB,EAAE,sCAAgB,EAAE,0CAAoD,CAAC;IACpH,IAAM,qBAAqB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAE7D,IAAM,aAAa,GAAG;QAClB,IAAI,CAAC,KAAK,EAAE;YACR,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAEA,mBAAS,EAAE;aAAC,CAAC,CAAC;SAC/E;aAAM;YACH,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,MAAA,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE;aAAC,CAAC,CAAC;SACrE;KACJ,CAAC;IACF,IAAM,SAAS,GAAG;QACd,IAAI,KAAK,KAAKA,mBAAS,EAAE;YACrB,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAEC,mBAAS,EAAE;aAAC,CAAC,CAAC;SAC/E;aAAM;YACH,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,MAAA,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE;aAAC,CAAC,CAAC;SACrE;KACJ,CAAC;IACF,IAAM,sBAAsB,GAAG;QAC3B,gBAAgB,EAAE,CAAC;QACnB,aAAa,EAAE,CAAC;KACnB,CAAC;IACF,IAAM,sBAAsB,GAAG;QAC3B,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,CAAC;KACf,CAAC;IACF,IAAM,QAAQ,GAAG,UAAC,KAAa;QAC3B,qBAAqB,CAAC,UAAC,EAAQ;gBAAN,cAAI;YAAO,QAAC,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE;SAAC,CAAC,CAAC;KAC1D,CAAC;IACF,IAAM,OAAO,GAAG,UAAC,IAAY,IAAK,OAAA,qBAAqB,CAAC,UAAC,EAAS;YAAP,gBAAK;QAAO,QAAC,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE;KAAC,CAAC,GAAA,CAAC;IAE1F,QACIC,iDAAK,SAAS,EAAK,SAAS,SAAIC,sBAAM,CAACC,kCAAsB,CAAG;QAC5DF,wCAACG,wCAA0B,CAAC,QAAQ,IAChC,KAAK,EAAE;gBACH,aAAa,EAAE,sBAAsB;gBACrC,SAAS,EAAE,sBAAsB;gBACjC,kBAAkB,oBAAA;gBAClB,IAAI,MAAA;gBACJ,KAAK,OAAA;gBACL,OAAO,SAAA;gBACP,QAAQ,UAAA;aACX;YAEDH,wCAACI,2BAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YAC7CJ,wCAACK,oBAAQ,OAAG,CACsB,CACpC,EACR;AACN;;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/single_day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single_day.js","sources":["../../../../../../../../src/components/date_picker/components/single_day.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport styles from '@css/date_picker/main.module.less';\nimport { ISingleDayProps, IValueController } from '../types';\nimport { ValueControllerContext } from '../context';\nimport { classNames } from '@utilities/styles/classNames';\nimport {\n    cssDatePickerDay,\n    cssDatePickerDayBlocked,\n    cssDatePickerDayInRange,\n    cssDatePickerDayNavigation,\n    cssDatePickerDayProposed,\n    cssDatePickerDayRangeEndLeft,\n    cssDatePickerDayRangeEndLeftProposed,\n    cssDatePickerDayRangeEndRight,\n    cssDatePickerDayRangeEndRightProposed,\n    cssDatePickerDaySelected,\n    cssDatePickerDayText,\n    cssDatePickerDayTextNavigation,\n    cssDatePickerDayTextRoundedBorders,\n    cssDatePickerDayTextSelected,\n    cssDatePickerDayTextToday,\n} from '@components/date_picker/css_classes';\nimport { DATE_PICKER_TEST_ID } from '@components/date_picker/constants';\n\nconst SingleDay: React.FC<ISingleDayProps> = ({ date, month, year }) => {\n    const { updateDate, isSelected, isInRange, isNavigation, isBlocked, isToday, setHoverDate, isProposed } = useContext<IValueController>(\n        ValueControllerContext\n    );\n    const singleDate = new Date(year, month, date);\n    const selected = isSelected(singleDate);\n    const navigation = isNavigation(singleDate);\n    const proposed = isProposed(singleDate);\n    const inRange = isInRange(singleDate);\n    const today = isToday(singleDate);\n    const nextDayInRange = isInRange(new Date(year, month, date + 1));\n    const previousDayInRange = isInRange(new Date(year, month, date - 1));\n    const blocked = isBlocked(singleDate);\n    const roundedBorders = selected || today;\n    const oneDayRange = inRange && !nextDayInRange && !previousDayInRange;\n    const firstRangeDay = inRange && !previousDayInRange && !oneDayRange;\n    const lastRangeDay = !nextDayInRange && inRange && !oneDayRange;\n\n    const dayClassName = useMemo(\n        () =>\n            classNames(\n                [\n                    cssDatePickerDay,\n                    navigation && cssDatePickerDayNavigation,\n                    selected && cssDatePickerDaySelected,\n                    blocked && cssDatePickerDayBlocked,\n                    proposed && (inRange || selected) && cssDatePickerDayProposed,\n                    firstRangeDay && cssDatePickerDayRangeEndLeft,\n                    firstRangeDay && proposed && cssDatePickerDayRangeEndLeftProposed,\n                    lastRangeDay && cssDatePickerDayRangeEndRight,\n                    lastRangeDay && proposed && cssDatePickerDayRangeEndRightProposed,\n                    oneDayRange && cssDatePickerDaySelected,\n                    inRange && cssDatePickerDayInRange,\n                ],\n                styles\n            ),\n        [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]\n    );\n    const dayTextClassName = useMemo(\n        () =>\n            classNames(\n                [\n                    cssDatePickerDayText,\n                    roundedBorders && cssDatePickerDayTextRoundedBorders,\n                    selected && navigation && cssDatePickerDayTextNavigation,\n                    today && navigation && cssDatePickerDayTextNavigation,\n                    today && cssDatePickerDayTextToday,\n                    selected && cssDatePickerDayTextSelected,\n                ],\n                styles\n            ),\n        [roundedBorders, selected, navigation, today]\n    );\n\n    return (\n        <div\n            className={dayClassName}\n            onClick={() => updateDate(new Date(year, month, date))}\n            onMouseOver={() => {\n                setHoverDate(new Date(year, month, date));\n            }}\n        >\n            <div className={dayTextClassName} data-test-id={DATE_PICKER_TEST_ID.dayContent}>\n                {date}\n            </div>\n        </div>\n    );\n};\n\nexport default SingleDay;\n"],"names":["useMemo","classNames","cssDatePickerDay","cssDatePickerDayNavigation","cssDatePickerDaySelected","cssDatePickerDayBlocked","cssDatePickerDayProposed","cssDatePickerDayRangeEndLeft","cssDatePickerDayRangeEndLeftProposed","cssDatePickerDayRangeEndRight","cssDatePickerDayRangeEndRightProposed","cssDatePickerDayInRange","styles","cssDatePickerDayText","cssDatePickerDayTextRoundedBorders","cssDatePickerDayTextNavigation","cssDatePickerDayTextToday","cssDatePickerDayTextSelected","React","DATE_PICKER_TEST_ID"],"mappings":";;;;;;;;;;;;;;;;IAwBM,SAAS,GAA8B,UAAC,EAAqB;QAAnB,cAAI,EAAE,gBAAK,EAAE,cAAI;IACvD,IAAA,0DAEL,EAFO,0BAAU,EAAE,0BAAU,EAAE,wBAAS,EAAE,8BAAY,EAAE,wBAAS,EAAE,oBAAO,EAAE,8BAAY,EAAE,0BAE1F,CAAC;IACF,IAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC/C,IAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACxC,IAAM,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACxC,IAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACtC,IAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAClC,IAAM,cAAc,GAAG,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IAClE,IAAM,kBAAkB,GAAG,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IACtE,IAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACtC,IAAM,cAAc,GAAG,QAAQ,IAAI,KAAK,CAAC;IACzC,IAAM,WAAW,GAAG,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,kBAAkB,CAAC;IACtE,IAAM,aAAa,GAAG,OAAO,IAAI,CAAC,kBAAkB,IAAI,CAAC,WAAW,CAAC;IACrE,IAAM,YAAY,GAAG,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,WAAW,CAAC;IAEhE,IAAM,YAAY,GAAGA,aAAO,CACxB;QACI,OAAAC,qBAAU,CACN;YACIC,4BAAgB;YAChB,UAAU,IAAIC,sCAA0B;YACxC,QAAQ,IAAIC,oCAAwB;YACpC,OAAO,IAAIC,mCAAuB;YAClC,QAAQ,KAAK,OAAO,IAAI,QAAQ,CAAC,IAAIC,oCAAwB;YAC7D,aAAa,IAAIC,wCAA4B;YAC7C,aAAa,IAAI,QAAQ,IAAIC,gDAAoC;YACjE,YAAY,IAAIC,yCAA6B;YAC7C,YAAY,IAAI,QAAQ,IAAIC,iDAAqC;YACjE,WAAW,IAAIN,oCAAwB;YACvC,OAAO,IAAIO,mCAAuB;SACrC,EACDC,sBAAM,CACT;KAAA,EACL,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,CAAC,CAC/F,CAAC;IACF,IAAM,gBAAgB,GAAGZ,aAAO,CAC5B;QACI,OAAAC,qBAAU,CACN;YACIY,gCAAoB;YACpB,cAAc,IAAIC,8CAAkC;YACpD,QAAQ,IAAI,UAAU,IAAIC,0CAA8B;YACxD,KAAK,IAAI,UAAU,IAAIA,0CAA8B;YACrD,KAAK,IAAIC,qCAAyB;YAClC,QAAQ,IAAIC,wCAA4B;SAC3C,EACDL,sBAAM,CACT;KAAA,EACL,CAAC,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,CAChD,CAAC;IAEF,QACIM,iDACI,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAA,EACtD,WAAW,EAAE;YACT,YAAY,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;SAC7C;QAEDA,iDAAK,SAAS,EAAE,gBAAgB,kBAAgBC,6BAAmB,CAAC,UAAU,IACzE,IAAI,CACH,CACJ,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/date_picker/constants.ts"],"sourcesContent":["export const MONTHS_IN_YEAR = 12;\nexport const YEARS_IN_VIEW = 12;\nexport const MAX_MONTH = 11;\nexport const MIN_MONTH = 0;\nexport const MILLIS_IN_DAY = 1000 * 3600 * 24;\n\nconst DATE_PICKER = 'datepicker';\nconst DATE_PICKER__CONTROLLER = `${DATE_PICKER}__controller`;\nconst DATE_PICKER__CONTROLLER_TITLE = `${DATE_PICKER__CONTROLLER}-title`;\nconst DATE_PICKER__CONTROLLER_ARROW = `${DATE_PICKER__CONTROLLER}-arrow`;\nconst DATE_PICKER__CONTROLLER_ARROW_LEFT = `${DATE_PICKER__CONTROLLER_ARROW}_left`;\nconst DATE_PICKER__CONTROLLER_ARROW_RIGHT = `${DATE_PICKER__CONTROLLER_ARROW}_right`;\nconst DATE_PICKER__DAY_CONTENT = `${DATE_PICKER__CONTROLLER}-day-content`;\n\nexport const DATE_PICKER_TEST_ID = {\n    controller: DATE_PICKER__CONTROLLER,\n    controllerTitle: DATE_PICKER__CONTROLLER_TITLE,\n    arrowLeft: DATE_PICKER__CONTROLLER_ARROW_LEFT,\n    arrowRight: DATE_PICKER__CONTROLLER_ARROW_RIGHT,\n    dayContent: DATE_PICKER__DAY_CONTENT,\n};\n"],"names":[],"mappings":";;;;IAAa,cAAc,GAAG,GAAG;IACpB,aAAa,GAAG,GAAG;IACnB,SAAS,GAAG,GAAG;IACf,SAAS,GAAG,EAAE;IACd,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG;AAE9C,IAAM,WAAW,GAAG,YAAY,CAAC;AACjC,IAAM,uBAAuB,GAAM,WAAW,iBAAc,CAAC;AAC7D,IAAM,6BAA6B,GAAM,uBAAuB,WAAQ,CAAC;AACzE,IAAM,6BAA6B,GAAM,uBAAuB,WAAQ,CAAC;AACzE,IAAM,kCAAkC,GAAM,6BAA6B,UAAO,CAAC;AACnF,IAAM,mCAAmC,GAAM,6BAA6B,WAAQ,CAAC;AACrF,IAAM,wBAAwB,GAAM,uBAAuB,iBAAc,CAAC;IAE7D,mBAAmB,GAAG;IAC/B,UAAU,EAAE,uBAAuB;IACnC,eAAe,EAAE,6BAA6B;IAC9C,SAAS,EAAE,kCAAkC;IAC7C,UAAU,EAAE,mCAAmC;IAC/C,UAAU,EAAE,wBAAwB;;;;;;;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/context/month_year_navigation_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month_year_navigation_context.js","sources":["../../../../../../../../src/components/date_picker/context/month_year_navigation_context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { IMonthYearNavigation } from '@components/date_picker/types';\n\nconst MonthYearNavigationContext = createContext<IMonthYearNavigation>({\n    month: new Date().getMonth(),\n    year: new Date().getFullYear(),\n    animationClassName: '',\n    nextMonth() {},\n    previousMonth() {},\n    setMonth() {},\n    setYear() {}\n});\n\nexport default MonthYearNavigationContext;\n"],"names":["createContext"],"mappings":";;;;;;IAGM,0BAA0B,GAAGA,mBAAa,CAAuB;IACnE,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;IAC5B,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;IAC9B,kBAAkB,EAAE,EAAE;IACtB,SAAS,iBAAK;IACd,aAAa,iBAAK;IAClB,QAAQ,iBAAK;IACb,OAAO,iBAAK;CACf;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/context/value_controller_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value_controller_context.js","sources":["../../../../../../../../src/components/date_picker/context/value_controller_context.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { IValueController } from '../types';\n\nconst DatepickerContext = createContext<IValueController>({\n    updateDate: () => {},\n    inputValue: '',\n    readable: '',\n    value: undefined,\n    isProposed: () => false,\n    isSelected: () => false,\n    isNavigation: () => false,\n    isInRange: () => false,\n    isToday: () => false,\n    isBlocked: () => false,\n    restoreDefaultValue: () => {},\n    setNavigationDate: () => {},\n    setValue: () => {},\n    setHoverDate: () => {},\n    navigationDate: undefined\n});\n\nexport default DatepickerContext;\n"],"names":["createContext"],"mappings":";;;;;;IAGM,iBAAiB,GAAGA,mBAAa,CAAmB;IACtD,UAAU,EAAE,eAAQ;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,cAAM,OAAA,KAAK,GAAA;IACvB,UAAU,EAAE,cAAM,OAAA,KAAK,GAAA;IACvB,YAAY,EAAE,cAAM,OAAA,KAAK,GAAA;IACzB,SAAS,EAAE,cAAM,OAAA,KAAK,GAAA;IACtB,OAAO,EAAE,cAAM,OAAA,KAAK,GAAA;IACpB,SAAS,EAAE,cAAM,OAAA,KAAK,GAAA;IACtB,mBAAmB,EAAE,eAAQ;IAC7B,iBAAiB,EAAE,eAAQ;IAC3B,QAAQ,EAAE,eAAQ;IAClB,YAAY,EAAE,eAAQ;IACtB,cAAc,EAAE,SAAS;CAC5B;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../../../src/components/date_picker/css_classes.ts"],"sourcesContent":["export const cssDatePicker = 'date-picker';\nexport const cssDatePickerContainer = `${cssDatePicker}__container`;\nexport const cssDatePickerCommonRanges = `${cssDatePicker}__common-ranges`;\nexport const cssDatePickerController = `${cssDatePicker}__controller`;\nexport const cssDatePickerControllerArrow = `${cssDatePicker}__controller-arrow`;\nexport const cssDatePickerControllerTitle = `${cssDatePicker}__controller-title`;\nexport const cssDatePickerControllerArrowLeft = `${cssDatePickerControllerArrow}_left`;\nexport const cssDatePickerControllerArrowRight = `${cssDatePickerControllerArrow}_right`;\nexport const cssDatePickerDaysGrid = `${cssDatePicker}__days-grid`;\nexport const cssDatePickerDaysGridRow = `${cssDatePicker}__days-grid-row`;\nexport const cssDatePickerDaysGridWeekName = `${cssDatePicker}__days-grid-week-name`;\nexport const cssDatePickerLabelIcon = `${cssDatePicker}__label-icon`;\nexport const cssDatePickerMonthTable = `${cssDatePicker}__month-table`;\nexport const cssDatePickerMonthTableItem = `${cssDatePicker}__month-table-item`;\nexport const cssDatePickerMonthTableItemSelected = `${cssDatePicker}__month-table-item_selected`;\nexport const cssDatePickerDay = `${cssDatePicker}__day`;\nexport const cssDatePickerDayNavigation = `${cssDatePickerDay}_navigation`;\nexport const cssDatePickerDaySelected = `${cssDatePickerDay}_selected`;\nexport const cssDatePickerDayBlocked = `${cssDatePickerDay}_blocked`;\nexport const cssDatePickerDayProposed = `${cssDatePickerDay}_proposed`;\nexport const cssDatePickerDayRangeEndLeft = `${cssDatePickerDay}_range-end-left`;\nexport const cssDatePickerDayRangeEndLeftProposed = `${cssDatePickerDay}_range-end-left-proposed`;\nexport const cssDatePickerDayRangeEndRight = `${cssDatePickerDay}_range-end-right`;\nexport const cssDatePickerDayRangeEndRightProposed = `${cssDatePickerDay}_range-end-right-proposed`;\nexport const cssDatePickerDayInRange = `${cssDatePickerDay}_in-range`;\nexport const cssDatePickerDayText = `${cssDatePicker}__day-text`;\nexport const cssDatePickerDayTextRoundedBorders = `${cssDatePickerDayText}_rounded-borders`;\nexport const cssDatePickerDayTextNavigation = `${cssDatePickerDayText}_navigation`;\nexport const cssDatePickerDayTextToday = `${cssDatePickerDayText}_today`;\nexport const cssDatePickerDayTextSelected = `${cssDatePickerDayText}_selected`;\n\nexport const cssRangePicker = `range-picker`;\nexport const cssRangePickerContainer = `${cssRangePicker}__container`;\n"],"names":[],"mappings":";;;;IAAa,aAAa,GAAG,cAAc;IAC9B,sBAAsB,GAAM,aAAa,iBAAc;IACvD,yBAAyB,GAAM,aAAa,qBAAkB;IAC9D,uBAAuB,GAAM,aAAa,kBAAe;IACzD,4BAA4B,GAAM,aAAa,wBAAqB;IACpE,4BAA4B,GAAM,aAAa,wBAAqB;IACpE,gCAAgC,GAAM,4BAA4B,WAAQ;IAC1E,iCAAiC,GAAM,4BAA4B,YAAS;IAC5E,qBAAqB,GAAM,aAAa,iBAAc;IACtD,wBAAwB,GAAM,aAAa,qBAAkB;IAC7D,6BAA6B,GAAM,aAAa,2BAAwB;IACxE,sBAAsB,GAAM,aAAa,kBAAe;IACxD,uBAAuB,GAAM,aAAa,mBAAgB;IAC1D,2BAA2B,GAAM,aAAa,wBAAqB;IACnE,mCAAmC,GAAM,aAAa,iCAA8B;IACpF,gBAAgB,GAAM,aAAa,WAAQ;IAC3C,0BAA0B,GAAM,gBAAgB,iBAAc;IAC9D,wBAAwB,GAAM,gBAAgB,eAAY;IAC1D,uBAAuB,GAAM,gBAAgB,cAAW;IACxD,wBAAwB,GAAM,gBAAgB,eAAY;IAC1D,4BAA4B,GAAM,gBAAgB,qBAAkB;IACpE,oCAAoC,GAAM,gBAAgB,8BAA2B;IACrF,6BAA6B,GAAM,gBAAgB,sBAAmB;IACtE,qCAAqC,GAAM,gBAAgB,+BAA4B;IACvF,uBAAuB,GAAM,gBAAgB,eAAY;IACzD,oBAAoB,GAAM,aAAa,gBAAa;IACpD,kCAAkC,GAAM,oBAAoB,sBAAmB;IAC/E,8BAA8B,GAAM,oBAAoB,iBAAc;IACtE,yBAAyB,GAAM,oBAAoB,YAAS;IAC5D,4BAA4B,GAAM,oBAAoB,eAAY;IAElE,cAAc,GAAG,eAAe;IAChC,uBAAuB,GAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../../_virtual/_tslib.js');
+var value_controller_context = require('../context/value_controller_context.js');
+require('../context/month_year_navigation_context.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
+var pure_date_picker = require('../components/pure_date_picker.js');
+var common_ranges = require('../components/common_ranges.js');
+var buttons = require('../components/buttons.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var RangePicker = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
+    var _c, _d;
+    var _e = React.useContext(value_controller_context['default']), defaultRange = _e.defaultRange, value = _e.value;
+    var earlierDate = ((_c = value) === null || _c === void 0 ? void 0 : _c.startDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || new Date(Date.now());
+    var laterDate = ((_d = value) === null || _d === void 0 ? void 0 : _d.endDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.endDate) || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);
+    var _f = React.useState({ year: earlierDate.getFullYear(), month: earlierDate.getMonth() }), earlierMonthYear = _f[0], setEarlierMonthYear = _f[1];
+    var _g = React.useState({ year: laterDate.getFullYear(), month: laterDate.getMonth() }), laterMonthYear = _g[0], setLaterMonthYear = _g[1];
+    var shouldUpdateMonthYear = (earlierMonthYear.year === laterMonthYear.year && earlierMonthYear.month >= laterMonthYear.month) ||
+        earlierMonthYear.year > laterMonthYear.year;
+    React.useEffect(function () {
+        if (shouldUpdateMonthYear) {
+            var newLaterDate = new Date(earlierMonthYear.year, earlierMonthYear.month + 1, 1);
+            setLaterMonthYear({ year: newLaterDate.getFullYear(), month: newLaterDate.getMonth() });
+        }
+        //eslint-disable-next-line
+    }, [setLaterMonthYear, earlierMonthYear.year, earlierMonthYear.month]);
+    React.useEffect(function () {
+        if (shouldUpdateMonthYear) {
+            var newPrevDate = new Date(laterMonthYear.year, laterMonthYear.month - 1, 1);
+            setEarlierMonthYear({ year: newPrevDate.getFullYear(), month: newPrevDate.getMonth() });
+        }
+        //eslint-disable-next-line
+    }, [setEarlierMonthYear, laterMonthYear.year, laterMonthYear.month]);
+    use_keyboard_navigation.useKeyboardNavigation();
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssRangePicker] },
+        showDefaultRanges && React__default['default'].createElement(common_ranges['default'], null),
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssRangePickerContainer] },
+            React__default['default'].createElement(pure_date_picker.PureDatepicker, _tslib.__assign({ setMonthYear: setEarlierMonthYear }, earlierMonthYear, { className: className })),
+            React__default['default'].createElement(pure_date_picker.PureDatepicker, _tslib.__assign({ setMonthYear: setLaterMonthYear }, laterMonthYear, { className: className }))),
+        showButtons && React__default['default'].createElement(buttons['default'], null)));
+};
+
+exports.RangePicker = RangePicker;
+exports.default = RangePicker;
+//# sourceMappingURL=range_picker.js.map

package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range_picker.js","sources":["../../../../../../../../src/components/date_picker/hoc/range_picker.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport { IDatepickerRange, IMonthYear, IRangePickerProps, IValueController } from '@components/date_picker/types';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport { useKeyboardNavigation } from '@components/date_picker/hooks/use_keyboard_navigation';\nimport styles from '@css/date_picker/main.module.less';\nimport PureDatepicker from '@components/date_picker/components/pure_date_picker';\nimport CommonRanges from '@components/date_picker/components/common_ranges';\nimport Buttons from '../components/buttons';\nimport { cssRangePicker, cssRangePickerContainer } from '@components/date_picker/css_classes';\n\nexport const RangePicker: React.FC<IRangePickerProps> = ({ className = '', showButtons, showDefaultRanges }) => {\n    const { defaultRange, value } = useContext<IValueController>(ValueControllerContext);\n    const earlierDate = (value as IDatepickerRange)?.startDate || defaultRange?.startDate || new Date(Date.now());\n    const laterDate =\n        (value as IDatepickerRange)?.endDate || defaultRange?.endDate || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);\n    const [earlierMonthYear, setEarlierMonthYear] = useState<IMonthYear>({ year: earlierDate.getFullYear(), month: earlierDate.getMonth() });\n    const [laterMonthYear, setLaterMonthYear] = useState<IMonthYear>({ year: laterDate.getFullYear(), month: laterDate.getMonth() });\n\n    const shouldUpdateMonthYear =\n        (earlierMonthYear.year === laterMonthYear.year && earlierMonthYear.month >= laterMonthYear.month) ||\n        earlierMonthYear.year > laterMonthYear.year;\n\n    useEffect(() => {\n        if (shouldUpdateMonthYear) {\n            const newLaterDate = new Date(earlierMonthYear.year, earlierMonthYear.month + 1, 1);\n            setLaterMonthYear({ year: newLaterDate.getFullYear(), month: newLaterDate.getMonth() });\n        }\n        //eslint-disable-next-line\n    }, [setLaterMonthYear, earlierMonthYear.year, earlierMonthYear.month]);\n\n    useEffect(() => {\n        if (shouldUpdateMonthYear) {\n            const newPrevDate = new Date(laterMonthYear.year, laterMonthYear.month - 1, 1);\n            setEarlierMonthYear({ year: newPrevDate.getFullYear(), month: newPrevDate.getMonth() });\n        }\n        //eslint-disable-next-line\n    }, [setEarlierMonthYear, laterMonthYear.year, laterMonthYear.month]);\n\n    useKeyboardNavigation();\n\n    return (\n        <div className={styles[cssRangePicker]}>\n            {showDefaultRanges && <CommonRanges />}\n            <div className={styles[cssRangePickerContainer]}>\n                <PureDatepicker setMonthYear={setEarlierMonthYear} {...earlierMonthYear} className={className} />\n                <PureDatepicker setMonthYear={setLaterMonthYear} {...laterMonthYear} className={className} />\n            </div>\n            {showButtons && <Buttons />}\n        </div>\n    );\n};\n\nexport default RangePicker;\n"],"names":["useEffect","useKeyboardNavigation","React","styles","cssRangePicker","CommonRanges","cssRangePickerContainer","PureDatepicker","Buttons"],"mappings":";;;;;;;;;;;;;;;;;;;IAUa,WAAW,GAAgC,UAAC,EAAkD;QAAhD,iBAAc,EAAd,mCAAc,EAAE,4BAAW,EAAE,wCAAiB;;IAC/F,IAAA,0DAA8E,EAA5E,8BAAY,EAAE,gBAA8D,CAAC;IACrF,IAAM,WAAW,GAAG,OAAC,KAA0B,0CAAE,SAAS,MAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAA,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9G,IAAM,SAAS,GACX,OAAC,KAA0B,0CAAE,OAAO,MAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,EAAE,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;IAC/H,IAAA,uFAAkI,EAAjI,wBAAgB,EAAE,2BAA+G,CAAC;IACnI,IAAA,mFAA0H,EAAzH,sBAAc,EAAE,yBAAyG,CAAC;IAEjI,IAAM,qBAAqB,GACvB,CAAC,gBAAgB,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI,IAAI,gBAAgB,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK;QAChG,gBAAgB,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;IAEhDA,eAAS,CAAC;QACN,IAAI,qBAAqB,EAAE;YACvB,IAAM,YAAY,GAAG,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YACpF,iBAAiB,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;SAC3F;;KAEJ,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IAEvEA,eAAS,CAAC;QACN,IAAI,qBAAqB,EAAE;YACvB,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YAC/E,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;SAC3F;;KAEJ,EAAE,CAAC,mBAAmB,EAAE,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAErEC,6CAAqB,EAAE,CAAC;IAExB,QACIC,iDAAK,SAAS,EAAEC,sBAAM,CAACC,0BAAc,CAAC;QACjC,iBAAiB,IAAIF,wCAACG,wBAAY,OAAG;QACtCH,iDAAK,SAAS,EAAEC,sBAAM,CAACG,mCAAuB,CAAC;YAC3CJ,wCAACK,+BAAc,oBAAC,YAAY,EAAE,mBAAmB,IAAM,gBAAgB,IAAE,SAAS,EAAE,SAAS,IAAI;YACjGL,wCAACK,+BAAc,oBAAC,YAAY,EAAE,iBAAiB,IAAM,cAAc,IAAE,SAAS,EAAE,SAAS,IAAI,CAC3F;QACL,WAAW,IAAIL,wCAACM,kBAAO,OAAG,CACzB,EACR;AACN;;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/hoc/single_date_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single_date_picker.js","sources":["../../../../../../../../src/components/date_picker/hoc/single_date_picker.tsx"],"sourcesContent":["import React, { FC, useContext, useState } from 'react';\nimport { ISingleDatepickerProps } from '@components/date_picker/types';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport PureDatepicker from '@components/date_picker/components/pure_date_picker';\nimport Buttons from '@components/date_picker/components/buttons';\nimport cssClasses from '@css/date_picker/main.module.less';\nimport { cssDatePicker } from '@components/date_picker/css_classes';\n\nexport const SingleDatepicker: FC<ISingleDatepickerProps> = ({ className, showButtons }) => {\n    const { defaultDate } = useContext(ValueControllerContext);\n    const currentDate = new Date(defaultDate || Date.now());\n    const [{ month, year }, setMonthYear] = useState({ month: currentDate.getMonth(), year: currentDate.getFullYear() });\n\n    return (\n        <>\n            <div className={cssClasses[cssDatePicker]}>\n                <PureDatepicker setMonthYear={setMonthYear} month={month} year={year} className={className} />\n                {showButtons && <Buttons />}\n            </div>\n        </>\n    );\n};\n\nexport default SingleDatepicker;\n"],"names":["React","cssClasses","cssDatePicker","PureDatepicker","Buttons"],"mappings":";;;;;;;;;;;;;;;;IAQa,gBAAgB,GAA+B,UAAC,EAA0B;QAAxB,wBAAS,EAAE,4BAAW;IACzE,IAAA,+EAAW,CAAwC;IAC3D,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAClD,IAAA,uFAA8G,EAA7G,UAAe,EAAb,gBAAK,EAAE,cAAI,EAAI,oBAA4F,CAAC;IAErH,QACIA;QACIA,iDAAK,SAAS,EAAEC,sBAAU,CAACC,yBAAa,CAAC;YACrCF,wCAACG,+BAAc,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI;YAC7F,WAAW,IAAIH,wCAACI,kBAAO,OAAG,CACzB,CACP,EACL;AACN;;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_animation.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactJss_esm = require('../../../../../../node_modules/react-jss/dist/react-jss.esm.js');
+
+var _a;
+var ANIMATION_TYPE_RIGHT = 'ANIMATION_TYPE_RIGHT';
+var ANIMATION_TYPE_LEFT = 'ANIMATION_TYPE_LEFT';
+var ANIMATION_MOVEMENT = (_a = {},
+    _a[ANIMATION_TYPE_RIGHT] = '0.5rem',
+    _a[ANIMATION_TYPE_LEFT] = '-0.5rem',
+    _a);
+var useStyles = reactJss_esm.createUseStyles({
+    animation: {
+        transition: function (_a) {
+            var offset = _a.offset, animation = _a.animation;
+            return (animation ? offset + "ms" : '0s');
+        },
+        overflow: 'hidden',
+        opacity: function (_a) {
+            var animation = _a.animation;
+            return +!animation;
+        },
+        marginLeft: function (_a) {
+            var animationType = _a.animationType, animation = _a.animation;
+            return (animation ? ANIMATION_MOVEMENT[animationType] : 0);
+        }
+    }
+});
+/**
+ * Hook to animate datepicker from side to side
+ * @param offset
+ */
+var useAnimation = function (_a) {
+    var offset = _a.offset;
+    var _b = React.useState(false), animation = _b[0], setAnimation = _b[1];
+    var _c = React.useState(), animationType = _c[0], setAnimationType = _c[1];
+    var animationWrapper = function (setState) { return function (state) {
+        setAnimation(true);
+        setTimeout(function () {
+            setState(state);
+            setAnimation(false);
+        }, offset);
+    }; };
+    var setRightAnimation = function () { return setAnimationType(ANIMATION_TYPE_RIGHT); };
+    var setLeftAnimation = function () { return setAnimationType(ANIMATION_TYPE_LEFT); };
+    var classes = useStyles({ animation: animation, animationType: animationType, offset: offset });
+    return {
+        animationWrapper: animationWrapper,
+        setRightAnimation: setRightAnimation,
+        setLeftAnimation: setLeftAnimation,
+        animationClassName: classes.animation
+    };
+};
+
+exports.default = useAnimation;
+//# sourceMappingURL=use_animation.js.map

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_animation.js","sources":["../../../../../../../../src/components/date_picker/hooks/use_animation.ts"],"sourcesContent":["import { createUseStyles } from 'react-jss';\nimport { Dispatch, SetStateAction, useState } from 'react';\nimport { IMonthYear } from '@components/date_picker/types';\n\nconst ANIMATION_TYPE_RIGHT = 'ANIMATION_TYPE_RIGHT';\nconst ANIMATION_TYPE_LEFT = 'ANIMATION_TYPE_LEFT';\nconst ANIMATION_MOVEMENT = {\n    [ANIMATION_TYPE_RIGHT]: '0.5rem',\n    [ANIMATION_TYPE_LEFT]: '-0.5rem'\n};\n\nconst useStyles = createUseStyles({\n    animation: {\n        transition: ({ offset, animation }) => (animation ? `${offset}ms` : '0s'),\n        overflow: 'hidden',\n        opacity: ({ animation }) => +!animation,\n        marginLeft: ({ animationType, animation }) => (animation ? ANIMATION_MOVEMENT[animationType] : 0)\n    }\n});\n\n/**\n * Hook to animate datepicker from side to side\n * @param offset\n */\nconst useAnimation = ({ offset }: { offset: number }) => {\n    const [animation, setAnimation] = useState(false);\n    const [animationType, setAnimationType] = useState<string>();\n    const animationWrapper = (setState: Dispatch<SetStateAction<IMonthYear>>) => (state: SetStateAction<IMonthYear>) => {\n        setAnimation(true);\n        setTimeout(() => {\n            setState(state);\n            setAnimation(false);\n        }, offset);\n    };\n\n    const setRightAnimation = () => setAnimationType(ANIMATION_TYPE_RIGHT);\n    const setLeftAnimation = () => setAnimationType(ANIMATION_TYPE_LEFT);\n    const classes = useStyles({ animation, animationType, offset });\n\n    return {\n        animationWrapper,\n        setRightAnimation,\n        setLeftAnimation,\n        animationClassName: classes.animation\n    };\n};\n\nexport default useAnimation;\n"],"names":["createUseStyles"],"mappings":";;;;;;;;AAIA,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AACpD,IAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAClD,IAAM,kBAAkB;IACpB,GAAC,oBAAoB,IAAG,QAAQ;IAChC,GAAC,mBAAmB,IAAG,SAAS;OACnC,CAAC;AAEF,IAAM,SAAS,GAAGA,4BAAe,CAAC;IAC9B,SAAS,EAAE;QACP,UAAU,EAAE,UAAC,EAAqB;gBAAnB,kBAAM,EAAE,wBAAS;YAAO,QAAC,SAAS,GAAM,MAAM,OAAI,GAAG,IAAI;SAAC;QACzE,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,OAAA,CAAC,CAAC,SAAS;SAAA;QACvC,UAAU,EAAE,UAAC,EAA4B;gBAA1B,gCAAa,EAAE,wBAAS;YAAO,QAAC,SAAS,GAAG,kBAAkB,CAAC,aAAa,CAAC,GAAG,CAAC;SAAC;KACpG;CACJ,CAAC,CAAC;AAEH;;;;IAIM,YAAY,GAAG,UAAC,EAA8B;QAA5B,kBAAM;IACpB,IAAA,0BAA2C,EAA1C,iBAAS,EAAE,oBAA+B,CAAC;IAC5C,IAAA,qBAAsD,EAArD,qBAAa,EAAE,wBAAsC,CAAC;IAC7D,IAAM,gBAAgB,GAAG,UAAC,QAA8C,IAAK,OAAA,UAAC,KAAiC;QAC3G,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,UAAU,CAAC;YACP,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC;SACvB,EAAE,MAAM,CAAC,CAAC;KACd,GAAA,CAAC;IAEF,IAAM,iBAAiB,GAAG,cAAM,OAAA,gBAAgB,CAAC,oBAAoB,CAAC,GAAA,CAAC;IACvE,IAAM,gBAAgB,GAAG,cAAM,OAAA,gBAAgB,CAAC,mBAAmB,CAAC,GAAA,CAAC;IACrE,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,SAAS,WAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAEhE,OAAO;QACH,gBAAgB,kBAAA;QAChB,iBAAiB,mBAAA;QACjB,gBAAgB,kBAAA;QAChB,kBAAkB,EAAE,OAAO,CAAC,SAAS;KACxC,CAAC;AACN;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_date_names.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useTranslation = require('../../../../../../node_modules/react-i18next/dist/es/useTranslation.js');
+
+/**
+ * Hook to get monthNames and weekDays and their shortcuts by index
+ */
+var useDateNames = function () {
+    var t = useTranslation.useTranslation()[0];
+    var monthIndexes = [
+        'january',
+        'february',
+        'march',
+        'april',
+        'may',
+        'june',
+        'july',
+        'august',
+        'september',
+        'october',
+        'november',
+        'december'
+    ];
+    var weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
+    var monthNames = monthIndexes.map(function (item) { return t(item); });
+    var weekNames = weekIndexes.map(function (item) { return t(item); });
+    var monthNameShortcuts = monthNames.map(function (item) { return item.slice(0, 3); });
+    var weekNameShortcuts = weekNames.map(function (item) { return item.slice(0, 1); });
+    return { monthNames: monthNames, monthNameShortcuts: monthNameShortcuts, weekNames: weekNames, weekNameShortcuts: weekNameShortcuts };
+};
+
+exports.default = useDateNames;
+//# sourceMappingURL=use_date_names.js.map

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_date_names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_date_names.js","sources":["../../../../../../../../src/components/date_picker/hooks/use_date_names.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\n/**\n * Hook to get monthNames and weekDays and their shortcuts by index\n */\nconst useDateNames = () => {\n    const [t] = useTranslation();\n    const monthIndexes = [\n        'january',\n        'february',\n        'march',\n        'april',\n        'may',\n        'june',\n        'july',\n        'august',\n        'september',\n        'october',\n        'november',\n        'december'\n    ];\n    const weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];\n    const monthNames = monthIndexes.map((item) => t(item));\n    const weekNames = weekIndexes.map((item) => t(item));\n    const monthNameShortcuts = monthNames.map((item) => item.slice(0, 3));\n    const weekNameShortcuts = weekNames.map((item) => item.slice(0, 1));\n\n    return { monthNames, monthNameShortcuts, weekNames, weekNameShortcuts };\n};\n\nexport default useDateNames;\n"],"names":[],"mappings":";;;;;;AAEA;;;IAGM,YAAY,GAAG;IACV,IAAA,sCAAC,CAAqB;IAC7B,IAAM,YAAY,GAAG;QACjB,SAAS;QACT,UAAU;QACV,OAAO;QACP,OAAO;QACP,KAAK;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,WAAW;QACX,SAAS;QACT,UAAU;QACV,UAAU;KACb,CAAC;IACF,IAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACnG,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC;IACrD,IAAM,kBAAkB,GAAG,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,CAAC,CAAC;IACtE,IAAM,iBAAiB,GAAG,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,CAAC,CAAC;IAEpE,OAAO,EAAE,UAAU,YAAA,EAAE,kBAAkB,oBAAA,EAAE,SAAS,WAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAC;AAC5E;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_keyboard_navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_keyboard_navigation.js","sources":["../../../../../../../../src/components/date_picker/hooks/use_keyboard_navigation.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { useKeyDown } from '@hooks/use_key_down';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\nimport { MonthYearNavigationContext, ValueControllerContext } from '../context';\n\n/**\n * Hook to bind keyboard keys to navigate date\n */\nexport const useKeyboardNavigation = () => {\n    const { setMonth, setYear, year, month } = useContext(MonthYearNavigationContext);\n    const {\n        updateDate,\n        navigationDate = new Date(year, month, 1),\n        setNavigationDate\n    } = useContext(ValueControllerContext);\n    const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n\n    const moveDate = (days: number) => {\n        const newDate: Date = new Date(navigationDate.toISOString());\n        if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {\n            newDate.setMonth(month);\n            newDate.setFullYear(year);\n            setNavigationDate(newDate);\n        } else {\n            newDate.setDate(newDate.getDate() + days);\n            setNavigationDate(newDate);\n            if (month !== newDate.getMonth()) {\n                setMonth(newDate.getMonth());\n            }\n            if (year !== newDate.getFullYear()) {\n                setYear(newDate.getFullYear());\n            }\n        }\n    };\n\n    const leftArrow = () => moveDate(-1);\n    const rightArrow = () => moveDate(+1);\n    const upArrow = () => moveDate(-7);\n    const downArrow = () => moveDate(7);\n    const chooseDate = () => {\n        updateDate(navigationDate);\n    };\n    const chooseDateClose = () => {\n        updateDate(navigationDate);\n        toggleDropdown?.();\n    };\n\n    //@todo darqwski\n    //This is probably broken because of missing ref\n    useKeyDown(['ArrowLeft'], leftArrow);\n    useKeyDown(['ArrowUp'], upArrow);\n    useKeyDown(['ArrowDown'], downArrow);\n    useKeyDown(['ArrowRight'], rightArrow);\n    useKeyDown([' '], chooseDate);\n    useKeyDown(['Enter'], chooseDateClose);\n};\n"],"names":["useKeyDown"],"mappings":";;;;;;;;;;AAMA;;;IAGa,qBAAqB,GAAG;IAC3B,IAAA,+DAA2E,EAAzE,sBAAQ,EAAE,oBAAO,EAAE,cAAI,EAAE,gBAAgD,CAAC;IAC5E,IAAA,0DAIgC,EAHlC,0BAAU,EACV,sBAAyC,EAAzC,8DAAyC,EACzC,wCACkC,CAAC;IAC/B,IAAA,uEAAc,CAAmD;IAEzE,IAAM,QAAQ,GAAG,UAAC,IAAY;QAC1B,IAAM,OAAO,GAAS,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7D,IAAI,cAAc,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,cAAc,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YAC9E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1B,iBAAiB,CAAC,OAAO,CAAC,CAAC;SAC9B;aAAM;YACH,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;YAC1C,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,KAAK,KAAK,OAAO,CAAC,QAAQ,EAAE,EAAE;gBAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;aAChC;YACD,IAAI,IAAI,KAAK,OAAO,CAAC,WAAW,EAAE,EAAE;gBAChC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;aAClC;SACJ;KACJ,CAAC;IAEF,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACrC,IAAM,UAAU,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACtC,IAAM,OAAO,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACnC,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,GAAA,CAAC;IACpC,IAAM,UAAU,GAAG;QACf,UAAU,CAAC,cAAc,CAAC,CAAC;KAC9B,CAAC;IACF,IAAM,eAAe,GAAG;QACpB,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,CAAC;;;IAIFA,uBAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrCA,uBAAU,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;IACjCA,uBAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrCA,uBAAU,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC;IACvCA,uBAAU,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9BA,uBAAU,CAAC,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;AAC3C;;;;"}