@alfalab/core-components-calendar-range 4.2.3 → 5.0.0

package/dist/cssm/useCalendarMonthes.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var dateFns = require('date-fns');
-
-function useCalendarMonthes(_a) {
-    var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = (function () {
-        if (inputValueFrom.value && inputValueFrom.date) {
-            return dateFns.startOfMonth(inputValueFrom.date).getTime();
-        }
-        return defaultMonth;
-    })();
-    var initialMonthTo = (function () {
-        if (inputValueTo.value && inputValueTo.date) {
-            return dateFns.startOfMonth(inputValueTo.date).getTime();
-        }
-        return isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
-    })();
-    var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
-    var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
-    var handleMonthFromChange = React.useCallback(function (newMonthFrom) {
-        setMonthFrom(newMonthFrom);
-        if (!isPopover) {
-            var nextMonth = dateFns.addMonths(newMonthFrom, 1).getTime();
-            setMonthTo(nextMonth);
-            return;
-        }
-        if (!inputValueTo.date) {
-            setMonthTo(newMonthFrom);
-        }
-    }, [isPopover, setMonthFrom, setMonthTo, inputValueTo]);
-    var handleMonthToChange = React.useCallback(function (newMonthTo) {
-        setMonthTo(newMonthTo);
-        if (!isPopover) {
-            var prevMonth = dateFns.subMonths(newMonthTo, 1).getTime();
-            setMonthFrom(prevMonth);
-            return;
-        }
-        if (!inputValueFrom.date) {
-            setMonthFrom(newMonthTo);
-        }
-    }, [isPopover, setMonthFrom, setMonthTo, inputValueFrom]);
-    return {
-        monthFrom: monthFrom,
-        monthTo: monthTo,
-        handleMonthFromChange: handleMonthFromChange,
-        handleMonthToChange: handleMonthToChange,
-    };
-}
-
-exports.useCalendarMonthes = useCalendarMonthes;

package/dist/esm/index.css

@@ -1,36 +0,0 @@
-/* hash: y21on */
-:root {
-    --color-light-graphic-primary: #0b1f35;
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --gap-xs: 8px;
-}
-.calendar-range__component_1dam9 {
-    display: flex
-}
-.calendar-range__component_1dam9 button[aria-selected='true'] {
-        cursor: pointer;
-    }
-.calendar-range__divider_1dam9 {
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    margin: 0 var(--gap-xs)
-}
-.calendar-range__divider_1dam9:after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 1px;
-        background-color: var(--color-light-graphic-primary);
-    }

package/dist/esm/useCalendarMaxMinDates.d.ts

@@ -1,16 +0,0 @@
-type useMaxMinDatesProps = {
-    isPopover: boolean;
-    monthTo: number;
-    monthFrom: number;
-    selectedTo?: number;
-    selectedFrom?: number;
-    maxDate?: number;
-    minDate?: number;
-};
-declare function useCalendarMaxMinDates({ isPopover, monthTo, monthFrom, selectedTo, selectedFrom, maxDate, minDate, }: useMaxMinDatesProps): {
-    fromMinDate: number | undefined;
-    toMaxDate: number | undefined;
-    fromMaxDate: number | undefined;
-    toMinDate: number | undefined;
-};
-export { useCalendarMaxMinDates };

package/dist/esm/useCalendarMaxMinDates.js

@@ -1,18 +0,0 @@
-import { endOfMonth, startOfMonth } from 'date-fns';
-import { limitDate } from '@alfalab/core-components-calendar/dist/esm';
-
-function useCalendarMaxMinDates(_a) {
-    var isPopover = _a.isPopover, monthTo = _a.monthTo, monthFrom = _a.monthFrom, selectedTo = _a.selectedTo, selectedFrom = _a.selectedFrom, maxDate = _a.maxDate, minDate = _a.minDate;
-    var popoverFromMaxDate = selectedTo || maxDate;
-    var fromMaxDate = limitDate(endOfMonth(monthFrom), minDate, maxDate).getTime();
-    var popoverToMinDate = selectedFrom || minDate;
-    var toMinDate = limitDate(startOfMonth(monthTo), minDate, maxDate).getTime();
-    return {
-        fromMinDate: minDate,
-        toMaxDate: maxDate,
-        fromMaxDate: isPopover ? popoverFromMaxDate : fromMaxDate,
-        toMinDate: isPopover ? popoverToMinDate : toMinDate,
-    };
-}
-
-export { useCalendarMaxMinDates };

