@dreamcommerce/aurora 0.4.3 → 0.4.4-1

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

@@ -3,18 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
 var index = require('../../dropdown/context/index.js');
 require('../../../../../../external/lodash/union.js');
 var formats = require('../../../utilities/dates/formats.js');
 var constants = require('../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) / constants.MILLIS_IN_DAY);
 };
-var isSameDate = function (dateA, dateB) {
+const isSameDate = (dateA, dateB) => {
     if (!dateA || !dateB) {
         return false;
     }
@@ -29,39 +28,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 = React.useState(defaultDate), value = _b[0], setValue = _b[1];
-    var toggleDropdown = React.useContext(index.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] = React.useState(defaultDate);
+    const { toggleDropdown } = React.useContext(index.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;
         }
@@ -70,7 +68,7 @@ var useSingleValueController = function (_a) {
         }
         return false;
     };
-    var updateDate = function (date) {
+    const updateDate = (date) => {
         if (!isBlocked(date)) {
             setValue(date);
             if (!showButtons) {
@@ -79,28 +77,27 @@ var useSingleValueController = function (_a) {
         }
     };
     return {
-        updateDate: updateDate,
-        inputValue: inputValue,
+        updateDate,
+        inputValue,
         readable: formats.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 = React.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] = React.useState(defaultRange);
+    const { startDate, endDate } = value || {};
+    const updateDate = (date) => {
         if (isBlocked(date)) {
             return;
         }
@@ -114,12 +111,12 @@ var useRangeValueController = function (_a) {
             setValue({ startDate: date });
         }
     };
-    var readable = "".concat(formats.formatDate(startDate), " - ").concat(formats.formatDate(endDate));
-    var inputValue = JSON.stringify([startDate, endDate]);
-    var isSelected = function (date) {
+    const readable = `${formats.formatDate(startDate)} - ${formats.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;
         }
@@ -134,7 +131,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;
         }
@@ -147,7 +144,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;
         }
@@ -159,21 +156,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
     };
 };
 /**
@@ -181,28 +178,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 = React.useState(), navigationDate = _b[0], setNavigationDate = _b[1];
-    var _c = React.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] = React.useState();
+    const [hoverDate, setHoverDate] = React.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;
-    React.useEffect(function () {
+    const isNavigation = (date) => isSameDate(date, navigationDate);
+    const isToday = (date) => isSameDate(date, new Date());
+    const valueController = type === 'single' ? singleValueController : rangeValueController;
+    const { restoreDefaultValue } = valueController;
+    React.useEffect(() => {
         restoreDefaultValue();
     }, [defaultDate, defaultRange]);
-    return _tslib.__assign(_tslib.__assign({}, valueController), { navigationDate: navigationDate, setNavigationDate: setNavigationDate, isNavigation: isNavigation, setHoverDate: setHoverDate, isToday: isToday });
+    return {
+        ...valueController,
+        navigationDate,
+        setNavigationDate,
+        isNavigation,
+        setHoverDate,
+        isToday
+    };
 };
 
 exports.default = useValueController;

package/build/cjs/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;AACA;AACA;AACA;AACA,QAAQ,4CAAgD;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,QAAQ,4CAAgD;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js

@@ -13,25 +13,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 = use_value_controller['default']({
-        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 = use_value_controller['default']({
+        type,
+        defaultRange,
+        defaultDate,
+        maxDate,
+        minDate,
+        maxRange,
+        minRange
     });
-    var value = valueController.value, inputValue = valueController.inputValue;
-    React.useEffect(function () {
+    const { value, inputValue } = valueController;
+    React.useEffect(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
     }, [value, onChange]);
     return (React__default['default'].createElement(value_controller_context['default'].Provider, { value: valueController },
         React__default['default'].createElement("input", { value: inputValue, type: "hidden", name: name }),
         type === 'single' ? (React__default['default'].createElement(single_date_picker.SingleDatepicker, { className: className, showButtons: showButtons })) : (React__default['default'].createElement(range_picker.RangePicker, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
-});
+};
 
 exports.RangePicker = range_picker.RangePicker;
 exports.SingleDatepicker = single_date_picker.SingleDatepicker;

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

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

@@ -5,27 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 /**
  * @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/cjs/packages/aurora/src/components/dropdown/components/content.js

@@ -29,39 +29,38 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @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.useTranslation()[0];
-    var contentRef = React.useRef(null);
-    var _c = index.useDropdownContext(), wrapperRef = _c.wrapperRef, toggleDropdown = _c.toggleDropdown, isOpen = _c.isOpen;
-    var _d = React.useState({
+const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', portalContainer }) => {
+    const [t] = useTranslation.useTranslation();
+    const contentRef = React.useRef(null);
+    const { wrapperRef, toggleDropdown, isOpen } = index.useDropdownContext();
+    const [styles, setStyles] = React.useState({
         left: '0px',
         top: '0px',
         zIndex: constants.DROPDOWN_Z_INDEX
-    }), styles = _d[0], setStyles = _d[1];
-    var contentClassName = classNames.classNames([css_classes.cssDropdownContent, arrowSide === 'right' && css_classes.cssDropdownContentRight], main_module['default']);
-    var screenWidthName = use_screen_detect.useScreenDetect();
-    var refs = [contentRef];
+    });
+    const contentClassName = classNames.classNames([css_classes.cssDropdownContent, arrowSide === 'right' && css_classes.cssDropdownContentRight], main_module['default']);
+    const screenWidthName = use_screen_detect.useScreenDetect();
+    const refs = [contentRef];
     if (wrapperRef) {
         refs.push(wrapperRef);
     }
-    use_click_outside.useClickOutside(refs, function () {
+    use_click_outside.useClickOutside(refs, () => {
         if (typeof toggleDropdown === 'function') {
             toggleDropdown();
         }
     });
-    React.useEffect(function () {
+    React.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 = utilities.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 = utilities.isChildOfModal(wrapperRef);
-            var zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
+            const { x, y, height } = wrapperRef.current.getBoundingClientRect();
+            const yOffset = 10;
+            const { xModifier, yModifier } = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
+            const positionTop = height + y + yOffset - yModifier;
+            const positionLeft = x - xModifier;
+            const isInModal = utilities.isChildOfModal(wrapperRef);
+            const zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
             screenWidthName === responsive_breakpoints.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 reactDom.createPortal(React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null }, isOpen === true ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 200, classNames: {
@@ -72,7 +71,7 @@ var Content = function (_a) {
         } },
         React__default['default'].createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeader] },
-                React__default['default'].createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
+                React__default['default'].createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
                     headerGoBackIcon || React__default['default'].createElement(icon_arrow['default'], { className: main_module$1['default']['icon_rotate-180'] }),
                     React__default['default'].createElement("span", { className: main_module['default'][css_classes.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/cjs/packages/aurora/src/components/dropdown/components/content.js.map

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

@@ -10,10 +10,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CustomLabel = function (_a) {
-    var children = _a.children;
-    var _b = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = React.useRef(null);
+const CustomLabel = ({ children }) => {
+    const { toggleDropdown, isOpen } = index.useDropdownContext();
+    const ref = React.useRef(null);
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React__default['default'].createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
 };

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

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

@@ -17,8 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Header text="Some header" />
  */
-var Header = function (_a) {
-    var text = _a.text;
+const Header = ({ text }) => {
     return (React__default['default'].createElement("li", null,
         React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownListHead] },
             React__default['default'].createElement("span", { className: main_module$1['default']['head_line'] }, text))));

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

package/build/cjs/packages/aurora/src/components/dropdown/components/item.js

@@ -15,22 +15,21 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Item> ... </Dropdown.Item>
  */
-var Item = function (_a) {
-    var 
-    /**
-     * children nodes
-     */
-    children = _a.children, 
-    /**
-     * indicates if its selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * on click callback
-     */
-    onClick = _a.onClick;
-    var toggleDropdown = index.useDropdownContext().toggleDropdown;
-    return (React__default['default'].createElement("li", { role: "option", "aria-selected": isSelected, onClick: function (ev) { return onClick && onClick({ ev: ev, toggleDropdown: toggleDropdown }); } }, children));
+const Item = ({ 
+/**
+ * children nodes
+ */
+children, 
+/**
+ * indicates if its selected
+ */
+isSelected, 
+/**
+ * on click callback
+ */
+onClick }) => {
+    const { toggleDropdown } = index.useDropdownContext();
+    return (React__default['default'].createElement("li", { role: "option", "aria-selected": isSelected, onClick: (ev) => onClick && onClick({ ev, toggleDropdown }) }, children));
 };
 
 exports.default = Item;

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

package/build/cjs/packages/aurora/src/components/dropdown/components/item_with_hover.js

@@ -17,27 +17,26 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.ItemWithHover> ... </Dropdown.ItemWithHover>
  */
-var ItemWithHover = function (_a) {
-    var 
-    /**
-     * children nodes
-     */
-    children = _a.children, 
-    /**
-     * Custom className
-     */
-    cssClass = _a.cssClass, 
-    /**
-     * Custom test ID
-     */
-    dataTestId = _a.dataTestId, 
-    /**
-     * on click callback
-     */
-    onMouseDown = _a.onMouseDown;
-    var toggleDropdown = index.useDropdownContext().toggleDropdown;
-    var itemCssClass = "".concat(main_module['default'][css_classes.cssDropdownItemWithHover], " ").concat(cssClass);
-    return (React__default['default'].createElement("div", { className: itemCssClass, "data-test-id": dataTestId, onMouseDown: function (ev) { return onMouseDown && onMouseDown({ ev: ev, toggleDropdown: toggleDropdown }); } }, children));
+const ItemWithHover = ({ 
+/**
+ * children nodes
+ */
+children, 
+/**
+ * Custom className
+ */
+cssClass, 
+/**
+ * Custom test ID
+ */
+dataTestId, 
+/**
+ * on click callback
+ */
+onMouseDown }) => {
+    const { toggleDropdown } = index.useDropdownContext();
+    const itemCssClass = `${main_module['default'][css_classes.cssDropdownItemWithHover]} ${cssClass}`;
+    return (React__default['default'].createElement("div", { className: itemCssClass, "data-test-id": dataTestId, onMouseDown: (ev) => onMouseDown && onMouseDown({ ev, toggleDropdown }) }, children));
 };
 
 exports.default = ItemWithHover;

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

package/build/cjs/packages/aurora/src/components/dropdown/components/label.js

@@ -17,18 +17,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Label label="More options" />
  */
-var Label = function (_a) {
-    var 
-    /**
-     * label text
-     */
-    label = _a.label, 
-    /**
-     * Custom className
-     */
-    cssClass = _a.cssClass;
-    var _b = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = React.useRef(null);
+const Label = ({ 
+/**
+ * label text
+ */
+label, 
+/**
+ * Custom className
+ */
+cssClass }) => {
+    const { toggleDropdown, isOpen } = index.useDropdownContext();
+    const ref = React.useRef(null);
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React__default['default'].createElement("span", { onClick: toggleDropdown, tabIndex: 0, ref: ref, className: cssClass, "data-test-id": constants.DROPDOWN_TEST_ID.label }, label));
 };

package/build/cjs/packages/aurora/src/components/dropdown/components/label.js.map

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