@dreamcommerce/aurora 0.3.4-15 → 0.3.4-150

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

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

package/build/esm/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,gCAAgC,CAAC;AACnE,OAAgD,4BAA4B,CAAC;AAC7E,OAAuF,OAAO,CAAC;AAC/F,OAAuB,yBAAyB,CAAC;AACjD,OAA4B,+BAA+B,CAAC"}

package/build/esm/src/components/date_picker/components/buttons.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Buttons: () => JSX.Element;
+export default Buttons;

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

@@ -0,0 +1,38 @@
+import React, { useContext } from 'react';
+import { useTranslation } from '../../../../node_modules/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/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":[],"mappings":";;;;;;;;;;IASM,OAAO,GAAG;IACL,IAAA,uBAAC,CAAqB;IACrB,IAAA,2DAAc,CAAmD;IACjE,IAAA,uEAAmB,CAAwC;IACnE,IAAM,UAAU,GAAG,eAAe,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,QACI,oBAAC,YAAY;QACT,oBAAC,MAAM,aAAC,EAAE,EAAC,QAAQ,IAAK,oBAAoB,IAAE,OAAO,EAAE,QAAQ,KAC1D,CAAC,CAAC,QAAQ,CAAC,CACP;QAET,oBAAC,MAAM,aAAC,EAAE,EAAC,QAAQ,IAAK,kBAAkB,IAAE,OAAO,EAAE,QAAQ,KACxD,CAAC,CAAC,QAAQ,CAAC,CACP,CACE,EACjB;AACN;;;;"}

package/build/esm/src/components/date_picker/components/common_ranges.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CommonRanges: () => JSX.Element;
+export default CommonRanges;

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

@@ -0,0 +1,25 @@
+import React, { useContext, useRef } from 'react';
+import { useTranslation } from '../../../../node_modules/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/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":["styles"],"mappings":";;;;;;;;;IASM,YAAY,GAAG;IACT,IAAA,iDAAQ,CAAwC;IACxD,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClC,IAAA,uBAAC,CAAqB;IAC7B,IAAM,UAAU,GAAG,SAAS,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,QACI,6BAAK,SAAS,EAAEA,UAAM,CAAC,yBAAyB,CAAC,EAAE,GAAG,EAAE,GAAG;QACvD,oBAAC,MAAM,IAAC,IAAI,EAAC,eAAe,EAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,GAAI,CAClG,EACR;AACN;;;;"}

package/build/esm/src/components/date_picker/components/days_grid.d.ts

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

package/build/esm/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-" + index }, weekName)); })),
+        React.createElement("div", { className: cssClasses[cssDatePickerDaysGridRow] + " " + animationClassName },
+            Array.from(Array(firstWeekDay).keys()).map(function (_, index) { return (React.createElement("div", { key: "empty-day-" + index })); }),
+            Array.from(Array(daysInMonth).keys()).map(function (_, index) { return (React.createElement(SingleDay, { date: index + 1, month: month, year: year, updateDate: updateDate, key: "day-" + index })); }))));
+};
+
+export default DaysGrid;
+//# sourceMappingURL=days_grid.js.map

package/build/esm/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":["styles"],"mappings":";;;;;;;;IAQM,QAAQ,GAA6B;IACjC,IAAA,2CAA4E,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,qDAAU,CAA0D;IACpE,IAAA,oDAAiB,CAAoB;IAE7C,QACI,6BAAK,SAAS,EAAEA,UAAM,CAAC,qBAAqB,CAAC;QACzC,6BAAK,SAAS,EAAEA,UAAM,CAAC,wBAAwB,CAAC,IAC3C,iBAAiB,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK,IAAK,QACxC,6BAAK,SAAS,EAAEA,UAAM,CAAC,6BAA6B,CAAC,EAAE,GAAG,EAAE,eAAa,KAAO,IAC3E,QAAQ,CACP,IACT,CAAC,CACA;QACN,6BAAK,SAAS,EAAKA,UAAM,CAAC,wBAAwB,CAAC,SAAI,kBAAoB;YACtE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,QACtD,6BAAK,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,QACrD,oBAAC,SAAS,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/esm/src/components/date_picker/components/label.d.ts

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

package/build/esm/src/components/date_picker/components/label.js

