@dreamcommerce/aurora 0.3.5 → 0.3.6

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

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MONTHS_IN_YEAR = 12;
+var YEARS_IN_VIEW = 12;
+var MAX_MONTH = 11;
+var MIN_MONTH = 0;
+var MILLIS_IN_DAY = 1000 * 3600 * 24;
+var DATE_PICKER = 'datepicker';
+var DATE_PICKER__CONTROLLER = "".concat(DATE_PICKER, "__controller");
+var DATE_PICKER__CONTROLLER_TITLE = "".concat(DATE_PICKER__CONTROLLER, "-title");
+var DATE_PICKER__CONTROLLER_ARROW = "".concat(DATE_PICKER__CONTROLLER, "-arrow");
+var DATE_PICKER__CONTROLLER_ARROW_LEFT = "".concat(DATE_PICKER__CONTROLLER_ARROW, "_left");
+var DATE_PICKER__CONTROLLER_ARROW_RIGHT = "".concat(DATE_PICKER__CONTROLLER_ARROW, "_right");
+var DATE_PICKER__DAY_CONTENT = "".concat(DATE_PICKER__CONTROLLER, "-day-content");
+var DATE_PICKER_TEST_ID = {
+    controller: DATE_PICKER__CONTROLLER,
+    controllerTitle: DATE_PICKER__CONTROLLER_TITLE,
+    arrowLeft: DATE_PICKER__CONTROLLER_ARROW_LEFT,
+    arrowRight: DATE_PICKER__CONTROLLER_ARROW_RIGHT,
+    dayContent: DATE_PICKER__DAY_CONTENT
+};
+
+exports.DATE_PICKER_TEST_ID = DATE_PICKER_TEST_ID;
+exports.MAX_MONTH = MAX_MONTH;
+exports.MILLIS_IN_DAY = MILLIS_IN_DAY;
+exports.MIN_MONTH = MIN_MONTH;
+exports.MONTHS_IN_YEAR = MONTHS_IN_YEAR;
+exports.YEARS_IN_VIEW = YEARS_IN_VIEW;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/date_picker/context/month_year_navigation_context.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var MonthYearNavigationContext = React.createContext({
+    month: new Date().getMonth(),
+    year: new Date().getFullYear(),
+    animationClassName: '',
+    nextMonth: function () { },
+    previousMonth: function () { },
+    setMonth: function () { },
+    setYear: function () { }
+});
+
+exports.default = MonthYearNavigationContext;
+//# sourceMappingURL=month_year_navigation_context.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var DatepickerContext = React.createContext({
+    updateDate: function () { },
+    inputValue: '',
+    readable: '',
+    value: undefined,
+    isProposed: function () { return false; },
+    isSelected: function () { return false; },
+    isNavigation: function () { return false; },
+    isInRange: function () { return false; },
+    isToday: function () { return false; },
+    isBlocked: function () { return false; },
+    restoreDefaultValue: function () { },
+    setNavigationDate: function () { },
+    setValue: function () { },
+    setHoverDate: function () { },
+    navigationDate: undefined
+});
+
+exports.default = DatepickerContext;
+//# sourceMappingURL=value_controller_context.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cssDatePicker = 'date-picker';
+var cssDatePickerContainer = "".concat(cssDatePicker, "__container");
+var cssDatePickerCommonRanges = "".concat(cssDatePicker, "__common-ranges");
+var cssDatePickerController = "".concat(cssDatePicker, "__controller");
+var cssDatePickerControllerArrow = "".concat(cssDatePicker, "__controller-arrow");
+var cssDatePickerControllerTitle = "".concat(cssDatePicker, "__controller-title");
+var cssDatePickerControllerArrowLeft = "".concat(cssDatePickerControllerArrow, "_left");
+var cssDatePickerControllerArrowRight = "".concat(cssDatePickerControllerArrow, "_right");
+var cssDatePickerDaysGrid = "".concat(cssDatePicker, "__days-grid");
+var cssDatePickerDaysGridRow = "".concat(cssDatePicker, "__days-grid-row");
+var cssDatePickerDaysGridWeekName = "".concat(cssDatePicker, "__days-grid-week-name");
+var cssDatePickerLabelIcon = "".concat(cssDatePicker, "__label-icon");
+var cssDatePickerMonthTable = "".concat(cssDatePicker, "__month-table");
+var cssDatePickerMonthTableItem = "".concat(cssDatePicker, "__month-table-item");
+var cssDatePickerMonthTableItemSelected = "".concat(cssDatePicker, "__month-table-item_selected");
+var cssDatePickerDay = "".concat(cssDatePicker, "__day");
+var cssDatePickerDayNavigation = "".concat(cssDatePickerDay, "_navigation");
+var cssDatePickerDaySelected = "".concat(cssDatePickerDay, "_selected");
+var cssDatePickerDayBlocked = "".concat(cssDatePickerDay, "_blocked");
+var cssDatePickerDayProposed = "".concat(cssDatePickerDay, "_proposed");
+var cssDatePickerDayRangeEndLeft = "".concat(cssDatePickerDay, "_range-end-left");
+var cssDatePickerDayRangeEndLeftProposed = "".concat(cssDatePickerDay, "_range-end-left-proposed");
+var cssDatePickerDayRangeEndRight = "".concat(cssDatePickerDay, "_range-end-right");
+var cssDatePickerDayRangeEndRightProposed = "".concat(cssDatePickerDay, "_range-end-right-proposed");
+var cssDatePickerDayInRange = "".concat(cssDatePickerDay, "_in-range");
+var cssDatePickerDayText = "".concat(cssDatePicker, "__day-text");
+var cssDatePickerDayTextRoundedBorders = "".concat(cssDatePickerDayText, "_rounded-borders");
+var cssDatePickerDayTextNavigation = "".concat(cssDatePickerDayText, "_navigation");
+var cssDatePickerDayTextToday = "".concat(cssDatePickerDayText, "_today");
+var cssDatePickerDayTextSelected = "".concat(cssDatePickerDayText, "_selected");
+var cssRangePicker = "range-picker";
+var cssRangePickerContainer = "".concat(cssRangePicker, "__container");
+
+exports.cssDatePicker = cssDatePicker;
+exports.cssDatePickerCommonRanges = cssDatePickerCommonRanges;
+exports.cssDatePickerContainer = cssDatePickerContainer;
+exports.cssDatePickerController = cssDatePickerController;
+exports.cssDatePickerControllerArrow = cssDatePickerControllerArrow;
+exports.cssDatePickerControllerArrowLeft = cssDatePickerControllerArrowLeft;
+exports.cssDatePickerControllerArrowRight = cssDatePickerControllerArrowRight;
+exports.cssDatePickerControllerTitle = cssDatePickerControllerTitle;
+exports.cssDatePickerDay = cssDatePickerDay;
+exports.cssDatePickerDayBlocked = cssDatePickerDayBlocked;
+exports.cssDatePickerDayInRange = cssDatePickerDayInRange;
+exports.cssDatePickerDayNavigation = cssDatePickerDayNavigation;
+exports.cssDatePickerDayProposed = cssDatePickerDayProposed;
+exports.cssDatePickerDayRangeEndLeft = cssDatePickerDayRangeEndLeft;
+exports.cssDatePickerDayRangeEndLeftProposed = cssDatePickerDayRangeEndLeftProposed;
+exports.cssDatePickerDayRangeEndRight = cssDatePickerDayRangeEndRight;
+exports.cssDatePickerDayRangeEndRightProposed = cssDatePickerDayRangeEndRightProposed;
+exports.cssDatePickerDaySelected = cssDatePickerDaySelected;
+exports.cssDatePickerDayText = cssDatePickerDayText;
+exports.cssDatePickerDayTextNavigation = cssDatePickerDayTextNavigation;
+exports.cssDatePickerDayTextRoundedBorders = cssDatePickerDayTextRoundedBorders;
+exports.cssDatePickerDayTextSelected = cssDatePickerDayTextSelected;
+exports.cssDatePickerDayTextToday = cssDatePickerDayTextToday;
+exports.cssDatePickerDaysGrid = cssDatePickerDaysGrid;
+exports.cssDatePickerDaysGridRow = cssDatePickerDaysGridRow;
+exports.cssDatePickerDaysGridWeekName = cssDatePickerDaysGridWeekName;
+exports.cssDatePickerLabelIcon = cssDatePickerLabelIcon;
+exports.cssDatePickerMonthTable = cssDatePickerMonthTable;
+exports.cssDatePickerMonthTableItem = cssDatePickerMonthTableItem;
+exports.cssDatePickerMonthTableItemSelected = cssDatePickerMonthTableItemSelected;
+exports.cssRangePicker = cssRangePicker;
+exports.cssRangePickerContainer = cssRangePickerContainer;
+//# sourceMappingURL=css_classes.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+'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 main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var pure_date_picker = require('../components/pure_date_picker.js');
+var buttons = require('../components/buttons.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SingleDatepicker = function (_a) {
+    var className = _a.className, showButtons = _a.showButtons;
+    var defaultDate = React.useContext(value_controller_context['default']).defaultDate;
+    var currentDate = new Date(defaultDate || Date.now());
+    var _b = React.useState({
+        month: currentDate.getMonth(),
+        year: currentDate.getFullYear()
+    }), _c = _b[0], month = _c.month, year = _c.year, setMonthYear = _b[1];
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePicker] },
+            React__default['default'].createElement(pure_date_picker.PureDatepicker, { setMonthYear: setMonthYear, month: month, year: year, className: className }),
+            showButtons && React__default['default'].createElement(buttons['default'], null))));
+};
+
+exports.SingleDatepicker = SingleDatepicker;
+exports.default = SingleDatepicker;
+//# sourceMappingURL=single_date_picker.js.map

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

@@ -0,0 +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;"}

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/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 ? "".concat(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,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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/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,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;"}

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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,209 @@
+'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/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 = "".concat(formats.formatDate(startDate), " - ").concat(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,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;"}