@dreamcommerce/aurora 0.3.4-16 → 0.3.4-160

package/build/esm/src/components/date_picker/hooks/use_value_controller.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { IDatepickerRange, IValueControllerProps } from '../types';
+/**
+ *
+ * Hook to operate on datepicker
+ * @type, based on this value, proper controller is chosen
+ */
+declare const useValueController: ({ type, defaultDate, defaultRange, maxDate, minDate, minRange, maxRange, showButtons }: IValueControllerProps) => {
+    navigationDate: Date | undefined;
+    setNavigationDate: import("react").Dispatch<import("react").SetStateAction<Date | undefined>>;
+    isNavigation: (date: Date) => boolean;
+    setHoverDate: import("react").Dispatch<import("react").SetStateAction<Date | undefined>>;
+    isToday: (date: Date) => boolean;
+    updateDate: (date: Date) => void;
+    inputValue: string;
+    readable: string;
+    value: Date | undefined;
+    setValue: import("react").Dispatch<import("react").SetStateAction<Date | undefined>>;
+    isSelected: (date: Date) => boolean;
+    defaultDate: Date | undefined;
+    isInRange: () => boolean;
+    isBlocked: (date: Date) => boolean;
+    isProposed: () => boolean;
+    restoreDefaultValue: () => void;
+} | {
+    navigationDate: Date | undefined;
+    setNavigationDate: import("react").Dispatch<import("react").SetStateAction<Date | undefined>>;
+    isNavigation: (date: Date) => boolean;
+    setHoverDate: import("react").Dispatch<import("react").SetStateAction<Date | undefined>>;
+    isToday: (date: Date) => boolean;
+    updateDate: (date: Date) => void;
+    inputValue: string;
+    readable: string;
+    setValue: import("react").Dispatch<import("react").SetStateAction<IDatepickerRange | undefined>>;
+    value: IDatepickerRange | undefined;
+    isSelected: (date: Date) => boolean;
+    isInRange: (date: Date) => boolean;
+    defaultRange: IDatepickerRange | undefined;
+    defaultDate: Date | undefined;
+    restoreDefaultValue: () => void;
+    isBlocked: (date: Date) => boolean;
+    isProposed: () => boolean;
+};
+export default useValueController;

package/build/esm/src/components/date_picker/hooks/use_value_controller.js