@@ -0,0 +1,18 @@
+import React, { useContext } from 'react';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+import InputWrapper from '../../controls/components/input_wrapper.js';
+import IconCalendar from '../../../assets/icon_calendar.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePickerLabelIcon } from '../css_classes.js';
+
+var DatepickerLabel = function (_a) {
+    var name = _a.name;
+    var _b = useContext(DatepickerContext), readable = _b.readable, inputValue = _b.inputValue;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(InputWrapper, { value: readable, preElements: React.createElement(IconCalendar, { className: cssClasses[cssDatePickerLabelIcon] }) }),
+        React.createElement("input", { type: "hidden", name: name, value: inputValue })));
+};
+
+export default DatepickerLabel;
+//# sourceMappingURL=label.js.map

package/build/esm/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":["styles"],"mappings":";;;;;;;;IAQM,eAAe,GAAoC,UAAC,EAAQ;QAAN,cAAI;IACtD,IAAA,kCAA+E,EAA7E,sBAAQ,EAAE,0BAAmE,CAAC;IAEtF,QACI;QACI,oBAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,oBAAC,YAAY,IAAC,SAAS,EAAEA,UAAM,CAAC,sBAAsB,CAAC,GAAI,GAAI;QAE3G,+BAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,GAAI,CACvD,EACL;AACN;;;;"}

package/build/esm/src/components/date_picker/components/month_controller.d.ts

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

package/build/esm/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: "" + cssClasses[cssDatePickerController], ref: controllerRef, "data-test-id": DATE_PICKER_TEST_ID.controller },
+        React.createElement("div", { onClick: previousMonth, className: cssClasses[cssDatePickerControllerArrow] + " " + 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: monthNames[month] + " " + year }),
+                React.createElement(Dropdown.Content, { portalContainer: controllerRef },
+                    React.createElement(MonthYearPicker, { month: month, year: year })))),
+        React.createElement("div", { onClick: nextMonth, className: cssClasses[cssDatePickerControllerArrow] + " " + cssClasses[cssDatePickerControllerArrowRight], "data-test-id": DATE_PICKER_TEST_ID.arrowRight })));
+};
+
+export default MonthController;
+//# sourceMappingURL=month_controller.js.map

package/build/esm/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":["styles"],"mappings":";;;;;;;;;;;IAiBM,eAAe,GAA+B,UAAC,EAAe;QAAb,gBAAK,EAAE,cAAI;IACxD,IAAA,2CAAyF,EAAvF,gCAAa,EAAE,wBAAS,EAAE,0CAA6D,CAAC;IACxF,IAAA,sCAAU,CAAoB;IACtC,IAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnD,qBAAqB,EAAE,CAAC;IAExB,QACI,6BACI,SAAS,EAAE,KAAGA,UAAM,CAAC,uBAAuB,CAAG,EAC/C,GAAG,EAAE,aAAa,kBACJ,mBAAmB,CAAC,UAAU;QAE5C,6BACI,OAAO,EAAE,aAAa,EACtB,SAAS,EAAKA,UAAM,CAAC,4BAA4B,CAAC,SAAIA,UAAM,CAAC,gCAAgC,CAAG,kBAClF,mBAAmB,CAAC,SAAS,GAC7C;QACF,6BAAK,SAAS,EAAEA,UAAM,CAAC,4BAA4B,CAAC;YAChD,oBAAC,QAAQ;gBACL,oBAAC,QAAQ,CAAC,KAAK,IAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAK,UAAU,CAAC,KAAK,CAAC,SAAI,IAAM,GAAI;gBACvF,oBAAC,QAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,aAAa;oBAC5C,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC9B,CACZ,CACT;QACN,6BACI,OAAO,EAAE,SAAS,EAClB,SAAS,EAAKA,UAAM,CAAC,4BAA4B,CAAC,SAAIA,UAAM,CAAC,iCAAiC,CAAG,kBACnF,mBAAmB,CAAC,UAAU,GAC9C,CACA,EACR;AACN;;;;"}

package/build/esm/src/components/date_picker/components/month_year_picker/components/month_view.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const MonthView: () => JSX.Element;
+export default MonthView;

package/build/esm/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-" + index, onClick: onMonthClick(index), className: cssClasses[cssDatePickerMonthTableItem] + " " + (index === month ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, monthNameShortcuts[index])); })));
+};
+
+export default MonthView;
+//# sourceMappingURL=month_view.js.map

