@dreamcommerce/aurora 0.4.3 → 0.4.5

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

@@ -6,17 +6,17 @@ import { cssDatePickerDaysGrid, cssDatePickerDaysGridRow, cssDatePickerDaysGridW
 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;
+const DaysGrid = () => {
+    const { year, month, animationClassName } = useContext(MonthYearNavigationContext);
+    const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getDate();
+    const firstWeekDay = (new Date(year, month, 1).getDay() + 6) % 7;
+    const { updateDate } = useContext(DatepickerContext);
+    const { weekNameShortcuts } = useDateNames();
     return (React.createElement("div", { className: cssClasses[cssDatePickerDaysGrid] },
-        React.createElement("div", { className: cssClasses[cssDatePickerDaysGridRow] }, weekNameShortcuts.map(function (weekName, index) { return (React.createElement("div", { className: cssClasses[cssDatePickerDaysGridWeekName], key: "week-name-".concat(index) }, weekName)); })),
-        React.createElement("div", { className: "".concat(cssClasses[cssDatePickerDaysGridRow], " ").concat(animationClassName) },
-            Array.from(Array(firstWeekDay).keys()).map(function (_, index) { return (React.createElement("div", { key: "empty-day-".concat(index) })); }),
-            Array.from(Array(daysInMonth).keys()).map(function (_, index) { return (React.createElement(SingleDay, { date: index + 1, month: month, year: year, updateDate: updateDate, key: "day-".concat(index) })); }))));
+        React.createElement("div", { className: cssClasses[cssDatePickerDaysGridRow] }, weekNameShortcuts.map((weekName, index) => (React.createElement("div", { className: cssClasses[cssDatePickerDaysGridWeekName], key: `week-name-${index}` }, weekName)))),
+        React.createElement("div", { className: `${cssClasses[cssDatePickerDaysGridRow]} ${animationClassName}` },
+            Array.from(Array(firstWeekDay).keys()).map((_, index) => (React.createElement("div", { key: `empty-day-${index}` }))),
+            Array.from(Array(daysInMonth).keys()).map((_, index) => (React.createElement(SingleDay, { date: index + 1, month: month, year: year, updateDate: updateDate, key: `day-${index}` }))))));
 };
 
 export default DaysGrid;

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

@@ -1,14 +1,12 @@
 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;
+const DatepickerLabel = ({ name }) => {
+    const { readable, inputValue } = useContext(DatepickerContext);
     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 })));

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

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

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

@@ -1,5 +1,4 @@
 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';
@@ -9,20 +8,19 @@ 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);
+const MonthController = ({ month, year }) => {
+    const { previousMonth, nextMonth, animationClassName } = useContext(MonthYearNavigationContext);
+    const { monthNames } = useDateNames();
+    const controllerRef = useRef(null);
     useKeyboardNavigation();
-    return (React.createElement("div", { className: "".concat(cssClasses[cssDatePickerController]), ref: controllerRef, "data-test-id": DATE_PICKER_TEST_ID.controller },
-        React.createElement("div", { onClick: previousMonth, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowLeft]), "data-test-id": DATE_PICKER_TEST_ID.arrowLeft }),
+    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: "".concat(monthNames[month], " ").concat(year) }),
+                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: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowRight]), "data-test-id": DATE_PICKER_TEST_ID.arrowRight })));
+        React.createElement("div", { onClick: nextMonth, className: `${cssClasses[cssDatePickerControllerArrow]} ${cssClasses[cssDatePickerControllerArrowRight]}`, "data-test-id": DATE_PICKER_TEST_ID.arrowRight })));
 };
 
 export default MonthController;

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

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

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

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

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

@@ -1,21 +1,20 @@
 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 () {
+const MonthView = () => {
+    const { monthNameShortcuts } = useDateNames();
+    const { setMonth, month } = useContext(MonthYearNavigationContext);
+    const { toggleDropdown } = useContext(DropdownContext);
+    const onMonthClick = (monthIndex) => () => {
         setMonth(monthIndex);
         toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-    }; };
-    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(MONTHS_IN_YEAR).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-".concat(index), onClick: onMonthClick(index), className: "".concat(cssClasses[cssDatePickerMonthTableItem], " ").concat(index === month ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, monthNameShortcuts[index])); })));
+    };
+    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(MONTHS_IN_YEAR).keys()).map((index) => (React.createElement("span", { key: `month-picker-month-${index}`, onClick: onMonthClick(index), className: `${cssClasses[cssDatePickerMonthTableItem]} ${index === month ? cssClasses[cssDatePickerMonthTableItemSelected] : ''}` }, monthNameShortcuts[index])))));
 };
 
 export default MonthView;

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

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

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

