@dreamcommerce/aurora 0.4.4 → 0.4.5

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('../../../context/value_controller_context.js');
 var month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
 var constants$1 = require('../../../constants.js');
 var context = require('../context.js');
@@ -13,29 +12,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MonthYearPickerContextManager = function (_a) {
-    var children = _a.children, month = _a.month, year = _a.year;
-    var setYear = React.useContext(month_year_navigation_context['default']).setYear;
-    var _b = React.useState(constants.MONTH_VIEW), view = _b[0], setView = _b[1];
-    var startYear = new Date().getFullYear() - (new Date().getFullYear() % constants$1.YEARS_IN_VIEW);
-    var _c = React.useState(startYear), yearRange = _c[0], setYearRange = _c[1];
-    var onArrowLeft = function () {
+const MonthYearPickerContextManager = ({ children, month, year }) => {
+    const { setYear } = React.useContext(month_year_navigation_context['default']);
+    const [view, setView] = React.useState(constants.MONTH_VIEW);
+    const startYear = new Date().getFullYear() - (new Date().getFullYear() % constants$1.YEARS_IN_VIEW);
+    const [yearRange, setYearRange] = React.useState(startYear);
+    const onArrowLeft = () => {
         if (view === constants.MONTH_VIEW) {
             setYear(year - 1);
         }
         else {
-            setYearRange(function (yearRange) { return yearRange - constants$1.YEARS_IN_VIEW; });
+            setYearRange((yearRange) => yearRange - constants$1.YEARS_IN_VIEW);
         }
     };
-    var onArrowRight = function () {
+    const onArrowRight = () => {
         if (view === constants.MONTH_VIEW) {
             setYear(year + 1);
         }
         else {
-            setYearRange(function (yearRange) { return yearRange + constants$1.YEARS_IN_VIEW; });
+            setYearRange((yearRange) => yearRange + constants$1.YEARS_IN_VIEW);
         }
     };
-    var toggleView = function () {
+    const toggleView = () => {
         if (view === constants.MONTH_VIEW) {
             setView(constants.YEARS_VIEW);
         }
@@ -43,17 +41,17 @@ var MonthYearPickerContextManager = function (_a) {
             setView(constants.MONTH_VIEW);
         }
     };
-    var monthPickerTitle = view === constants.MONTH_VIEW ? "".concat(year) : "".concat(yearRange, "-").concat(yearRange + constants$1.YEARS_IN_VIEW);
+    const monthPickerTitle = view === constants.MONTH_VIEW ? `${year}` : `${yearRange}-${yearRange + constants$1.YEARS_IN_VIEW}`;
     return (React__default['default'].createElement(context.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/cjs/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;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;AACA;AACA;"}

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

@@ -8,13 +8,12 @@ var month_view = require('./month_view.js');
 var constants = require('../constants.js');
 var years_view = require('./years_view.js');
 
-var _a;
-var Views = (_a = {},
-    _a[constants.MONTH_VIEW] = month_view['default'],
-    _a[constants.YEARS_VIEW] = years_view['default'],
-    _a);
-var MonthYearView = function () {
-    var view = React.useContext(context.MonthYearPickerContext).view;
+const Views = {
+    [constants.MONTH_VIEW]: month_view['default'],
+    [constants.YEARS_VIEW]: years_view['default']
+};
+const MonthYearView = () => {
+    const { view } = React.useContext(context.MonthYearPickerContext);
     return Views[view]();
 };
 

package/build/cjs/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;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/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('../../../context/value_controller_context.js');
 var month_year_navigation_context = 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');
@@ -15,14 +14,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var YearView = function () {
-    var _a = React.useContext(month_year_navigation_context['default']), setYear = _a.setYear, year = _a.year;
-    var _b = React.useContext(context.MonthYearPickerContext), yearRange = _b.yearRange, setView = _b.setView;
-    var onYearClick = function (yearIndex) { return function () {
+const YearView = () => {
+    const { setYear, year } = React.useContext(month_year_navigation_context['default']);
+    const { yearRange, setView } = React.useContext(context.MonthYearPickerContext);
+    const onYearClick = (yearIndex) => () => {
         setYear(yearRange + yearIndex);
         setView(constants$1.MONTH_VIEW);
-    }; };
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerMonthTable] }, Array.from(Array(constants.YEARS_IN_VIEW).keys()).map(function (index) { return (React__default['default'].createElement("span", { key: "month-picker-month-".concat(index), onClick: onYearClick(index), className: "".concat(main_module['default'][css_classes.cssDatePickerMonthTableItem], " ").concat(yearRange + index === year ? main_module['default'][css_classes.cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
+    };
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerMonthTable] }, Array.from(Array(constants.YEARS_IN_VIEW).keys()).map((index) => (React__default['default'].createElement("span", { key: `month-picker-month-${index}`, onClick: onYearClick(index), className: `${main_module['default'][css_classes.cssDatePickerMonthTableItem]} ${yearRange + index === year ? main_module['default'][css_classes.cssDatePickerMonthTableItemSelected] : ''}` }, yearRange + index)))));
 };
 
 exports.default = YearView;

package/build/cjs/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;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;"}

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MONTH_VIEW = 'MONTH_VIEW';
-var YEARS_VIEW = 'YEARS_VIEW';
+const MONTH_VIEW = 'MONTH_VIEW';
+const YEARS_VIEW = 'YEARS_VIEW';
 
 exports.MONTH_VIEW = MONTH_VIEW;
 exports.YEARS_VIEW = YEARS_VIEW;

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var MonthYearPickerContext = React.createContext({
+const MonthYearPickerContext = React.createContext({
     monthPickerTitle: '',
-    onArrowLeft: function () { },
-    onArrowRight: function () { },
-    toggleView: function () { },
-    setView: function () { },
-    setYearRange: function () { },
+    onArrowLeft() { },
+    onArrowRight() { },
+    toggleView() { },
+    setView() { },
+    setYearRange() { },
     view: '',
     yearRange: 0,
     month: 0

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

@@ -11,12 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MonthYearPicker = function (_a) {
-    var year = _a.year, month = _a.month;
-    return (React__default['default'].createElement(month_year_picker_context_manager['default'], { year: year, month: month },
-        React__default['default'].createElement(month_year_controller['default'], null),
-        React__default['default'].createElement(month_year_view['default'], null)));
-};
+const MonthYearPicker = ({ year, month }) => (React__default['default'].createElement(month_year_picker_context_manager['default'], { year: year, month: month },
+    React__default['default'].createElement(month_year_controller['default'], null),
+    React__default['default'].createElement(month_year_view['default'], null)));
 
 exports.default = MonthYearPicker;
 //# sourceMappingURL=index.js.map

package/build/cjs/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;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;"}

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('../context/value_controller_context.js');
 var month_year_navigation_context = 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');
@@ -16,65 +15,46 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var PureDatepicker = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, setMonthYear = _a.setMonthYear, month = _a.month, year = _a.year;
-    var _c = use_animation['default']({ 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 } = use_animation['default']({ offset: 200 });
+    const setMonthYearWithDelay = animationWrapper(setMonthYear);
+    const previousMonth = () => {
         if (!month) {
-            setMonthYearWithDelay(function (_a) {
-                var year = _a.year;
-                return ({ year: year - 1, month: constants.MAX_MONTH });
-            });
+            setMonthYearWithDelay(({ year }) => ({ year: year - 1, month: constants.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 === constants.MAX_MONTH) {
-            setMonthYearWithDelay(function (_a) {
-                var year = _a.year;
-                return ({ year: year + 1, month: constants.MIN_MONTH });
-            });
+            setMonthYearWithDelay(({ year }) => ({ year: year + 1, month: constants.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__default['default'].createElement("div", { className: "".concat(className, " ").concat(main_module['default'][css_classes.cssDatePickerContainer]) },
+    const setYear = (year) => setMonthYearWithDelay(({ month }) => ({ month, year }));
+    return (React__default['default'].createElement("div", { className: `${className} ${main_module['default'][css_classes.cssDatePickerContainer]}` },
         React__default['default'].createElement(month_year_navigation_context['default'].Provider, { value: {
                 previousMonth: prevMonthWithAnimation,
                 nextMonth: nextMonthWithAnimation,
-                animationClassName: animationClassName,
-                year: year,
-                month: month,
-                setYear: setYear,
-                setMonth: setMonth
+                animationClassName,
+                year,
+                month,
+                setYear,
+                setMonth
             } },
             React__default['default'].createElement(month_controller['default'], { month: month, year: year }),
             React__default['default'].createElement(days_grid['default'], null))));

package/build/cjs/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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classNames = require('../../../utilities/styles/classNames.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 constants = require('../constants.js');
@@ -14,48 +13,43 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var SingleDay = function (_a) {
-    var date = _a.date, month = _a.month, year = _a.year;
-    var _b = React.useContext(value_controller_context['default']), 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 = React.useMemo(function () {
-        return classNames.classNames([
-            css_classes.cssDatePickerDay,
-            navigation && css_classes.cssDatePickerDayNavigation,
-            selected && css_classes.cssDatePickerDaySelected,
-            blocked && css_classes.cssDatePickerDayBlocked,
-            proposed && (inRange || selected) && css_classes.cssDatePickerDayProposed,
-            firstRangeDay && css_classes.cssDatePickerDayRangeEndLeft,
-            firstRangeDay && proposed && css_classes.cssDatePickerDayRangeEndLeftProposed,
-            lastRangeDay && css_classes.cssDatePickerDayRangeEndRight,
-            lastRangeDay && proposed && css_classes.cssDatePickerDayRangeEndRightProposed,
-            oneDayRange && css_classes.cssDatePickerDaySelected,
-            inRange && css_classes.cssDatePickerDayInRange
-        ], main_module['default']);
-    }, [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]);
-    var dayTextClassName = React.useMemo(function () {
-        return classNames.classNames([
-            css_classes.cssDatePickerDayText,
-            roundedBorders && css_classes.cssDatePickerDayTextRoundedBorders,
-            selected && navigation && css_classes.cssDatePickerDayTextNavigation,
-            today && navigation && css_classes.cssDatePickerDayTextNavigation,
-            today && css_classes.cssDatePickerDayTextToday,
-            selected && css_classes.cssDatePickerDayTextSelected
-        ], main_module['default']);
-    }, [roundedBorders, selected, navigation, today]);
-    return (React__default['default'].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 } = React.useContext(value_controller_context['default']);
+    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 = React.useMemo(() => classNames.classNames([
+        css_classes.cssDatePickerDay,
+        navigation && css_classes.cssDatePickerDayNavigation,
+        selected && css_classes.cssDatePickerDaySelected,
+        blocked && css_classes.cssDatePickerDayBlocked,
+        proposed && (inRange || selected) && css_classes.cssDatePickerDayProposed,
+        firstRangeDay && css_classes.cssDatePickerDayRangeEndLeft,
+        firstRangeDay && proposed && css_classes.cssDatePickerDayRangeEndLeftProposed,
+        lastRangeDay && css_classes.cssDatePickerDayRangeEndRight,
+        lastRangeDay && proposed && css_classes.cssDatePickerDayRangeEndRightProposed,
+        oneDayRange && css_classes.cssDatePickerDaySelected,
+        inRange && css_classes.cssDatePickerDayInRange
+    ], main_module['default']), [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]);
+    const dayTextClassName = React.useMemo(() => classNames.classNames([
+        css_classes.cssDatePickerDayText,
+        roundedBorders && css_classes.cssDatePickerDayTextRoundedBorders,
+        selected && navigation && css_classes.cssDatePickerDayTextNavigation,
+        today && navigation && css_classes.cssDatePickerDayTextNavigation,
+        today && css_classes.cssDatePickerDayTextToday,
+        selected && css_classes.cssDatePickerDayTextSelected
+    ], main_module['default']), [roundedBorders, selected, navigation, today]);
+    return (React__default['default'].createElement("div", { className: dayClassName, onClick: () => updateDate(new Date(year, month, date)), onMouseOver: () => {
             setHoverDate(new Date(year, month, date));
         } },
         React__default['default'].createElement("div", { className: dayTextClassName, "data-test-id": constants.DATE_PICKER_TEST_ID.dayContent }, date)));

package/build/cjs/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;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;AACA;AACA;"}

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

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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/cjs/packages/aurora/src/components/date_picker/context/month_year_navigation_context.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var MonthYearNavigationContext = React.createContext({
+const MonthYearNavigationContext = React.createContext({
     month: new Date().getMonth(),
     year: new Date().getFullYear(),
     animationClassName: '',
-    nextMonth: function () { },
-    previousMonth: function () { },
-    setMonth: function () { },
-    setYear: function () { }
+    nextMonth() { },
+    previousMonth() { },
+    setMonth() { },
+    setYear() { }
 });
 
 exports.default = MonthYearNavigationContext;

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

@@ -4,21 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var DatepickerContext = React.createContext({
-    updateDate: function () { },
+const DatepickerContext = React.createContext({
+    updateDate: () => { },
     inputValue: '',
     readable: '',
     value: undefined,
-    isProposed: function () { return false; },
-    isSelected: function () { return false; },
-    isNavigation: function () { return false; },
-    isInRange: function () { return false; },
-    isToday: function () { return false; },
-    isBlocked: function () { return false; },
-    restoreDefaultValue: function () { },
-    setNavigationDate: function () { },
-    setValue: function () { },
-    setHoverDate: function () { },
+    isProposed: () => false,
+    isSelected: () => false,
+    isNavigation: () => false,
+    isInRange: () => false,
+    isToday: () => false,
+    isBlocked: () => false,
+    restoreDefaultValue: () => { },
+    setNavigationDate: () => { },
+    setValue: () => { },
+    setHoverDate: () => { },
     navigationDate: undefined
 });
 

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

@@ -2,38 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cssDatePicker = 'date-picker';
-var cssDatePickerContainer = "".concat(cssDatePicker, "__container");
-var cssDatePickerCommonRanges = "".concat(cssDatePicker, "__common-ranges");
-var cssDatePickerController = "".concat(cssDatePicker, "__controller");
-var cssDatePickerControllerArrow = "".concat(cssDatePicker, "__controller-arrow");
-var cssDatePickerControllerTitle = "".concat(cssDatePicker, "__controller-title");
-var cssDatePickerControllerArrowLeft = "".concat(cssDatePickerControllerArrow, "_left");
-var cssDatePickerControllerArrowRight = "".concat(cssDatePickerControllerArrow, "_right");
-var cssDatePickerDaysGrid = "".concat(cssDatePicker, "__days-grid");
-var cssDatePickerDaysGridRow = "".concat(cssDatePicker, "__days-grid-row");
-var cssDatePickerDaysGridWeekName = "".concat(cssDatePicker, "__days-grid-week-name");
-var cssDatePickerLabelIcon = "".concat(cssDatePicker, "__label-icon");
-var cssDatePickerMonthTable = "".concat(cssDatePicker, "__month-table");
-var cssDatePickerMonthTableItem = "".concat(cssDatePicker, "__month-table-item");
-var cssDatePickerMonthTableItemSelected = "".concat(cssDatePicker, "__month-table-item_selected");
-var cssDatePickerDay = "".concat(cssDatePicker, "__day");
-var cssDatePickerDayNavigation = "".concat(cssDatePickerDay, "_navigation");
-var cssDatePickerDaySelected = "".concat(cssDatePickerDay, "_selected");
-var cssDatePickerDayBlocked = "".concat(cssDatePickerDay, "_blocked");
-var cssDatePickerDayProposed = "".concat(cssDatePickerDay, "_proposed");
-var cssDatePickerDayRangeEndLeft = "".concat(cssDatePickerDay, "_range-end-left");
-var cssDatePickerDayRangeEndLeftProposed = "".concat(cssDatePickerDay, "_range-end-left-proposed");
-var cssDatePickerDayRangeEndRight = "".concat(cssDatePickerDay, "_range-end-right");
-var cssDatePickerDayRangeEndRightProposed = "".concat(cssDatePickerDay, "_range-end-right-proposed");
-var cssDatePickerDayInRange = "".concat(cssDatePickerDay, "_in-range");
-var cssDatePickerDayText = "".concat(cssDatePicker, "__day-text");
-var cssDatePickerDayTextRoundedBorders = "".concat(cssDatePickerDayText, "_rounded-borders");
-var cssDatePickerDayTextNavigation = "".concat(cssDatePickerDayText, "_navigation");
-var cssDatePickerDayTextToday = "".concat(cssDatePickerDayText, "_today");
-var cssDatePickerDayTextSelected = "".concat(cssDatePickerDayText, "_selected");
-var cssRangePicker = "range-picker";
-var cssRangePickerContainer = "".concat(cssRangePicker, "__container");
+const cssDatePicker = 'date-picker';
+const cssDatePickerContainer = `${cssDatePicker}__container`;
+const cssDatePickerCommonRanges = `${cssDatePicker}__common-ranges`;
+const cssDatePickerController = `${cssDatePicker}__controller`;
+const cssDatePickerControllerArrow = `${cssDatePicker}__controller-arrow`;
+const cssDatePickerControllerTitle = `${cssDatePicker}__controller-title`;
+const cssDatePickerControllerArrowLeft = `${cssDatePickerControllerArrow}_left`;
+const cssDatePickerControllerArrowRight = `${cssDatePickerControllerArrow}_right`;
+const cssDatePickerDaysGrid = `${cssDatePicker}__days-grid`;
+const cssDatePickerDaysGridRow = `${cssDatePicker}__days-grid-row`;
+const cssDatePickerDaysGridWeekName = `${cssDatePicker}__days-grid-week-name`;
+const cssDatePickerLabelIcon = `${cssDatePicker}__label-icon`;
+const cssDatePickerMonthTable = `${cssDatePicker}__month-table`;
+const cssDatePickerMonthTableItem = `${cssDatePicker}__month-table-item`;
+const cssDatePickerMonthTableItemSelected = `${cssDatePicker}__month-table-item_selected`;
+const cssDatePickerDay = `${cssDatePicker}__day`;
+const cssDatePickerDayNavigation = `${cssDatePickerDay}_navigation`;
+const cssDatePickerDaySelected = `${cssDatePickerDay}_selected`;
+const cssDatePickerDayBlocked = `${cssDatePickerDay}_blocked`;
+const cssDatePickerDayProposed = `${cssDatePickerDay}_proposed`;
+const cssDatePickerDayRangeEndLeft = `${cssDatePickerDay}_range-end-left`;
+const cssDatePickerDayRangeEndLeftProposed = `${cssDatePickerDay}_range-end-left-proposed`;
+const cssDatePickerDayRangeEndRight = `${cssDatePickerDay}_range-end-right`;
+const cssDatePickerDayRangeEndRightProposed = `${cssDatePickerDay}_range-end-right-proposed`;
+const cssDatePickerDayInRange = `${cssDatePickerDay}_in-range`;
+const cssDatePickerDayText = `${cssDatePicker}__day-text`;
+const cssDatePickerDayTextRoundedBorders = `${cssDatePickerDayText}_rounded-borders`;
+const cssDatePickerDayTextNavigation = `${cssDatePickerDayText}_navigation`;
+const cssDatePickerDayTextToday = `${cssDatePickerDayText}_today`;
+const cssDatePickerDayTextSelected = `${cssDatePickerDayText}_selected`;
+const cssRangePicker = `range-picker`;
+const cssRangePickerContainer = `${cssRangePicker}__container`;
 
 exports.cssDatePicker = cssDatePicker;
 exports.cssDatePickerCommonRanges = cssDatePickerCommonRanges;