@@ -0,0 +1,201 @@
+import { useState, useEffect, useContext } from 'react';
+import { __assign } from '../../../../_virtual/_tslib.js';
+import { DropdownContext } from '../../dropdown/context/index.js';
+import '../../../../node_modules/lodash/union.js';
+import { formatDate } from '../../../utilities/dates/formats.js';
+import { MILLIS_IN_DAY } from '../constants.js';
+
+var getDateDiffInDays = function (dateA, dateB) {
+    var timeA = dateA.getTime();
+    var timeB = dateB.getTime();
+    return Math.abs((timeA - timeB) / 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 = useState(defaultDate), value = _b[0], setValue = _b[1];
+    var toggleDropdown = useContext(DropdownContext).toggleDropdown;
+    var inputValue = (value === null || value === void 0 ? void 0 : value.toISOString()) || '';
+    var isSelected = function (date) {
+        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: 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 = 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 = formatDate(startDate) + " - " + 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 = useState(), navigationDate = _b[0], setNavigationDate = _b[1];
+    var _c = useState(), hoverDate = _c[0], setHoverDate = _c[1];
+    var singleValueController = useSingleValueController({ defaultDate: defaultDate, maxDate: maxDate, minDate: minDate, showButtons: showButtons });
+    var rangeValueController = useRangeValueController({ defaultRange: defaultRange, defaultDate: defaultDate, maxDate: maxDate, minDate: minDate, minRange: minRange, maxRange: maxRange, hoverDate: hoverDate });
+    var isNavigation = function (date) { return isSameDate(date, navigationDate); };
+    var isToday = function (date) { return isSameDate(date, new Date()); };
+    var valueController = type === 'single' ? singleValueController : rangeValueController;
+    var restoreDefaultValue = valueController.restoreDefaultValue;
+    useEffect(function () {
+        restoreDefaultValue();
+    }, [defaultDate, defaultRange]);
+    return __assign(__assign({}, valueController), { navigationDate: navigationDate,
+        setNavigationDate: setNavigationDate,
+        isNavigation: isNavigation,
+        setHoverDate: setHoverDate,
+        isToday: isToday });
+};
+
+export default useValueController;
+//# sourceMappingURL=use_value_controller.js.map

package/build/esm/src/components/date_picker/hooks/use_value_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_value_controller.js","sources":["../../../../../../src/components/date_picker/hooks/use_value_controller.ts"],"sourcesContent":["import { useContext, useEffect, useState } from 'react';\nimport { formatDate } from '@utilities/index';\nimport { IDatepickerRange, IValueControllerProps } from '../types';\nimport { MILLIS_IN_DAY } from '../constants';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\n\nconst getDateDiffInDays = (dateA: Date, dateB: Date) => {\n    const timeA = dateA.getTime();\n    const timeB = dateB.getTime();\n\n    return Math.abs((timeA - timeB) / MILLIS_IN_DAY);\n};\n\nconst isSameDate = (dateA?: Date, dateB?: Date): boolean => {\n    if (!dateA || !dateB) {\n        return false;\n    }\n    if (dateA.getDate() !== dateB.getDate()) {\n        return false;\n    }\n    if (dateA.getMonth() !== dateB.getMonth()) {\n        return false;\n    }\n    if (dateA.getFullYear() !== dateB.getFullYear()) {\n        return false;\n    }\n\n    return true;\n};\n\nconst isDateEarlierThan = (dateA?: Date, dateB?: Date): boolean => {\n    if (!dateA || !dateB) {\n        return false;\n    }\n\n    return dateA.getTime() < dateB.getTime();\n};\nconst isDateLaterThan = (dateA?: Date, dateB?: Date): boolean => {\n    if (!dateA || !dateB) {\n        return false;\n    }\n\n    return dateA.getTime() > dateB.getTime();\n};\n\nconst isDateEarlierOrSame = (dateA?: Date, dateB?: Date): boolean => {\n    return isDateEarlierThan(dateA, dateB) || isSameDate(dateA, dateB);\n};\nconst isDateLaterOrSame = (dateA?: Date, dateB?: Date): boolean => {\n    return isDateLaterThan(dateA, dateB) || isSameDate(dateA, dateB);\n};\n\n/**\n * Hook to operate on single-date-picker\n */\nconst useSingleValueController = ({\n    defaultDate,\n    maxDate,\n    minDate,\n    showButtons,\n}: {\n    defaultDate?: Date;\n    maxDate?: Date;\n    minDate?: Date;\n    showButtons?: boolean;\n}) => {\n    const [value, setValue] = useState<Date | undefined>(defaultDate);\n    const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n    const inputValue = value?.toISOString() || '';\n    const isSelected = (date: Date) => {\n        return isSameDate(date, value);\n    };\n    const restoreDefaultValue = () => setValue(defaultDate);\n    const isInRange = () => false;\n    const isProposed = () => false;\n    const isBlocked = (date: Date) => {\n        if (isDateLaterOrSame(date, maxDate)) {\n            return true;\n        }\n        if (isDateEarlierOrSame(date, minDate)) {\n            return true;\n        }\n        return false;\n    };\n\n    const updateDate = (date: Date) => {\n        if (!isBlocked(date)) {\n            setValue(date);\n            if (!showButtons) {\n                toggleDropdown?.();\n            }\n        }\n    };\n\n    return {\n        updateDate,\n        inputValue,\n        readable: formatDate(value),\n        value,\n        setValue,\n        isSelected,\n        defaultDate,\n        isInRange,\n        isBlocked,\n        isProposed,\n        restoreDefaultValue,\n    };\n};\n\n/**\n *\n * Hook to operate on range-picker\n */\nconst useRangeValueController = ({\n    defaultRange,\n    defaultDate,\n    maxDate,\n    minDate,\n    minRange,\n    maxRange,\n    hoverDate,\n}: {\n    defaultRange?: IDatepickerRange;\n    defaultDate?: Date;\n    maxDate?: Date;\n    minDate?: Date;\n    hoverDate?: Date;\n    maxRange?: number;\n    minRange?: number;\n}) => {\n    const [value, setValue] = useState(defaultRange);\n\n    const { startDate, endDate } = value || {};\n\n    const updateDate = (date: Date) => {\n        if (isBlocked(date)) {\n            return;\n        }\n        if (!endDate && isDateEarlierThan(date, startDate)) {\n            setValue({ startDate: date, endDate: startDate });\n        } else if (startDate && !value?.endDate) {\n            setValue({ endDate: date, startDate: startDate });\n        } else {\n            setValue({ startDate: date });\n        }\n    };\n\n    const readable = `${formatDate(startDate)} - ${formatDate(endDate)}`;\n\n    const inputValue = JSON.stringify([startDate, endDate]);\n\n    const isSelected = (date: Date) => {\n        return isSameDate(date, startDate) || isSameDate(date, endDate) || isSameDate(date, hoverDate);\n    };\n\n    const isInRange = (date: Date) => {\n        if (!startDate) {\n            return false;\n        }\n        if (!endDate) {\n            if (!hoverDate) {\n                return false;\n            }\n            if (hoverDate.getTime() > startDate.getTime()) {\n                return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, hoverDate);\n            }\n            return isDateEarlierOrSame(date, startDate) && isDateLaterThan(date, hoverDate);\n        }\n        return isDateLaterOrSame(date, startDate) && isDateEarlierOrSame(date, endDate);\n    };\n\n    const isBlocked = (date: Date) => {\n        if (isDateLaterThan(date, maxDate)) {\n            return true;\n        }\n        if (isDateEarlierThan(date, minDate)) {\n            return true;\n        }\n        if (!startDate) {\n            return false;\n        }\n        if (startDate && endDate) {\n            return false;\n        }\n        const diff = getDateDiffInDays(startDate, date);\n        if (diff === 0) {\n            return false;\n        }\n        if (minRange && minRange > diff) {\n            return true;\n        }\n        if (maxRange && maxRange < diff) {\n            return true;\n        }\n\n        return false;\n    };\n    const isProposed = () => (startDate && !endDate) || false;\n    const restoreDefaultValue = () => setValue(defaultRange);\n\n    return {\n        updateDate,\n        inputValue,\n        readable,\n        setValue,\n        value,\n        isSelected,\n        isInRange,\n        defaultRange,\n        defaultDate: defaultRange?.startDate || defaultDate,\n        restoreDefaultValue,\n        isBlocked,\n        isProposed,\n    };\n};\n\n/**\n *\n * Hook to operate on datepicker\n * @type, based on this value, proper controller is chosen\n */\nconst useValueController = ({ type, defaultDate, defaultRange, maxDate, minDate, minRange, maxRange, showButtons }: IValueControllerProps) => {\n    const [navigationDate, setNavigationDate] = useState<Date | undefined>();\n    const [hoverDate, setHoverDate] = useState<Date>();\n    const singleValueController = useSingleValueController({ defaultDate, maxDate, minDate, showButtons });\n    const rangeValueController = useRangeValueController({ defaultRange, defaultDate, maxDate, minDate, minRange, maxRange, hoverDate });\n    const isNavigation = (date: Date) => isSameDate(date, navigationDate);\n    const isToday = (date: Date) => isSameDate(date, new Date());\n\n    const valueController = type === 'single' ? singleValueController : rangeValueController;\n    const { restoreDefaultValue } = valueController;\n\n    useEffect(() => {\n        restoreDefaultValue();\n    }, [defaultDate, defaultRange]);\n\n    return {\n        ...valueController,\n        navigationDate,\n        setNavigationDate,\n        isNavigation,\n        setHoverDate,\n        isToday,\n    };\n};\n\nexport default useValueController;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IDatepickerProps } from './types';
+import RangePicker from './hoc/range_picker';
+import SingleDatepicker from './hoc/single_date_picker';
+export { RangePicker, SingleDatepicker };
+declare const _default: ({ defaultDate, defaultRange, type, name, onChange, maxDate, minDate, maxRange, minRange, className, showButtons, showDefaultRanges, }: IDatepickerProps) => JSX.Element;
+export default _default;

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

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