package/build/esm/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":["styles"],"mappings":";;;;;;;;;IASM,SAAS,GAAG;IACN,IAAA,sDAAkB,CAAoB;IACxC,IAAA,2CAA4D,EAA1D,sBAAQ,EAAE,gBAAgD,CAAC;IAC3D,IAAA,2DAAc,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,QACI,6BAAK,SAAS,EAAEA,UAAM,CAAC,uBAAuB,CAAC,IAC1C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QACrD,8BACI,GAAG,EAAE,wBAAsB,KAAO,EAClC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,EAC5B,SAAS,EAAKA,UAAM,CAAC,2BAA2B,CAAC,UAAI,KAAK,KAAK,KAAK,GAAGA,UAAM,CAAC,mCAAmC,CAAC,GAAG,EAAE,CAAE,IAExH,kBAAkB,CAAC,KAAK,CAAC,CACvB,IACV,CAAC,CACA,EACR;AACN;;;;"}

package/build/esm/src/components/date_picker/components/month_year_picker/components/month_year_controller.d.ts

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

package/build/esm/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: cssClasses[cssDatePickerControllerArrow] + " " + cssClasses[cssDatePickerControllerArrowLeft] }),
+        React.createElement("div", { onClick: toggleView, className: cssClasses[cssDatePickerControllerTitle] }, monthPickerTitle),
+        React.createElement("div", { "data-test-id": "month-year-right-arrow", onClick: onArrowRight, className: cssClasses[cssDatePickerControllerArrow] + " " + cssClasses[cssDatePickerControllerArrowRight] })));
+};
+
+export default MonthYearPickerController;
+//# sourceMappingURL=month_year_controller.js.map

package/build/esm/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":["styles"],"mappings":";;;;;IAYM,yBAAyB,GAAyC;IAC9D,IAAA,uCAAgG,EAA9F,4BAAW,EAAE,8BAAY,EAAE,sCAAgB,EAAE,0BAAiD,CAAC;IAEvG,QACI,6BAAK,SAAS,EAAEA,UAAM,CAAC,uBAAuB,CAAC;QAC3C,6CACiB,uBAAuB,EACpC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAKA,UAAM,CAAC,4BAA4B,CAAC,SAAIA,UAAM,CAAC,gCAAgC,CAAG,GAClG;QACF,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAEA,UAAM,CAAC,4BAA4B,CAAC,IACpE,gBAAgB,CACf;QACN,6CACiB,wBAAwB,EACrC,OAAO,EAAE,YAAY,EACrB,SAAS,EAAKA,UAAM,CAAC,4BAA4B,CAAC,SAAIA,UAAM,CAAC,iCAAiC,CAAG,GACnG,CACA,EACR;AACN;;;;"}

package/build/esm/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.d.ts

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

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

