@dreamcommerce/aurora 0.3.5 → 0.3.6

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const YearView: () => JSX.Element;
+export default YearView;

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js

@@ -0,0 +1,21 @@
+import React, { useContext } from 'react';
+import '../../../context/value_controller_context.js';
+import MonthYearNavigationContext from '../../../context/month_year_navigation_context.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
+import { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '../../../css_classes.js';
+import { YEARS_IN_VIEW } from '../../../constants.js';
+import { MonthYearPickerContext } from '../context.js';
+import { MONTH_VIEW } from '../constants.js';
+
+var YearView = function () {
+    var _a = useContext(MonthYearNavigationContext), setYear = _a.setYear, year = _a.year;
+    var _b = useContext(MonthYearPickerContext), yearRange = _b.yearRange, setView = _b.setView;
+    var onYearClick = function (yearIndex) { return function () {
+        setYear(yearRange + yearIndex);
+        setView(MONTH_VIEW);
+    }; };
+    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(YEARS_IN_VIEW).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-".concat(index), onClick: onYearClick(index), className: "".concat(cssClasses[cssDatePickerMonthTableItem], " ").concat(yearRange + index === year ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
+};
+
+export default YearView;
+//# sourceMappingURL=years_view.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.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;"}

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

@@ -0,0 +1,2 @@
+export declare const MONTH_VIEW = "MONTH_VIEW";
+export declare const YEARS_VIEW = "YEARS_VIEW";

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/constants.js

@@ -0,0 +1,5 @@
+var MONTH_VIEW = 'MONTH_VIEW';
+var YEARS_VIEW = 'YEARS_VIEW';
+
+export { MONTH_VIEW, YEARS_VIEW };
+//# sourceMappingURL=constants.js.map

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IMonthYearPickerContext } from './types';
+export declare const MonthYearPickerContext: import("react").Context<IMonthYearPickerContext>;

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

@@ -0,0 +1,16 @@
+import { createContext } from 'react';
+
+var MonthYearPickerContext = createContext({
+    monthPickerTitle: '',
+    onArrowLeft: function () { },
+    onArrowRight: function () { },
+    toggleView: function () { },
+    setView: function () { },
+    setYearRange: function () { },
+    view: '',
+    yearRange: 0,
+    month: 0
+});
+
+export { MonthYearPickerContext };
+//# sourceMappingURL=context.js.map

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMonthYearPickerProps } from "../../types";
+declare const MonthYearPicker: React.FC<IMonthYearPickerProps>;
+export default MonthYearPicker;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import MonthYearPickerController from './components/month_year_controller.js';
+import MonthYearView from './components/month_year_view.js';
+import MonthYearPickerContextManager from './components/month_year_picker_context_manager.js';
+
+var MonthYearPicker = function (_a) {
+    var year = _a.year, month = _a.month;
+    return (React.createElement(MonthYearPickerContextManager, { year: year, month: month },
+        React.createElement(MonthYearPickerController, null),
+        React.createElement(MonthYearView, null)));
+};
+
+export default MonthYearPicker;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/index.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;"}

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

@@ -0,0 +1,16 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface IMonthYearPickerContext {
+    onArrowLeft(): void;
+    onArrowRight(): void;
+    toggleView(): void;
+    month: number;
+    monthPickerTitle: string;
+    yearRange: number;
+    setYearRange: Dispatch<SetStateAction<number>>;
+    view: string;
+    setView: Dispatch<SetStateAction<string>>;
+}
+export interface IMonthYearPickerContextManager {
+    month: number;
+    year: number;
+}

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/types.js

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/date_picker/components/month_year_picker/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IPureDatepickerProps } from "../types";
+export declare const PureDatepicker: React.FC<IPureDatepickerProps>;
+export default PureDatepicker;

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