package/build/esm/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":["ValueControllerContext"],"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,GAAG,kBAAkB,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;IAC9C,SAAS,CAAC;QACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,QACI,oBAACA,iBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QACnD,+BAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI;QACrD,IAAI,KAAK,QAAQ,IACd,oBAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,KAEpE,oBAAC,WAAW,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACxG,CAC6B,EACpC;AACN,CAAC;;;;"}

package/build/esm/src/components/date_picker/types.d.ts

@@ -0,0 +1,108 @@
+import { Dispatch, SetStateAction } from 'react';
+import { TControlErrors } from "../controls/types";
+export interface IMonthYear {
+    month: number;
+    year: number;
+}
+export interface IDatepickerRange {
+    startDate?: Date;
+    endDate?: Date;
+}
+export interface IMonthYearNavigation extends IMonthYear {
+    animationClassName: string;
+    previousMonth(): void;
+    nextMonth(): void;
+    setYear(year: number): void;
+    setMonth(year: number): void;
+}
+export interface IControllerProps extends IMonthYear {
+}
+export interface IDaysGridProps {
+}
+export interface IValueController {
+    navigationDate?: Date;
+    setNavigationDate: (date: Date) => void;
+    setHoverDate: (date: Date | undefined) => void;
+    updateDate: (date: Date) => void;
+    inputValue: string;
+    readable: string;
+    isNavigation: (date: Date) => boolean;
+    isSelected: (date: Date) => boolean;
+    isInRange: (date: Date) => boolean;
+    isToday: (date: Date) => boolean;
+    isBlocked: (date: Date) => boolean;
+    isProposed: (date: Date) => boolean;
+    maxDate?: Date;
+    minDate?: Date;
+    maxRange?: number;
+    minRange?: number;
+    value: Date | IDatepickerRange | undefined;
+    setValue: Dispatch<SetStateAction<Date | undefined>> | Dispatch<SetStateAction<IDatepickerRange | undefined>>;
+    defaultDate?: Date;
+    defaultRange?: IDatepickerRange;
+    restoreDefaultValue?: () => void;
+}
+export interface IValueControllerProps {
+    type: 'single' | 'range';
+    defaultDate?: Date;
+    defaultRange?: IDatepickerRange;
+    maxDate?: Date;
+    minDate?: Date;
+    maxRange?: number;
+    showButtons?: boolean;
+    minRange?: number;
+}
+export interface IDatepickerProps {
+    name: string;
+    className?: string;
+    type?: 'single' | 'range';
+    id?: string;
+    defaultDate?: Date;
+    label?: string;
+    isRequired?: boolean;
+    defaultRange?: IDatepickerRange;
+    onChange?: (date?: Date | IDatepickerRange) => void;
+    maxDate?: Date;
+    minDate?: Date;
+    maxRange?: number;
+    minRange?: number;
+    showDefaultRanges?: boolean;
+    showButtons?: boolean;
+    hint?: string;
+    errors?: TControlErrors;
+}
+export interface IDatepickerLabelProps {
+    id: string;
+    name: string;
+    isRequired?: boolean;
+}
+export interface IMonthYearPickerProps extends IMonthYear {
+}
+export interface ISingleDayProps {
+    date: number;
+    month: number;
+    year: number;
+    updateDate: (date: Date) => void;
+}
+export interface ISingleDatepickerProps {
+    className?: string;
+    showButtons?: boolean;
+}
+export interface IRangePickerProps {
+    className?: string;
+    showButtons?: boolean;
+    showDefaultRanges?: boolean;
+}
+export interface IPureDatepickerProps extends ISingleDatepickerProps {
+    setMonthYear: Dispatch<SetStateAction<IMonthYear>>;
+    month: number;
+    year: number;
+}
+export interface IDatepickerLabelProps {
+    isRequired?: boolean;
+    label?: string;
+    id: string;
+    name: string;
+}
+export interface IMonthYearPickerController {
+}