@@ -0,0 +1,43 @@
+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 ? "" + year : yearRange + "-" + (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/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":[],"mappings":";;;;;;;IAOM,6BAA6B,GAA6C,UAAC,EAAyB;QAAvB,sBAAQ,EAAE,gBAAK,EAAE,cAAI;IAC5F,IAAA,wDAAO,CAA4C;IACrD,IAAA,yBAAsC,EAArC,YAAI,EAAE,eAA+B,CAAC;IAC7C,IAAM,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAG,aAAa,CAAC,CAAC;IAClF,IAAA,wBAA+C,EAA9C,iBAAS,EAAE,oBAAmC,CAAC;IAEtD,IAAM,WAAW,GAAG;QAChB,IAAI,IAAI,KAAK,UAAU,EAAE;YACrB,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;SACrB;aAAM;YACH,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,SAAS,GAAG,aAAa,GAAA,CAAC,CAAC;SAC1D;KACJ,CAAC;IACF,IAAM,YAAY,GAAG;QACjB,IAAI,IAAI,KAAK,UAAU,EAAE;YACrB,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;SACrB;aAAM;YACH,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,SAAS,GAAG,aAAa,GAAA,CAAC,CAAC;SAC1D;KACJ,CAAC;IACF,IAAM,UAAU,GAAG;QACf,IAAI,IAAI,KAAK,UAAU,EAAE;YACrB,OAAO,CAAC,UAAU,CAAC,CAAC;SACvB;aAAM;YACH,OAAO,CAAC,UAAU,CAAC,CAAC;SACvB;KACJ,CAAC;IACF,IAAM,gBAAgB,GAAG,IAAI,KAAK,UAAU,GAAG,KAAG,IAAM,GAAM,SAAS,UAAI,SAAS,GAAG,aAAa,CAAE,CAAC;IAEvG,QACI,oBAAC,sBAAsB,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/esm/src/components/date_picker/components/month_year_picker/components/month_year_view.d.ts

@@ -0,0 +1,2 @@
+declare const MonthYearView: () => any;
+export default MonthYearView;

package/build/esm/src/components/date_picker/components/month_year_picker/components/month_year_view.js

@@ -0,0 +1,18 @@
+import { useContext } from 'react';
+import { MonthYearPickerContext } from '../context.js';
+import MonthView from './month_view.js';
+import { MONTH_VIEW, YEARS_VIEW } from '../constants.js';
+import YearView from './years_view.js';
+
+var _a;
+var Views = (_a = {},
+    _a[MONTH_VIEW] = MonthView,
+    _a[YEARS_VIEW] = YearView,
+    _a);
+var MonthYearView = function () {
+    var view = useContext(MonthYearPickerContext).view;
+    return Views[view]();
+};
+
+export default MonthYearView;
+//# sourceMappingURL=month_year_view.js.map

package/build/esm/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":["YearsView"],"mappings":";;;;;;;AAMA,IAAM,KAAK;IACP,GAAC,UAAU,IAAG,SAAS;IACvB,GAAC,UAAU,IAAGA,QAAS;OAC1B,CAAC;IAEI,aAAa,GAAG;IACV,IAAA,8CAAI,CAAwC;IAEpD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACzB;;;;"}

package/build/esm/src/components/date_picker/components/month_year_picker/components/years_view.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const YearView: () => JSX.Element;
+export default YearView;

package/build/esm/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-" + index, onClick: onYearClick(index), className: cssClasses[cssDatePickerMonthTableItem] + " " + (yearRange + index === year ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
+};
+
+export default YearView;
+//# sourceMappingURL=years_view.js.map

package/build/esm/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":["styles"],"mappings":";;;;;;;;;IAQM,QAAQ,GAAG;IACP,IAAA,2CAA0D,EAAxD,oBAAO,EAAE,cAA+C,CAAC;IAC3D,IAAA,uCAA2D,EAAzD,wBAAS,EAAE,oBAA8C,CAAC;IAClE,IAAM,WAAW,GAAG,UAAC,SAAiB,IAAK,OAAA;QACvC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;QAC/B,OAAO,CAAC,UAAU,CAAC,CAAC;KACvB,GAAA,CAAC;IACF,QACI,6BAAK,SAAS,EAAEA,UAAM,CAAC,uBAAuB,CAAC,IAC1C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QACpD,8BACI,GAAG,EAAE,wBAAsB,KAAO,EAClC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAC3B,SAAS,EAAKA,UAAM,CAAC,2BAA2B,CAAC,UAC7C,SAAS,GAAG,KAAK,KAAK,IAAI,GAAGA,UAAM,CAAC,mCAAmC,CAAC,GAAG,EAAE,CAC/E,IAED,SAAS,GAAG,KAAK,CACf,IACV,CAAC,CACA,EACR;AACN;;;;"}

package/build/esm/src/components/date_picker/components/month_year_picker/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MONTH_VIEW = "MONTH_VIEW";
+export declare const YEARS_VIEW = "YEARS_VIEW";

package/build/esm/src/components/date_picker/components/month_year_picker/constants.js

@@ -0,0 +1,5 @@
+var MONTH_VIEW = 'MONTH_VIEW';
+var YEARS_VIEW = 'YEARS_VIEW';
+
+export { MONTH_VIEW, YEARS_VIEW };
+//# sourceMappingURL=constants.js.map

package/build/esm/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/esm/src/components/date_picker/components/month_year_picker/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IMonthYearPickerContext } from './types';
+export declare const MonthYearPickerContext: import("react").Context<IMonthYearPickerContext>;

package/build/esm/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/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":[],"mappings":";;IAGa,sBAAsB,GAAG,aAAa,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/esm/src/components/date_picker/components/month_year_picker/index.d.ts

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