@@ -0,0 +1,77 @@
+import React from 'react';
+import '../context/value_controller_context.js';
+import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePickerContainer } from '../css_classes.js';
+import { MAX_MONTH, MIN_MONTH } from '../constants.js';
+import useAnimation from '../hooks/use_animation.js';
+import DaysGrid from './days_grid.js';
+import MonthController from './month_controller.js';
+
+var PureDatepicker = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, setMonthYear = _a.setMonthYear, month = _a.month, year = _a.year;
+    var _c = useAnimation({ offset: 200 }), animationWrapper = _c.animationWrapper, setRightAnimation = _c.setRightAnimation, setLeftAnimation = _c.setLeftAnimation, animationClassName = _c.animationClassName;
+    var setMonthYearWithDelay = animationWrapper(setMonthYear);
+    var previousMonth = function () {
+        if (!month) {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year - 1, month: MAX_MONTH });
+            });
+        }
+        else {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year, month: month - 1 });
+            });
+        }
+    };
+    var nextMonth = function () {
+        if (month === MAX_MONTH) {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year + 1, month: MIN_MONTH });
+            });
+        }
+        else {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year, month: month + 1 });
+            });
+        }
+    };
+    var prevMonthWithAnimation = function () {
+        setLeftAnimation();
+        previousMonth();
+    };
+    var nextMonthWithAnimation = function () {
+        setRightAnimation();
+        nextMonth();
+    };
+    var setMonth = function (month) {
+        setMonthYearWithDelay(function (_a) {
+            var year = _a.year;
+            return ({ month: month, year: year });
+        });
+    };
+    var setYear = function (year) { return setMonthYearWithDelay(function (_a) {
+        var month = _a.month;
+        return ({ month: month, year: year });
+    }); };
+    return (React.createElement("div", { className: "".concat(className, " ").concat(cssClasses[cssDatePickerContainer]) },
+        React.createElement(MonthYearNavigationContext.Provider, { value: {
+                previousMonth: prevMonthWithAnimation,
+                nextMonth: nextMonthWithAnimation,
+                animationClassName: animationClassName,
+                year: year,
+                month: month,
+                setYear: setYear,
+                setMonth: setMonth
+            } },
+            React.createElement(MonthController, { month: month, year: year }),
+            React.createElement(DaysGrid, null))));
+};
+
+export default PureDatepicker;
+export { PureDatepicker };
+//# sourceMappingURL=pure_date_picker.js.map

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISingleDayProps } from '../types';
+declare const SingleDay: React.FC<ISingleDayProps>;
+export default SingleDay;

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

@@ -0,0 +1,57 @@
+import React, { useContext, useMemo } from 'react';
+import { classNames } from '../../../utilities/styles/classNames.js';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePickerDay, cssDatePickerDayNavigation, cssDatePickerDaySelected, cssDatePickerDayBlocked, cssDatePickerDayProposed, cssDatePickerDayRangeEndLeft, cssDatePickerDayRangeEndLeftProposed, cssDatePickerDayRangeEndRight, cssDatePickerDayRangeEndRightProposed, cssDatePickerDayInRange, cssDatePickerDayText, cssDatePickerDayTextRoundedBorders, cssDatePickerDayTextNavigation, cssDatePickerDayTextToday, cssDatePickerDayTextSelected } from '../css_classes.js';
+import { DATE_PICKER_TEST_ID } from '../constants.js';
+
+var SingleDay = function (_a) {
+    var date = _a.date, month = _a.month, year = _a.year;
+    var _b = useContext(DatepickerContext), updateDate = _b.updateDate, isSelected = _b.isSelected, isInRange = _b.isInRange, isNavigation = _b.isNavigation, isBlocked = _b.isBlocked, isToday = _b.isToday, setHoverDate = _b.setHoverDate, isProposed = _b.isProposed;
+    var singleDate = new Date(year, month, date);
+    var selected = isSelected(singleDate);
+    var navigation = isNavigation(singleDate);
+    var proposed = isProposed(singleDate);
+    var inRange = isInRange(singleDate);
+    var today = isToday(singleDate);
+    var nextDayInRange = isInRange(new Date(year, month, date + 1));
+    var previousDayInRange = isInRange(new Date(year, month, date - 1));
+    var blocked = isBlocked(singleDate);
+    var roundedBorders = selected || today;
+    var oneDayRange = inRange && !nextDayInRange && !previousDayInRange;
+    var firstRangeDay = inRange && !previousDayInRange && !oneDayRange;
+    var lastRangeDay = !nextDayInRange && inRange && !oneDayRange;
+    var dayClassName = useMemo(function () {
+        return classNames([
+            cssDatePickerDay,
+            navigation && cssDatePickerDayNavigation,
+            selected && cssDatePickerDaySelected,
+            blocked && cssDatePickerDayBlocked,
+            proposed && (inRange || selected) && cssDatePickerDayProposed,
+            firstRangeDay && cssDatePickerDayRangeEndLeft,
+            firstRangeDay && proposed && cssDatePickerDayRangeEndLeftProposed,
+            lastRangeDay && cssDatePickerDayRangeEndRight,
+            lastRangeDay && proposed && cssDatePickerDayRangeEndRightProposed,
+            oneDayRange && cssDatePickerDaySelected,
+            inRange && cssDatePickerDayInRange
+        ], cssClasses);
+    }, [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]);
+    var dayTextClassName = useMemo(function () {
+        return classNames([
+            cssDatePickerDayText,
+            roundedBorders && cssDatePickerDayTextRoundedBorders,
+            selected && navigation && cssDatePickerDayTextNavigation,
+            today && navigation && cssDatePickerDayTextNavigation,
+            today && cssDatePickerDayTextToday,
+            selected && cssDatePickerDayTextSelected
+        ], cssClasses);
+    }, [roundedBorders, selected, navigation, today]);
+    return (React.createElement("div", { className: dayClassName, onClick: function () { return updateDate(new Date(year, month, date)); }, onMouseOver: function () {
+            setHoverDate(new Date(year, month, date));
+        } },
+        React.createElement("div", { className: dayTextClassName, "data-test-id": DATE_PICKER_TEST_ID.dayContent }, date)));
+};
+
+export default SingleDay;
+//# sourceMappingURL=single_day.js.map

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

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