package/build/esm/src/components/date_picker/types.js

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

package/build/esm/src/components/date_picker/types.js.map

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

package/build/esm/src/components/date_picker/utilities.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @return ArrayOf available ranges in rangepicker
+ */
+export declare const getRanges: () => {
+    Yesterday: {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last 3 days': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last 7 days': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Current Week': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last Week': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Current Month': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last Month': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Current Quarter': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last Quarter': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Current Year': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last Year': {
+        startDate: Date;
+        endDate: Date;
+    };
+};

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

@@ -0,0 +1,35 @@
+/**
+ * @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
+    };
+};
+
+export { getRanges };
+//# sourceMappingURL=utilities.js.map

package/build/esm/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 = { startDate: new Date(year, month, date - 6 - today.getDay()), endDate: new Date(year, month, date - today.getDay()) };\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 = { startDate: new Date(year, month - (month % 3) - 3, 1), endDate: new Date(year, month - (month % 3), 0) };\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":"AAAA;;;IAGa,SAAS,GAAG;IACrB,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACnC,IAAA,+EAAgG,EAA/F,YAAI,EAAE,aAAK,EAAE,YAAkF,CAAC;IAEvG,IAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1C,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACpG,IAAM,QAAQ,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC;IACxI,IAAM,YAAY,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IACnG,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;IACjG,IAAM,cAAc,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IACnH,IAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/H,IAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IAC9F,IAAM,QAAQ,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;IAEzF,OAAO;QACH,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,QAAQ;QACrB,eAAe,EAAE,YAAY;QAC7B,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,cAAc,EAAE,WAAW;QAC3B,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,QAAQ;KACxB,CAAC;AACN;;;;"}

package/build/esm/src/components/dropdown/components/content.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IDropdownContentProps } from '../types';
+/**
+ * Dropdown.Content component. This togglable part of dropdown.
+ * @component
+ * @example
+ * <Dropdown.Content> ... </Dropdown.Content>
+ */
+declare const Content: React.FC<IDropdownContentProps>;
+export default Content;

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

@@ -0,0 +1,71 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { useTranslation } from '../../../../node_modules/react-i18next/dist/es/useTranslation.js';
+import { useDropdownContext } from '../context/index.js';
+import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
+import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
+import iconCssClasses from '../../../css/icons/main.module.less.js';
+import cssClasses from '../../../css/dropdown/main.module.less.js';
+import { useClickOutside } from '../../../hooks/use_click_outside.js';
+import { createPortal } from 'react-dom';
+import { TransitionGroup, CSSTransition } from 'react-transition-group';
+import { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
+import IconArrow from '../../../assets/icon_arrow.js';
+import { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
+import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
+
+/**
+ * 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()[0];
+    var contentRef = useRef(null);
+    var _b = useDropdownContext(), wrapperRef = _b.wrapperRef, toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
+    var _c = useState({
+        left: '0px',
+        top: '0px',
+        zIndex: DROPDOWN_Z_INDEX,
+    }), styles = _c[0], setStyles = _c[1];
+    var screenWidthName = useScreenDetect();
+    var refs = [contentRef];
+    if (wrapperRef) {
+        refs.push(wrapperRef);
+    }
+    useClickOutside(refs, function () {
+        if (typeof toggleDropdown === 'function') {
+            toggleDropdown();
+        }
+    });
+    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 = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current), xModifier = _b.xModifier, yModifier = _b.yModifier;
+            var positionTop = height + y + yOffset - yModifier;
+            var positionLeft = x - xModifier;
+            var isInModal = isChildOfModal(wrapperRef);
+            var zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
+            screenWidthName === SCREEN_XS
+                ? setStyles({ top: "0px", left: "0px", zIndex: zIndex })
+                : setStyles({ top: positionTop + "px", left: positionLeft + "px", zIndex: zIndex });
+        }
+    }, [portalContainer, screenWidthName, wrapperRef, isOpen]);
+    return createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {
+            enter: cssClasses['dropdown-enter'],
+            enterActive: cssClasses['dropdown-enter-active'],
+            exit: cssClasses['dropdown-exit'],
+            exitActive: cssClasses['dropdown-exit-active'],
+        } },
+        React.createElement("div", { ref: contentRef, style: styles, className: cssClasses[cssDropdownContent] },
+            React.createElement("div", { className: cssClasses[cssDropdownHeader] },
+                React.createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
+                    headerGoBackIcon || React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),
+                    React.createElement("span", { className: cssClasses[cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
+            children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
+};
+
+export default Content;
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../../../../src/components/dropdown/components/content.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { useTranslation } from 'react-i18next';\n\nimport { IDropdownContentProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useClickOutside, useScreenDetect } from '../../../hooks';\nimport { SCREEN_XS } from '@constants/responsive_breakpoints';\n\nimport { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderTitle, cssDropdownHeaderContent } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport iconCssClasses from '@css/icons/main.module.less';\nimport IconArrow from '@assets/icon_arrow';\nimport { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities';\nimport { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_Z_INDEX } from '@components/dropdown/constants';\n\n/**\n * Dropdown.Content component. This togglable part of dropdown.\n * @component\n * @example\n * <Dropdown.Content> ... </Dropdown.Content>\n */\nconst Content: React.FC<IDropdownContentProps> = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, portalContainer }) => {\n    const [t] = useTranslation();\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { wrapperRef, toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const [styles, setStyles] = useState({\n        left: '0px',\n        top: '0px',\n        zIndex: DROPDOWN_Z_INDEX,\n    });\n    const screenWidthName = useScreenDetect();\n\n    const refs = [contentRef];\n    if (wrapperRef) {\n        refs.push(wrapperRef);\n    }\n\n    useClickOutside(refs, () => {\n        if (typeof toggleDropdown === 'function') {\n            toggleDropdown();\n        }\n    });\n\n    useEffect(() => {\n        if (wrapperRef?.current) {\n            const { x, y, height } = wrapperRef.current.getBoundingClientRect();\n            const yOffset = 10;\n\n            const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer?.current);\n            const positionTop = height + y + yOffset - yModifier;\n            const positionLeft = x - xModifier;\n            const isInModal = isChildOfModal(wrapperRef);\n            const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;\n\n            screenWidthName === SCREEN_XS\n                ? setStyles({ top: `0px`, left: `0px`, zIndex })\n                : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });\n        }\n    }, [portalContainer, screenWidthName, wrapperRef, isOpen]);\n\n    return createPortal(\n        <TransitionGroup component={null}>\n            {isOpen === true ? (\n                <CSSTransition\n                    timeout={200}\n                    classNames={{\n                        enter: cssClasses['dropdown-enter'],\n                        enterActive: cssClasses['dropdown-enter-active'],\n                        exit: cssClasses['dropdown-exit'],\n                        exitActive: cssClasses['dropdown-exit-active'],\n                    }}\n                >\n                    <div ref={contentRef} style={styles} className={cssClasses[cssDropdownContent]}>\n                        <div className={cssClasses[cssDropdownHeader]}>\n                            <div onClick={() => typeof toggleDropdown === 'function' && toggleDropdown()}>\n                                {headerComponent ?? (\n                                    <div className={cssClasses[cssDropdownHeaderContent]}>\n                                        {headerGoBackIcon || <IconArrow className={iconCssClasses['icon_rotate-180']} />}\n                                        <span className={cssClasses[cssDropdownHeaderTitle]}>{headerGoBackText ?? t('Go back')}</span>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                        {children}\n                    </div>\n                </CSSTransition>\n            ) : null}\n        </TransitionGroup>,\n        portalContainer?.current || document.body\n    );\n};\n\nexport default Content;\n"],"names":[],"mappings":"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"}

package/build/esm/src/components/dropdown/components/custom_label.d.ts

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