@@ -3,12 +3,12 @@ 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;
+const MonthYearPickerController = () => {
+    const { onArrowLeft, onArrowRight, monthPickerTitle, toggleView } = useContext(MonthYearPickerContext);
     return (React.createElement("div", { className: cssClasses[cssDatePickerController] },
-        React.createElement("div", { "data-test-id": "month-year-left-arrow", onClick: onArrowLeft, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowLeft]) }),
+        React.createElement("div", { "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: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowRight]) })));
+        React.createElement("div", { "data-test-id": "month-year-right-arrow", onClick: onArrowRight, className: `${cssClasses[cssDatePickerControllerArrow]} ${cssClasses[cssDatePickerControllerArrowRight]}` })));
 };
 
 export default MonthYearPickerController;

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

@@ -1,33 +1,31 @@
 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 () {
+const MonthYearPickerContextManager = ({ children, month, year }) => {
+    const { setYear } = useContext(MonthYearNavigationContext);
+    const [view, setView] = useState(MONTH_VIEW);
+    const startYear = new Date().getFullYear() - (new Date().getFullYear() % YEARS_IN_VIEW);
+    const [yearRange, setYearRange] = useState(startYear);
+    const onArrowLeft = () => {
         if (view === MONTH_VIEW) {
             setYear(year - 1);
         }
         else {
-            setYearRange(function (yearRange) { return yearRange - YEARS_IN_VIEW; });
+            setYearRange((yearRange) => yearRange - YEARS_IN_VIEW);
         }
     };
-    var onArrowRight = function () {
+    const onArrowRight = () => {
         if (view === MONTH_VIEW) {
             setYear(year + 1);
         }
         else {
-            setYearRange(function (yearRange) { return yearRange + YEARS_IN_VIEW; });
+            setYearRange((yearRange) => yearRange + YEARS_IN_VIEW);
         }
     };
-    var toggleView = function () {
+    const toggleView = () => {
         if (view === MONTH_VIEW) {
             setView(YEARS_VIEW);
         }
@@ -35,17 +33,17 @@ var MonthYearPickerContextManager = function (_a) {
             setView(MONTH_VIEW);
         }
     };
-    var monthPickerTitle = view === MONTH_VIEW ? "".concat(year) : "".concat(yearRange, "-").concat(yearRange + YEARS_IN_VIEW);
+    const 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
+            onArrowLeft,
+            onArrowRight,
+            toggleView,
+            monthPickerTitle,
+            yearRange,
+            setYearRange,
+            view,
+            setView,
+            month
         } }, children));
 };
 

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

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

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

@@ -4,13 +4,12 @@ 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;
+const Views = {
+    [MONTH_VIEW]: MonthView,
+    [YEARS_VIEW]: YearView
+};
+const MonthYearView = () => {
+    const { view } = useContext(MonthYearPickerContext);
     return Views[view]();
 };
 

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

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

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

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

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

@@ -1,5 +1,4 @@
 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';
@@ -7,14 +6,14 @@ 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 () {
+const YearView = () => {
+    const { setYear, year } = useContext(MonthYearNavigationContext);
+    const { yearRange, setView } = useContext(MonthYearPickerContext);
+    const onYearClick = (yearIndex) => () => {
         setYear(yearRange + yearIndex);
         setView(MONTH_VIEW);
-    }; };
-    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(YEARS_IN_VIEW).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-".concat(index), onClick: onYearClick(index), className: "".concat(cssClasses[cssDatePickerMonthTableItem], " ").concat(yearRange + index === year ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
+    };
+    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(YEARS_IN_VIEW).keys()).map((index) => (React.createElement("span", { key: `month-picker-month-${index}`, onClick: onYearClick(index), className: `${cssClasses[cssDatePickerMonthTableItem]} ${yearRange + index === year ? cssClasses[cssDatePickerMonthTableItemSelected] : ''}` }, yearRange + index)))));
 };
 
 export default YearView;

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

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

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

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

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