package/build/esm/src/components/date_picker/components/month_year_picker/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import MonthYearPickerController from './components/month_year_controller.js';
+import MonthYearView from './components/month_year_view.js';
+import MonthYearPickerContextManager from './components/month_year_picker_context_manager.js';
+
+var MonthYearPicker = function (_a) {
+    var year = _a.year, month = _a.month;
+    return (React.createElement(MonthYearPickerContextManager, { year: year, month: month },
+        React.createElement(MonthYearPickerController, null),
+        React.createElement(MonthYearView, null)));
+};
+
+export default MonthYearPicker;
+//# sourceMappingURL=index.js.map

package/build/esm/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":[],"mappings":";;;;;IAMM,eAAe,GAAoC,UAAC,EAAe;QAAb,cAAI,EAAE,gBAAK;IAAO,QAC1E,oBAAC,6BAA6B,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;QACnD,oBAAC,yBAAyB,OAAG;QAC7B,oBAAC,aAAa,OAAG,CACW;AAJ0C;;;;"}

package/build/esm/src/components/date_picker/components/month_year_picker/types.d.ts

@@ -0,0 +1,16 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface IMonthYearPickerContext {
+    onArrowLeft(): void;
+    onArrowRight(): void;
+    toggleView(): void;
+    month: number;
+    monthPickerTitle: string;
+    yearRange: number;
+    setYearRange: Dispatch<SetStateAction<number>>;
+    view: string;
+    setView: Dispatch<SetStateAction<string>>;
+}
+export interface IMonthYearPickerContextManager {
+    month: number;
+    year: number;
+}

package/build/esm/src/components/date_picker/components/month_year_picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/components/month_year_picker/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC"}

package/build/esm/src/components/date_picker/components/pure_date_picker.d.ts

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

package/build/esm/src/components/date_picker/components/pure_date_picker.js

@@ -0,0 +1,77 @@
+import React 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 { cssDatePickerContainer } from '../css_classes.js';
+import { MAX_MONTH, MIN_MONTH } from '../constants.js';
+import useAnimation from '../hooks/use_animation.js';
+import DaysGrid from './days_grid.js';
+import MonthController from './month_controller.js';
+
+var PureDatepicker = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, setMonthYear = _a.setMonthYear, month = _a.month, year = _a.year;
+    var _c = useAnimation({ offset: 200 }), animationWrapper = _c.animationWrapper, setRightAnimation = _c.setRightAnimation, setLeftAnimation = _c.setLeftAnimation, animationClassName = _c.animationClassName;
+    var setMonthYearWithDelay = animationWrapper(setMonthYear);
+    var previousMonth = function () {
+        if (!month) {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year - 1, month: MAX_MONTH });
+            });
+        }
+        else {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year, month: month - 1 });
+            });
+        }
+    };
+    var nextMonth = function () {
+        if (month === MAX_MONTH) {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year + 1, month: MIN_MONTH });
+            });
+        }
+        else {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year, month: month + 1 });
+            });
+        }
+    };
+    var prevMonthWithAnimation = function () {
+        setLeftAnimation();
+        previousMonth();
+    };
+    var nextMonthWithAnimation = function () {
+        setRightAnimation();
+        nextMonth();
+    };
+    var setMonth = function (month) {
+        setMonthYearWithDelay(function (_a) {
+            var year = _a.year;
+            return ({ month: month, year: year });
+        });
+    };
+    var setYear = function (year) { return setMonthYearWithDelay(function (_a) {
+        var month = _a.month;
+        return ({ month: month, year: year });
+    }); };
+    return (React.createElement("div", { className: className + " " + cssClasses[cssDatePickerContainer] },
+        React.createElement(MonthYearNavigationContext.Provider, { value: {
+                previousMonth: prevMonthWithAnimation,
+                nextMonth: nextMonthWithAnimation,
+                animationClassName: animationClassName,
+                year: year,
+                month: month,
+                setYear: setYear,
+                setMonth: setMonth,
+            } },
+            React.createElement(MonthController, { month: month, year: year }),
+            React.createElement(DaysGrid, null))));
+};
+
+export default PureDatepicker;
+export { PureDatepicker };
+//# sourceMappingURL=pure_date_picker.js.map