@dreamcommerce/aurora 0.4.1 → 0.4.4-1

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

@@ -14,48 +14,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;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;

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

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

package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_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;"}
+{"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;"}

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

@@ -14,14 +14,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var SingleDatepicker = function (_a) {
-    var className = _a.className, showButtons = _a.showButtons;
-    var defaultDate = React.useContext(value_controller_context['default']).defaultDate;
-    var currentDate = new Date(defaultDate || Date.now());
-    var _b = React.useState({
+const SingleDatepicker = ({ className, showButtons }) => {
+    const { defaultDate } = React.useContext(value_controller_context['default']);
+    const currentDate = new Date(defaultDate || Date.now());
+    const [{ month, year }, setMonthYear] = React.useState({
         month: currentDate.getMonth(),
         year: currentDate.getFullYear()
-    }), _c = _b[0], month = _c.month, year = _c.year, setMonthYear = _b[1];
+    });
     return (React__default['default'].createElement(React__default['default'].Fragment, null,
         React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePicker] },
             React__default['default'].createElement(pure_date_picker.PureDatepicker, { setMonthYear: setMonthYear, month: month, year: year, className: className }),

package/build/cjs/packages/aurora/src/components/date_picker/hoc/single_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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/use_date_names.js

@@ -7,9 +7,9 @@ var useTranslation = require('../../../../../../external/react-i18next/dist/es/u
 /**
  * Hook to get monthNames and weekDays and their shortcuts by index
  */
-var useDateNames = function () {
-    var t = useTranslation.useTranslation()[0];
-    var monthIndexes = [
+const useDateNames = () => {
+    const [t] = useTranslation.useTranslation();
+    const monthIndexes = [
         'january',
         'february',
         'march',
@@ -23,12 +23,12 @@ var useDateNames = function () {
         'november',
         'december'
     ];
-    var weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
-    var monthNames = monthIndexes.map(function (item) { return t(item); });
-    var weekNames = weekIndexes.map(function (item) { return t(item); });
-    var monthNameShortcuts = monthNames.map(function (item) { return item.slice(0, 3); });
-    var weekNameShortcuts = weekNames.map(function (item) { return item.slice(0, 1); });
-    return { monthNames: monthNames, monthNameShortcuts: monthNameShortcuts, weekNames: weekNames, weekNameShortcuts: weekNameShortcuts };
+    const weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
+    const monthNames = monthIndexes.map((item) => t(item));
+    const weekNames = weekIndexes.map((item) => t(item));
+    const monthNameShortcuts = monthNames.map((item) => item.slice(0, 3));
+    const weekNameShortcuts = weekNames.map((item) => item.slice(0, 1));
+    return { monthNames, monthNameShortcuts, weekNames, weekNameShortcuts };
 };
 
 exports.default = useDateNames;

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

@@ -11,12 +11,12 @@ var use_key_down = require('../../../hooks/use_key_down.js');
 /**
  * Hook to bind keyboard keys to navigate date
  */
-var useKeyboardNavigation = function () {
-    var _a = React.useContext(month_year_navigation_context['default']), setMonth = _a.setMonth, setYear = _a.setYear, year = _a.year, month = _a.month;
-    var _b = React.useContext(value_controller_context['default']), updateDate = _b.updateDate, _c = _b.navigationDate, navigationDate = _c === void 0 ? new Date(year, month, 1) : _c, setNavigationDate = _b.setNavigationDate;
-    var toggleDropdown = React.useContext(index.DropdownContext).toggleDropdown;
-    var moveDate = function (days) {
-        var newDate = new Date(navigationDate.toISOString());
+const useKeyboardNavigation = () => {
+    const { setMonth, setYear, year, month } = React.useContext(month_year_navigation_context['default']);
+    const { updateDate, navigationDate = new Date(year, month, 1), setNavigationDate } = React.useContext(value_controller_context['default']);
+    const { toggleDropdown } = React.useContext(index.DropdownContext);
+    const moveDate = (days) => {
+        const newDate = new Date(navigationDate.toISOString());
         if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {
             newDate.setMonth(month);
             newDate.setFullYear(year);
@@ -33,14 +33,14 @@ var useKeyboardNavigation = function () {
             }
         }
     };
-    var leftArrow = function () { return moveDate(-1); };
-    var rightArrow = function () { return moveDate(+1); };
-    var upArrow = function () { return moveDate(-7); };
-    var downArrow = function () { return moveDate(7); };
-    var chooseDate = function () {
+    const leftArrow = () => moveDate(-1);
+    const rightArrow = () => moveDate(+1);
+    const upArrow = () => moveDate(-7);
+    const downArrow = () => moveDate(7);
+    const chooseDate = () => {
         updateDate(navigationDate);
     };
-    var chooseDateClose = function () {
+    const chooseDateClose = () => {
         updateDate(navigationDate);
         toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
     };