@@ -1,12 +1,12 @@
 import { createContext } from 'react';
 
-var MonthYearPickerContext = createContext({
+const MonthYearPickerContext = createContext({
     monthPickerTitle: '',
-    onArrowLeft: function () { },
-    onArrowRight: function () { },
-    toggleView: function () { },
-    setView: function () { },
-    setYearRange: function () { },
+    onArrowLeft() { },
+    onArrowRight() { },
+    toggleView() { },
+    setView() { },
+    setYearRange() { },
     view: '',
     yearRange: 0,
     month: 0

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

@@ -3,12 +3,9 @@ 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)));
-};
+const MonthYearPicker = ({ year, month }) => (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/packages/aurora/src/components/date_picker/components/month_year_picker/index.js.map

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

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

@@ -1,5 +1,4 @@
 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';
@@ -8,65 +7,46 @@ 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 () {
+const PureDatepicker = ({ className = '', setMonthYear, month, year }) => {
+    const { animationWrapper, setRightAnimation, setLeftAnimation, animationClassName } = useAnimation({ offset: 200 });
+    const setMonthYearWithDelay = animationWrapper(setMonthYear);
+    const previousMonth = () => {
         if (!month) {
-            setMonthYearWithDelay(function (_a) {
-                var year = _a.year;
-                return ({ year: year - 1, month: MAX_MONTH });
-            });
+            setMonthYearWithDelay(({ year }) => ({ year: year - 1, month: MAX_MONTH }));
         }
         else {
-            setMonthYearWithDelay(function (_a) {
-                var year = _a.year;
-                return ({ year: year, month: month - 1 });
-            });
+            setMonthYearWithDelay(({ year }) => ({ year, month: month - 1 }));
         }
     };
-    var nextMonth = function () {
+    const nextMonth = () => {
         if (month === MAX_MONTH) {
-            setMonthYearWithDelay(function (_a) {
-                var year = _a.year;
-                return ({ year: year + 1, month: MIN_MONTH });
-            });
+            setMonthYearWithDelay(({ year }) => ({ year: year + 1, month: MIN_MONTH }));
         }
         else {
-            setMonthYearWithDelay(function (_a) {
-                var year = _a.year;
-                return ({ year: year, month: month + 1 });
-            });
+            setMonthYearWithDelay(({ year }) => ({ year, month: month + 1 }));
         }
     };
-    var prevMonthWithAnimation = function () {
+    const prevMonthWithAnimation = () => {
         setLeftAnimation();
         previousMonth();
     };
-    var nextMonthWithAnimation = function () {
+    const nextMonthWithAnimation = () => {
         setRightAnimation();
         nextMonth();
     };
-    var setMonth = function (month) {
-        setMonthYearWithDelay(function (_a) {
-            var year = _a.year;
-            return ({ month: month, year: year });
-        });
+    const setMonth = (month) => {
+        setMonthYearWithDelay(({ year }) => ({ month, year }));
     };
-    var setYear = function (year) { return setMonthYearWithDelay(function (_a) {
-        var month = _a.month;
-        return ({ month: month, year: year });
-    }); };
-    return (React.createElement("div", { className: "".concat(className, " ").concat(cssClasses[cssDatePickerContainer]) },
+    const setYear = (year) => setMonthYearWithDelay(({ month }) => ({ month, 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
+                animationClassName,
+                year,
+                month,
+                setYear,
+                setMonth
             } },
             React.createElement(MonthController, { month: month, year: year }),
             React.createElement(DaysGrid, null))));

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

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

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

@@ -1,53 +1,47 @@
 import React, { useContext, useMemo } from 'react';
 import { classNames } from '../../../utilities/styles/classNames.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 { cssDatePickerDay, cssDatePickerDayNavigation, cssDatePickerDaySelected, cssDatePickerDayBlocked, cssDatePickerDayProposed, cssDatePickerDayRangeEndLeft, cssDatePickerDayRangeEndLeftProposed, cssDatePickerDayRangeEndRight, cssDatePickerDayRangeEndRightProposed, cssDatePickerDayInRange, cssDatePickerDayText, cssDatePickerDayTextRoundedBorders, cssDatePickerDayTextNavigation, cssDatePickerDayTextToday, cssDatePickerDayTextSelected } from '../css_classes.js';
 import { DATE_PICKER_TEST_ID } from '../constants.js';
 
-var SingleDay = function (_a) {
-    var date = _a.date, month = _a.month, year = _a.year;
-    var _b = useContext(DatepickerContext), updateDate = _b.updateDate, isSelected = _b.isSelected, isInRange = _b.isInRange, isNavigation = _b.isNavigation, isBlocked = _b.isBlocked, isToday = _b.isToday, setHoverDate = _b.setHoverDate, isProposed = _b.isProposed;
-    var singleDate = new Date(year, month, date);
-    var selected = isSelected(singleDate);
-    var navigation = isNavigation(singleDate);
-    var proposed = isProposed(singleDate);
-    var inRange = isInRange(singleDate);
-    var today = isToday(singleDate);
-    var nextDayInRange = isInRange(new Date(year, month, date + 1));
-    var previousDayInRange = isInRange(new Date(year, month, date - 1));
-    var blocked = isBlocked(singleDate);
-    var roundedBorders = selected || today;
-    var oneDayRange = inRange && !nextDayInRange && !previousDayInRange;
-    var firstRangeDay = inRange && !previousDayInRange && !oneDayRange;
-    var lastRangeDay = !nextDayInRange && inRange && !oneDayRange;
-    var dayClassName = useMemo(function () {
-        return classNames([
-            cssDatePickerDay,
-            navigation && cssDatePickerDayNavigation,
-            selected && cssDatePickerDaySelected,
-            blocked && cssDatePickerDayBlocked,
-            proposed && (inRange || selected) && cssDatePickerDayProposed,
-            firstRangeDay && cssDatePickerDayRangeEndLeft,
-            firstRangeDay && proposed && cssDatePickerDayRangeEndLeftProposed,
-            lastRangeDay && cssDatePickerDayRangeEndRight,
-            lastRangeDay && proposed && cssDatePickerDayRangeEndRightProposed,
-            oneDayRange && cssDatePickerDaySelected,
-            inRange && cssDatePickerDayInRange
-        ], cssClasses);
-    }, [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]);
-    var dayTextClassName = useMemo(function () {
-        return classNames([
-            cssDatePickerDayText,
-            roundedBorders && cssDatePickerDayTextRoundedBorders,
-            selected && navigation && cssDatePickerDayTextNavigation,
-            today && navigation && cssDatePickerDayTextNavigation,
-            today && cssDatePickerDayTextToday,
-            selected && cssDatePickerDayTextSelected
-        ], cssClasses);
-    }, [roundedBorders, selected, navigation, today]);
-    return (React.createElement("div", { className: dayClassName, onClick: function () { return updateDate(new Date(year, month, date)); }, onMouseOver: function () {
+const SingleDay = ({ date, month, year }) => {
+    const { updateDate, isSelected, isInRange, isNavigation, isBlocked, isToday, setHoverDate, isProposed } = useContext(DatepickerContext);
+    const singleDate = new Date(year, month, date);
+    const selected = isSelected(singleDate);
+    const navigation = isNavigation(singleDate);
+    const proposed = isProposed(singleDate);
+    const inRange = isInRange(singleDate);
+    const today = isToday(singleDate);
+    const nextDayInRange = isInRange(new Date(year, month, date + 1));
+    const previousDayInRange = isInRange(new Date(year, month, date - 1));
+    const blocked = isBlocked(singleDate);
+    const roundedBorders = selected || today;
+    const oneDayRange = inRange && !nextDayInRange && !previousDayInRange;
+    const firstRangeDay = inRange && !previousDayInRange && !oneDayRange;
+    const lastRangeDay = !nextDayInRange && inRange && !oneDayRange;
+    const dayClassName = useMemo(() => classNames([
+        cssDatePickerDay,
+        navigation && cssDatePickerDayNavigation,
+        selected && cssDatePickerDaySelected,
+        blocked && cssDatePickerDayBlocked,
+        proposed && (inRange || selected) && cssDatePickerDayProposed,
+        firstRangeDay && cssDatePickerDayRangeEndLeft,
+        firstRangeDay && proposed && cssDatePickerDayRangeEndLeftProposed,
+        lastRangeDay && cssDatePickerDayRangeEndRight,
+        lastRangeDay && proposed && cssDatePickerDayRangeEndRightProposed,
+        oneDayRange && cssDatePickerDaySelected,
+        inRange && cssDatePickerDayInRange
+    ], cssClasses), [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]);
+    const dayTextClassName = useMemo(() => classNames([
+        cssDatePickerDayText,
+        roundedBorders && cssDatePickerDayTextRoundedBorders,
+        selected && navigation && cssDatePickerDayTextNavigation,
+        today && navigation && cssDatePickerDayTextNavigation,
+        today && cssDatePickerDayTextToday,
+        selected && cssDatePickerDayTextSelected
+    ], cssClasses), [roundedBorders, selected, navigation, today]);
+    return (React.createElement("div", { className: dayClassName, onClick: () => updateDate(new Date(year, month, date)), onMouseOver: () => {
             setHoverDate(new Date(year, month, date));
         } },
         React.createElement("div", { className: dayTextClassName, "data-test-id": DATE_PICKER_TEST_ID.dayContent }, date)));

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

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

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

@@ -1,16 +1,16 @@
-var MONTHS_IN_YEAR = 12;
-var YEARS_IN_VIEW = 12;
-var MAX_MONTH = 11;
-var MIN_MONTH = 0;
-var MILLIS_IN_DAY = 1000 * 3600 * 24;
-var DATE_PICKER = 'datepicker';
-var DATE_PICKER__CONTROLLER = "".concat(DATE_PICKER, "__controller");
-var DATE_PICKER__CONTROLLER_TITLE = "".concat(DATE_PICKER__CONTROLLER, "-title");
-var DATE_PICKER__CONTROLLER_ARROW = "".concat(DATE_PICKER__CONTROLLER, "-arrow");
-var DATE_PICKER__CONTROLLER_ARROW_LEFT = "".concat(DATE_PICKER__CONTROLLER_ARROW, "_left");
-var DATE_PICKER__CONTROLLER_ARROW_RIGHT = "".concat(DATE_PICKER__CONTROLLER_ARROW, "_right");
-var DATE_PICKER__DAY_CONTENT = "".concat(DATE_PICKER__CONTROLLER, "-day-content");
-var DATE_PICKER_TEST_ID = {
+const MONTHS_IN_YEAR = 12;
+const YEARS_IN_VIEW = 12;
+const MAX_MONTH = 11;
+const MIN_MONTH = 0;
+const MILLIS_IN_DAY = 1000 * 3600 * 24;
+const DATE_PICKER = 'datepicker';
+const DATE_PICKER__CONTROLLER = `${DATE_PICKER}__controller`;
+const DATE_PICKER__CONTROLLER_TITLE = `${DATE_PICKER__CONTROLLER}-title`;
+const DATE_PICKER__CONTROLLER_ARROW = `${DATE_PICKER__CONTROLLER}-arrow`;
+const DATE_PICKER__CONTROLLER_ARROW_LEFT = `${DATE_PICKER__CONTROLLER_ARROW}_left`;
+const DATE_PICKER__CONTROLLER_ARROW_RIGHT = `${DATE_PICKER__CONTROLLER_ARROW}_right`;
+const DATE_PICKER__DAY_CONTENT = `${DATE_PICKER__CONTROLLER}-day-content`;
+const DATE_PICKER_TEST_ID = {
     controller: DATE_PICKER__CONTROLLER,
     controllerTitle: DATE_PICKER__CONTROLLER_TITLE,
     arrowLeft: DATE_PICKER__CONTROLLER_ARROW_LEFT,

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

@@ -1,13 +1,13 @@
 import { createContext } from 'react';
 
-var MonthYearNavigationContext = createContext({
+const MonthYearNavigationContext = createContext({
     month: new Date().getMonth(),
     year: new Date().getFullYear(),
     animationClassName: '',
-    nextMonth: function () { },
-    previousMonth: function () { },
-    setMonth: function () { },
-    setYear: function () { }
+    nextMonth() { },
+    previousMonth() { },
+    setMonth() { },
+    setYear() { }
 });
 
 export default MonthYearNavigationContext;