package/dist/esm/useCalendarMonthes.d.ts

@@ -1,14 +0,0 @@
-import { ValueState } from "./utils";
-type useMonthProps = {
-    defaultMonth: number;
-    isPopover: boolean;
-    inputValueFrom: ValueState;
-    inputValueTo: ValueState;
-};
-declare function useCalendarMonthes({ inputValueFrom, inputValueTo, defaultMonth, isPopover, }: useMonthProps): {
-    monthFrom: number;
-    monthTo: number;
-    handleMonthFromChange: (newMonthFrom: number) => void;
-    handleMonthToChange: (newMonthTo: number) => void;
-};
-export { useCalendarMonthes };

package/dist/esm/useCalendarMonthes.js

@@ -1,50 +0,0 @@
-import { useState, useCallback } from 'react';
-import { startOfMonth, addMonths, subMonths } from 'date-fns';
-
-function useCalendarMonthes(_a) {
-    var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = (function () {
-        if (inputValueFrom.value && inputValueFrom.date) {
-            return startOfMonth(inputValueFrom.date).getTime();
-        }
-        return defaultMonth;
-    })();
-    var initialMonthTo = (function () {
-        if (inputValueTo.value && inputValueTo.date) {
-            return startOfMonth(inputValueTo.date).getTime();
-        }
-        return isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
-    })();
-    var _b = useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
-    var _c = useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
-    var handleMonthFromChange = useCallback(function (newMonthFrom) {
-        setMonthFrom(newMonthFrom);
-        if (!isPopover) {
-            var nextMonth = addMonths(newMonthFrom, 1).getTime();
-            setMonthTo(nextMonth);
-            return;
-        }
-        if (!inputValueTo.date) {
-            setMonthTo(newMonthFrom);
-        }
-    }, [isPopover, setMonthFrom, setMonthTo, inputValueTo]);
-    var handleMonthToChange = useCallback(function (newMonthTo) {
-        setMonthTo(newMonthTo);
-        if (!isPopover) {
-            var prevMonth = subMonths(newMonthTo, 1).getTime();
-            setMonthFrom(prevMonth);
-            return;
-        }
-        if (!inputValueFrom.date) {
-            setMonthFrom(newMonthTo);
-        }
-    }, [isPopover, setMonthFrom, setMonthTo, inputValueFrom]);
-    return {
-        monthFrom: monthFrom,
-        monthTo: monthTo,
-        handleMonthFromChange: handleMonthFromChange,
-        handleMonthToChange: handleMonthToChange,
-    };
-}
-
-export { useCalendarMonthes };

package/dist/index.css

@@ -1,36 +0,0 @@
-/* hash: y21on */
-:root {
-    --color-light-graphic-primary: #0b1f35;
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --gap-xs: 8px;
-}
-.calendar-range__component_1dam9 {
-    display: flex
-}
-.calendar-range__component_1dam9 button[aria-selected='true'] {
-        cursor: pointer;
-    }
-.calendar-range__divider_1dam9 {
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    margin: 0 var(--gap-xs)
-}
-.calendar-range__divider_1dam9:after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 1px;
-        background-color: var(--color-light-graphic-primary);
-    }

package/dist/modern/index.css

@@ -1,36 +0,0 @@
-/* hash: y21on */
-:root {
-    --color-light-graphic-primary: #0b1f35;
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --gap-xs: 8px;
-}
-.calendar-range__component_1dam9 {
-    display: flex
-}
-.calendar-range__component_1dam9 button[aria-selected='true'] {
-        cursor: pointer;
-    }
-.calendar-range__divider_1dam9 {
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    margin: 0 var(--gap-xs)
-}
-.calendar-range__divider_1dam9:after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 1px;
-        background-color: var(--color-light-graphic-primary);
-    }

package/dist/modern/useCalendarMaxMinDates.d.ts