@@ -0,0 +1,12 @@
+export declare const MONTHS_IN_YEAR = 12;
+export declare const YEARS_IN_VIEW = 12;
+export declare const MAX_MONTH = 11;
+export declare const MIN_MONTH = 0;
+export declare const MILLIS_IN_DAY: number;
+export declare const DATE_PICKER_TEST_ID: {
+    controller: string;
+    controllerTitle: string;
+    arrowLeft: string;
+    arrowRight: string;
+    dayContent: string;
+};

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

@@ -0,0 +1,22 @@
+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
+};
+
+export { DATE_PICKER_TEST_ID, MAX_MONTH, MILLIS_IN_DAY, MIN_MONTH, MONTHS_IN_YEAR, YEARS_IN_VIEW };
+//# sourceMappingURL=constants.js.map

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

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

@@ -0,0 +1,3 @@
+import ValueControllerContext from './value_controller_context';
+import MonthYearNavigationContext from './month_year_navigation_context';
+export { ValueControllerContext, MonthYearNavigationContext };

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

@@ -0,0 +1,4 @@
+import ValueControllerContext from './value_controller_context';
+import MonthYearNavigationContext from './month_year_navigation_context';
+export { ValueControllerContext, MonthYearNavigationContext };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/components/date_picker/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IMonthYearNavigation } from "../types";
+declare const MonthYearNavigationContext: import("react").Context<IMonthYearNavigation>;
+export default MonthYearNavigationContext;

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

@@ -0,0 +1,14 @@
+import { createContext } from 'react';
+
+var MonthYearNavigationContext = createContext({
+    month: new Date().getMonth(),
+    year: new Date().getFullYear(),
+    animationClassName: '',
+    nextMonth: function () { },
+    previousMonth: function () { },
+    setMonth: function () { },
+    setYear: function () { }
+});
+
+export default MonthYearNavigationContext;
+//# sourceMappingURL=month_year_navigation_context.js.map

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IValueController } from '../types';
+declare const DatepickerContext: import("react").Context<IValueController>;
+export default DatepickerContext;

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

@@ -0,0 +1,22 @@
+import { createContext } from 'react';
+
+var DatepickerContext = 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
+});
+
+export default DatepickerContext;
+//# sourceMappingURL=value_controller_context.js.map

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

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

@@ -0,0 +1,32 @@
+export declare const cssDatePicker = "date-picker";
+export declare const cssDatePickerContainer: string;
+export declare const cssDatePickerCommonRanges: string;
+export declare const cssDatePickerController: string;
+export declare const cssDatePickerControllerArrow: string;
+export declare const cssDatePickerControllerTitle: string;
+export declare const cssDatePickerControllerArrowLeft: string;
+export declare const cssDatePickerControllerArrowRight: string;
+export declare const cssDatePickerDaysGrid: string;
+export declare const cssDatePickerDaysGridRow: string;
+export declare const cssDatePickerDaysGridWeekName: string;
+export declare const cssDatePickerLabelIcon: string;
+export declare const cssDatePickerMonthTable: string;
+export declare const cssDatePickerMonthTableItem: string;
+export declare const cssDatePickerMonthTableItemSelected: string;
+export declare const cssDatePickerDay: string;
+export declare const cssDatePickerDayNavigation: string;
+export declare const cssDatePickerDaySelected: string;
+export declare const cssDatePickerDayBlocked: string;
+export declare const cssDatePickerDayProposed: string;
+export declare const cssDatePickerDayRangeEndLeft: string;
+export declare const cssDatePickerDayRangeEndLeftProposed: string;
+export declare const cssDatePickerDayRangeEndRight: string;
+export declare const cssDatePickerDayRangeEndRightProposed: string;
+export declare const cssDatePickerDayInRange: string;
+export declare const cssDatePickerDayText: string;
+export declare const cssDatePickerDayTextRoundedBorders: string;
+export declare const cssDatePickerDayTextNavigation: string;
+export declare const cssDatePickerDayTextToday: string;
+export declare const cssDatePickerDayTextSelected: string;
+export declare const cssRangePicker = "range-picker";
+export declare const cssRangePickerContainer: string;

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IRangePickerProps } from "../types";
+export declare const RangePicker: React.FC<IRangePickerProps>;
+export default RangePicker;

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

