@dreamcommerce/aurora 0.4.3 → 0.4.4-1

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,15 @@
 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 +24,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 +64,7 @@ var useSingleValueController = function (_a) {
         }
         return false;
     };
-    var updateDate = function (date) {
+    const updateDate = (date) => {
         if (!isBlocked(date)) {
             setValue(date);
             if (!showButtons) {
@@ -75,28 +73,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 +107,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 +127,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 +140,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 +152,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 +174,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,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;AACA;AACA;AACA;AACA;"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IDatepickerProps } from './types';
 import RangePicker from './hoc/range_picker';
 import SingleDatepicker from './hoc/single_date_picker';

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

@@ -7,25 +7,24 @@ export { RangePicker } from './hoc/range_picker.js';
 import { SingleDatepicker } from './hoc/single_date_picker.js';
 export { SingleDatepicker } from './hoc/single_date_picker.js';
 
-var index = (function (_a) {
-    var defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, _b = _a.type, type = _b === void 0 ? 'single' : _b, name = _a.name, onChange = _a.onChange, maxDate = _a.maxDate, minDate = _a.minDate, maxRange = _a.maxRange, minRange = _a.minRange, className = _a.className, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
-    var valueController = useValueController({
-        type: type,
-        defaultRange: defaultRange,
-        defaultDate: defaultDate,
-        maxDate: maxDate,
-        minDate: minDate,
-        maxRange: maxRange,
-        minRange: minRange
+var index = ({ defaultDate, defaultRange, type = 'single', name, onChange, maxDate, minDate, maxRange, minRange, className, showButtons, showDefaultRanges }) => {
+    const valueController = useValueController({
+        type,
+        defaultRange,
+        defaultDate,
+        maxDate,
+        minDate,
+        maxRange,
+        minRange
     });
-    var value = valueController.value, inputValue = valueController.inputValue;
-    useEffect(function () {
+    const { value, inputValue } = valueController;
+    useEffect(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
     }, [value, onChange]);
     return (React.createElement(DatepickerContext.Provider, { value: valueController },
         React.createElement("input", { value: inputValue, type: "hidden", name: name }),
         type === 'single' ? (React.createElement(SingleDatepicker, { className: className, showButtons: showButtons })) : (React.createElement(RangePicker, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
-});
+};
 
 export default index;
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/date_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;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;"}

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

@@ -1,27 +1,27 @@
 /**
  * @return ArrayOf available ranges in rangepicker
  */
-var getRanges = function () {
-    var currentDate = new Date(Date.now());
-    var _a = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()], date = _a[0], month = _a[1], year = _a[2];
-    var today = new Date(year, month, date);
-    var yesterday = { startDate: new Date(year, month, date - 1), endDate: today };
-    var last3Days = { startDate: new Date(year, month, date - 3), endDate: today };
-    var last7Days = { startDate: new Date(year, month, date - 7), endDate: today };
-    var currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };
-    var lastWeek = {
+const getRanges = () => {
+    const currentDate = new Date(Date.now());
+    const [date, month, year] = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()];
+    const today = new Date(year, month, date);
+    const yesterday = { startDate: new Date(year, month, date - 1), endDate: today };
+    const last3Days = { startDate: new Date(year, month, date - 3), endDate: today };
+    const last7Days = { startDate: new Date(year, month, date - 7), endDate: today };
+    const currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };
+    const lastWeek = {
         startDate: new Date(year, month, date - 6 - today.getDay()),
         endDate: new Date(year, month, date - today.getDay())
     };
-    var currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };
-    var lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };
-    var currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };
-    var lastQuarter = {
+    const currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };
+    const lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };
+    const currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };
+    const lastQuarter = {
         startDate: new Date(year, month - (month % 3) - 3, 1),
         endDate: new Date(year, month - (month % 3), 0)
     };
-    var currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };
-    var lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };
+    const currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };
+    const lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };
     return {
         Yesterday: yesterday,
         'Last 3 days': last3Days,

package/build/esm/packages/aurora/src/components/dropdown/components/content.js

@@ -21,39 +21,38 @@ import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
  */
-var Content = function (_a) {
-    var headerComponent = _a.headerComponent, headerGoBackText = _a.headerGoBackText, headerGoBackIcon = _a.headerGoBackIcon, children = _a.children, _b = _a.arrowSide, arrowSide = _b === void 0 ? 'left' : _b, portalContainer = _a.portalContainer;
-    var t = useTranslation()[0];
-    var contentRef = useRef(null);
-    var _c = useDropdownContext(), wrapperRef = _c.wrapperRef, toggleDropdown = _c.toggleDropdown, isOpen = _c.isOpen;
-    var _d = useState({
+const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', portalContainer }) => {
+    const [t] = useTranslation();
+    const contentRef = useRef(null);
+    const { wrapperRef, toggleDropdown, isOpen } = useDropdownContext();
+    const [styles, setStyles] = useState({
         left: '0px',
         top: '0px',
         zIndex: DROPDOWN_Z_INDEX
-    }), styles = _d[0], setStyles = _d[1];
-    var contentClassName = classNames([cssDropdownContent, arrowSide === 'right' && cssDropdownContentRight], cssClasses);
-    var screenWidthName = useScreenDetect();
-    var refs = [contentRef];
+    });
+    const contentClassName = classNames([cssDropdownContent, arrowSide === 'right' && cssDropdownContentRight], cssClasses);
+    const screenWidthName = useScreenDetect();
+    const refs = [contentRef];
     if (wrapperRef) {
         refs.push(wrapperRef);
     }
-    useClickOutside(refs, function () {
+    useClickOutside(refs, () => {
         if (typeof toggleDropdown === 'function') {
             toggleDropdown();
         }
     });
-    useEffect(function () {
+    useEffect(() => {
         if (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) {
-            var _a = wrapperRef.current.getBoundingClientRect(), x = _a.x, y = _a.y, height = _a.height;
-            var yOffset = 10;
-            var _b = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current), xModifier = _b.xModifier, yModifier = _b.yModifier;
-            var positionTop = height + y + yOffset - yModifier;
-            var positionLeft = x - xModifier;
-            var isInModal = isChildOfModal(wrapperRef);
-            var zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
+            const { x, y, height } = wrapperRef.current.getBoundingClientRect();
+            const yOffset = 10;
+            const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
+            const positionTop = height + y + yOffset - yModifier;
+            const positionLeft = x - xModifier;
+            const isInModal = isChildOfModal(wrapperRef);
+            const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
             screenWidthName === SCREEN_XS
-                ? setStyles({ top: "0px", left: "0px", zIndex: zIndex })
-                : setStyles({ top: "".concat(positionTop, "px"), left: "".concat(positionLeft, "px"), zIndex: zIndex });
+                ? setStyles({ top: `0px`, left: `0px`, zIndex })
+                : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });
         }
     }, [portalContainer, screenWidthName, wrapperRef, isOpen]);
     return createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {
@@ -64,7 +63,7 @@ var Content = function (_a) {
         } },
         React.createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React.createElement("div", { className: cssClasses[cssDropdownHeader] },
-                React.createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
+                React.createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
                     headerGoBackIcon || React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),
                     React.createElement("span", { className: cssClasses[cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
             children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);

package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/dropdown/components/custom_label.js

@@ -2,10 +2,9 @@ import React, { useRef } from 'react';
 import { useDropdownContext } from '../context/index.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
 
-var CustomLabel = function (_a) {
-    var children = _a.children;
-    var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = useRef(null);
+const CustomLabel = ({ children }) => {
+    const { toggleDropdown, isOpen } = useDropdownContext();
+    const ref = useRef(null);
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React.createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
 };

package/build/esm/packages/aurora/src/components/dropdown/components/custom_label.js.map

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

package/build/esm/packages/aurora/src/components/dropdown/components/header.js

@@ -9,8 +9,7 @@ import cssClasses$1 from '../../../css/heading/main.module.less.js';
  * @example
  * <Dropdown.Header text="Some header" />
  */
-var Header = function (_a) {
-    var text = _a.text;
+const Header = ({ text }) => {
     return (React.createElement("li", null,
         React.createElement("div", { className: cssClasses[cssDropdownListHead] },
             React.createElement("span", { className: cssClasses$1['head_line'] }, text))));

package/build/esm/packages/aurora/src/components/dropdown/components/header.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;"}
+{"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;"}