@@ -1,16 +0,0 @@
-type useMaxMinDatesProps = {
-    isPopover: boolean;
-    monthTo: number;
-    monthFrom: number;
-    selectedTo?: number;
-    selectedFrom?: number;
-    maxDate?: number;
-    minDate?: number;
-};
-declare function useCalendarMaxMinDates({ isPopover, monthTo, monthFrom, selectedTo, selectedFrom, maxDate, minDate, }: useMaxMinDatesProps): {
-    fromMinDate: number | undefined;
-    toMaxDate: number | undefined;
-    fromMaxDate: number | undefined;
-    toMinDate: number | undefined;
-};
-export { useCalendarMaxMinDates };

package/dist/modern/useCalendarMaxMinDates.js

@@ -1,17 +0,0 @@
-import { endOfMonth, startOfMonth } from 'date-fns';
-import { limitDate } from '@alfalab/core-components-calendar/dist/modern';
-
-function useCalendarMaxMinDates({ isPopover, monthTo, monthFrom, selectedTo, selectedFrom, maxDate, minDate, }) {
-    const popoverFromMaxDate = selectedTo || maxDate;
-    const fromMaxDate = limitDate(endOfMonth(monthFrom), minDate, maxDate).getTime();
-    const popoverToMinDate = selectedFrom || minDate;
-    const toMinDate = limitDate(startOfMonth(monthTo), minDate, maxDate).getTime();
-    return {
-        fromMinDate: minDate,
-        toMaxDate: maxDate,
-        fromMaxDate: isPopover ? popoverFromMaxDate : fromMaxDate,
-        toMinDate: isPopover ? popoverToMinDate : toMinDate,
-    };
-}
-
-export { useCalendarMaxMinDates };

package/dist/modern/useCalendarMonthes.d.ts

@@ -1,14 +0,0 @@
-import { ValueState } from "./utils";
-type useMonthProps = {
-    defaultMonth: number;
-    isPopover: boolean;
-    inputValueFrom: ValueState;
-    inputValueTo: ValueState;
-};
-declare function useCalendarMonthes({ inputValueFrom, inputValueTo, defaultMonth, isPopover, }: useMonthProps): {
-    monthFrom: number;
-    monthTo: number;
-    handleMonthFromChange: (newMonthFrom: number) => void;
-    handleMonthToChange: (newMonthTo: number) => void;
-};
-export { useCalendarMonthes };

package/dist/modern/useCalendarMonthes.js

@@ -1,49 +0,0 @@
-import { useState, useCallback } from 'react';
-import { startOfMonth, addMonths, subMonths } from 'date-fns';
-
-function useCalendarMonthes({ inputValueFrom, inputValueTo, defaultMonth, isPopover, }) {
-    const initialMonthFrom = (() => {
-        if (inputValueFrom.value && inputValueFrom.date) {
-            return startOfMonth(inputValueFrom.date).getTime();
-        }
-        return defaultMonth;
-    })();
-    const initialMonthTo = (() => {
-        if (inputValueTo.value && inputValueTo.date) {
-            return startOfMonth(inputValueTo.date).getTime();
-        }
-        return isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
-    })();
-    const [monthFrom, setMonthFrom] = useState(initialMonthFrom);
-    const [monthTo, setMonthTo] = useState(initialMonthTo);
-    const handleMonthFromChange = useCallback((newMonthFrom) => {
-        setMonthFrom(newMonthFrom);
-        if (!isPopover) {
-            const nextMonth = addMonths(newMonthFrom, 1).getTime();
-            setMonthTo(nextMonth);
-            return;
-        }
-        if (!inputValueTo.date) {
-            setMonthTo(newMonthFrom);
-        }
-    }, [isPopover, setMonthFrom, setMonthTo, inputValueTo]);
-    const handleMonthToChange = useCallback((newMonthTo) => {
-        setMonthTo(newMonthTo);
-        if (!isPopover) {
-            const prevMonth = subMonths(newMonthTo, 1).getTime();
-            setMonthFrom(prevMonth);
-            return;
-        }
-        if (!inputValueFrom.date) {
-            setMonthFrom(newMonthTo);
-        }
-    }, [isPopover, setMonthFrom, setMonthTo, inputValueFrom]);
-    return {
-        monthFrom,
-        monthTo,
-        handleMonthFromChange,
-        handleMonthToChange,
-    };
-}
-
-export { useCalendarMonthes };

package/dist/useCalendarMaxMinDates.d.ts

