@dreamcommerce/aurora 0.4.4 → 0.4.5

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

@@ -1,20 +1,20 @@
 import { createContext } from 'react';
 
-var DatepickerContext = createContext({
-    updateDate: function () { },
+const DatepickerContext = 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/esm/packages/aurora/src/components/date_picker/css_classes.js

@@ -1,35 +1,35 @@
-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`;
 
 export { cssDatePicker, cssDatePickerCommonRanges, cssDatePickerContainer, cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerArrowRight, cssDatePickerControllerTitle, cssDatePickerDay, cssDatePickerDayBlocked, cssDatePickerDayInRange, cssDatePickerDayNavigation, cssDatePickerDayProposed, cssDatePickerDayRangeEndLeft, cssDatePickerDayRangeEndLeftProposed, cssDatePickerDayRangeEndRight, cssDatePickerDayRangeEndRightProposed, cssDatePickerDaySelected, cssDatePickerDayText, cssDatePickerDayTextNavigation, cssDatePickerDayTextRoundedBorders, cssDatePickerDayTextSelected, cssDatePickerDayTextToday, cssDatePickerDaysGrid, cssDatePickerDaysGridRow, cssDatePickerDaysGridWeekName, cssDatePickerLabelIcon, cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected, cssRangePicker, cssRangePickerContainer };
 //# sourceMappingURL=css_classes.js.map

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

@@ -1,7 +1,5 @@
 import React, { useContext, useState, useEffect } from 'react';
-import { __assign } from '../../../../../../_virtual/_tslib.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 { cssRangePicker, cssRangePickerContainer } from '../css_classes.js';
 import { useKeyboardNavigation } from '../hooks/use_keyboard_navigation.js';
@@ -9,32 +7,30 @@ import { PureDatepicker } from '../components/pure_date_picker.js';
 import CommonRanges from '../components/common_ranges.js';
 import Buttons from '../components/buttons.js';
 
-var RangePicker = function (_a) {
-    var _b, _c;
-    var _d = _a.className, className = _d === void 0 ? '' : _d, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
-    var _e = useContext(DatepickerContext), 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 = useState({
+const RangePicker = ({ className = '', showButtons, showDefaultRanges }) => {
+    const { defaultRange, value } = useContext(DatepickerContext);
+    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] = useState({
         year: earlierDate.getFullYear(),
         month: earlierDate.getMonth()
-    }), earlierMonthYear = _f[0], setEarlierMonthYear = _f[1];
-    var _g = useState({
+    });
+    const [laterMonthYear, setLaterMonthYear] = 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;
-    useEffect(function () {
+    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]);
-    useEffect(function () {
+    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
@@ -43,8 +39,8 @@ var RangePicker = function (_a) {
     return (React.createElement("div", { className: cssClasses[cssRangePicker] },
         showDefaultRanges && React.createElement(CommonRanges, null),
         React.createElement("div", { className: cssClasses[cssRangePickerContainer] },
-            React.createElement(PureDatepicker, __assign({ setMonthYear: setEarlierMonthYear }, earlierMonthYear, { className: className })),
-            React.createElement(PureDatepicker, __assign({ setMonthYear: setLaterMonthYear }, laterMonthYear, { className: className }))),
+            React.createElement(PureDatepicker, { setMonthYear: setEarlierMonthYear, ...earlierMonthYear, className: className }),
+            React.createElement(PureDatepicker, { setMonthYear: setLaterMonthYear, ...laterMonthYear, className: className })),
         showButtons && React.createElement(Buttons, null)));
 };
 

package/build/esm/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;"}
+{"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;"}

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

@@ -1,19 +1,17 @@
 import React, { useContext, useState } from 'react';
 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 { cssDatePicker } from '../css_classes.js';
 import { PureDatepicker } from '../components/pure_date_picker.js';
 import Buttons from '../components/buttons.js';
 
-var SingleDatepicker = function (_a) {
-    var className = _a.className, showButtons = _a.showButtons;
-    var defaultDate = useContext(DatepickerContext).defaultDate;
-    var currentDate = new Date(defaultDate || Date.now());
-    var _b = useState({
+const SingleDatepicker = ({ className, showButtons }) => {
+    const { defaultDate } = useContext(DatepickerContext);
+    const currentDate = new Date(defaultDate || Date.now());
+    const [{ month, year }, setMonthYear] = useState({
         month: currentDate.getMonth(),
         year: currentDate.getFullYear()
-    }), _c = _b[0], month = _c.month, year = _c.year, setMonthYear = _b[1];
+    });
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: cssClasses[cssDatePicker] },
             React.createElement(PureDatepicker, { setMonthYear: setMonthYear, month: month, year: year, className: className }),

package/build/esm/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;"}
+{"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;"}

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

@@ -1,52 +1,41 @@
 import { useState } from 'react';
 import { createUseStyles } from '../../../../../../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 = 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 = 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 = useState(false), animation = _b[0], setAnimation = _b[1];
-    var _c = useState(), animationType = _c[0], setAnimationType = _c[1];
-    var animationWrapper = function (setState) { return function (state) {
+const useAnimation = ({ offset }) => {
+    const [animation, setAnimation] = useState(false);
+    const [animationType, setAnimationType] = 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/esm/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,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/use_date_names.js

@@ -3,9 +3,9 @@ import { useTranslation } from '../../../../../../external/react-i18next/dist/es
 /**
  * Hook to get monthNames and weekDays and their shortcuts by index
  */
-var useDateNames = function () {
-    var t = useTranslation()[0];
-    var monthIndexes = [
+const useDateNames = () => {
+    const [t] = useTranslation();
+    const monthIndexes = [
         'january',
         'february',
         'march',
@@ -19,12 +19,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 };
 };
 
 export default useDateNames;

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

@@ -7,12 +7,12 @@ import { useKeyDown } from '../../../hooks/use_key_down.js';
 /**
  * Hook to bind keyboard keys to navigate date
  */
-var useKeyboardNavigation = function () {
-    var _a = useContext(MonthYearNavigationContext), setMonth = _a.setMonth, setYear = _a.setYear, year = _a.year, month = _a.month;
-    var _b = useContext(DatepickerContext), updateDate = _b.updateDate, _c = _b.navigationDate, navigationDate = _c === void 0 ? new Date(year, month, 1) : _c, setNavigationDate = _b.setNavigationDate;
-    var toggleDropdown = useContext(DropdownContext).toggleDropdown;
-    var moveDate = function (days) {
-        var newDate = new Date(navigationDate.toISOString());
+const useKeyboardNavigation = () => {
+    const { setMonth, setYear, year, month } = useContext(MonthYearNavigationContext);
+    const { updateDate, navigationDate = new Date(year, month, 1), setNavigationDate } = useContext(DatepickerContext);
+    const { toggleDropdown } = useContext(DropdownContext);
+    const moveDate = (days) => {
+        const newDate = new Date(navigationDate.toISOString());
         if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {
             newDate.setMonth(month);
             newDate.setFullYear(year);
@@ -29,14 +29,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();
     };

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_value_controller.js

@@ -1,16 +1,14 @@
 import { useState, useEffect, useContext } from 'react';
-import { __assign } from '../../../../../../_virtual/_tslib.js';
 import { DropdownContext } from '../../dropdown/context/index.js';
-import '../../../../../../external/lodash/union.js';
 import { formatDate } from '../../../utilities/dates/formats.js';
 import { MILLIS_IN_DAY } from '../constants.js';
 
-var getDateDiffInDays = function (dateA, dateB) {
-    var timeA = dateA.getTime();
-    var timeB = dateB.getTime();
+const getDateDiffInDays = (dateA, dateB) => {
+    const timeA = dateA.getTime();
+    const timeB = dateB.getTime();
     return Math.abs((timeA - timeB) / MILLIS_IN_DAY);
 };
-var isSameDate = function (dateA, dateB) {
+const isSameDate = (dateA, dateB) => {
     if (!dateA || !dateB) {
         return false;
     }
@@ -25,39 +23,38 @@ var isSameDate = function (dateA, dateB) {
     }
     return true;
 };
-var isDateEarlierThan = function (dateA, dateB) {
+const isDateEarlierThan = (dateA, dateB) => {
     if (!dateA || !dateB) {
         return false;
     }
     return dateA.getTime() < dateB.getTime();
 };
-var isDateLaterThan = function (dateA, dateB) {
+const isDateLaterThan = (dateA, dateB) => {
     if (!dateA || !dateB) {
         return false;
     }
     return dateA.getTime() > dateB.getTime();
 };
-var isDateEarlierOrSame = function (dateA, dateB) {
+const isDateEarlierOrSame = (dateA, dateB) => {
     return isDateEarlierThan(dateA, dateB) || isSameDate(dateA, dateB);
 };
-var isDateLaterOrSame = function (dateA, dateB) {
+const isDateLaterOrSame = (dateA, dateB) => {
     return isDateLaterThan(dateA, dateB) || isSameDate(dateA, dateB);
 };
 /**
  * Hook to operate on single-date-picker
  */
-var useSingleValueController = function (_a) {
-    var defaultDate = _a.defaultDate, maxDate = _a.maxDate, minDate = _a.minDate, showButtons = _a.showButtons;
-    var _b = useState(defaultDate), value = _b[0], setValue = _b[1];
-    var toggleDropdown = useContext(DropdownContext).toggleDropdown;
-    var inputValue = (value === null || value === void 0 ? void 0 : value.toISOString()) || '';
-    var isSelected = function (date) {
+const useSingleValueController = ({ defaultDate, maxDate, minDate, showButtons }) => {
+    const [value, setValue] = useState(defaultDate);
+    const { toggleDropdown } = useContext(DropdownContext);
+    const inputValue = (value === null || value === void 0 ? void 0 : value.toISOString()) || '';
+    const isSelected = (date) => {
         return isSameDate(date, value);
     };
-    var restoreDefaultValue = function () { return setValue(defaultDate); };
-    var isInRange = function () { return false; };
-    var isProposed = function () { return false; };
-    var isBlocked = function (date) {
+    const restoreDefaultValue = () => setValue(defaultDate);
+    const isInRange = () => false;
+    const isProposed = () => false;
+    const isBlocked = (date) => {
         if (isDateLaterOrSame(date, maxDate)) {
             return true;
         }
@@ -66,7 +63,7 @@ var useSingleValueController = function (_a) {
         }
         return false;
     };
-    var updateDate = function (date) {
+    const updateDate = (date) => {
         if (!isBlocked(date)) {
             setValue(date);
             if (!showButtons) {
@@ -75,28 +72,27 @@ var useSingleValueController = function (_a) {
         }
     };
     return {
-        updateDate: updateDate,
-        inputValue: inputValue,
+        updateDate,
+        inputValue,
         readable: formatDate(value),
-        value: value,
-        setValue: setValue,
-        isSelected: isSelected,
-        defaultDate: defaultDate,
-        isInRange: isInRange,
-        isBlocked: isBlocked,
-        isProposed: isProposed,
-        restoreDefaultValue: restoreDefaultValue
+        value,
+        setValue,
+        isSelected,
+        defaultDate,
+        isInRange,
+        isBlocked,
+        isProposed,
+        restoreDefaultValue
     };
 };
 /**
  *
  * Hook to operate on range-picker
  */
-var useRangeValueController = function (_a) {
-    var defaultRange = _a.defaultRange, defaultDate = _a.defaultDate, maxDate = _a.maxDate, minDate = _a.minDate, minRange = _a.minRange, maxRange = _a.maxRange, hoverDate = _a.hoverDate;
-    var _b = useState(defaultRange), value = _b[0], setValue = _b[1];
-    var _c = value || {}, startDate = _c.startDate, endDate = _c.endDate;
-    var updateDate = function (date) {
+const useRangeValueController = ({ defaultRange, defaultDate, maxDate, minDate, minRange, maxRange, hoverDate }) => {
+    const [value, setValue] = useState(defaultRange);
+    const { startDate, endDate } = value || {};
+    const updateDate = (date) => {
         if (isBlocked(date)) {
             return;
         }
@@ -110,12 +106,12 @@ var useRangeValueController = function (_a) {
             setValue({ startDate: date });
         }
     };
-    var readable = "".concat(formatDate(startDate), " - ").concat(formatDate(endDate));
-    var inputValue = JSON.stringify([startDate, endDate]);
-    var isSelected = function (date) {
+    const readable = `${formatDate(startDate)} - ${formatDate(endDate)}`;
+    const inputValue = JSON.stringify([startDate, endDate]);
+    const isSelected = (date) => {
         return isSameDate(date, startDate) || isSameDate(date, endDate) || isSameDate(date, hoverDate);
     };
-    var isInRange = function (date) {
+    const isInRange = (date) => {
         if (!startDate) {
             return false;
         }
@@ -130,7 +126,7 @@ var useRangeValueController = function (_a) {
         }
         return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, endDate);
     };
-    var isBlocked = function (date) {
+    const isBlocked = (date) => {
         if (isDateLaterThan(date, maxDate)) {
             return true;
         }
@@ -143,7 +139,7 @@ var useRangeValueController = function (_a) {
         if (startDate && endDate) {
             return false;
         }
-        var diff = getDateDiffInDays(startDate, date);
+        const diff = getDateDiffInDays(startDate, date);
         if (diff === 0) {
             return false;
         }
@@ -155,21 +151,21 @@ var useRangeValueController = function (_a) {
         }
         return false;
     };
-    var isProposed = function () { return (startDate && !endDate) || false; };
-    var restoreDefaultValue = function () { return setValue(defaultRange); };
+    const isProposed = () => (startDate && !endDate) || false;
+    const restoreDefaultValue = () => setValue(defaultRange);
     return {
-        updateDate: updateDate,
-        inputValue: inputValue,
-        readable: readable,
-        setValue: setValue,
-        value: value,
-        isSelected: isSelected,
-        isInRange: isInRange,
-        defaultRange: defaultRange,
+        updateDate,
+        inputValue,
+        readable,
+        setValue,
+        value,
+        isSelected,
+        isInRange,
+        defaultRange,
         defaultDate: (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || defaultDate,
-        restoreDefaultValue: restoreDefaultValue,
-        isBlocked: isBlocked,
-        isProposed: isProposed
+        restoreDefaultValue,
+        isBlocked,
+        isProposed
     };
 };
 /**
@@ -177,28 +173,34 @@ var useRangeValueController = function (_a) {
  * Hook to operate on datepicker
  * @type, based on this value, proper controller is chosen
  */
-var useValueController = function (_a) {
-    var type = _a.type, defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, maxDate = _a.maxDate, minDate = _a.minDate, minRange = _a.minRange, maxRange = _a.maxRange, showButtons = _a.showButtons;
-    var _b = useState(), navigationDate = _b[0], setNavigationDate = _b[1];
-    var _c = useState(), hoverDate = _c[0], setHoverDate = _c[1];
-    var singleValueController = useSingleValueController({ defaultDate: defaultDate, maxDate: maxDate, minDate: minDate, showButtons: showButtons });
-    var rangeValueController = useRangeValueController({
-        defaultRange: defaultRange,
-        defaultDate: defaultDate,
-        maxDate: maxDate,
-        minDate: minDate,
-        minRange: minRange,
-        maxRange: maxRange,
-        hoverDate: hoverDate
+const useValueController = ({ type, defaultDate, defaultRange, maxDate, minDate, minRange, maxRange, showButtons }) => {
+    const [navigationDate, setNavigationDate] = useState();
+    const [hoverDate, setHoverDate] = useState();
+    const singleValueController = useSingleValueController({ defaultDate, maxDate, minDate, showButtons });
+    const rangeValueController = useRangeValueController({
+        defaultRange,
+        defaultDate,
+        maxDate,
+        minDate,
+        minRange,
+        maxRange,
+        hoverDate
     });
-    var isNavigation = function (date) { return isSameDate(date, navigationDate); };
-    var isToday = function (date) { return isSameDate(date, new Date()); };
-    var valueController = type === 'single' ? singleValueController : rangeValueController;
-    var restoreDefaultValue = valueController.restoreDefaultValue;
-    useEffect(function () {
+    const isNavigation = (date) => isSameDate(date, navigationDate);
+    const isToday = (date) => isSameDate(date, new Date());
+    const valueController = type === 'single' ? singleValueController : rangeValueController;
+    const { restoreDefaultValue } = valueController;
+    useEffect(() => {
         restoreDefaultValue();
     }, [defaultDate, defaultRange]);
-    return __assign(__assign({}, valueController), { navigationDate: navigationDate, setNavigationDate: setNavigationDate, isNavigation: isNavigation, setHoverDate: setHoverDate, isToday: isToday });
+    return {
+        ...valueController,
+        navigationDate,
+        setNavigationDate,
+        isNavigation,
+        setHoverDate,
+        isToday
+    };
 };
 
 export default useValueController;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,OAAO,4CAAgD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}