@@ -0,0 +1,53 @@
+import React, { useContext, useState, useEffect } from 'react';
+import { __assign } from '../../../../../../_virtual/_tslib.js';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssRangePicker, cssRangePickerContainer } from '../css_classes.js';
+import { useKeyboardNavigation } from '../hooks/use_keyboard_navigation.js';
+import { PureDatepicker } from '../components/pure_date_picker.js';
+import CommonRanges from '../components/common_ranges.js';
+import Buttons from '../components/buttons.js';
+
+var RangePicker = function (_a) {
+    var _b, _c;
+    var _d = _a.className, className = _d === void 0 ? '' : _d, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
+    var _e = useContext(DatepickerContext), defaultRange = _e.defaultRange, value = _e.value;
+    var earlierDate = ((_b = value) === null || _b === void 0 ? void 0 : _b.startDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || new Date(Date.now());
+    var laterDate = ((_c = value) === null || _c === void 0 ? void 0 : _c.endDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.endDate) || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);
+    var _f = useState({
+        year: earlierDate.getFullYear(),
+        month: earlierDate.getMonth()
+    }), earlierMonthYear = _f[0], setEarlierMonthYear = _f[1];
+    var _g = 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;
+    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]);
+    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]);
+    useKeyboardNavigation();
+    return (React.createElement("div", { className: cssClasses[cssRangePicker] },
+        showDefaultRanges && React.createElement(CommonRanges, null),
+        React.createElement("div", { className: cssClasses[cssRangePickerContainer] },
+            React.createElement(PureDatepicker, __assign({ setMonthYear: setEarlierMonthYear }, earlierMonthYear, { className: className })),
+            React.createElement(PureDatepicker, __assign({ setMonthYear: setLaterMonthYear }, laterMonthYear, { className: className }))),
+        showButtons && React.createElement(Buttons, null)));
+};
+
+export default RangePicker;
+export { RangePicker };
+//# sourceMappingURL=range_picker.js.map

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

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISingleDatepickerProps } from "../types";
+export declare const SingleDatepicker: FC<ISingleDatepickerProps>;
+export default SingleDatepicker;

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

@@ -0,0 +1,25 @@
+import React, { useContext, useState } from 'react';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePicker } from '../css_classes.js';
+import { PureDatepicker } from '../components/pure_date_picker.js';
+import Buttons from '../components/buttons.js';
+
+var SingleDatepicker = function (_a) {
+    var className = _a.className, showButtons = _a.showButtons;
+    var defaultDate = useContext(DatepickerContext).defaultDate;
+    var currentDate = new Date(defaultDate || Date.now());
+    var _b = useState({
+        month: currentDate.getMonth(),
+        year: currentDate.getFullYear()
+    }), _c = _b[0], month = _c.month, year = _c.year, setMonthYear = _b[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: cssClasses[cssDatePicker] },
+            React.createElement(PureDatepicker, { setMonthYear: setMonthYear, month: month, year: year, className: className }),
+            showButtons && React.createElement(Buttons, null))));
+};
+
+export default SingleDatepicker;
+export { SingleDatepicker };
+//# sourceMappingURL=single_date_picker.js.map

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

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

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IMonthYear } from "../types";
+/**
+ * Hook to animate datepicker from side to side
+ * @param offset
+ */
+declare const useAnimation: ({ offset }: {
+    offset: number;
+}) => {
+    animationWrapper: (setState: Dispatch<SetStateAction<IMonthYear>>) => (state: SetStateAction<IMonthYear>) => void;
+    setRightAnimation: () => void;
+    setLeftAnimation: () => void;
+    animationClassName: string;
+};
+export default useAnimation;