@@ -1,16 +0,0 @@
-type useMaxMinDatesProps = {
-    isPopover: boolean;
-    monthTo: number;
-    monthFrom: number;
-    selectedTo?: number;
-    selectedFrom?: number;
-    maxDate?: number;
-    minDate?: number;
-};
-declare function useCalendarMaxMinDates({ isPopover, monthTo, monthFrom, selectedTo, selectedFrom, maxDate, minDate, }: useMaxMinDatesProps): {
-    fromMinDate: number | undefined;
-    toMaxDate: number | undefined;
-    fromMaxDate: number | undefined;
-    toMinDate: number | undefined;
-};
-export { useCalendarMaxMinDates };

package/dist/useCalendarMaxMinDates.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dateFns = require('date-fns');
-var coreComponentsCalendar = require('@alfalab/core-components-calendar');
-
-function useCalendarMaxMinDates(_a) {
-    var isPopover = _a.isPopover, monthTo = _a.monthTo, monthFrom = _a.monthFrom, selectedTo = _a.selectedTo, selectedFrom = _a.selectedFrom, maxDate = _a.maxDate, minDate = _a.minDate;
-    var popoverFromMaxDate = selectedTo || maxDate;
-    var fromMaxDate = coreComponentsCalendar.limitDate(dateFns.endOfMonth(monthFrom), minDate, maxDate).getTime();
-    var popoverToMinDate = selectedFrom || minDate;
-    var toMinDate = coreComponentsCalendar.limitDate(dateFns.startOfMonth(monthTo), minDate, maxDate).getTime();
-    return {
-        fromMinDate: minDate,
-        toMaxDate: maxDate,
-        fromMaxDate: isPopover ? popoverFromMaxDate : fromMaxDate,
-        toMinDate: isPopover ? popoverToMinDate : toMinDate,
-    };
-}
-
-exports.useCalendarMaxMinDates = useCalendarMaxMinDates;

package/dist/useCalendarMonthes.d.ts

@@ -1,14 +0,0 @@
-import { ValueState } from "./utils";
-type useMonthProps = {
-    defaultMonth: number;
-    isPopover: boolean;
-    inputValueFrom: ValueState;
-    inputValueTo: ValueState;
-};
-declare function useCalendarMonthes({ inputValueFrom, inputValueTo, defaultMonth, isPopover, }: useMonthProps): {
-    monthFrom: number;
-    monthTo: number;
-    handleMonthFromChange: (newMonthFrom: number) => void;
-    handleMonthToChange: (newMonthTo: number) => void;
-};
-export { useCalendarMonthes };

package/dist/useCalendarMonthes.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var dateFns = require('date-fns');
-
-function useCalendarMonthes(_a) {
-    var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = (function () {
-        if (inputValueFrom.value && inputValueFrom.date) {
-            return dateFns.startOfMonth(inputValueFrom.date).getTime();
-        }
-        return defaultMonth;
-    })();
-    var initialMonthTo = (function () {
-        if (inputValueTo.value && inputValueTo.date) {
-            return dateFns.startOfMonth(inputValueTo.date).getTime();
-        }
-        return isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
-    })();
-    var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
-    var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
-    var handleMonthFromChange = React.useCallback(function (newMonthFrom) {
-        setMonthFrom(newMonthFrom);
-        if (!isPopover) {
-            var nextMonth = dateFns.addMonths(newMonthFrom, 1).getTime();
-            setMonthTo(nextMonth);
-            return;
-        }
-        if (!inputValueTo.date) {
-            setMonthTo(newMonthFrom);
-        }
-    }, [isPopover, setMonthFrom, setMonthTo, inputValueTo]);
-    var handleMonthToChange = React.useCallback(function (newMonthTo) {
-        setMonthTo(newMonthTo);
-        if (!isPopover) {
-            var prevMonth = dateFns.subMonths(newMonthTo, 1).getTime();
-            setMonthFrom(prevMonth);
-            return;
-        }
-        if (!inputValueFrom.date) {
-            setMonthFrom(newMonthTo);
-        }
-    }, [isPopover, setMonthFrom, setMonthTo, inputValueFrom]);
-    return {
-        monthFrom: monthFrom,
-        monthTo: monthTo,
-        handleMonthFromChange: handleMonthFromChange,
-        handleMonthToChange: handleMonthToChange,
-    };
-}
-
-exports.useCalendarMonthes = useCalendarMonthes;