@alfalab/core-components-calendar-range 9.0.5 → 9.0.6

package/modern/views/static.js.map

@@ -1 +1 @@
-{"version":3,"file":"static.js","sources":["../../src/views/static.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { type FC, type MouseEvent, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport { addMonths, endOfMonth, isSameMonth, max, startOfMonth, subMonths } from 'date-fns';\n\nimport { CalendarDesktop } from '@alfalab/core-components-calendar/desktop';\nimport { usePeriodWithReset } from '@alfalab/core-components-calendar/shared';\nimport {\n    formatDate,\n    isValidInputValue,\n    parseDateString,\n} from '@alfalab/core-components-calendar-input/shared';\nimport {\n    DateInput,\n    type DateInputProps,\n    isCompleteDateInput,\n} from '@alfalab/core-components-date-input';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { type CalendarRangeProps } from '../Component';\nimport { Divider } from '../components/divider';\nimport { useSelectionProps, useStaticViewMonthes } from '../hooks';\nimport { isDayButton } from '../utils';\n\nimport styles from './index.module.css';\n\nexport type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {\n    /**\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n};\n\nexport const CalendarRangeStatic: FC<CalendarRangeStaticProps> = ({\n    className,\n    defaultMonth = startOfMonth(new Date()).getTime(),\n    defaultMonthPosition = 'left',\n    minDate,\n    maxDate,\n    valueFrom = '',\n    valueTo = '',\n    onDateFromChange = () => null,\n    onDateToChange = () => null,\n    onChange = () => null,\n    onError,\n    inputFromProps = {},\n    inputToProps = {},\n    offDays,\n    events,\n    returnInvalidDates = false,\n    dataTestId,\n    calendarContainerClassName,\n}) => {\n    const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);\n    const [inputToValue, setInputToValue] = useState<string>(valueTo);\n\n    let dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)\n        ? parseDateString(inputFromValue).getTime()\n        : null;\n\n    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)\n        ? parseDateString(inputToValue).getTime()\n        : null;\n\n    if (isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {\n        dateFrom = null;\n    }\n\n    const bothInvalid =\n        isCompleteDateInput(inputFromValue) &&\n        isCompleteDateInput(inputToValue) &&\n        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();\n\n    const [highlightedDate, setHighlightedDate] = useState<number | undefined>(undefined);\n\n    const period = usePeriodWithReset({\n        initialSelectedFrom: dateFrom ? parseDateString(inputFromValue).getTime() : undefined,\n        initialSelectedTo: dateTo ? parseDateString(inputToValue).getTime() : undefined,\n    });\n\n    const validateInputFromValue = useCallback(\n        (value: string) => isValidInputValue(value, minDate, dateFrom || maxDate, offDays),\n        [dateFrom, maxDate, minDate, offDays],\n    );\n\n    const validateInputToValue = useCallback(\n        (value: string) => isValidInputValue(value, dateFrom || minDate, maxDate, offDays),\n\n        [dateFrom, minDate, maxDate, offDays],\n    );\n\n    const [inputFromInvalid, setInputFromInvalid] = useState<boolean>(\n        isCompleteDateInput(inputFromValue) && dateFrom === null,\n    );\n\n    const [inputToInvalid, setInputToInvalid] = useState<boolean>(\n        isCompleteDateInput(inputToValue) && dateTo === null,\n    );\n\n    const hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;\n    const {\n        calendarProps: calendarFromProps,\n        onInputChange: onInputChangeFrom,\n        ...dateInputFromProps\n    } = inputFromProps;\n    const {\n        calendarProps: calendarToProps,\n        onInputChange: onInputChangeTo,\n        ...dateInputToProps\n    } = inputToProps;\n\n    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } = useStaticViewMonthes(\n        {\n            selectedFrom: period.selectedFrom,\n            selectedTo: period.selectedTo,\n            defaultMonth,\n            defaultMonthPosition,\n        },\n    );\n\n    const handleValidInputFrom = useCallback(() => {\n        setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));\n    }, [inputFromValue, validateInputFromValue]);\n\n    const handleValidInputTo = useCallback(() => {\n        setInputToInvalid(inputToValue !== '' && !validateInputToValue(inputToValue));\n    }, [inputToValue, validateInputToValue]);\n\n    const handleInputFromChange: Required<DateInputProps>['onChange'] = (event, payload) => {\n        setInputFromValue(payload.value);\n        onInputChangeFrom?.(event, payload);\n    };\n\n    const handleInputToChange: Required<DateInputProps>['onChange'] = (event, payload) => {\n        setInputToValue(payload.value);\n        onInputChangeTo?.(event, payload);\n    };\n\n    const handleMouseOver = useCallback((event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement;\n\n        const mouseOverDayButton = isDayButton(target) || isDayButton(target.parentElement);\n\n        let date;\n\n        if (mouseOverDayButton) {\n            const button =\n                target.tagName === 'BUTTON' ? target : (target.parentElement as HTMLButtonElement);\n\n            if (button.dataset.date) {\n                date = +button.dataset.date;\n            }\n        }\n\n        setHighlightedDate(date);\n    }, []);\n\n    const handleClearFrom = useCallback(() => {\n        setInputFromValue('');\n    }, []);\n\n    const handleClearTo = useCallback(() => {\n        setInputToValue('');\n    }, []);\n\n    useEffect(() => {\n        setInputFromValue(period.selectedFrom ? formatDate(period.selectedFrom) : '');\n    }, [period.selectedFrom]);\n\n    useEffect(() => {\n        setInputToValue(period.selectedTo ? formatDate(period.selectedTo) : '');\n    }, [period.selectedTo]);\n\n    useEffect(() => {\n        setInputFromValue(valueFrom);\n    }, [valueFrom]);\n\n    useEffect(() => {\n        setInputToValue(valueTo);\n    }, [valueTo]);\n\n    useEffect(() => {\n        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {\n            handleValidInputFrom();\n        }\n\n        period.setStart(dateFrom || undefined);\n        if (dateTo) {\n            period.setEnd(dateTo);\n        }\n\n        if (inputFromValue !== valueFrom) {\n            onDateFromChange({\n                value: inputFromValue,\n                date: dateFrom,\n            });\n\n            onChange({\n                valueFrom: inputFromValue,\n                valueTo: inputToValue,\n                dateFrom,\n                dateTo,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputFromValue]);\n\n    useEffect(() => {\n        if (!inputToValue || isCompleteDateInput(inputToValue)) {\n            handleValidInputTo();\n        }\n\n        period.setEnd(dateTo || undefined);\n        if (dateFrom) {\n            period.setStart(dateFrom);\n        }\n\n        if (inputToValue !== valueTo) {\n            // eslint-disable-next-line no-nested-ternary\n            const inputDateTo = returnInvalidDates\n                ? isCompleteDateInput(inputToValue)\n                    ? parseDateString(inputToValue).getTime()\n                    : null\n                : dateTo;\n\n            onDateToChange({\n                value: inputToValue,\n                date: inputDateTo,\n            });\n\n            onChange({\n                valueFrom: inputFromValue,\n                valueTo: inputToValue,\n                dateFrom,\n                dateTo: inputDateTo,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputToValue]);\n\n    useEffect(() => {\n        if (onError) {\n            onError(hasValidateError);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasValidateError]);\n\n    const rangeProps = useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);\n\n    const CalendarFromComponent = dateInputFromProps.Calendar || CalendarDesktop;\n    const CalendarToComponent = dateInputToProps.Calendar || CalendarDesktop;\n\n    const minMaxInSameMonth = minDate && maxDate && isSameMonth(minDate, maxDate);\n\n    return (\n        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n        <div\n            className={cn(styles.component, styles.static, className)}\n            // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n            onMouseOver={handleMouseOver}\n            data-test-id={dataTestId}\n        >\n            <div>\n                <DateInput\n                    {...dateInputFromProps}\n                    mobileMode={\n                        dateInputFromProps.mobileMode === 'popover'\n                            ? 'input'\n                            : dateInputFromProps.mobileMode\n                    }\n                    value={inputFromValue}\n                    onChange={handleInputFromChange}\n                    onClear={handleClearFrom}\n                    onBlur={handleValidInputFrom}\n                    error={bothInvalid || inputFromInvalid || dateInputFromProps.error}\n                    clear={true}\n                    block={true}\n                />\n                <div\n                    className={cn(styles.calendarContainer, calendarContainerClassName)}\n                    data-test-id={getDataTestId(dataTestId, 'container-from')}\n                >\n                    <CalendarFromComponent\n                        {...calendarFromProps}\n                        className={cn(styles.calendar, calendarFromProps?.className)}\n                        month={monthFrom}\n                        selectorView='month-only'\n                        offDays={offDays}\n                        events={events}\n                        onChange={period.updatePeriod}\n                        onMonthChange={handleMonthFromChange}\n                        minDate={minDate}\n                        maxDate={\n                            minMaxInSameMonth\n                                ? maxDate\n                                : maxDate &&\n                                  max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime()\n                        }\n                        {...rangeProps}\n                    />\n                </div>\n            </div>\n\n            <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />\n\n            <div>\n                <DateInput\n                    {...dateInputToProps}\n                    mobileMode={\n                        dateInputToProps.mobileMode === 'popover'\n                            ? 'input'\n                            : dateInputToProps.mobileMode\n                    }\n                    value={inputToValue}\n                    onChange={handleInputToChange}\n                    onClear={handleClearTo}\n                    onBlur={handleValidInputTo}\n                    error={bothInvalid || inputToInvalid || dateInputToProps.error}\n                    clear={true}\n                    block={true}\n                />\n                <div data-test-id={getDataTestId(dataTestId, 'container-to')}>\n                    <CalendarToComponent\n                        {...calendarToProps}\n                        className={cn(styles.calendar, calendarToProps?.className)}\n                        month={monthTo}\n                        selectorView='month-only'\n                        offDays={offDays}\n                        events={events}\n                        onChange={period.updatePeriod}\n                        onMonthChange={handleMonthToChange}\n                        minDate={\n                            minMaxInSameMonth\n                                ? minDate\n                                : minDate && startOfMonth(addMonths(minDate, 1)).getTime()\n                        }\n                        maxDate={maxDate}\n                        {...rangeProps}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"static.js","sources":["../../src/views/static.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { type FC, type MouseEvent, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport { addMonths, endOfMonth, isSameMonth, max, startOfMonth, subMonths } from 'date-fns';\n\nimport { CalendarDesktop } from '@alfalab/core-components-calendar/desktop';\nimport { usePeriodWithReset } from '@alfalab/core-components-calendar/shared';\nimport {\n    formatDate,\n    isValidInputValue,\n    parseDateString,\n} from '@alfalab/core-components-calendar-input/shared';\nimport {\n    DateInput,\n    type DateInputProps,\n    isCompleteDateInput,\n} from '@alfalab/core-components-date-input';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { type CalendarRangeProps } from '../Component';\nimport { Divider } from '../components/divider';\nimport { useSelectionProps, useStaticViewMonthes } from '../hooks';\nimport { isDayButton } from '../utils';\n\nimport styles from './index.module.css';\n\nexport type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {\n    /**\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n};\n\nexport const CalendarRangeStatic: FC<CalendarRangeStaticProps> = ({\n    className,\n    defaultMonth = startOfMonth(new Date()).getTime(),\n    defaultMonthPosition = 'left',\n    minDate,\n    maxDate,\n    valueFrom = '',\n    valueTo = '',\n    onDateFromChange = () => null,\n    onDateToChange = () => null,\n    onChange = () => null,\n    onError,\n    inputFromProps = {},\n    inputToProps = {},\n    offDays,\n    events,\n    returnInvalidDates = false,\n    dataTestId,\n    calendarContainerClassName,\n}) => {\n    const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);\n    const [inputToValue, setInputToValue] = useState<string>(valueTo);\n\n    let dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)\n        ? parseDateString(inputFromValue).getTime()\n        : null;\n\n    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)\n        ? parseDateString(inputToValue).getTime()\n        : null;\n\n    if (isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {\n        dateFrom = null;\n    }\n\n    const bothInvalid =\n        isCompleteDateInput(inputFromValue) &&\n        isCompleteDateInput(inputToValue) &&\n        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();\n\n    const [highlightedDate, setHighlightedDate] = useState<number | undefined>(undefined);\n\n    const period = usePeriodWithReset({\n        initialSelectedFrom: dateFrom ? parseDateString(inputFromValue).getTime() : undefined,\n        initialSelectedTo: dateTo ? parseDateString(inputToValue).getTime() : undefined,\n    });\n\n    const validateInputFromValue = useCallback(\n        (value: string) => isValidInputValue(value, minDate, dateFrom || maxDate, offDays),\n        [dateFrom, maxDate, minDate, offDays],\n    );\n\n    const validateInputToValue = useCallback(\n        (value: string) => isValidInputValue(value, dateFrom || minDate, maxDate, offDays),\n\n        [dateFrom, minDate, maxDate, offDays],\n    );\n\n    const [inputFromInvalid, setInputFromInvalid] = useState<boolean>(\n        isCompleteDateInput(inputFromValue) && dateFrom === null,\n    );\n\n    const [inputToInvalid, setInputToInvalid] = useState<boolean>(\n        isCompleteDateInput(inputToValue) && dateTo === null,\n    );\n\n    const hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;\n    const {\n        calendarProps: calendarFromProps,\n        onInputChange: onInputChangeFrom,\n        ...dateInputFromProps\n    } = inputFromProps;\n    const {\n        calendarProps: calendarToProps,\n        onInputChange: onInputChangeTo,\n        ...dateInputToProps\n    } = inputToProps;\n\n    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } = useStaticViewMonthes(\n        {\n            selectedFrom: period.selectedFrom,\n            selectedTo: period.selectedTo,\n            defaultMonth,\n            defaultMonthPosition,\n        },\n    );\n\n    const handleValidInputFrom = useCallback(() => {\n        setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));\n    }, [inputFromValue, validateInputFromValue]);\n\n    const handleValidInputTo = useCallback(() => {\n        setInputToInvalid(inputToValue !== '' && !validateInputToValue(inputToValue));\n    }, [inputToValue, validateInputToValue]);\n\n    const handleInputFromChange: Required<DateInputProps>['onChange'] = (event, payload) => {\n        setInputFromValue(payload.value);\n        onInputChangeFrom?.(event, payload);\n    };\n\n    const handleInputToChange: Required<DateInputProps>['onChange'] = (event, payload) => {\n        setInputToValue(payload.value);\n        onInputChangeTo?.(event, payload);\n    };\n\n    const handleMouseOver = useCallback((event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement;\n\n        const mouseOverDayButton = isDayButton(target) || isDayButton(target.parentElement);\n\n        let date;\n\n        if (mouseOverDayButton) {\n            const button =\n                target.tagName === 'BUTTON' ? target : (target.parentElement as HTMLButtonElement);\n\n            if (button.dataset.date) {\n                date = +button.dataset.date;\n            }\n        }\n\n        setHighlightedDate(date);\n    }, []);\n\n    const handleClearFrom = useCallback(() => {\n        setInputFromValue('');\n    }, []);\n\n    const handleClearTo = useCallback(() => {\n        setInputToValue('');\n    }, []);\n\n    useEffect(() => {\n        setInputFromValue(period.selectedFrom ? formatDate(period.selectedFrom) : '');\n    }, [period.selectedFrom]);\n\n    useEffect(() => {\n        setInputToValue(period.selectedTo ? formatDate(period.selectedTo) : '');\n    }, [period.selectedTo]);\n\n    useEffect(() => {\n        setInputFromValue(valueFrom);\n    }, [valueFrom]);\n\n    useEffect(() => {\n        setInputToValue(valueTo);\n    }, [valueTo]);\n\n    useEffect(() => {\n        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {\n            handleValidInputFrom();\n        }\n\n        period.setStart(dateFrom || undefined);\n        if (dateTo) {\n            period.setEnd(dateTo);\n        }\n\n        if (inputFromValue !== valueFrom) {\n            onDateFromChange({\n                value: inputFromValue,\n                date: dateFrom,\n            });\n\n            onChange({\n                valueFrom: inputFromValue,\n                valueTo: inputToValue,\n                dateFrom,\n                dateTo,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputFromValue]);\n\n    useEffect(() => {\n        if (!inputToValue || isCompleteDateInput(inputToValue)) {\n            handleValidInputTo();\n        }\n\n        period.setEnd(dateTo || undefined);\n        if (dateFrom) {\n            period.setStart(dateFrom);\n        }\n\n        if (inputToValue !== valueTo) {\n            // eslint-disable-next-line no-nested-ternary\n            const inputDateTo = returnInvalidDates\n                ? isCompleteDateInput(inputToValue)\n                    ? parseDateString(inputToValue).getTime()\n                    : null\n                : dateTo;\n\n            onDateToChange({\n                value: inputToValue,\n                date: inputDateTo,\n            });\n\n            onChange({\n                valueFrom: inputFromValue,\n                valueTo: inputToValue,\n                dateFrom,\n                dateTo: inputDateTo,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputToValue]);\n\n    useEffect(() => {\n        if (onError) {\n            onError(hasValidateError);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasValidateError]);\n\n    const rangeProps = useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);\n\n    const CalendarFromComponent = dateInputFromProps.Calendar || CalendarDesktop;\n    const CalendarToComponent = dateInputToProps.Calendar || CalendarDesktop;\n\n    const minMaxInSameMonth = minDate && maxDate && isSameMonth(minDate, maxDate);\n\n    return (\n        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n        <div\n            className={cn(styles.component, styles.static, className)}\n            // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n            onMouseOver={handleMouseOver}\n            data-test-id={dataTestId}\n        >\n            <div>\n                <DateInput\n                    {...dateInputFromProps}\n                    mobileMode={\n                        dateInputFromProps.mobileMode === 'popover'\n                            ? 'input'\n                            : dateInputFromProps.mobileMode\n                    }\n                    value={inputFromValue}\n                    onChange={handleInputFromChange}\n                    onClear={handleClearFrom}\n                    onBlur={handleValidInputFrom}\n                    error={bothInvalid || inputFromInvalid || dateInputFromProps.error}\n                    clear={true}\n                    block={true}\n                />\n                <div\n                    className={cn(styles.calendarContainer, calendarContainerClassName)}\n                    data-test-id={getDataTestId(dataTestId, 'container-from')}\n                >\n                    <CalendarFromComponent\n                        {...calendarFromProps}\n                        className={cn(styles.calendar, calendarFromProps?.className)}\n                        month={monthFrom}\n                        selectorView='month-only'\n                        offDays={offDays}\n                        events={events}\n                        onChange={period.updatePeriod}\n                        onMonthChange={handleMonthFromChange}\n                        minDate={minDate}\n                        maxDate={\n                            minMaxInSameMonth\n                                ? maxDate\n                                : maxDate &&\n                                  max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime()\n                        }\n                        {...rangeProps}\n                    />\n                </div>\n            </div>\n\n            <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />\n\n            <div>\n                <DateInput\n                    {...dateInputToProps}\n                    mobileMode={\n                        dateInputToProps.mobileMode === 'popover'\n                            ? 'input'\n                            : dateInputToProps.mobileMode\n                    }\n                    value={inputToValue}\n                    onChange={handleInputToChange}\n                    onClear={handleClearTo}\n                    onBlur={handleValidInputTo}\n                    error={bothInvalid || inputToInvalid || dateInputToProps.error}\n                    clear={true}\n                    block={true}\n                />\n                <div data-test-id={getDataTestId(dataTestId, 'container-to')}>\n                    <CalendarToComponent\n                        {...calendarToProps}\n                        className={cn(styles.calendar, calendarToProps?.className)}\n                        month={monthTo}\n                        selectorView='month-only'\n                        offDays={offDays}\n                        events={events}\n                        onChange={period.updatePeriod}\n                        onMonthChange={handleMonthToChange}\n                        minDate={\n                            minMaxInSameMonth\n                                ? minDate\n                                : minDate && startOfMonth(addMonths(minDate, 1)).getTime()\n                        }\n                        maxDate={maxDate}\n                        {...rangeProps}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/moderncssm/Component.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import { type CalendarInputProps } from '@alfalab/core-components-calendar-input/moderncssm';
-export declare type CalendarRangeProps = {
+export type CalendarRangeProps = {
     /**
      * Дополнительный класс
      */

package/moderncssm/components/divider/Component.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import { type CalendarRangeProps } from '../../Component';
-declare type Props = {
+type Props = {
     inputFromProps?: CalendarRangeProps['inputFromProps'];
     inputToProps?: CalendarRangeProps['inputToProps'];
 };

package/moderncssm/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../src/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { addMonths, isEqual, max, min, startOfMonth, subMonths } from 'date-fns';\n\nexport function usePopoverViewMonthes({\n    dateFrom,\n    dateTo,\n    defaultMonth,\n    resetKey,\n}: {\n    defaultMonth: number;\n    dateFrom: number | null;\n    dateTo: number | null;\n    resetKey?: number;\n}) {\n    const [monthFrom, setMonthFrom] = useState<number>();\n    const [monthTo, setMonthTo] = useState<number>();\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (!dateTo) {\n                setMonthTo(newMonthFrom);\n            }\n        },\n        [dateTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (!dateFrom) {\n                setMonthFrom(newMonthTo);\n            }\n        },\n        [dateFrom],\n    );\n\n    useEffect(() => {\n        setMonthFrom(dateFrom ? startOfMonth(dateFrom).getTime() : defaultMonth);\n    }, [defaultMonth, dateFrom, resetKey]);\n\n    useEffect(() => {\n        setMonthTo(dateTo ? startOfMonth(dateTo).getTime() : monthFrom);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dateTo, resetKey]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useStaticViewMonthes({\n    selectedFrom,\n    selectedTo,\n    defaultMonth,\n    defaultMonthPosition,\n}: {\n    selectedFrom?: number;\n    selectedTo?: number;\n    defaultMonth: number;\n    defaultMonthPosition?: 'left' | 'right';\n}) {\n    /**\n     * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.\n     * Если обе даты не указаны, то используется дефолтный месяц\n     */\n    let initialMonthFrom = useMemo(\n        () => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    /**\n     * Правый месяц должен быть как минимум на 1 месяц больше левого\n     */\n    let initialMonthTo = useMemo(\n        () =>\n            max([\n                selectedTo ? startOfMonth(selectedTo) : 0,\n                addMonths(initialMonthFrom, 1),\n            ]).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    if (defaultMonthPosition === 'right') {\n        initialMonthTo = initialMonthFrom;\n        initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();\n    }\n\n    const [monthFrom, setMonthFrom] = useState<number>(initialMonthFrom);\n    const [monthTo, setMonthTo] = useState<number>(initialMonthTo);\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (monthTo && isEqual(newMonthFrom, monthTo)) {\n                const nextMonth = addMonths(newMonthFrom, 1).getTime();\n\n                setMonthTo(nextMonth);\n            }\n        },\n        [monthTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (monthFrom && isEqual(newMonthTo, monthFrom)) {\n                const prevMonth = subMonths(newMonthTo, 1).getTime();\n\n                setMonthFrom(prevMonth);\n            }\n        },\n        [monthFrom],\n    );\n\n    // eslint-disable-next-line complexity\n    useEffect(() => {\n        const selectedFromMonth = selectedFrom ? startOfMonth(selectedFrom).getTime() : undefined;\n        const selectedToMonth = selectedTo ? startOfMonth(selectedTo).getTime() : undefined;\n\n        // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента\n        const fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;\n        const fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;\n        const toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;\n        const toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;\n        const fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;\n        const toMonthOnScreen = toMonthOnLeft || toMonthOnRight;\n\n        if (fromMonthOnLeft && toMonthOnLeft) {\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n\n            return;\n        }\n\n        if (fromMonthOnRight && toMonthOnRight) {\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && selectedToMonth) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), selectedToMonth]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n        }\n\n        if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {\n            setMonthTo(selectedToMonth);\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFrom, selectedTo]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useSelectionProps(from?: number, to?: number, highlighted?: number) {\n    return useMemo(() => {\n        if (from && to) {\n            return {\n                rangeComplete: true,\n                selectedFrom: min([from, to]).getTime(),\n                selectedTo: max([from, to]).getTime(),\n            };\n        }\n\n        const dates = [from, to, highlighted].filter((date) => date !== undefined) as number[];\n\n        return {\n            rangeComplete: false,\n            selectedFrom: from || dates.length === 2 ? min(dates).getTime() : undefined,\n            selectedTo: to || dates.length === 2 ? max(dates).getTime() : undefined,\n        };\n    }, [from, highlighted, to]);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../src/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { addMonths, isEqual, max, min, startOfMonth, subMonths } from 'date-fns';\n\nexport function usePopoverViewMonthes({\n    dateFrom,\n    dateTo,\n    defaultMonth,\n    resetKey,\n}: {\n    defaultMonth: number;\n    dateFrom: number | null;\n    dateTo: number | null;\n    resetKey?: number;\n}) {\n    const [monthFrom, setMonthFrom] = useState<number>();\n    const [monthTo, setMonthTo] = useState<number>();\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (!dateTo) {\n                setMonthTo(newMonthFrom);\n            }\n        },\n        [dateTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (!dateFrom) {\n                setMonthFrom(newMonthTo);\n            }\n        },\n        [dateFrom],\n    );\n\n    useEffect(() => {\n        setMonthFrom(dateFrom ? startOfMonth(dateFrom).getTime() : defaultMonth);\n    }, [defaultMonth, dateFrom, resetKey]);\n\n    useEffect(() => {\n        setMonthTo(dateTo ? startOfMonth(dateTo).getTime() : monthFrom);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dateTo, resetKey]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useStaticViewMonthes({\n    selectedFrom,\n    selectedTo,\n    defaultMonth,\n    defaultMonthPosition,\n}: {\n    selectedFrom?: number;\n    selectedTo?: number;\n    defaultMonth: number;\n    defaultMonthPosition?: 'left' | 'right';\n}) {\n    /**\n     * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.\n     * Если обе даты не указаны, то используется дефолтный месяц\n     */\n    let initialMonthFrom = useMemo(\n        () => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    /**\n     * Правый месяц должен быть как минимум на 1 месяц больше левого\n     */\n    let initialMonthTo = useMemo(\n        () =>\n            max([\n                selectedTo ? startOfMonth(selectedTo) : 0,\n                addMonths(initialMonthFrom, 1),\n            ]).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    if (defaultMonthPosition === 'right') {\n        initialMonthTo = initialMonthFrom;\n        initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();\n    }\n\n    const [monthFrom, setMonthFrom] = useState<number>(initialMonthFrom);\n    const [monthTo, setMonthTo] = useState<number>(initialMonthTo);\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (monthTo && isEqual(newMonthFrom, monthTo)) {\n                const nextMonth = addMonths(newMonthFrom, 1).getTime();\n\n                setMonthTo(nextMonth);\n            }\n        },\n        [monthTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (monthFrom && isEqual(newMonthTo, monthFrom)) {\n                const prevMonth = subMonths(newMonthTo, 1).getTime();\n\n                setMonthFrom(prevMonth);\n            }\n        },\n        [monthFrom],\n    );\n\n    // eslint-disable-next-line complexity\n    useEffect(() => {\n        const selectedFromMonth = selectedFrom ? startOfMonth(selectedFrom).getTime() : undefined;\n        const selectedToMonth = selectedTo ? startOfMonth(selectedTo).getTime() : undefined;\n\n        // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента\n        const fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;\n        const fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;\n        const toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;\n        const toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;\n        const fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;\n        const toMonthOnScreen = toMonthOnLeft || toMonthOnRight;\n\n        if (fromMonthOnLeft && toMonthOnLeft) {\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n\n            return;\n        }\n\n        if (fromMonthOnRight && toMonthOnRight) {\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && selectedToMonth) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), selectedToMonth]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n        }\n\n        if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {\n            setMonthTo(selectedToMonth);\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFrom, selectedTo]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useSelectionProps(from?: number, to?: number, highlighted?: number) {\n    return useMemo(() => {\n        if (from && to) {\n            return {\n                rangeComplete: true,\n                selectedFrom: min([from, to]).getTime(),\n                selectedTo: max([from, to]).getTime(),\n            };\n        }\n\n        const dates = [from, to, highlighted].filter((date) => date !== undefined);\n\n        return {\n            rangeComplete: false,\n            selectedFrom: from || dates.length === 2 ? min(dates).getTime() : undefined,\n            selectedTo: to || dates.length === 2 ? max(dates).getTime() : undefined,\n        };\n    }, [from, highlighted, to]);\n}\n"],"names":[],"mappings":"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"}

package/moderncssm/views/popover.d.ts

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
 import { type CalendarRangeProps } from '../Component';
-export declare type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;
+export type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;
 export declare const CalendarRangePopover: FC<CalendarRangePopoverProps>;

package/moderncssm/views/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../src/views/popover.tsx"],"sourcesContent":["import React, { type FC, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport { startOfMonth } from 'date-fns';\n\nimport { CalendarInput, type CalendarInputProps } from '@alfalab/core-components-calendar-input';\nimport { isValidInputValue, parseDateString } from '@alfalab/core-components-calendar-input/shared';\nimport { isCompleteDateInput } from '@alfalab/core-components-date-input';\nimport { useDidUpdateEffect } from '@alfalab/hooks';\n\nimport { type CalendarRangeProps } from '../Component';\nimport { Divider } from '../components/divider';\nimport { usePopoverViewMonthes } from '../hooks';\n\nimport styles from './index.module.css';\n\nexport type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;\n\nexport const CalendarRangePopover: FC<CalendarRangePopoverProps> = ({\n    className,\n    defaultMonth = startOfMonth(new Date()).getTime(),\n    minDate,\n    maxDate,\n    valueFrom = '',\n    valueTo = '',\n    onDateFromChange = () => null,\n    onDateToChange = () => null,\n    onChange = () => null,\n    onError,\n    inputFromProps = {},\n    inputToProps = {},\n    offDays,\n    events,\n    returnInvalidDates = false,\n    dataTestId,\n}) => {\n    const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);\n    const [inputToValue, setInputToValue] = useState<string>(valueTo);\n\n    /**\n     * Ключ для сброса календарей\n     * Пользователь открыл календарь, изменил месяц, но ничего не выбрал\n     * — при следующем открытии в календаре будет установлен начальный месяц\n     */\n    const [resetKey, setResetKey] = useState<number>(0);\n\n    const dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)\n        ? parseDateString(inputFromValue).getTime()\n        : null;\n\n    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)\n        ? parseDateString(inputToValue).getTime()\n        : null;\n\n    const [inputFromInvalid, setInputFromInvalid] = useState<boolean>(\n        isCompleteDateInput(inputFromValue) && dateFrom === null,\n    );\n    const [inputToInvalid, setInputToInvalid] = useState<boolean>(\n        isCompleteDateInput(inputToValue) && dateTo === null,\n    );\n\n    const bothInvalid =\n        isCompleteDateInput(inputFromValue) &&\n        isCompleteDateInput(inputToValue) &&\n        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();\n\n    const hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;\n\n    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } =\n        usePopoverViewMonthes({\n            dateFrom,\n            dateTo,\n            defaultMonth,\n            resetKey,\n        });\n\n    const handleValidInputFrom = useCallback(() => {\n        setInputFromInvalid(\n            inputFromValue !== '' && !isValidInputValue(inputFromValue, minDate, maxDate, offDays),\n        );\n    }, [inputFromValue, maxDate, minDate, offDays]);\n\n    const handleValidInputTo = useCallback(() => {\n        setInputToInvalid(\n            inputToValue !== '' &&\n                !isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays),\n        );\n    }, [dateFrom, inputToValue, maxDate, minDate, offDays]);\n\n    const handleInputFromChange: Required<CalendarInputProps>['onInputChange'] = (\n        event,\n        payload,\n    ) => {\n        setInputFromValue(payload.value);\n        inputFromProps.onInputChange?.(event, payload);\n    };\n\n    const handleInputToChange: Required<CalendarInputProps>['onInputChange'] = (event, payload) => {\n        setInputToValue(payload.value);\n        inputToProps.onInputChange?.(event, payload);\n    };\n\n    const handleInputFromBlur = useCallback(() => {\n        handleValidInputFrom();\n        setResetKey(+new Date());\n    }, [handleValidInputFrom]);\n\n    const handleInputToBlur = useCallback(() => {\n        handleValidInputTo();\n        setResetKey(+new Date());\n    }, [handleValidInputTo]);\n\n    const handleFromChange: Required<CalendarInputProps>['onChange'] = useCallback((_, payload) => {\n        setInputFromValue(payload.value);\n    }, []);\n\n    const handleToChange: Required<CalendarInputProps>['onChange'] = useCallback((_, payload) => {\n        setInputToValue(payload.value);\n    }, []);\n\n    useEffect(() => {\n        setInputFromValue(valueFrom);\n    }, [valueFrom]);\n\n    useEffect(() => {\n        setInputToValue(valueTo);\n    }, [valueTo]);\n\n    useDidUpdateEffect(() => {\n        onDateFromChange({ value: inputFromValue, date: dateFrom });\n\n        onChange({\n            valueFrom: inputFromValue,\n            valueTo: inputToValue,\n            dateFrom,\n            dateTo,\n        });\n\n        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {\n            handleValidInputFrom();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputFromValue]);\n\n    useDidUpdateEffect(() => {\n        onDateToChange({ value: inputToValue, date: dateTo });\n\n        // eslint-disable-next-line no-nested-ternary\n        const inputDateTo = returnInvalidDates\n            ? isCompleteDateInput(inputToValue)\n                ? parseDateString(inputToValue).getTime()\n                : null\n            : dateTo;\n\n        onChange({\n            valueFrom: inputFromValue,\n            valueTo: inputToValue,\n            dateFrom,\n            dateTo: inputDateTo,\n        });\n\n        if (!inputToValue || isCompleteDateInput(inputToValue)) {\n            handleValidInputTo();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputToValue]);\n\n    useEffect(() => {\n        if (onError) {\n            onError(hasValidateError);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasValidateError]);\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            <CalendarInput\n                {...inputFromProps}\n                useAnchorWidth={false}\n                calendarPosition='popover'\n                popoverPosition='bottom-start'\n                error={inputFromInvalid || bothInvalid || inputFromProps.error}\n                onChange={handleFromChange}\n                onInputChange={handleInputFromChange}\n                onBlur={handleInputFromBlur}\n                value={inputFromValue}\n                minDate={minDate}\n                maxDate={maxDate}\n                offDays={offDays}\n                events={events}\n                calendarProps={{\n                    ...inputFromProps.calendarProps,\n                    month: monthFrom,\n                    onMonthChange: handleMonthFromChange,\n                    selectorView: 'full',\n                }}\n            />\n\n            <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />\n\n            <CalendarInput\n                {...inputToProps}\n                useAnchorWidth={false}\n                calendarPosition='popover'\n                popoverPosition='bottom-end'\n                error={inputToInvalid || bothInvalid || inputToProps.error}\n                onChange={handleToChange}\n                onInputChange={handleInputToChange}\n                onBlur={handleInputToBlur}\n                value={inputToValue}\n                minDate={dateFrom || minDate}\n                maxDate={maxDate}\n                offDays={offDays}\n                events={events}\n                calendarProps={{\n                    ...inputToProps.calendarProps,\n                    month: monthTo,\n                    onMonthChange: handleMonthToChange,\n                    selectorView: 'full',\n                }}\n            />\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../src/views/popover.tsx"],"sourcesContent":["import React, { type FC, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport { startOfMonth } from 'date-fns';\n\nimport { CalendarInput, type CalendarInputProps } from '@alfalab/core-components-calendar-input';\nimport { isValidInputValue, parseDateString } from '@alfalab/core-components-calendar-input/shared';\nimport { isCompleteDateInput } from '@alfalab/core-components-date-input';\nimport { useDidUpdateEffect } from '@alfalab/hooks';\n\nimport { type CalendarRangeProps } from '../Component';\nimport { Divider } from '../components/divider';\nimport { usePopoverViewMonthes } from '../hooks';\n\nimport styles from './index.module.css';\n\nexport type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;\n\nexport const CalendarRangePopover: FC<CalendarRangePopoverProps> = ({\n    className,\n    defaultMonth = startOfMonth(new Date()).getTime(),\n    minDate,\n    maxDate,\n    valueFrom = '',\n    valueTo = '',\n    onDateFromChange = () => null,\n    onDateToChange = () => null,\n    onChange = () => null,\n    onError,\n    inputFromProps = {},\n    inputToProps = {},\n    offDays,\n    events,\n    returnInvalidDates = false,\n    dataTestId,\n}) => {\n    const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);\n    const [inputToValue, setInputToValue] = useState<string>(valueTo);\n\n    /**\n     * Ключ для сброса календарей\n     * Пользователь открыл календарь, изменил месяц, но ничего не выбрал\n     * — при следующем открытии в календаре будет установлен начальный месяц\n     */\n    const [resetKey, setResetKey] = useState<number>(0);\n\n    const dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)\n        ? parseDateString(inputFromValue).getTime()\n        : null;\n\n    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)\n        ? parseDateString(inputToValue).getTime()\n        : null;\n\n    const [inputFromInvalid, setInputFromInvalid] = useState<boolean>(\n        isCompleteDateInput(inputFromValue) && dateFrom === null,\n    );\n    const [inputToInvalid, setInputToInvalid] = useState<boolean>(\n        isCompleteDateInput(inputToValue) && dateTo === null,\n    );\n\n    const bothInvalid =\n        isCompleteDateInput(inputFromValue) &&\n        isCompleteDateInput(inputToValue) &&\n        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();\n\n    const hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;\n\n    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } =\n        usePopoverViewMonthes({\n            dateFrom,\n            dateTo,\n            defaultMonth,\n            resetKey,\n        });\n\n    const handleValidInputFrom = useCallback(() => {\n        setInputFromInvalid(\n            inputFromValue !== '' && !isValidInputValue(inputFromValue, minDate, maxDate, offDays),\n        );\n    }, [inputFromValue, maxDate, minDate, offDays]);\n\n    const handleValidInputTo = useCallback(() => {\n        setInputToInvalid(\n            inputToValue !== '' &&\n                !isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays),\n        );\n    }, [dateFrom, inputToValue, maxDate, minDate, offDays]);\n\n    const handleInputFromChange: Required<CalendarInputProps>['onInputChange'] = (\n        event,\n        payload,\n    ) => {\n        setInputFromValue(payload.value);\n        inputFromProps.onInputChange?.(event, payload);\n    };\n\n    const handleInputToChange: Required<CalendarInputProps>['onInputChange'] = (event, payload) => {\n        setInputToValue(payload.value);\n        inputToProps.onInputChange?.(event, payload);\n    };\n\n    const handleInputFromBlur = useCallback(() => {\n        handleValidInputFrom();\n        setResetKey(+new Date());\n    }, [handleValidInputFrom]);\n\n    const handleInputToBlur = useCallback(() => {\n        handleValidInputTo();\n        setResetKey(+new Date());\n    }, [handleValidInputTo]);\n\n    const handleFromChange: Required<CalendarInputProps>['onChange'] = useCallback((_, payload) => {\n        setInputFromValue(payload.value);\n    }, []);\n\n    const handleToChange: Required<CalendarInputProps>['onChange'] = useCallback((_, payload) => {\n        setInputToValue(payload.value);\n    }, []);\n\n    useEffect(() => {\n        setInputFromValue(valueFrom);\n    }, [valueFrom]);\n\n    useEffect(() => {\n        setInputToValue(valueTo);\n    }, [valueTo]);\n\n    useDidUpdateEffect(() => {\n        onDateFromChange({ value: inputFromValue, date: dateFrom });\n\n        onChange({\n            valueFrom: inputFromValue,\n            valueTo: inputToValue,\n            dateFrom,\n            dateTo,\n        });\n\n        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {\n            handleValidInputFrom();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputFromValue]);\n\n    useDidUpdateEffect(() => {\n        onDateToChange({ value: inputToValue, date: dateTo });\n\n        // eslint-disable-next-line no-nested-ternary\n        const inputDateTo = returnInvalidDates\n            ? isCompleteDateInput(inputToValue)\n                ? parseDateString(inputToValue).getTime()\n                : null\n            : dateTo;\n\n        onChange({\n            valueFrom: inputFromValue,\n            valueTo: inputToValue,\n            dateFrom,\n            dateTo: inputDateTo,\n        });\n\n        if (!inputToValue || isCompleteDateInput(inputToValue)) {\n            handleValidInputTo();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputToValue]);\n\n    useEffect(() => {\n        if (onError) {\n            onError(hasValidateError);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasValidateError]);\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            <CalendarInput\n                {...inputFromProps}\n                useAnchorWidth={false}\n                calendarPosition='popover'\n                popoverPosition='bottom-start'\n                error={inputFromInvalid || bothInvalid || inputFromProps.error}\n                onChange={handleFromChange}\n                onInputChange={handleInputFromChange}\n                onBlur={handleInputFromBlur}\n                value={inputFromValue}\n                minDate={minDate}\n                maxDate={maxDate}\n                offDays={offDays}\n                events={events}\n                calendarProps={{\n                    ...inputFromProps.calendarProps,\n                    month: monthFrom,\n                    onMonthChange: handleMonthFromChange,\n                    selectorView: 'full',\n                }}\n            />\n\n            <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />\n\n            <CalendarInput\n                {...inputToProps}\n                useAnchorWidth={false}\n                calendarPosition='popover'\n                popoverPosition='bottom-end'\n                error={inputToInvalid || bothInvalid || inputToProps.error}\n                onChange={handleToChange}\n                onInputChange={handleInputToChange}\n                onBlur={handleInputToBlur}\n                value={inputToValue}\n                minDate={dateFrom || minDate}\n                maxDate={maxDate}\n                offDays={offDays}\n                events={events}\n                calendarProps={{\n                    ...inputToProps.calendarProps,\n                    month: monthTo,\n                    onMonthChange: handleMonthToChange,\n                    selectorView: 'full',\n                }}\n            />\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAiBO,MAAM,oBAAoB,GAAkC,CAAC,EAChE,SAAS,EACT,YAAY,GAAG,YAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,EACjD,OAAO,EACP,OAAO,EACP,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,EAAE,EACZ,gBAAgB,GAAG,MAAM,IAAI,EAC7B,cAAc,GAAG,MAAM,IAAI,EAC3B,QAAQ,GAAG,MAAM,IAAI,EACrB,OAAO,EACP,cAAc,GAAG,EAAE,EACnB,YAAY,GAAG,EAAE,EACjB,OAAO,EACP,MAAM,EACN,kBAAkB,GAAG,KAAK,EAC1B,UAAU,GACb,KAAI;IACD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAS,SAAS,CAAC;IACvE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC;AAEjE;;;;AAIG;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,iBAAiB,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;AACxE,UAAE,eAAe,CAAC,cAAc,CAAC,CAAC,OAAO;UACvC,IAAI;AAEV,IAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,YAAY,EAAE,QAAQ,IAAI,OAAO,EAAE,OAAO,EAAE,OAAO;AAChF,UAAE,eAAe,CAAC,YAAY,CAAC,CAAC,OAAO;UACrC,IAAI;AAEV,IAAA,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACpD,mBAAmB,CAAC,cAAc,CAAC,IAAI,QAAQ,KAAK,IAAI,CAC3D;AACD,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAChD,mBAAmB,CAAC,YAAY,CAAC,IAAI,MAAM,KAAK,IAAI,CACvD;AAED,IAAA,MAAM,WAAW,GACb,mBAAmB,CAAC,cAAc,CAAC;QACnC,mBAAmB,CAAC,YAAY,CAAC;AACjC,QAAA,eAAe,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE;AAEvF,IAAA,MAAM,gBAAgB,GAAG,gBAAgB,IAAI,cAAc,IAAI,WAAW;IAE1E,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,GACpE,qBAAqB,CAAC;QAClB,QAAQ;QACR,MAAM;QACN,YAAY;QACZ,QAAQ;AACX,KAAA,CAAC;AAEN,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAK;AAC1C,QAAA,mBAAmB,CACf,cAAc,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CACzF;KACJ,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAE/C,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAK;QACxC,iBAAiB,CACb,YAAY,KAAK,EAAE;AACf,YAAA,CAAC,iBAAiB,CAAC,YAAY,EAAE,QAAQ,IAAI,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAC9E;AACL,KAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAEvD,IAAA,MAAM,qBAAqB,GAAkD,CACzE,KAAK,EACL,OAAO,KACP;AACA,QAAA,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC;QAChC,cAAc,CAAC,aAAa,GAAG,KAAK,EAAE,OAAO,CAAC;AAClD,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAkD,CAAC,KAAK,EAAE,OAAO,KAAI;AAC1F,QAAA,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC;QAC9B,YAAY,CAAC,aAAa,GAAG,KAAK,EAAE,OAAO,CAAC;AAChD,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAK;AACzC,QAAA,oBAAoB,EAAE;AACtB,QAAA,WAAW,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;AAC5B,KAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAE1B,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAK;AACvC,QAAA,kBAAkB,EAAE;AACpB,QAAA,WAAW,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;AAC5B,KAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAExB,MAAM,gBAAgB,GAA6C,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,KAAI;AAC1F,QAAA,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC;KACnC,EAAE,EAAE,CAAC;IAEN,MAAM,cAAc,GAA6C,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,KAAI;AACxF,QAAA,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC;KACjC,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;QACX,iBAAiB,CAAC,SAAS,CAAC;AAChC,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;QACX,eAAe,CAAC,OAAO,CAAC;AAC5B,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,kBAAkB,CAAC,MAAK;QACpB,gBAAgB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAE3D,QAAA,QAAQ,CAAC;AACL,YAAA,SAAS,EAAE,cAAc;AACzB,YAAA,OAAO,EAAE,YAAY;YACrB,QAAQ;YACR,MAAM;AACT,SAAA,CAAC;QAEF,IAAI,CAAC,cAAc,IAAI,mBAAmB,CAAC,cAAc,CAAC,EAAE;AACxD,YAAA,oBAAoB,EAAE;;;AAG9B,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,kBAAkB,CAAC,MAAK;QACpB,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;QAGrD,MAAM,WAAW,GAAG;AAChB,cAAE,mBAAmB,CAAC,YAAY;AAC9B,kBAAE,eAAe,CAAC,YAAY,CAAC,CAAC,OAAO;AACvC,kBAAE;cACJ,MAAM;AAEZ,QAAA,QAAQ,CAAC;AACL,YAAA,SAAS,EAAE,cAAc;AACzB,YAAA,OAAO,EAAE,YAAY;YACrB,QAAQ;AACR,YAAA,MAAM,EAAE,WAAW;AACtB,SAAA,CAAC;QAEF,IAAI,CAAC,YAAY,IAAI,mBAAmB,CAAC,YAAY,CAAC,EAAE;AACpD,YAAA,kBAAkB,EAAE;;;AAG5B,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,SAAS,CAAC,MAAK;QACX,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,gBAAgB,CAAC;;;AAGjC,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAEtB,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,kBAAgB,UAAU,EAAA;QACrE,KAAC,CAAA,aAAA,CAAA,aAAa,EACN,EAAA,GAAA,cAAc,EAClB,cAAc,EAAE,KAAK,EACrB,gBAAgB,EAAC,SAAS,EAC1B,eAAe,EAAC,cAAc,EAC9B,KAAK,EAAE,gBAAgB,IAAI,WAAW,IAAI,cAAc,CAAC,KAAK,EAC9D,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EAAE,qBAAqB,EACpC,MAAM,EAAE,mBAAmB,EAC3B,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE;gBACX,GAAG,cAAc,CAAC,aAAa;AAC/B,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,aAAa,EAAE,qBAAqB;AACpC,gBAAA,YAAY,EAAE,MAAM;aACvB,EACH,CAAA;QAEF,KAAC,CAAA,aAAA,CAAA,OAAO,IAAC,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAI,CAAA;AAEvE,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAA,GACN,YAAY,EAChB,cAAc,EAAE,KAAK,EACrB,gBAAgB,EAAC,SAAS,EAC1B,eAAe,EAAC,YAAY,EAC5B,KAAK,EAAE,cAAc,IAAI,WAAW,IAAI,YAAY,CAAC,KAAK,EAC1D,QAAQ,EAAE,cAAc,EACxB,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,QAAQ,IAAI,OAAO,EAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE;gBACX,GAAG,YAAY,CAAC,aAAa;AAC7B,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,aAAa,EAAE,mBAAmB;AAClC,gBAAA,YAAY,EAAE,MAAM;aACvB,EACH,CAAA,CACA;AAEd;;;;"}

package/moderncssm/views/static.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import { type CalendarRangeProps } from '../Component';
-export declare type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
+export type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
     /**
      * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
      */

package/moderncssm/views/static.js.map

@@ -1 +1 @@
-{"version":3,"file":"static.js","sources":["../../src/views/static.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { type FC, type MouseEvent, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport { addMonths, endOfMonth, isSameMonth, max, startOfMonth, subMonths } from 'date-fns';\n\nimport { CalendarDesktop } from '@alfalab/core-components-calendar/desktop';\nimport { usePeriodWithReset } from '@alfalab/core-components-calendar/shared';\nimport {\n    formatDate,\n    isValidInputValue,\n    parseDateString,\n} from '@alfalab/core-components-calendar-input/shared';\nimport {\n    DateInput,\n    type DateInputProps,\n    isCompleteDateInput,\n} from '@alfalab/core-components-date-input';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { type CalendarRangeProps } from '../Component';\nimport { Divider } from '../components/divider';\nimport { useSelectionProps, useStaticViewMonthes } from '../hooks';\nimport { isDayButton } from '../utils';\n\nimport styles from './index.module.css';\n\nexport type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {\n    /**\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n};\n\nexport const CalendarRangeStatic: FC<CalendarRangeStaticProps> = ({\n    className,\n    defaultMonth = startOfMonth(new Date()).getTime(),\n    defaultMonthPosition = 'left',\n    minDate,\n    maxDate,\n    valueFrom = '',\n    valueTo = '',\n    onDateFromChange = () => null,\n    onDateToChange = () => null,\n    onChange = () => null,\n    onError,\n    inputFromProps = {},\n    inputToProps = {},\n    offDays,\n    events,\n    returnInvalidDates = false,\n    dataTestId,\n    calendarContainerClassName,\n}) => {\n    const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);\n    const [inputToValue, setInputToValue] = useState<string>(valueTo);\n\n    let dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)\n        ? parseDateString(inputFromValue).getTime()\n        : null;\n\n    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)\n        ? parseDateString(inputToValue).getTime()\n        : null;\n\n    if (isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {\n        dateFrom = null;\n    }\n\n    const bothInvalid =\n        isCompleteDateInput(inputFromValue) &&\n        isCompleteDateInput(inputToValue) &&\n        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();\n\n    const [highlightedDate, setHighlightedDate] = useState<number | undefined>(undefined);\n\n    const period = usePeriodWithReset({\n        initialSelectedFrom: dateFrom ? parseDateString(inputFromValue).getTime() : undefined,\n        initialSelectedTo: dateTo ? parseDateString(inputToValue).getTime() : undefined,\n    });\n\n    const validateInputFromValue = useCallback(\n        (value: string) => isValidInputValue(value, minDate, dateFrom || maxDate, offDays),\n        [dateFrom, maxDate, minDate, offDays],\n    );\n\n    const validateInputToValue = useCallback(\n        (value: string) => isValidInputValue(value, dateFrom || minDate, maxDate, offDays),\n\n        [dateFrom, minDate, maxDate, offDays],\n    );\n\n    const [inputFromInvalid, setInputFromInvalid] = useState<boolean>(\n        isCompleteDateInput(inputFromValue) && dateFrom === null,\n    );\n\n    const [inputToInvalid, setInputToInvalid] = useState<boolean>(\n        isCompleteDateInput(inputToValue) && dateTo === null,\n    );\n\n    const hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;\n    const {\n        calendarProps: calendarFromProps,\n        onInputChange: onInputChangeFrom,\n        ...dateInputFromProps\n    } = inputFromProps;\n    const {\n        calendarProps: calendarToProps,\n        onInputChange: onInputChangeTo,\n        ...dateInputToProps\n    } = inputToProps;\n\n    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } = useStaticViewMonthes(\n        {\n            selectedFrom: period.selectedFrom,\n            selectedTo: period.selectedTo,\n            defaultMonth,\n            defaultMonthPosition,\n        },\n    );\n\n    const handleValidInputFrom = useCallback(() => {\n        setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));\n    }, [inputFromValue, validateInputFromValue]);\n\n    const handleValidInputTo = useCallback(() => {\n        setInputToInvalid(inputToValue !== '' && !validateInputToValue(inputToValue));\n    }, [inputToValue, validateInputToValue]);\n\n    const handleInputFromChange: Required<DateInputProps>['onChange'] = (event, payload) => {\n        setInputFromValue(payload.value);\n        onInputChangeFrom?.(event, payload);\n    };\n\n    const handleInputToChange: Required<DateInputProps>['onChange'] = (event, payload) => {\n        setInputToValue(payload.value);\n        onInputChangeTo?.(event, payload);\n    };\n\n    const handleMouseOver = useCallback((event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement;\n\n        const mouseOverDayButton = isDayButton(target) || isDayButton(target.parentElement);\n\n        let date;\n\n        if (mouseOverDayButton) {\n            const button =\n                target.tagName === 'BUTTON' ? target : (target.parentElement as HTMLButtonElement);\n\n            if (button.dataset.date) {\n                date = +button.dataset.date;\n            }\n        }\n\n        setHighlightedDate(date);\n    }, []);\n\n    const handleClearFrom = useCallback(() => {\n        setInputFromValue('');\n    }, []);\n\n    const handleClearTo = useCallback(() => {\n        setInputToValue('');\n    }, []);\n\n    useEffect(() => {\n        setInputFromValue(period.selectedFrom ? formatDate(period.selectedFrom) : '');\n    }, [period.selectedFrom]);\n\n    useEffect(() => {\n        setInputToValue(period.selectedTo ? formatDate(period.selectedTo) : '');\n    }, [period.selectedTo]);\n\n    useEffect(() => {\n        setInputFromValue(valueFrom);\n    }, [valueFrom]);\n\n    useEffect(() => {\n        setInputToValue(valueTo);\n    }, [valueTo]);\n\n    useEffect(() => {\n        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {\n            handleValidInputFrom();\n        }\n\n        period.setStart(dateFrom || undefined);\n        if (dateTo) {\n            period.setEnd(dateTo);\n        }\n\n        if (inputFromValue !== valueFrom) {\n            onDateFromChange({\n                value: inputFromValue,\n                date: dateFrom,\n            });\n\n            onChange({\n                valueFrom: inputFromValue,\n                valueTo: inputToValue,\n                dateFrom,\n                dateTo,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputFromValue]);\n\n    useEffect(() => {\n        if (!inputToValue || isCompleteDateInput(inputToValue)) {\n            handleValidInputTo();\n        }\n\n        period.setEnd(dateTo || undefined);\n        if (dateFrom) {\n            period.setStart(dateFrom);\n        }\n\n        if (inputToValue !== valueTo) {\n            // eslint-disable-next-line no-nested-ternary\n            const inputDateTo = returnInvalidDates\n                ? isCompleteDateInput(inputToValue)\n                    ? parseDateString(inputToValue).getTime()\n                    : null\n                : dateTo;\n\n            onDateToChange({\n                value: inputToValue,\n                date: inputDateTo,\n            });\n\n            onChange({\n                valueFrom: inputFromValue,\n                valueTo: inputToValue,\n                dateFrom,\n                dateTo: inputDateTo,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputToValue]);\n\n    useEffect(() => {\n        if (onError) {\n            onError(hasValidateError);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasValidateError]);\n\n    const rangeProps = useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);\n\n    const CalendarFromComponent = dateInputFromProps.Calendar || CalendarDesktop;\n    const CalendarToComponent = dateInputToProps.Calendar || CalendarDesktop;\n\n    const minMaxInSameMonth = minDate && maxDate && isSameMonth(minDate, maxDate);\n\n    return (\n        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n        <div\n            className={cn(styles.component, styles.static, className)}\n            // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n            onMouseOver={handleMouseOver}\n            data-test-id={dataTestId}\n        >\n            <div>\n                <DateInput\n                    {...dateInputFromProps}\n                    mobileMode={\n                        dateInputFromProps.mobileMode === 'popover'\n                            ? 'input'\n                            : dateInputFromProps.mobileMode\n                    }\n                    value={inputFromValue}\n                    onChange={handleInputFromChange}\n                    onClear={handleClearFrom}\n                    onBlur={handleValidInputFrom}\n                    error={bothInvalid || inputFromInvalid || dateInputFromProps.error}\n                    clear={true}\n                    block={true}\n                />\n                <div\n                    className={cn(styles.calendarContainer, calendarContainerClassName)}\n                    data-test-id={getDataTestId(dataTestId, 'container-from')}\n                >\n                    <CalendarFromComponent\n                        {...calendarFromProps}\n                        className={cn(styles.calendar, calendarFromProps?.className)}\n                        month={monthFrom}\n                        selectorView='month-only'\n                        offDays={offDays}\n                        events={events}\n                        onChange={period.updatePeriod}\n                        onMonthChange={handleMonthFromChange}\n                        minDate={minDate}\n                        maxDate={\n                            minMaxInSameMonth\n                                ? maxDate\n                                : maxDate &&\n                                  max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime()\n                        }\n                        {...rangeProps}\n                    />\n                </div>\n            </div>\n\n            <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />\n\n            <div>\n                <DateInput\n                    {...dateInputToProps}\n                    mobileMode={\n                        dateInputToProps.mobileMode === 'popover'\n                            ? 'input'\n                            : dateInputToProps.mobileMode\n                    }\n                    value={inputToValue}\n                    onChange={handleInputToChange}\n                    onClear={handleClearTo}\n                    onBlur={handleValidInputTo}\n                    error={bothInvalid || inputToInvalid || dateInputToProps.error}\n                    clear={true}\n                    block={true}\n                />\n                <div data-test-id={getDataTestId(dataTestId, 'container-to')}>\n                    <CalendarToComponent\n                        {...calendarToProps}\n                        className={cn(styles.calendar, calendarToProps?.className)}\n                        month={monthTo}\n                        selectorView='month-only'\n                        offDays={offDays}\n                        events={events}\n                        onChange={period.updatePeriod}\n                        onMonthChange={handleMonthToChange}\n                        minDate={\n                            minMaxInSameMonth\n                                ? minDate\n                                : minDate && startOfMonth(addMonths(minDate, 1)).getTime()\n                        }\n                        maxDate={maxDate}\n                        {...rangeProps}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"static.js","sources":["../../src/views/static.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { type FC, type MouseEvent, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport { addMonths, endOfMonth, isSameMonth, max, startOfMonth, subMonths } from 'date-fns';\n\nimport { CalendarDesktop } from '@alfalab/core-components-calendar/desktop';\nimport { usePeriodWithReset } from '@alfalab/core-components-calendar/shared';\nimport {\n    formatDate,\n    isValidInputValue,\n    parseDateString,\n} from '@alfalab/core-components-calendar-input/shared';\nimport {\n    DateInput,\n    type DateInputProps,\n    isCompleteDateInput,\n} from '@alfalab/core-components-date-input';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { type CalendarRangeProps } from '../Component';\nimport { Divider } from '../components/divider';\nimport { useSelectionProps, useStaticViewMonthes } from '../hooks';\nimport { isDayButton } from '../utils';\n\nimport styles from './index.module.css';\n\nexport type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {\n    /**\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n};\n\nexport const CalendarRangeStatic: FC<CalendarRangeStaticProps> = ({\n    className,\n    defaultMonth = startOfMonth(new Date()).getTime(),\n    defaultMonthPosition = 'left',\n    minDate,\n    maxDate,\n    valueFrom = '',\n    valueTo = '',\n    onDateFromChange = () => null,\n    onDateToChange = () => null,\n    onChange = () => null,\n    onError,\n    inputFromProps = {},\n    inputToProps = {},\n    offDays,\n    events,\n    returnInvalidDates = false,\n    dataTestId,\n    calendarContainerClassName,\n}) => {\n    const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);\n    const [inputToValue, setInputToValue] = useState<string>(valueTo);\n\n    let dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)\n        ? parseDateString(inputFromValue).getTime()\n        : null;\n\n    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)\n        ? parseDateString(inputToValue).getTime()\n        : null;\n\n    if (isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {\n        dateFrom = null;\n    }\n\n    const bothInvalid =\n        isCompleteDateInput(inputFromValue) &&\n        isCompleteDateInput(inputToValue) &&\n        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();\n\n    const [highlightedDate, setHighlightedDate] = useState<number | undefined>(undefined);\n\n    const period = usePeriodWithReset({\n        initialSelectedFrom: dateFrom ? parseDateString(inputFromValue).getTime() : undefined,\n        initialSelectedTo: dateTo ? parseDateString(inputToValue).getTime() : undefined,\n    });\n\n    const validateInputFromValue = useCallback(\n        (value: string) => isValidInputValue(value, minDate, dateFrom || maxDate, offDays),\n        [dateFrom, maxDate, minDate, offDays],\n    );\n\n    const validateInputToValue = useCallback(\n        (value: string) => isValidInputValue(value, dateFrom || minDate, maxDate, offDays),\n\n        [dateFrom, minDate, maxDate, offDays],\n    );\n\n    const [inputFromInvalid, setInputFromInvalid] = useState<boolean>(\n        isCompleteDateInput(inputFromValue) && dateFrom === null,\n    );\n\n    const [inputToInvalid, setInputToInvalid] = useState<boolean>(\n        isCompleteDateInput(inputToValue) && dateTo === null,\n    );\n\n    const hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;\n    const {\n        calendarProps: calendarFromProps,\n        onInputChange: onInputChangeFrom,\n        ...dateInputFromProps\n    } = inputFromProps;\n    const {\n        calendarProps: calendarToProps,\n        onInputChange: onInputChangeTo,\n        ...dateInputToProps\n    } = inputToProps;\n\n    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } = useStaticViewMonthes(\n        {\n            selectedFrom: period.selectedFrom,\n            selectedTo: period.selectedTo,\n            defaultMonth,\n            defaultMonthPosition,\n        },\n    );\n\n    const handleValidInputFrom = useCallback(() => {\n        setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));\n    }, [inputFromValue, validateInputFromValue]);\n\n    const handleValidInputTo = useCallback(() => {\n        setInputToInvalid(inputToValue !== '' && !validateInputToValue(inputToValue));\n    }, [inputToValue, validateInputToValue]);\n\n    const handleInputFromChange: Required<DateInputProps>['onChange'] = (event, payload) => {\n        setInputFromValue(payload.value);\n        onInputChangeFrom?.(event, payload);\n    };\n\n    const handleInputToChange: Required<DateInputProps>['onChange'] = (event, payload) => {\n        setInputToValue(payload.value);\n        onInputChangeTo?.(event, payload);\n    };\n\n    const handleMouseOver = useCallback((event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement;\n\n        const mouseOverDayButton = isDayButton(target) || isDayButton(target.parentElement);\n\n        let date;\n\n        if (mouseOverDayButton) {\n            const button =\n                target.tagName === 'BUTTON' ? target : (target.parentElement as HTMLButtonElement);\n\n            if (button.dataset.date) {\n                date = +button.dataset.date;\n            }\n        }\n\n        setHighlightedDate(date);\n    }, []);\n\n    const handleClearFrom = useCallback(() => {\n        setInputFromValue('');\n    }, []);\n\n    const handleClearTo = useCallback(() => {\n        setInputToValue('');\n    }, []);\n\n    useEffect(() => {\n        setInputFromValue(period.selectedFrom ? formatDate(period.selectedFrom) : '');\n    }, [period.selectedFrom]);\n\n    useEffect(() => {\n        setInputToValue(period.selectedTo ? formatDate(period.selectedTo) : '');\n    }, [period.selectedTo]);\n\n    useEffect(() => {\n        setInputFromValue(valueFrom);\n    }, [valueFrom]);\n\n    useEffect(() => {\n        setInputToValue(valueTo);\n    }, [valueTo]);\n\n    useEffect(() => {\n        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {\n            handleValidInputFrom();\n        }\n\n        period.setStart(dateFrom || undefined);\n        if (dateTo) {\n            period.setEnd(dateTo);\n        }\n\n        if (inputFromValue !== valueFrom) {\n            onDateFromChange({\n                value: inputFromValue,\n                date: dateFrom,\n            });\n\n            onChange({\n                valueFrom: inputFromValue,\n                valueTo: inputToValue,\n                dateFrom,\n                dateTo,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputFromValue]);\n\n    useEffect(() => {\n        if (!inputToValue || isCompleteDateInput(inputToValue)) {\n            handleValidInputTo();\n        }\n\n        period.setEnd(dateTo || undefined);\n        if (dateFrom) {\n            period.setStart(dateFrom);\n        }\n\n        if (inputToValue !== valueTo) {\n            // eslint-disable-next-line no-nested-ternary\n            const inputDateTo = returnInvalidDates\n                ? isCompleteDateInput(inputToValue)\n                    ? parseDateString(inputToValue).getTime()\n                    : null\n                : dateTo;\n\n            onDateToChange({\n                value: inputToValue,\n                date: inputDateTo,\n            });\n\n            onChange({\n                valueFrom: inputFromValue,\n                valueTo: inputToValue,\n                dateFrom,\n                dateTo: inputDateTo,\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputToValue]);\n\n    useEffect(() => {\n        if (onError) {\n            onError(hasValidateError);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasValidateError]);\n\n    const rangeProps = useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);\n\n    const CalendarFromComponent = dateInputFromProps.Calendar || CalendarDesktop;\n    const CalendarToComponent = dateInputToProps.Calendar || CalendarDesktop;\n\n    const minMaxInSameMonth = minDate && maxDate && isSameMonth(minDate, maxDate);\n\n    return (\n        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n        <div\n            className={cn(styles.component, styles.static, className)}\n            // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n            onMouseOver={handleMouseOver}\n            data-test-id={dataTestId}\n        >\n            <div>\n                <DateInput\n                    {...dateInputFromProps}\n                    mobileMode={\n                        dateInputFromProps.mobileMode === 'popover'\n                            ? 'input'\n                            : dateInputFromProps.mobileMode\n                    }\n                    value={inputFromValue}\n                    onChange={handleInputFromChange}\n                    onClear={handleClearFrom}\n                    onBlur={handleValidInputFrom}\n                    error={bothInvalid || inputFromInvalid || dateInputFromProps.error}\n                    clear={true}\n                    block={true}\n                />\n                <div\n                    className={cn(styles.calendarContainer, calendarContainerClassName)}\n                    data-test-id={getDataTestId(dataTestId, 'container-from')}\n                >\n                    <CalendarFromComponent\n                        {...calendarFromProps}\n                        className={cn(styles.calendar, calendarFromProps?.className)}\n                        month={monthFrom}\n                        selectorView='month-only'\n                        offDays={offDays}\n                        events={events}\n                        onChange={period.updatePeriod}\n                        onMonthChange={handleMonthFromChange}\n                        minDate={minDate}\n                        maxDate={\n                            minMaxInSameMonth\n                                ? maxDate\n                                : maxDate &&\n                                  max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime()\n                        }\n                        {...rangeProps}\n                    />\n                </div>\n            </div>\n\n            <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />\n\n            <div>\n                <DateInput\n                    {...dateInputToProps}\n                    mobileMode={\n                        dateInputToProps.mobileMode === 'popover'\n                            ? 'input'\n                            : dateInputToProps.mobileMode\n                    }\n                    value={inputToValue}\n                    onChange={handleInputToChange}\n                    onClear={handleClearTo}\n                    onBlur={handleValidInputTo}\n                    error={bothInvalid || inputToInvalid || dateInputToProps.error}\n                    clear={true}\n                    block={true}\n                />\n                <div data-test-id={getDataTestId(dataTestId, 'container-to')}>\n                    <CalendarToComponent\n                        {...calendarToProps}\n                        className={cn(styles.calendar, calendarToProps?.className)}\n                        month={monthTo}\n                        selectorView='month-only'\n                        offDays={offDays}\n                        events={events}\n                        onChange={period.updatePeriod}\n                        onMonthChange={handleMonthToChange}\n                        minDate={\n                            minMaxInSameMonth\n                                ? minDate\n                                : minDate && startOfMonth(addMonths(minDate, 1)).getTime()\n                        }\n                        maxDate={maxDate}\n                        {...rangeProps}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-range",
-    "version": "9.0.5",
+    "version": "9.0.6",
     "description": "Calendar range component",
     "keywords": [],
     "license": "MIT",
@@ -10,10 +10,10 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-calendar": "^9.1.0",
-        "@alfalab/core-components-calendar-input": "^12.0.5",
-        "@alfalab/core-components-date-input": "^6.0.4",
-        "@alfalab/core-components-shared": "^2.1.0",
+        "@alfalab/core-components-calendar": "^9.1.1",
+        "@alfalab/core-components-calendar-input": "^12.0.6",
+        "@alfalab/core-components-date-input": "^6.0.5",
+        "@alfalab/core-components-shared": "^2.1.1",
         "@alfalab/hooks": "^1.13.1",
         "classnames": "^2.5.1",
         "date-fns": "^4.1.0",
@@ -28,5 +28,5 @@
         "directory": "dist"
     },
     "themesVersion": "15.0.2",
-    "varsVersion": "11.0.1"
+    "varsVersion": "11.0.2"
 }

package/src/components/divider/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../../../../calendar/src/vars.css';
 
 .component {

package/src/hooks.ts

@@ -185,7 +185,7 @@ export function useSelectionProps(from?: number, to?: number, highlighted?: numb
             };
         }
 
-        const dates = [from, to, highlighted].filter((date) => date !== undefined) as number[];
+        const dates = [from, to, highlighted].filter((date) => date !== undefined);
 
         return {
             rangeComplete: false,

package/src/views/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../../../calendar/src/vars.css';
 
 .component {

package/views/index.css

@@ -8,25 +8,25 @@
 :root {
     --calendar-inner-width: 280px;
 }
-.calendar-range__component_ssz84 {
+.calendar-range__component_1dqv3 {
     display: flex;
 }
-.calendar-range__component_ssz84 button[aria-selected='true'] {
+.calendar-range__component_1dqv3 button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_ssz84 *[class*='errorIcon_'] {
+.calendar-range__component_1dqv3 *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_ssz84 *[class*='calendarIcon_'] {
+.calendar-range__component_1dqv3 *[class*='calendarIcon_'] {
         margin-right: var(--gap-0);
     }
-.calendar-range__static_ssz84 .calendar-range__calendar_ssz84 {
+.calendar-range__static_1dqv3 .calendar-range__calendar_1dqv3 {
         width: var(--calendar-inner-width);
     }
-.calendar-range__static_ssz84 .calendar-range__calendar_ssz84 > div:first-child {
+.calendar-range__static_1dqv3 .calendar-range__calendar_1dqv3 > div:first-child {
             padding: var(--gap-16) var(--gap-0) var(--gap-12);
         }
-.calendar-range__calendarContainer_ssz84 {
+.calendar-range__calendarContainer_1dqv3 {
     width: var(--calendar-inner-width);
     display: flex;
     justify-content: center;

package/views/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"calendar-range__component_ssz84","static":"calendar-range__static_ssz84","calendar":"calendar-range__calendar_ssz84","calendarContainer":"calendar-range__calendarContainer_ssz84"};
+var styles = {"component":"calendar-range__component_1dqv3","static":"calendar-range__static_1dqv3","calendar":"calendar-range__calendar_1dqv3","calendarContainer":"calendar-range__calendarContainer_1dqv3"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/views/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/views/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../calendar/src/vars.css';\n\n.component {\n    display: flex;\n\n    & button[aria-selected='true'] {\n        cursor: pointer;\n    }\n\n    & *[class*='errorIcon_'] {\n        display: none;\n    }\n\n    & *[class*='calendarIcon_'] {\n        margin-right: var(--gap-0);\n    }\n}\n\n.static {\n    & .calendar {\n        width: var(--calendar-inner-width);\n\n        & > div:first-child {\n            padding: var(--gap-16) var(--gap-0) var(--gap-12);\n        }\n    }\n}\n\n.calendarContainer {\n    width: var(--calendar-inner-width);\n    display: flex;\n    justify-content: center;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,yCAAyC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/views/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../calendar/src/vars.css';\n\n.component {\n    display: flex;\n\n    & button[aria-selected='true'] {\n        cursor: pointer;\n    }\n\n    & *[class*='errorIcon_'] {\n        display: none;\n    }\n\n    & *[class*='calendarIcon_'] {\n        margin-right: var(--gap-0);\n    }\n}\n\n.static {\n    & .calendar {\n        width: var(--calendar-inner-width);\n\n        & > div:first-child {\n            padding: var(--gap-16) var(--gap-0) var(--gap-12);\n        }\n    }\n}\n\n.calendarContainer {\n    width: var(--calendar-inner-width);\n    display: flex;\n    justify-content: center;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,QAAQ,CAAC,8BAA8B,CAAC,UAAU,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,yCAAyC,CAAC;;;;"}

package/views/popover.d.ts

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
 import { type CalendarRangeProps } from '../Component';
-export declare type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;
+export type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;
 export declare const CalendarRangePopover: FC<CalendarRangePopoverProps>;

package/views/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../src/views/popover.tsx"],"sourcesContent":["import React, { type FC, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport { startOfMonth } from 'date-fns';\n\nimport { CalendarInput, type CalendarInputProps } from '@alfalab/core-components-calendar-input';\nimport { isValidInputValue, parseDateString } from '@alfalab/core-components-calendar-input/shared';\nimport { isCompleteDateInput } from '@alfalab/core-components-date-input';\nimport { useDidUpdateEffect } from '@alfalab/hooks';\n\nimport { type CalendarRangeProps } from '../Component';\nimport { Divider } from '../components/divider';\nimport { usePopoverViewMonthes } from '../hooks';\n\nimport styles from './index.module.css';\n\nexport type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;\n\nexport const CalendarRangePopover: FC<CalendarRangePopoverProps> = ({\n    className,\n    defaultMonth = startOfMonth(new Date()).getTime(),\n    minDate,\n    maxDate,\n    valueFrom = '',\n    valueTo = '',\n    onDateFromChange = () => null,\n    onDateToChange = () => null,\n    onChange = () => null,\n    onError,\n    inputFromProps = {},\n    inputToProps = {},\n    offDays,\n    events,\n    returnInvalidDates = false,\n    dataTestId,\n}) => {\n    const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);\n    const [inputToValue, setInputToValue] = useState<string>(valueTo);\n\n    /**\n     * Ключ для сброса календарей\n     * Пользователь открыл календарь, изменил месяц, но ничего не выбрал\n     * — при следующем открытии в календаре будет установлен начальный месяц\n     */\n    const [resetKey, setResetKey] = useState<number>(0);\n\n    const dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)\n        ? parseDateString(inputFromValue).getTime()\n        : null;\n\n    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)\n        ? parseDateString(inputToValue).getTime()\n        : null;\n\n    const [inputFromInvalid, setInputFromInvalid] = useState<boolean>(\n        isCompleteDateInput(inputFromValue) && dateFrom === null,\n    );\n    const [inputToInvalid, setInputToInvalid] = useState<boolean>(\n        isCompleteDateInput(inputToValue) && dateTo === null,\n    );\n\n    const bothInvalid =\n        isCompleteDateInput(inputFromValue) &&\n        isCompleteDateInput(inputToValue) &&\n        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();\n\n    const hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;\n\n    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } =\n        usePopoverViewMonthes({\n            dateFrom,\n            dateTo,\n            defaultMonth,\n            resetKey,\n        });\n\n    const handleValidInputFrom = useCallback(() => {\n        setInputFromInvalid(\n            inputFromValue !== '' && !isValidInputValue(inputFromValue, minDate, maxDate, offDays),\n        );\n    }, [inputFromValue, maxDate, minDate, offDays]);\n\n    const handleValidInputTo = useCallback(() => {\n        setInputToInvalid(\n            inputToValue !== '' &&\n                !isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays),\n        );\n    }, [dateFrom, inputToValue, maxDate, minDate, offDays]);\n\n    const handleInputFromChange: Required<CalendarInputProps>['onInputChange'] = (\n        event,\n        payload,\n    ) => {\n        setInputFromValue(payload.value);\n        inputFromProps.onInputChange?.(event, payload);\n    };\n\n    const handleInputToChange: Required<CalendarInputProps>['onInputChange'] = (event, payload) => {\n        setInputToValue(payload.value);\n        inputToProps.onInputChange?.(event, payload);\n    };\n\n    const handleInputFromBlur = useCallback(() => {\n        handleValidInputFrom();\n        setResetKey(+new Date());\n    }, [handleValidInputFrom]);\n\n    const handleInputToBlur = useCallback(() => {\n        handleValidInputTo();\n        setResetKey(+new Date());\n    }, [handleValidInputTo]);\n\n    const handleFromChange: Required<CalendarInputProps>['onChange'] = useCallback((_, payload) => {\n        setInputFromValue(payload.value);\n    }, []);\n\n    const handleToChange: Required<CalendarInputProps>['onChange'] = useCallback((_, payload) => {\n        setInputToValue(payload.value);\n    }, []);\n\n    useEffect(() => {\n        setInputFromValue(valueFrom);\n    }, [valueFrom]);\n\n    useEffect(() => {\n        setInputToValue(valueTo);\n    }, [valueTo]);\n\n    useDidUpdateEffect(() => {\n        onDateFromChange({ value: inputFromValue, date: dateFrom });\n\n        onChange({\n            valueFrom: inputFromValue,\n            valueTo: inputToValue,\n            dateFrom,\n            dateTo,\n        });\n\n        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {\n            handleValidInputFrom();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputFromValue]);\n\n    useDidUpdateEffect(() => {\n        onDateToChange({ value: inputToValue, date: dateTo });\n\n        // eslint-disable-next-line no-nested-ternary\n        const inputDateTo = returnInvalidDates\n            ? isCompleteDateInput(inputToValue)\n                ? parseDateString(inputToValue).getTime()\n                : null\n            : dateTo;\n\n        onChange({\n            valueFrom: inputFromValue,\n            valueTo: inputToValue,\n            dateFrom,\n            dateTo: inputDateTo,\n        });\n\n        if (!inputToValue || isCompleteDateInput(inputToValue)) {\n            handleValidInputTo();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputToValue]);\n\n    useEffect(() => {\n        if (onError) {\n            onError(hasValidateError);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasValidateError]);\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            <CalendarInput\n                {...inputFromProps}\n                useAnchorWidth={false}\n                calendarPosition='popover'\n                popoverPosition='bottom-start'\n                error={inputFromInvalid || bothInvalid || inputFromProps.error}\n                onChange={handleFromChange}\n                onInputChange={handleInputFromChange}\n                onBlur={handleInputFromBlur}\n                value={inputFromValue}\n                minDate={minDate}\n                maxDate={maxDate}\n                offDays={offDays}\n                events={events}\n                calendarProps={{\n                    ...inputFromProps.calendarProps,\n                    month: monthFrom,\n                    onMonthChange: handleMonthFromChange,\n                    selectorView: 'full',\n                }}\n            />\n\n            <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />\n\n            <CalendarInput\n                {...inputToProps}\n                useAnchorWidth={false}\n                calendarPosition='popover'\n                popoverPosition='bottom-end'\n                error={inputToInvalid || bothInvalid || inputToProps.error}\n                onChange={handleToChange}\n                onInputChange={handleInputToChange}\n                onBlur={handleInputToBlur}\n                value={inputToValue}\n                minDate={dateFrom || minDate}\n                maxDate={maxDate}\n                offDays={offDays}\n                events={events}\n                calendarProps={{\n                    ...inputToProps.calendarProps,\n                    month: monthTo,\n                    onMonthChange: handleMonthToChange,\n                    selectorView: 'full',\n                }}\n            />\n        </div>\n    );\n};\n"],"names":["startOfMonth","useState","isValidInputValue","parseDateString","isCompleteDateInput","usePopoverViewMonthes","useCallback","useEffect","useDidUpdateEffect","React","cn","styles","CalendarInput","__assign","Divider"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../src/views/popover.tsx"],"sourcesContent":["import React, { type FC, useCallback, useEffect, useState } from 'react';\nimport cn from 'classnames';\nimport { startOfMonth } from 'date-fns';\n\nimport { CalendarInput, type CalendarInputProps } from '@alfalab/core-components-calendar-input';\nimport { isValidInputValue, parseDateString } from '@alfalab/core-components-calendar-input/shared';\nimport { isCompleteDateInput } from '@alfalab/core-components-date-input';\nimport { useDidUpdateEffect } from '@alfalab/hooks';\n\nimport { type CalendarRangeProps } from '../Component';\nimport { Divider } from '../components/divider';\nimport { usePopoverViewMonthes } from '../hooks';\n\nimport styles from './index.module.css';\n\nexport type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;\n\nexport const CalendarRangePopover: FC<CalendarRangePopoverProps> = ({\n    className,\n    defaultMonth = startOfMonth(new Date()).getTime(),\n    minDate,\n    maxDate,\n    valueFrom = '',\n    valueTo = '',\n    onDateFromChange = () => null,\n    onDateToChange = () => null,\n    onChange = () => null,\n    onError,\n    inputFromProps = {},\n    inputToProps = {},\n    offDays,\n    events,\n    returnInvalidDates = false,\n    dataTestId,\n}) => {\n    const [inputFromValue, setInputFromValue] = useState<string>(valueFrom);\n    const [inputToValue, setInputToValue] = useState<string>(valueTo);\n\n    /**\n     * Ключ для сброса календарей\n     * Пользователь открыл календарь, изменил месяц, но ничего не выбрал\n     * — при следующем открытии в календаре будет установлен начальный месяц\n     */\n    const [resetKey, setResetKey] = useState<number>(0);\n\n    const dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)\n        ? parseDateString(inputFromValue).getTime()\n        : null;\n\n    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)\n        ? parseDateString(inputToValue).getTime()\n        : null;\n\n    const [inputFromInvalid, setInputFromInvalid] = useState<boolean>(\n        isCompleteDateInput(inputFromValue) && dateFrom === null,\n    );\n    const [inputToInvalid, setInputToInvalid] = useState<boolean>(\n        isCompleteDateInput(inputToValue) && dateTo === null,\n    );\n\n    const bothInvalid =\n        isCompleteDateInput(inputFromValue) &&\n        isCompleteDateInput(inputToValue) &&\n        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();\n\n    const hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;\n\n    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } =\n        usePopoverViewMonthes({\n            dateFrom,\n            dateTo,\n            defaultMonth,\n            resetKey,\n        });\n\n    const handleValidInputFrom = useCallback(() => {\n        setInputFromInvalid(\n            inputFromValue !== '' && !isValidInputValue(inputFromValue, minDate, maxDate, offDays),\n        );\n    }, [inputFromValue, maxDate, minDate, offDays]);\n\n    const handleValidInputTo = useCallback(() => {\n        setInputToInvalid(\n            inputToValue !== '' &&\n                !isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays),\n        );\n    }, [dateFrom, inputToValue, maxDate, minDate, offDays]);\n\n    const handleInputFromChange: Required<CalendarInputProps>['onInputChange'] = (\n        event,\n        payload,\n    ) => {\n        setInputFromValue(payload.value);\n        inputFromProps.onInputChange?.(event, payload);\n    };\n\n    const handleInputToChange: Required<CalendarInputProps>['onInputChange'] = (event, payload) => {\n        setInputToValue(payload.value);\n        inputToProps.onInputChange?.(event, payload);\n    };\n\n    const handleInputFromBlur = useCallback(() => {\n        handleValidInputFrom();\n        setResetKey(+new Date());\n    }, [handleValidInputFrom]);\n\n    const handleInputToBlur = useCallback(() => {\n        handleValidInputTo();\n        setResetKey(+new Date());\n    }, [handleValidInputTo]);\n\n    const handleFromChange: Required<CalendarInputProps>['onChange'] = useCallback((_, payload) => {\n        setInputFromValue(payload.value);\n    }, []);\n\n    const handleToChange: Required<CalendarInputProps>['onChange'] = useCallback((_, payload) => {\n        setInputToValue(payload.value);\n    }, []);\n\n    useEffect(() => {\n        setInputFromValue(valueFrom);\n    }, [valueFrom]);\n\n    useEffect(() => {\n        setInputToValue(valueTo);\n    }, [valueTo]);\n\n    useDidUpdateEffect(() => {\n        onDateFromChange({ value: inputFromValue, date: dateFrom });\n\n        onChange({\n            valueFrom: inputFromValue,\n            valueTo: inputToValue,\n            dateFrom,\n            dateTo,\n        });\n\n        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {\n            handleValidInputFrom();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputFromValue]);\n\n    useDidUpdateEffect(() => {\n        onDateToChange({ value: inputToValue, date: dateTo });\n\n        // eslint-disable-next-line no-nested-ternary\n        const inputDateTo = returnInvalidDates\n            ? isCompleteDateInput(inputToValue)\n                ? parseDateString(inputToValue).getTime()\n                : null\n            : dateTo;\n\n        onChange({\n            valueFrom: inputFromValue,\n            valueTo: inputToValue,\n            dateFrom,\n            dateTo: inputDateTo,\n        });\n\n        if (!inputToValue || isCompleteDateInput(inputToValue)) {\n            handleValidInputTo();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputToValue]);\n\n    useEffect(() => {\n        if (onError) {\n            onError(hasValidateError);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hasValidateError]);\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            <CalendarInput\n                {...inputFromProps}\n                useAnchorWidth={false}\n                calendarPosition='popover'\n                popoverPosition='bottom-start'\n                error={inputFromInvalid || bothInvalid || inputFromProps.error}\n                onChange={handleFromChange}\n                onInputChange={handleInputFromChange}\n                onBlur={handleInputFromBlur}\n                value={inputFromValue}\n                minDate={minDate}\n                maxDate={maxDate}\n                offDays={offDays}\n                events={events}\n                calendarProps={{\n                    ...inputFromProps.calendarProps,\n                    month: monthFrom,\n                    onMonthChange: handleMonthFromChange,\n                    selectorView: 'full',\n                }}\n            />\n\n            <Divider inputFromProps={inputFromProps} inputToProps={inputToProps} />\n\n            <CalendarInput\n                {...inputToProps}\n                useAnchorWidth={false}\n                calendarPosition='popover'\n                popoverPosition='bottom-end'\n                error={inputToInvalid || bothInvalid || inputToProps.error}\n                onChange={handleToChange}\n                onInputChange={handleInputToChange}\n                onBlur={handleInputToBlur}\n                value={inputToValue}\n                minDate={dateFrom || minDate}\n                maxDate={maxDate}\n                offDays={offDays}\n                events={events}\n                calendarProps={{\n                    ...inputToProps.calendarProps,\n                    month: monthTo,\n                    onMonthChange: handleMonthToChange,\n                    selectorView: 'full',\n                }}\n            />\n        </div>\n    );\n};\n"],"names":["startOfMonth","useState","isValidInputValue","parseDateString","isCompleteDateInput","usePopoverViewMonthes","useCallback","useEffect","useDidUpdateEffect","React","cn","styles","CalendarInput","__assign","Divider"],"mappings":"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"}

package/views/static.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import { type CalendarRangeProps } from '../Component';
-export declare type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
+export type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
     /**
      * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
      */