@dreamcommerce/aurora 0.3.4-159 → 0.3.4-162

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

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactJss_esm = require('./../../../../../../external_dependencies/react-jss/dist/react-jss.esm.js');
+
+var _a;
+var ANIMATION_TYPE_RIGHT = 'ANIMATION_TYPE_RIGHT';
+var ANIMATION_TYPE_LEFT = 'ANIMATION_TYPE_LEFT';
+var ANIMATION_MOVEMENT = (_a = {},
+    _a[ANIMATION_TYPE_RIGHT] = '0.5rem',
+    _a[ANIMATION_TYPE_LEFT] = '-0.5rem',
+    _a);
+var useStyles = reactJss_esm.createUseStyles({
+    animation: {
+        transition: function (_a) {
+            var offset = _a.offset, animation = _a.animation;
+            return (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);
+        },
+    },
+});
+/**
+ * Hook to animate datepicker from side to side
+ * @param offset
+ */
+var useAnimation = function (_a) {
+    var offset = _a.offset;
+    var _b = React.useState(false), animation = _b[0], setAnimation = _b[1];
+    var _c = React.useState(), animationType = _c[0], setAnimationType = _c[1];
+    var animationWrapper = function (setState) { return function (state) {
+        setAnimation(true);
+        setTimeout(function () {
+            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 });
+    return {
+        animationWrapper: animationWrapper,
+        setRightAnimation: setRightAnimation,
+        setLeftAnimation: setLeftAnimation,
+        animationClassName: classes.animation,
+    };
+};
+
+exports.default = useAnimation;
+//# sourceMappingURL=use_animation.js.map

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

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

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useTranslation = require('./../../../../../../external_dependencies/react-i18next/dist/es/useTranslation.js');
+
+/**
+ * Hook to get monthNames and weekDays and their shortcuts by index
+ */
+var useDateNames = function () {
+    var t = useTranslation.useTranslation()[0];
+    var monthIndexes = [
+        'january',
+        'february',
+        'march',
+        'april',
+        'may',
+        'june',
+        'july',
+        'august',
+        'september',
+        'october',
+        '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 };
+};
+
+exports.default = useDateNames;
+//# sourceMappingURL=use_date_names.js.map

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

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

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../../dropdown/context/index.js');
+var value_controller_context = require('../context/value_controller_context.js');
+var month_year_navigation_context = require('../context/month_year_navigation_context.js');
+var use_key_down = require('../../../hooks/use_key_down.js');
+
+/**
+ * Hook to bind keyboard keys to navigate date
+ */
+var useKeyboardNavigation = function () {
+    var _a = React.useContext(month_year_navigation_context['default']), setMonth = _a.setMonth, setYear = _a.setYear, year = _a.year, month = _a.month;
+    var _b = React.useContext(value_controller_context['default']), updateDate = _b.updateDate, _c = _b.navigationDate, navigationDate = _c === void 0 ? new Date(year, month, 1) : _c, setNavigationDate = _b.setNavigationDate;
+    var toggleDropdown = React.useContext(index.DropdownContext).toggleDropdown;
+    var moveDate = function (days) {
+        var newDate = new Date(navigationDate.toISOString());
+        if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {
+            newDate.setMonth(month);
+            newDate.setFullYear(year);
+            setNavigationDate(newDate);
+        }
+        else {
+            newDate.setDate(newDate.getDate() + days);
+            setNavigationDate(newDate);
+            if (month !== newDate.getMonth()) {
+                setMonth(newDate.getMonth());
+            }
+            if (year !== newDate.getFullYear()) {
+                setYear(newDate.getFullYear());
+            }
+        }
+    };
+    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 () {
+        updateDate(navigationDate);
+    };
+    var chooseDateClose = function () {
+        updateDate(navigationDate);
+        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
+    };
+    //@todo darqwski
+    //This is probably broken because of missing ref
+    use_key_down.useKeyDown(['ArrowLeft'], leftArrow);
+    use_key_down.useKeyDown(['ArrowUp'], upArrow);
+    use_key_down.useKeyDown(['ArrowDown'], downArrow);
+    use_key_down.useKeyDown(['ArrowRight'], rightArrow);
+    use_key_down.useKeyDown([' '], chooseDate);
+    use_key_down.useKeyDown(['Enter'], chooseDateClose);
+};
+
+exports.useKeyboardNavigation = useKeyboardNavigation;
+//# sourceMappingURL=use_keyboard_navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_keyboard_navigation.js","sources":["../../../../../../../../src/components/date_picker/hooks/use_keyboard_navigation.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { useKeyDown } from '@hooks/use_key_down';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\nimport { MonthYearNavigationContext, ValueControllerContext } from '../context';\n\n/**\n * Hook to bind keyboard keys to navigate date\n */\nexport const useKeyboardNavigation = () => {\n    const { setMonth, setYear, year, month } = useContext(MonthYearNavigationContext);\n    const { updateDate, navigationDate = new Date(year, month, 1), setNavigationDate } = useContext(ValueControllerContext);\n    const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n\n    const moveDate = (days: number) => {\n        const newDate: Date = new Date(navigationDate.toISOString());\n        if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {\n            newDate.setMonth(month);\n            newDate.setFullYear(year);\n            setNavigationDate(newDate);\n        } else {\n            newDate.setDate(newDate.getDate() + days);\n            setNavigationDate(newDate);\n            if (month !== newDate.getMonth()) {\n                setMonth(newDate.getMonth());\n            }\n            if (year !== newDate.getFullYear()) {\n                setYear(newDate.getFullYear());\n            }\n        }\n    };\n\n    const leftArrow = () => moveDate(-1);\n    const rightArrow = () => moveDate(+1);\n    const upArrow = () => moveDate(-7);\n    const downArrow = () => moveDate(7);\n    const chooseDate = () => {\n        updateDate(navigationDate);\n    };\n    const chooseDateClose = () => {\n        updateDate(navigationDate);\n        toggleDropdown?.();\n    };\n\n    //@todo darqwski\n    //This is probably broken because of missing ref\n    useKeyDown(['ArrowLeft'], leftArrow);\n    useKeyDown(['ArrowUp'], upArrow);\n    useKeyDown(['ArrowDown'], downArrow);\n    useKeyDown(['ArrowRight'], rightArrow);\n    useKeyDown([' '], chooseDate);\n    useKeyDown(['Enter'], chooseDateClose);\n};\n"],"names":["useKeyDown"],"mappings":";;;;;;;;;;AAMA;;;IAGa,qBAAqB,GAAG;IAC3B,IAAA,+DAA2E,EAAzE,sBAAQ,EAAE,oBAAO,EAAE,cAAI,EAAE,gBAAgD,CAAC;IAC5E,IAAA,0DAAiH,EAA/G,0BAAU,EAAE,sBAAyC,EAAzC,8DAAyC,EAAE,wCAAwD,CAAC;IAChH,IAAA,uEAAc,CAAmD;IAEzE,IAAM,QAAQ,GAAG,UAAC,IAAY;QAC1B,IAAM,OAAO,GAAS,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7D,IAAI,cAAc,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,cAAc,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YAC9E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1B,iBAAiB,CAAC,OAAO,CAAC,CAAC;SAC9B;aAAM;YACH,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;YAC1C,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,KAAK,KAAK,OAAO,CAAC,QAAQ,EAAE,EAAE;gBAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;aAChC;YACD,IAAI,IAAI,KAAK,OAAO,CAAC,WAAW,EAAE,EAAE;gBAChC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;aAClC;SACJ;KACJ,CAAC;IAEF,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACrC,IAAM,UAAU,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACtC,IAAM,OAAO,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACnC,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,GAAA,CAAC;IACpC,IAAM,UAAU,GAAG;QACf,UAAU,CAAC,cAAc,CAAC,CAAC;KAC9B,CAAC;IACF,IAAM,eAAe,GAAG;QACpB,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,CAAC;;;IAIFA,uBAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrCA,uBAAU,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;IACjCA,uBAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrCA,uBAAU,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC;IACvCA,uBAAU,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9BA,uBAAU,CAAC,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;AAC3C;;;;"}

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

@@ -0,0 +1,213 @@
+'use strict';
+
+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_dependencies/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();
+    return Math.abs((timeA - timeB) / constants.MILLIS_IN_DAY);
+};
+var isSameDate = function (dateA, dateB) {
+    if (!dateA || !dateB) {
+        return false;
+    }
+    if (dateA.getDate() !== dateB.getDate()) {
+        return false;
+    }
+    if (dateA.getMonth() !== dateB.getMonth()) {
+        return false;
+    }
+    if (dateA.getFullYear() !== dateB.getFullYear()) {
+        return false;
+    }
+    return true;
+};
+var isDateEarlierThan = function (dateA, dateB) {
+    if (!dateA || !dateB) {
+        return false;
+    }
+    return dateA.getTime() < dateB.getTime();
+};
+var isDateLaterThan = function (dateA, dateB) {
+    if (!dateA || !dateB) {
+        return false;
+    }
+    return dateA.getTime() > dateB.getTime();
+};
+var isDateEarlierOrSame = function (dateA, dateB) {
+    return isDateEarlierThan(dateA, dateB) || isSameDate(dateA, dateB);
+};
+var isDateLaterOrSame = function (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) {
+        return isSameDate(date, value);
+    };
+    var restoreDefaultValue = function () { return setValue(defaultDate); };
+    var isInRange = function () { return false; };
+    var isProposed = function () { return false; };
+    var isBlocked = function (date) {
+        if (isDateLaterOrSame(date, maxDate)) {
+            return true;
+        }
+        if (isDateEarlierOrSame(date, minDate)) {
+            return true;
+        }
+        return false;
+    };
+    var updateDate = function (date) {
+        if (!isBlocked(date)) {
+            setValue(date);
+            if (!showButtons) {
+                toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
+            }
+        }
+    };
+    return {
+        updateDate: updateDate,
+        inputValue: inputValue,
+        readable: formats.formatDate(value),
+        value: value,
+        setValue: setValue,
+        isSelected: isSelected,
+        defaultDate: defaultDate,
+        isInRange: isInRange,
+        isBlocked: isBlocked,
+        isProposed: isProposed,
+        restoreDefaultValue: 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) {
+        if (isBlocked(date)) {
+            return;
+        }
+        if (!endDate && isDateEarlierThan(date, startDate)) {
+            setValue({ startDate: date, endDate: startDate });
+        }
+        else if (startDate && !(value === null || value === void 0 ? void 0 : value.endDate)) {
+            setValue({ endDate: date, startDate: startDate });
+        }
+        else {
+            setValue({ startDate: date });
+        }
+    };
+    var readable = formats.formatDate(startDate) + " - " + formats.formatDate(endDate);
+    var inputValue = JSON.stringify([startDate, endDate]);
+    var isSelected = function (date) {
+        return isSameDate(date, startDate) || isSameDate(date, endDate) || isSameDate(date, hoverDate);
+    };
+    var isInRange = function (date) {
+        if (!startDate) {
+            return false;
+        }
+        if (!endDate) {
+            if (!hoverDate) {
+                return false;
+            }
+            if (hoverDate.getTime() > startDate.getTime()) {
+                return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, hoverDate);
+            }
+            return isDateEarlierOrSame(date, startDate) && isDateLaterThan(date, hoverDate);
+        }
+        return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, endDate);
+    };
+    var isBlocked = function (date) {
+        if (isDateLaterThan(date, maxDate)) {
+            return true;
+        }
+        if (isDateEarlierThan(date, minDate)) {
+            return true;
+        }
+        if (!startDate) {
+            return false;
+        }
+        if (startDate && endDate) {
+            return false;
+        }
+        var diff = getDateDiffInDays(startDate, date);
+        if (diff === 0) {
+            return false;
+        }
+        if (minRange && minRange > diff) {
+            return true;
+        }
+        if (maxRange && maxRange < diff) {
+            return true;
+        }
+        return false;
+    };
+    var isProposed = function () { return (startDate && !endDate) || false; };
+    var restoreDefaultValue = function () { return setValue(defaultRange); };
+    return {
+        updateDate: updateDate,
+        inputValue: inputValue,
+        readable: readable,
+        setValue: setValue,
+        value: value,
+        isSelected: isSelected,
+        isInRange: isInRange,
+        defaultRange: defaultRange,
+        defaultDate: (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || defaultDate,
+        restoreDefaultValue: restoreDefaultValue,
+        isBlocked: isBlocked,
+        isProposed: isProposed,
+    };
+};
+/**
+ *
+ * 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,
+    });
+    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 () {
+        restoreDefaultValue();
+    }, [defaultDate, defaultRange]);
+    return _tslib.__assign(_tslib.__assign({}, valueController), { navigationDate: navigationDate,
+        setNavigationDate: setNavigationDate,
+        isNavigation: isNavigation,
+        setHoverDate: setHoverDate,
+        isToday: isToday });
+};
+
+exports.default = useValueController;
+//# sourceMappingURL=use_value_controller.js.map

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

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var value_controller_context = require('./context/value_controller_context.js');
+require('./context/month_year_navigation_context.js');
+var use_value_controller = require('./hooks/use_value_controller.js');
+var range_picker = require('./hoc/range_picker.js');
+var single_date_picker = require('./hoc/single_date_picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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 value = valueController.value, inputValue = valueController.inputValue;
+    React.useEffect(function () {
+        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;
+exports.default = index;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/date_picker/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { IDatepickerProps } from './types';\nimport useValueController from './hooks/use_value_controller';\nimport { ValueControllerContext } from './context';\nimport RangePicker from './hoc/range_picker';\nimport SingleDatepicker from './hoc/single_date_picker';\n\nexport { RangePicker, SingleDatepicker };\n\nexport default ({\n    defaultDate,\n    defaultRange,\n    type = 'single',\n    name,\n    onChange,\n    maxDate,\n    minDate,\n    maxRange,\n    minRange,\n    className,\n    showButtons,\n    showDefaultRanges,\n}: IDatepickerProps) => {\n    const valueController = useValueController({\n        type,\n        defaultRange,\n        defaultDate,\n        maxDate,\n        minDate,\n        maxRange,\n        minRange,\n    });\n    const { value, inputValue } = valueController;\n    useEffect(() => {\n        onChange?.(value);\n    }, [value, onChange]);\n\n    return (\n        <ValueControllerContext.Provider value={valueController}>\n            <input value={inputValue} type=\"hidden\" name={name} />\n            {type === 'single' ? (\n                <SingleDatepicker className={className} showButtons={showButtons} />\n            ) : (\n                <RangePicker className={className} showButtons={showButtons} showDefaultRanges={showDefaultRanges} />\n            )}\n        </ValueControllerContext.Provider>\n    );\n};\n"],"names":["useValueController","useEffect","React","ValueControllerContext","SingleDatepicker","RangePicker"],"mappings":";;;;;;;;;;;;;;;AASA,aAAe,UAAC,EAaG;QAZf,4BAAW,EACX,8BAAY,EACZ,YAAe,EAAf,oCAAe,EACf,cAAI,EACJ,sBAAQ,EACR,oBAAO,EACP,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,wBAAS,EACT,4BAAW,EACX,wCAAiB;IAEjB,IAAM,eAAe,GAAGA,+BAAkB,CAAC;QACvC,IAAI,MAAA;QACJ,YAAY,cAAA;QACZ,WAAW,aAAA;QACX,OAAO,SAAA;QACP,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,QAAQ,UAAA;KACX,CAAC,CAAC;IACK,IAAA,6BAAK,EAAE,uCAAU,CAAqB;IAC9CC,eAAS,CAAC;QACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,QACIC,wCAACC,mCAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QACnDD,mDAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI;QACrD,IAAI,KAAK,QAAQ,IACdA,wCAACE,mCAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,KAEpEF,wCAACG,wBAAW,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACxG,CAC6B,EACpC;AACN,CAAC;;;;;;"}

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

@@ -0,0 +1,45 @@
+'use strict';
+
+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 = {
+        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 = {
+        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) };
+    return {
+        Yesterday: yesterday,
+        'Last 3 days': last3Days,
+        'Last 7 days': last7Days,
+        'Current Week': currentWeek,
+        'Last Week': lastWeek,
+        'Current Month': currentMonth,
+        'Last Month': lastMonth,
+        'Current Quarter': currentQuarter,
+        'Last Quarter': lastQuarter,
+        'Current Year': currentYear,
+        'Last Year': lastYear,
+    };
+};
+
+exports.getRanges = getRanges;
+//# sourceMappingURL=utilities.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/date_picker/utilities.ts"],"sourcesContent":["/**\n * @return ArrayOf available ranges in rangepicker\n */\nexport const getRanges = () => {\n    const currentDate = new Date(Date.now());\n    const [date, month, year] = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()];\n\n    const today = new Date(year, month, date);\n    const yesterday = { startDate: new Date(year, month, date - 1), endDate: today };\n    const last3Days = { startDate: new Date(year, month, date - 3), endDate: today };\n    const last7Days = { startDate: new Date(year, month, date - 7), endDate: today };\n    const currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };\n    const lastWeek = {\n        startDate: new Date(year, month, date - 6 - today.getDay()),\n        endDate: new Date(year, month, date - today.getDay()),\n    };\n    const currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };\n    const lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };\n    const currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };\n    const lastQuarter = {\n        startDate: new Date(year, month - (month % 3) - 3, 1),\n        endDate: new Date(year, month - (month % 3), 0),\n    };\n    const currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };\n    const lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };\n\n    return {\n        Yesterday: yesterday,\n        'Last 3 days': last3Days,\n        'Last 7 days': last7Days,\n        'Current Week': currentWeek,\n        'Last Week': lastWeek,\n        'Current Month': currentMonth,\n        'Last Month': lastMonth,\n        'Current Quarter': currentQuarter,\n        'Last Quarter': lastQuarter,\n        'Current Year': currentYear,\n        'Last Year': lastYear,\n    };\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('./../../../../../../external_dependencies/react-i18next/dist/es/useTranslation.js');
+var index = require('../context/index.js');
+var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
+var use_screen_detect = require('../../../hooks/use_screen_detect.js');
+var main_module$1 = require('../../../css/icons/main.module.less.js');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var use_click_outside = require('../../../hooks/use_click_outside.js');
+var reactDom = require('react-dom');
+var reactTransitionGroup = require('react-transition-group');
+var css_classes = require('../css_classes.js');
+var icon_arrow = require('../../../assets/icon_arrow.js');
+var utilities = require('../utilities.js');
+var constants = require('../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Dropdown.Content component. This togglable part of dropdown.
+ * @component
+ * @example
+ * <Dropdown.Content> ... </Dropdown.Content>
+ */
+var Content = function (_a) {
+    var headerComponent = _a.headerComponent, headerGoBackText = _a.headerGoBackText, headerGoBackIcon = _a.headerGoBackIcon, children = _a.children, portalContainer = _a.portalContainer;
+    var t = useTranslation.useTranslation()[0];
+    var contentRef = React.useRef(null);
+    var _b = index.useDropdownContext(), wrapperRef = _b.wrapperRef, toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
+    var _c = React.useState({
+        left: '0px',
+        top: '0px',
+        zIndex: constants.DROPDOWN_Z_INDEX,
+    }), styles = _c[0], setStyles = _c[1];
+    var screenWidthName = use_screen_detect.useScreenDetect();
+    var refs = [contentRef];
+    if (wrapperRef) {
+        refs.push(wrapperRef);
+    }
+    use_click_outside.useClickOutside(refs, function () {
+        if (typeof toggleDropdown === 'function') {
+            toggleDropdown();
+        }
+    });
+    React.useEffect(function () {
+        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;
+            screenWidthName === responsive_breakpoints.SCREEN_XS
+                ? setStyles({ top: "0px", left: "0px", zIndex: zIndex })
+                : setStyles({ top: positionTop + "px", left: positionLeft + "px", zIndex: 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: {
+            enter: main_module['default']['dropdown-enter'],
+            enterActive: main_module['default']['dropdown-enter-active'],
+            exit: main_module['default']['dropdown-exit'],
+            exitActive: main_module['default']['dropdown-exit-active'],
+        } },
+        React__default['default'].createElement("div", { ref: contentRef, style: styles, className: main_module['default'][css_classes.cssDropdownContent] },
+            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] },
+                    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);
+};
+
+exports.default = Content;
+//# sourceMappingURL=content.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../context/index.js');
+var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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);
+    use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    return (React__default['default'].createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
+};
+
+exports.default = CustomLabel;
+//# sourceMappingURL=custom_label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom_label.js","sources":["../../../../../../../../src/components/dropdown/components/custom_label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { IDropdownCustomLabelProps } from '../types';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\n\nconst CustomLabel: React.FC<IDropdownCustomLabelProps> = ({ children }) => {\n    const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const ref = useRef(null);\n    useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n    return (\n        <div onClick={toggleDropdown} ref={ref} tabIndex={0}>\n            {children}\n        </div>\n    );\n};\n\nexport default CustomLabel;\n"],"names":["useRef","useKeyboardOpenClose","React"],"mappings":";;;;;;;;;;;;IAMM,WAAW,GAAwC,UAAC,EAAY;QAAV,sBAAQ;IAC1D,IAAA,+BAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;IACzBC,4CAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACIC,iDAAK,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,IAC9C,QAAQ,CACP,EACR;AACN;;;;"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var main_module$1 = require('../../../css/heading/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * <Dropdown.Header text="Some header" />
+ */
+var Header = function (_a) {
+    var text = _a.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))));
+};
+
+exports.default = Header;
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../../../../../src/components/dropdown/components/header.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownHeaderProps } from '../types';\nimport { cssDropdownListHead } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport cssHeadingClasses from '@css/heading/main.module.less';\n\n/**\n * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List\n * @component\n * @example\n * <Dropdown.Header text=\"Some header\" />\n */\nconst Header: React.FC<IDropdownHeaderProps> = ({ text }): JSX.Element => {\n    return (\n        <li>\n            <div className={cssClasses[cssDropdownListHead]}>\n                <span className={cssHeadingClasses['head_line']}>{text}</span>\n            </div>\n        </li>\n    );\n};\n\nexport default Header;\n"],"names":["React","cssClasses","cssDropdownListHead","cssHeadingClasses"],"mappings":";;;;;;;;;;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAAQ;QAAN,cAAI;IAClD,QACIA;QACIA,iDAAK,SAAS,EAAEC,sBAAU,CAACC,+BAAmB,CAAC;YAC3CF,kDAAM,SAAS,EAAEG,wBAAiB,CAAC,WAAW,CAAC,IAAG,IAAI,CAAQ,CAC5D,CACL,EACP;AACN;;;;"}