@salutejs/plasma-new-hope 0.172.0-dev.0 → 0.172.1-canary.1498.11456450638.0

package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -86,6 +86,9 @@ var CalendarDays = function CalendarDays(_ref) {
     }
     onHoverDay === null || onHoverDay === void 0 || onHoverDay(selectedDate);
   }, [getSelectedDate, onHoverDay, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
+  };
   var getRefs = function getRefs(element, isDayInCurrentMonth, i, j) {
     if (isDayInCurrentMonth) {
       outerRefs.current[i + offset][j] = element;
@@ -100,7 +103,8 @@ var CalendarDays = function CalendarDays(_ref) {
   return /*#__PURE__*/React.createElement(CalendarDays_styles.StyledCalendarDays, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, _StyledCalendarDaysHi || (_StyledCalendarDaysHi = /*#__PURE__*/React.createElement(CalendarDays_styles.StyledCalendarDaysHint, {
     id: "withShift"
   }, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(CalendarDays_styles.StyledFlex, {

package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDays.js","sources":["../../../../../src/components/Calendar/ui/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useDays } from '../../hooks';\nimport {\n    canSelectDate,\n    FULL_DAY_NAMES,\n    getInRange,\n    getSideInRange,\n    isSameDay,\n    isSelectProcess,\n    ROW_STEP,\n    SHORT_DAY_NAMES,\n} from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\nimport { DateItem } from '../../Calendar.types';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\n\nimport { StyledCalendarDays, StyledCalendarDaysHint, StyledFlex } from './CalendarDays.styles';\nimport type { CalendarDaysProps } from './CalendarDays.types';\n\n/**\n * Компонент дней в календаре.\n */\nexport const CalendarDays: React.FC<CalendarDaysProps> = ({\n    date: currentDate,\n    value,\n    eventList,\n    disabledList,\n    min,\n    max,\n    includeEdgeDates,\n    hoveredDay,\n    selectIndexes,\n    isDouble,\n    isSecond,\n    outerRefs,\n    onChangeDay,\n    onHoverDay,\n    onSetSelected,\n    onKeyDown,\n    locale = 'ru',\n}) => {\n    const [days, selected] = useDays({ date: currentDate, value, eventList, disabledList, min, max, includeEdgeDates });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_STEP : 0;\n\n    const dayItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarDayFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarDayFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarDayFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarDayFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarDayFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarDayFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarDaySelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarDayItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarDayItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarDayItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeDay = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeDay(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverDay?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeDay, offset, value, onHoverDay],\n    );\n\n    const handleOnHoverDay = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverDay?.(selectedDate);\n        },\n        [getSelectedDate, onHoverDay, value],\n    );\n\n    const getRefs = (element: HTMLDivElement, isDayInCurrentMonth: boolean, i: number, j: number) => {\n        if (isDayInCurrentMonth) {\n            outerRefs.current[i + offset][j] = element;\n        }\n    };\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarDays role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            <StyledCalendarDaysHint id=\"withShift\">\n                Для навигации только по доступным датам удерживайте клавишу Shift.\n            </StyledCalendarDaysHint>\n            <StyledFlex role=\"row\">\n                {SHORT_DAY_NAMES[locale].map((name) => (\n                    <DateStructureItem\n                        role=\"columnheader\"\n                        aria-label={FULL_DAY_NAMES[locale][name]}\n                        key={name}\n                        dayOfWeek\n                        day={name}\n                        style={dayItemTokens}\n                    >\n                        {name}\n                    </DateStructureItem>\n                ))}\n            </StyledFlex>\n            {days.map((day: DateItem[], i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {day.map(\n                        (\n                            {\n                                date,\n                                events,\n                                disabled,\n                                isSelected,\n                                isCurrent,\n                                isDayInCurrentMonth,\n                                inRange,\n                                isOutOfMinMaxRange = false,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => (\n                            <DateStructureItem\n                                ref={(element: HTMLDivElement) => getRefs(element, Boolean(isDayInCurrentMonth), i, j)}\n                                style={dayItemTokens}\n                                eventList={events}\n                                disabled={disabled}\n                                day={date.day}\n                                year={date.year}\n                                monthIndex={date.monthIndex}\n                                isFocused={\n                                    i + offset === selectIndexes?.[0] && j === selectIndexes?.[1] && !isOutOfMinMaxRange\n                                }\n                                isSelected={isSelected}\n                                isCurrent={isCurrent}\n                                isDayInCurrentMonth={isDayInCurrentMonth}\n                                isDouble={isDouble}\n                                isHovered={isSameDay(date, hoveredDay)}\n                                inRange={getInRange(value, date, hoveredDay, inRange)}\n                                sideInRange={getSideInRange(value, date, hoveredDay, isSelected)}\n                                onClick={disabled ? undefined : handleOnChangeDay(i, j)}\n                                onMouseOver={disabled ? undefined : handleOnHoverDay}\n                                key={`StyledDay-${i}-${j}`}\n                                role=\"gridcell\"\n                                disabledArrowKey={disabledArrowKey}\n                                disabledMonths={disabledDates}\n                            >\n                                {date.day}\n                            </DateStructureItem>\n                        ),\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarDays>\n    );\n};\n"],"names":["CalendarDays","_ref","currentDate","date","value","eventList","disabledList","min","max","includeEdgeDates","hoveredDay","selectIndexes","isDouble","isSecond","outerRefs","onChangeDay","onHoverDay","onSetSelected","onKeyDown","_ref$locale","locale","_useDays","useDays","_useDays2","_slicedToArray","days","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_STEP","dayItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarDayFontFamily","dateStructureFontSize","calendarDayFontSize","dateStructureFontWeight","calendarDayFontWeight","dateStructureFontLineHeight","calendarDayFontLineHeight","dateStructureFontLetterSpacing","calendarDayFontLetterSpacing","dateStructureFontStyle","calendarDayFontStyle","dateStructureSelectedFontWeight","calendarDaySelectedFontWeight","dateStructureWidth","calendarDayItemWidth","dateStructureHeight","calendarDayItemHeight","dateStructureBorderRadius","calendarDayItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeDay","i","j","isSelectProcess","undefined","handleOnHoverDay","isSelectedDone","Array","isArray","getRefs","element","isDayInCurrentMonth","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarDays","role","_StyledCalendarDaysHi","StyledCalendarDaysHint","id","StyledFlex","SHORT_DAY_NAMES","map","name","DateStructureItem","FULL_DAY_NAMES","key","dayOfWeek","style","_ref2","events","disabled","isSelected","isCurrent","inRange","_ref2$isOutOfMinMaxRa","isOutOfMinMaxRange","disabledArrowKey","disabledDates","ref","Boolean","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","disabledMonths"],"mappings":"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"}
+{"version":3,"file":"CalendarDays.js","sources":["../../../../../src/components/Calendar/ui/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useDays } from '../../hooks';\nimport {\n    canSelectDate,\n    FULL_DAY_NAMES,\n    getInRange,\n    getSideInRange,\n    isSameDay,\n    isSelectProcess,\n    ROW_STEP,\n    SHORT_DAY_NAMES,\n} from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\nimport { DateItem } from '../../Calendar.types';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\n\nimport { StyledCalendarDays, StyledCalendarDaysHint, StyledFlex } from './CalendarDays.styles';\nimport type { CalendarDaysProps } from './CalendarDays.types';\n\n/**\n * Компонент дней в календаре.\n */\nexport const CalendarDays: React.FC<CalendarDaysProps> = ({\n    date: currentDate,\n    value,\n    eventList,\n    disabledList,\n    min,\n    max,\n    includeEdgeDates,\n    hoveredDay,\n    selectIndexes,\n    isDouble,\n    isSecond,\n    outerRefs,\n    onChangeDay,\n    onHoverDay,\n    onSetSelected,\n    onKeyDown,\n    locale = 'ru',\n}) => {\n    const [days, selected] = useDays({ date: currentDate, value, eventList, disabledList, min, max, includeEdgeDates });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_STEP : 0;\n\n    const dayItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarDayFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarDayFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarDayFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarDayFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarDayFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarDayFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarDaySelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarDayItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarDayItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarDayItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeDay = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeDay(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverDay?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeDay, offset, value, onHoverDay],\n    );\n\n    const handleOnHoverDay = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverDay?.(selectedDate);\n        },\n        [getSelectedDate, onHoverDay, value],\n    );\n\n    const handleMouseOutGrid = () => onHoverDay?.(undefined);\n\n    const getRefs = (element: HTMLDivElement, isDayInCurrentMonth: boolean, i: number, j: number) => {\n        if (isDayInCurrentMonth) {\n            outerRefs.current[i + offset][j] = element;\n        }\n    };\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarDays\n            role=\"grid\"\n            aria-labelledby=\"id-grid-label\"\n            onKeyDown={onKeyDown}\n            onMouseLeave={handleMouseOutGrid}\n        >\n            <StyledCalendarDaysHint id=\"withShift\">\n                Для навигации только по доступным датам удерживайте клавишу Shift.\n            </StyledCalendarDaysHint>\n            <StyledFlex role=\"row\">\n                {SHORT_DAY_NAMES[locale].map((name) => (\n                    <DateStructureItem\n                        role=\"columnheader\"\n                        aria-label={FULL_DAY_NAMES[locale][name]}\n                        key={name}\n                        dayOfWeek\n                        day={name}\n                        style={dayItemTokens}\n                    >\n                        {name}\n                    </DateStructureItem>\n                ))}\n            </StyledFlex>\n            {days.map((day: DateItem[], i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {day.map(\n                        (\n                            {\n                                date,\n                                events,\n                                disabled,\n                                isSelected,\n                                isCurrent,\n                                isDayInCurrentMonth,\n                                inRange,\n                                isOutOfMinMaxRange = false,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => (\n                            <DateStructureItem\n                                ref={(element: HTMLDivElement) => getRefs(element, Boolean(isDayInCurrentMonth), i, j)}\n                                style={dayItemTokens}\n                                eventList={events}\n                                disabled={disabled}\n                                day={date.day}\n                                year={date.year}\n                                monthIndex={date.monthIndex}\n                                isFocused={\n                                    i + offset === selectIndexes?.[0] && j === selectIndexes?.[1] && !isOutOfMinMaxRange\n                                }\n                                isSelected={isSelected}\n                                isCurrent={isCurrent}\n                                isDayInCurrentMonth={isDayInCurrentMonth}\n                                isDouble={isDouble}\n                                isHovered={isSameDay(date, hoveredDay)}\n                                inRange={getInRange(value, date, hoveredDay, inRange)}\n                                sideInRange={getSideInRange(value, date, hoveredDay, isSelected)}\n                                onClick={disabled ? undefined : handleOnChangeDay(i, j)}\n                                onMouseOver={disabled ? undefined : handleOnHoverDay}\n                                key={`StyledDay-${i}-${j}`}\n                                role=\"gridcell\"\n                                disabledArrowKey={disabledArrowKey}\n                                disabledMonths={disabledDates}\n                            >\n                                {date.day}\n                            </DateStructureItem>\n                        ),\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarDays>\n    );\n};\n"],"names":["CalendarDays","_ref","currentDate","date","value","eventList","disabledList","min","max","includeEdgeDates","hoveredDay","selectIndexes","isDouble","isSecond","outerRefs","onChangeDay","onHoverDay","onSetSelected","onKeyDown","_ref$locale","locale","_useDays","useDays","_useDays2","_slicedToArray","days","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_STEP","dayItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarDayFontFamily","dateStructureFontSize","calendarDayFontSize","dateStructureFontWeight","calendarDayFontWeight","dateStructureFontLineHeight","calendarDayFontLineHeight","dateStructureFontLetterSpacing","calendarDayFontLetterSpacing","dateStructureFontStyle","calendarDayFontStyle","dateStructureSelectedFontWeight","calendarDaySelectedFontWeight","dateStructureWidth","calendarDayItemWidth","dateStructureHeight","calendarDayItemHeight","dateStructureBorderRadius","calendarDayItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeDay","i","j","isSelectProcess","undefined","handleOnHoverDay","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","isDayInCurrentMonth","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarDays","role","onMouseLeave","_StyledCalendarDaysHi","StyledCalendarDaysHint","id","StyledFlex","SHORT_DAY_NAMES","map","name","DateStructureItem","FULL_DAY_NAMES","key","dayOfWeek","style","_ref2","events","disabled","isSelected","isCurrent","inRange","_ref2$isOutOfMinMaxRa","isOutOfMinMaxRange","disabledArrowKey","disabledDates","ref","Boolean","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","disabledMonths"],"mappings":";;;;;;;;;;;;;;;AAoBA;AACA;AACA;IACaA,YAAyC,GAAG,SAA5CA,YAAyCA,CAAAC,IAAA,EAkBhD;AAAA,EAAA,IAjBIC,WAAW,GAAAD,IAAA,CAAjBE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,GAAG,GAAAN,IAAA,CAAHM,GAAG;IACHC,GAAG,GAAAP,IAAA,CAAHO,GAAG;IACHC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,SAAS,GAAAb,IAAA,CAATa,SAAS;IACTC,WAAW,GAAAd,IAAA,CAAXc,WAAW;IACXC,UAAU,GAAAf,IAAA,CAAVe,UAAU;IACVC,aAAa,GAAAhB,IAAA,CAAbgB,aAAa;IACbC,SAAS,GAAAjB,IAAA,CAATiB,SAAS;IAAAC,WAAA,GAAAlB,IAAA,CACTmB,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,WAAA,CAAA;EAEb,IAAAE,QAAA,GAAyBC,eAAO,CAAC;AAAEnB,MAAAA,IAAI,EAAED,WAAW;AAAEE,MAAAA,KAAK,EAALA,KAAK;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,YAAY,EAAZA,YAAY;AAAEC,MAAAA,GAAG,EAAHA,GAAG;AAAEC,MAAAA,GAAG,EAAHA,GAAG;AAAEC,MAAAA,gBAAgB,EAAhBA,gBAAAA;AAAiB,KAAC,CAAC;IAAAc,SAAA,GAAAC,uCAAA,CAAAH,QAAA,EAAA,CAAA,CAAA;AAA5GI,IAAAA,IAAI,GAAAF,SAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,SAAA,CAAA,CAAA,CAAA,CAAA;AACrB,EAAA,IAAMI,WAAW,GAAGC,YAAM,CAACF,QAAQ,CAAC,CAAA;AACpC,EAAA,IAAMG,gBAAgB,GAAGD,YAAM,CAACX,aAAa,CAAC,CAAA;AAE9C,EAAA,IAAMa,MAAM,GAAGjB,QAAQ,GAAGkB,kBAAQ,GAAG,CAAC,CAAA;AAEtC,EAAA,IAAMC,aAAa,GAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAAA,EAAA,CAAAC,MAAA,CACXC,2BAAW,CAACC,uBAAuB,CAAAF,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,sBAAM,CAACC,qBAAqB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAJ,MAAA,CAC3EC,2BAAW,CAACI,qBAAqB,CAAA,EAAA,MAAA,CAAAL,MAAA,CAAYG,sBAAM,CAACG,mBAAmB,EAAAN,GAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACvEC,2BAAW,CAACM,uBAAuB,CAAA,EAAA,MAAA,CAAAP,MAAA,CAAYG,sBAAM,CAACK,qBAAqB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAR,MAAA,CAC3EC,2BAAW,CAACQ,2BAA2B,CAAAT,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,sBAAM,CAACO,yBAAyB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAV,MAAA,CACnFC,2BAAW,CAACU,8BAA8B,CAAA,EAAA,MAAA,CAAAX,MAAA,CAAYG,sBAAM,CAACS,4BAA4B,EAAAZ,GAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACzFC,2BAAW,CAACY,sBAAsB,CAAA,EAAA,MAAA,CAAAb,MAAA,CAAYG,sBAAM,CAACW,oBAAoB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAd,MAAA,CACzEC,2BAAW,CAACc,+BAA+B,CAAAf,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,sBAAM,CAACa,6BAA6B,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAhB,MAAA,CAC3FC,2BAAW,CAACgB,kBAAkB,CAAA,EAAA,MAAA,CAAAjB,MAAA,CAAYG,sBAAM,CAACe,oBAAoB,EAAAlB,GAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACrEC,2BAAW,CAACkB,mBAAmB,CAAA,EAAA,MAAA,CAAAnB,MAAA,CAAYG,sBAAM,CAACiB,qBAAqB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAApB,MAAA,CACvEC,2BAAW,CAACoB,yBAAyB,UAAArB,MAAA,CAAYG,sBAAM,CAACmB,2BAA2B,EAC1F,GAAA,CAAA,CAAA,CAAA;AAED,EAAA,IAAMC,eAAe,GAAGC,iBAAW,CAC/B,UAACC,KAAuC,EAAK;AACzC,IAAA,IAAAC,qBAAA,GAAkCD,KAAK,CAACE,aAAa,CAACC,OAAO;MAArDC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;MAAEC,UAAU,GAAAJ,qBAAA,CAAVI,UAAU;MAAEC,IAAI,GAAAL,qBAAA,CAAJK,IAAI,CAAA;AAE7B,IAAA,IAAMC,YAAY,GAAG;AACjBH,MAAAA,GAAG,EAAEI,MAAM,CAACJ,GAAG,CAAC;AAChBC,MAAAA,UAAU,EAAEG,MAAM,CAACH,UAAU,CAAC;MAC9BC,IAAI,EAAEE,MAAM,CAACF,IAAI,CAAA;KACpB,CAAA;IAED,IAAI,CAACG,gCAAa,CAACF,YAAY,EAAE9D,KAAK,EAAEE,YAAY,CAAC,EAAE;AACnD,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,OAAO4D,YAAY,CAAA;AACvB,GAAC,EACD,CAAC5D,YAAY,EAAEF,KAAK,CACxB,CAAC,CAAA;AAED,EAAA,IAAMiE,iBAAiB,GAAGX,iBAAW,CACjC,UAACY,CAAS,EAAEC,CAAS,EAAA;IAAA,OAAK,UAACZ,KAAuC,EAAK;AACnE,MAAA,IAAMO,YAAY,GAAGT,eAAe,CAACE,KAAK,CAAC,CAAA;MAE3C,IAAI,CAACO,YAAY,EAAE;AACf,QAAA,OAAA;AACJ,OAAA;MAEAnD,WAAW,CAACmD,YAAY,EAAE,CAACI,CAAC,GAAGxC,MAAM,EAAEyC,CAAC,CAAC,CAAC,CAAA;AAE1C,MAAA,IAAIC,mCAAe,CAACpE,KAAK,CAAC,EAAE;AACxBY,QAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,IAAVA,UAAU,CAAGyD,SAAS,CAAC,CAAA;AAC3B,OAAA;KACH,CAAA;GACD,EAAA,CAAChB,eAAe,EAAE1C,WAAW,EAAEe,MAAM,EAAE1B,KAAK,EAAEY,UAAU,CAC5D,CAAC,CAAA;AAED,EAAA,IAAM0D,gBAAgB,GAAGhB,iBAAW,CAChC,UAACC,KAAuC,EAAK;AACzC,IAAA,IAAMO,YAAY,GAAGT,eAAe,CAACE,KAAK,CAAC,CAAA;AAC3C,IAAA,IAAMgB,cAAc,GAAGC,KAAK,CAACC,OAAO,CAACzE,KAAK,CAAC,IAAIA,KAAK,CAAC,CAAC,CAAC,IAAIA,KAAK,CAAC,CAAC,CAAC,CAAA;AAEnE,IAAA,IAAI,CAAC8D,YAAY,IAAI,CAACU,KAAK,CAACC,OAAO,CAACzE,KAAK,CAAC,IAAIuE,cAAc,EAAE;AAC1D,MAAA,OAAA;AACJ,KAAA;AAEA3D,IAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,IAAVA,UAAU,CAAGkD,YAAY,CAAC,CAAA;GAC7B,EACD,CAACT,eAAe,EAAEzC,UAAU,EAAEZ,KAAK,CACvC,CAAC,CAAA;AAED,EAAA,IAAM0E,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,IAAA,OAAS9D,UAAU,KAAVA,IAAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAGyD,SAAS,CAAC,CAAA;AAAA,GAAA,CAAA;AAExD,EAAA,IAAMM,OAAO,GAAG,SAAVA,OAAOA,CAAIC,OAAuB,EAAEC,mBAA4B,EAAEX,CAAS,EAAEC,CAAS,EAAK;AAC7F,IAAA,IAAIU,mBAAmB,EAAE;MACrBnE,SAAS,CAACoE,OAAO,CAACZ,CAAC,GAAGxC,MAAM,CAAC,CAACyC,CAAC,CAAC,GAAGS,OAAO,CAAA;AAC9C,KAAA;GACH,CAAA;AAEDG,EAAAA,eAAS,CAAC,YAAM;IACZ,IAAIxD,WAAW,CAACuD,OAAO,EAAE;AAAA,MAAA,IAAAE,qBAAA,CAAA;AACrB,MAAA,CAAAA,qBAAA,GAAAvD,gBAAgB,CAACqD,OAAO,cAAAE,qBAAA,KAAA,KAAA,CAAA,IAAxBA,qBAAA,CAAAC,IAAA,CAAAxD,gBAAgB,EAAWF,WAAW,CAACuD,OAAO,CAAC,CAAA;AACnD,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,sCAAkB,EAAA;AACfC,IAAAA,IAAI,EAAC,MAAM;AACX,IAAA,iBAAA,EAAgB,eAAe;AAC/BvE,IAAAA,SAAS,EAAEA,SAAU;AACrBwE,IAAAA,YAAY,EAAEZ,kBAAAA;GAAmBa,EAAAA,qBAAA,KAAAA,qBAAA,gBAEjCL,KAAA,CAAAC,aAAA,CAACK,0CAAsB,EAAA;AAACC,IAAAA,EAAE,EAAC,WAAA;AAAW,GAAA,EAAC,wUAEf,CAAC,CAAA,eACzBP,KAAA,CAAAC,aAAA,CAACO,8BAAU,EAAA;AAACL,IAAAA,IAAI,EAAC,KAAA;GACZM,EAAAA,yBAAe,CAAC3E,MAAM,CAAC,CAAC4E,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,IAAA,oBAC9BX,KAAA,CAAAC,aAAA,CAACW,mCAAiB,EAAA;AACdT,MAAAA,IAAI,EAAC,cAAc;AACnB,MAAA,YAAA,EAAYU,wBAAc,CAAC/E,MAAM,CAAC,CAAC6E,IAAI,CAAE;AACzCG,MAAAA,GAAG,EAAEH,IAAK;MACVI,SAAS,EAAA,IAAA;AACTtC,MAAAA,GAAG,EAAEkC,IAAK;AACVK,MAAAA,KAAK,EAAEtE,aAAAA;AAAc,KAAA,EAEpBiE,IACc,CAAC,CAAA;GACvB,CACO,CAAC,EACZxE,IAAI,CAACuE,GAAG,CAAC,UAACjC,GAAe,EAAEO,CAAC,EAAA;AAAA,IAAA,oBACzBgB,KAAA,CAAAC,aAAA,CAACO,8BAAU,EAAA;AAACL,MAAAA,IAAI,EAAC,KAAK;AAACW,MAAAA,GAAG,EAAE9B,CAAAA;AAAE,KAAA,EACzBP,GAAG,CAACiC,GAAG,CACJ,UAAAO,KAAA,EAaIhC,CAAC,EAAA;AAAA,MAAA,IAXGpE,IAAI,GAAAoG,KAAA,CAAJpG,IAAI;QACJqG,MAAM,GAAAD,KAAA,CAANC,MAAM;QACNC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;QACRC,UAAU,GAAAH,KAAA,CAAVG,UAAU;QACVC,SAAS,GAAAJ,KAAA,CAATI,SAAS;QACT1B,mBAAmB,GAAAsB,KAAA,CAAnBtB,mBAAmB;QACnB2B,OAAO,GAAAL,KAAA,CAAPK,OAAO;QAAAC,qBAAA,GAAAN,KAAA,CACPO,kBAAkB;AAAlBA,QAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;QAC1BE,gBAAgB,GAAAR,KAAA,CAAhBQ,gBAAgB;QAChBC,aAAa,GAAAT,KAAA,CAAbS,aAAa,CAAA;AAAA,MAAA,oBAIjB1B,KAAA,CAAAC,aAAA,CAACW,mCAAiB,EAAA;QACde,GAAG,EAAE,SAAAA,GAAAA,CAACjC,OAAuB,EAAA;AAAA,UAAA,OAAKD,OAAO,CAACC,OAAO,EAAEkC,OAAO,CAACjC,mBAAmB,CAAC,EAAEX,CAAC,EAAEC,CAAC,CAAC,CAAA;SAAC;AACvF+B,QAAAA,KAAK,EAAEtE,aAAc;AACrB3B,QAAAA,SAAS,EAAEmG,MAAO;AAClBC,QAAAA,QAAQ,EAAEA,QAAS;QACnB1C,GAAG,EAAE5D,IAAI,CAAC4D,GAAI;QACdE,IAAI,EAAE9D,IAAI,CAAC8D,IAAK;QAChBD,UAAU,EAAE7D,IAAI,CAAC6D,UAAW;QAC5BmD,SAAS,EACL7C,CAAC,GAAGxC,MAAM,MAAKnB,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,KAAI4D,CAAC,MAAK5D,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CAAI,IAAA,CAACmG,kBACrE;AACDJ,QAAAA,UAAU,EAAEA,UAAW;AACvBC,QAAAA,SAAS,EAAEA,SAAU;AACrB1B,QAAAA,mBAAmB,EAAEA,mBAAoB;AACzCrE,QAAAA,QAAQ,EAAEA,QAAS;AACnBwG,QAAAA,SAAS,EAAEC,6BAAS,CAAClH,IAAI,EAAEO,UAAU,CAAE;QACvCkG,OAAO,EAAEU,8BAAU,CAAClH,KAAK,EAAED,IAAI,EAAEO,UAAU,EAAEkG,OAAO,CAAE;QACtDW,WAAW,EAAEC,kCAAc,CAACpH,KAAK,EAAED,IAAI,EAAEO,UAAU,EAAEgG,UAAU,CAAE;QACjEe,OAAO,EAAEhB,QAAQ,GAAGhC,SAAS,GAAGJ,iBAAiB,CAACC,CAAC,EAAEC,CAAC,CAAE;AACxDmD,QAAAA,WAAW,EAAEjB,QAAQ,GAAGhC,SAAS,GAAGC,gBAAiB;QACrD0B,GAAG,EAAA,YAAA,CAAAlE,MAAA,CAAeoC,CAAC,OAAApC,MAAA,CAAIqC,CAAC,CAAG;AAC3BkB,QAAAA,IAAI,EAAC,UAAU;AACfsB,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCY,QAAAA,cAAc,EAAEX,aAAAA;OAEf7G,EAAAA,IAAI,CAAC4D,GACS,CAAC,CAAA;AAAA,KAE5B,CACQ,CAAC,CAAA;AAAA,GAChB,CACe,CAAC,CAAA;AAE7B;;;;"}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -89,6 +89,9 @@ var CalendarMonths = function CalendarMonths(_ref) {
     }
     onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
   }, [getSelectedDate, onHoverMonth, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
+  };
   var getRefs = React.useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -101,7 +104,8 @@ var CalendarMonths = function CalendarMonths(_ref) {
   return /*#__PURE__*/React.createElement(CalendarMonths_styles.StyledCalendarMonths, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, months.map(function (month, i) {
     return /*#__PURE__*/React.createElement(CalendarMonths_styles.StyledFlex, {
       role: "row",

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonths.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useMonths } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_MONTH_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarMonthsProps } from './CalendarMonths.types';\nimport { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles';\n\n/**\n * Компонент месяцев в календаре.\n */\nexport const CalendarMonths: React.FC<CalendarMonthsProps> = ({\n    date: currentDate,\n    value,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredMonth,\n    onChangeMonth,\n    onHoverMonth,\n    onSetSelected,\n    onKeyDown,\n    locale,\n}) => {\n    const [months, selected] = useMonths({ date: currentDate, value, eventList, disabledList, min, max, locale });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_MONTH_STEP : 0;\n\n    const monthItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarMonthFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarMonthFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarMonthFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarMonthFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarMonthFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarMonthFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarMonthSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarMonthItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarMonthItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarMonthItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeMonth = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeMonth(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverMonth?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeMonth, offset, value, onHoverMonth],\n    );\n\n    const handleOnHoverMonth = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverMonth?.(selectedDate);\n        },\n        [getSelectedDate, onHoverMonth, value],\n    );\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [offset, outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarMonths role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            {months.map((month, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {month.map(\n                        (\n                            {\n                                monthName,\n                                monthIndex,\n                                isSelected,\n                                isCurrent,\n                                monthFullName,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={monthItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={date.year}\n                                    monthIndex={monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredMonth)}\n                                    inRange={getInRange(value, date, hoveredMonth, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredMonth, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeMonth(i, j)}\n                                    onMouseOver={disabled ? undefined : handleOnHoverMonth}\n                                    key={`StyledMonth-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    aria-label={monthFullName}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {monthName}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarMonths>\n    );\n};\n"],"names":["CalendarMonths","_ref","currentDate","date","value","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredMonth","onChangeMonth","onHoverMonth","onSetSelected","onKeyDown","locale","_useMonths","useMonths","_useMonths2","_slicedToArray","months","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_MONTH_STEP","monthItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarMonthFontFamily","dateStructureFontSize","calendarMonthFontSize","dateStructureFontWeight","calendarMonthFontWeight","dateStructureFontLineHeight","calendarMonthFontLineHeight","dateStructureFontLetterSpacing","calendarMonthFontLetterSpacing","dateStructureFontStyle","calendarMonthFontStyle","dateStructureSelectedFontWeight","calendarMonthSelectedFontWeight","dateStructureWidth","calendarMonthItemWidth","dateStructureHeight","calendarMonthItemHeight","dateStructureBorderRadius","calendarMonthItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeMonth","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverMonth","isSelectedDone","Array","isArray","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarMonths","role","map","month","StyledFlex","key","_ref2","monthName","isSelected","isCurrent","monthFullName","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}
+{"version":3,"file":"CalendarMonths.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useMonths } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_MONTH_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarMonthsProps } from './CalendarMonths.types';\nimport { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles';\n\n/**\n * Компонент месяцев в календаре.\n */\nexport const CalendarMonths: React.FC<CalendarMonthsProps> = ({\n    date: currentDate,\n    value,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredMonth,\n    onChangeMonth,\n    onHoverMonth,\n    onSetSelected,\n    onKeyDown,\n    locale,\n}) => {\n    const [months, selected] = useMonths({ date: currentDate, value, eventList, disabledList, min, max, locale });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_MONTH_STEP : 0;\n\n    const monthItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarMonthFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarMonthFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarMonthFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarMonthFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarMonthFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarMonthFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarMonthSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarMonthItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarMonthItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarMonthItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeMonth = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeMonth(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverMonth?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeMonth, offset, value, onHoverMonth],\n    );\n\n    const handleOnHoverMonth = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverMonth?.(selectedDate);\n        },\n        [getSelectedDate, onHoverMonth, value],\n    );\n\n    const handleMouseOutGrid = () => onHoverMonth?.(undefined);\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [offset, outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarMonths\n            role=\"grid\"\n            aria-labelledby=\"id-grid-label\"\n            onKeyDown={onKeyDown}\n            onMouseLeave={handleMouseOutGrid}\n        >\n            {months.map((month, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {month.map(\n                        (\n                            {\n                                monthName,\n                                monthIndex,\n                                isSelected,\n                                isCurrent,\n                                monthFullName,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={monthItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={date.year}\n                                    monthIndex={monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredMonth)}\n                                    inRange={getInRange(value, date, hoveredMonth, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredMonth, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeMonth(i, j)}\n                                    onMouseOver={disabled ? undefined : handleOnHoverMonth}\n                                    key={`StyledMonth-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    aria-label={monthFullName}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {monthName}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarMonths>\n    );\n};\n"],"names":["CalendarMonths","_ref","currentDate","date","value","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredMonth","onChangeMonth","onHoverMonth","onSetSelected","onKeyDown","locale","_useMonths","useMonths","_useMonths2","_slicedToArray","months","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_MONTH_STEP","monthItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarMonthFontFamily","dateStructureFontSize","calendarMonthFontSize","dateStructureFontWeight","calendarMonthFontWeight","dateStructureFontLineHeight","calendarMonthFontLineHeight","dateStructureFontLetterSpacing","calendarMonthFontLetterSpacing","dateStructureFontStyle","calendarMonthFontStyle","dateStructureSelectedFontWeight","calendarMonthSelectedFontWeight","dateStructureWidth","calendarMonthItemWidth","dateStructureHeight","calendarMonthItemHeight","dateStructureBorderRadius","calendarMonthItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeMonth","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverMonth","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarMonths","role","onMouseLeave","map","month","StyledFlex","key","_ref2","monthName","isSelected","isCurrent","monthFullName","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","disabledMonths","isDayInCurrentMonth"],"mappings":";;;;;;;;;;;;;;AAUA;AACA;AACA;IACaA,cAA6C,GAAG,SAAhDA,cAA6CA,CAAAC,IAAA,EAiBpD;AAAA,EAAA,IAhBIC,WAAW,GAAAD,IAAA,CAAjBE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,GAAG,GAAAP,IAAA,CAAHO,GAAG;IACHC,GAAG,GAAAR,IAAA,CAAHQ,GAAG;IACHC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;IACZC,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,aAAa,GAAAf,IAAA,CAAbe,aAAa;IACbC,SAAS,GAAAhB,IAAA,CAATgB,SAAS;IACTC,MAAM,GAAAjB,IAAA,CAANiB,MAAM,CAAA;EAEN,IAAAC,UAAA,GAA2BC,mBAAS,CAAC;AAAEjB,MAAAA,IAAI,EAAED,WAAW;AAAEE,MAAAA,KAAK,EAALA,KAAK;AAAEE,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,YAAY,EAAZA,YAAY;AAAEC,MAAAA,GAAG,EAAHA,GAAG;AAAEC,MAAAA,GAAG,EAAHA,GAAG;AAAES,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC;IAAAG,WAAA,GAAAC,uCAAA,CAAAH,UAAA,EAAA,CAAA,CAAA;AAAtGI,IAAAA,MAAM,GAAAF,WAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,WAAA,CAAA,CAAA,CAAA,CAAA;AACvB,EAAA,IAAMI,WAAW,GAAGC,YAAM,CAACF,QAAQ,CAAC,CAAA;AACpC,EAAA,IAAMG,gBAAgB,GAAGD,YAAM,CAACV,aAAa,CAAC,CAAA;AAE9C,EAAA,IAAMY,MAAM,GAAGhB,QAAQ,GAAGiB,wBAAc,GAAG,CAAC,CAAA;AAE5C,EAAA,IAAMC,eAAe,GAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAAA,EAAA,CAAAC,MAAA,CACbC,2BAAW,CAACC,uBAAuB,CAAAF,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,sBAAM,CAACC,uBAAuB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAJ,MAAA,CAC7EC,2BAAW,CAACI,qBAAqB,CAAA,EAAA,MAAA,CAAAL,MAAA,CAAYG,sBAAM,CAACG,qBAAqB,EAAAN,GAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACzEC,2BAAW,CAACM,uBAAuB,CAAA,EAAA,MAAA,CAAAP,MAAA,CAAYG,sBAAM,CAACK,uBAAuB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAR,MAAA,CAC7EC,2BAAW,CAACQ,2BAA2B,CAAAT,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,sBAAM,CAACO,2BAA2B,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAV,MAAA,CACrFC,2BAAW,CAACU,8BAA8B,CAAA,EAAA,MAAA,CAAAX,MAAA,CAAYG,sBAAM,CAACS,8BAA8B,EAAAZ,GAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CAC3FC,2BAAW,CAACY,sBAAsB,CAAA,EAAA,MAAA,CAAAb,MAAA,CAAYG,sBAAM,CAACW,sBAAsB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAd,MAAA,CAC3EC,2BAAW,CAACc,+BAA+B,CAAAf,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,sBAAM,CAACa,+BAA+B,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAhB,MAAA,CAC7FC,2BAAW,CAACgB,kBAAkB,CAAA,EAAA,MAAA,CAAAjB,MAAA,CAAYG,sBAAM,CAACe,sBAAsB,EAAAlB,GAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACvEC,2BAAW,CAACkB,mBAAmB,CAAA,EAAA,MAAA,CAAAnB,MAAA,CAAYG,sBAAM,CAACiB,uBAAuB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAApB,MAAA,CACzEC,2BAAW,CAACoB,yBAAyB,UAAArB,MAAA,CAAYG,sBAAM,CAACmB,6BAA6B,EAC5F,GAAA,CAAA,CAAA,CAAA;AAED,EAAA,IAAMC,eAAe,GAAGC,iBAAW,CAC/B,UAACC,KAAuC,EAAK;AACzC,IAAA,IAAAC,qBAAA,GAAkCD,KAAK,CAACE,aAAa,CAACC,OAAO;MAArDC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;MAAEC,UAAU,GAAAJ,qBAAA,CAAVI,UAAU;MAAEC,IAAI,GAAAL,qBAAA,CAAJK,IAAI,CAAA;AAE7B,IAAA,IAAMC,YAAY,GAAG;AACjBH,MAAAA,GAAG,EAAEI,MAAM,CAACJ,GAAG,CAAC;AAChBC,MAAAA,UAAU,EAAEG,MAAM,CAACH,UAAU,CAAC;MAC9BC,IAAI,EAAEE,MAAM,CAACF,IAAI,CAAA;KACpB,CAAA;IAED,IAAI,CAACG,gCAAa,CAACF,YAAY,EAAE5D,KAAK,EAAEG,YAAY,CAAC,EAAE;AACnD,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOyD,YAAY,CAAA;AACvB,GAAC,EACD,CAACzD,YAAY,EAAEH,KAAK,CACxB,CAAC,CAAA;AAED,EAAA,IAAM+D,mBAAmB,GAAGX,iBAAW,CACnC,UAACY,CAAS,EAAEC,CAAS,EAAA;IAAA,OAAK,UAACZ,KAAuC,EAAK;AACnE;AACZ;AACA;AACA;AACA;AACYA,MAAAA,KAAK,CAACa,WAAW,CAACC,wBAAwB,EAAE,CAAA;AAE5C,MAAA,IAAMP,YAAY,GAAGT,eAAe,CAACE,KAAK,CAAC,CAAA;MAE3C,IAAI,CAACO,YAAY,EAAE;AACf,QAAA,OAAA;AACJ,OAAA;MAEAlD,aAAa,CAACkD,YAAY,EAAE,CAACI,CAAC,GAAGxC,MAAM,EAAEyC,CAAC,CAAC,CAAC,CAAA;AAE5C,MAAA,IAAIG,mCAAe,CAACpE,KAAK,CAAC,EAAE;AACxBW,QAAAA,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,IAAZA,YAAY,CAAG0D,SAAS,CAAC,CAAA;AAC7B,OAAA;KACH,CAAA;GACD,EAAA,CAAClB,eAAe,EAAEzC,aAAa,EAAEc,MAAM,EAAExB,KAAK,EAAEW,YAAY,CAChE,CAAC,CAAA;AAED,EAAA,IAAM2D,kBAAkB,GAAGlB,iBAAW,CAClC,UAACC,KAAuC,EAAK;AACzC,IAAA,IAAMO,YAAY,GAAGT,eAAe,CAACE,KAAK,CAAC,CAAA;AAC3C,IAAA,IAAMkB,cAAc,GAAGC,KAAK,CAACC,OAAO,CAACzE,KAAK,CAAC,IAAIA,KAAK,CAAC,CAAC,CAAC,IAAIA,KAAK,CAAC,CAAC,CAAC,CAAA;AAEnE,IAAA,IAAI,CAAC4D,YAAY,IAAI,CAACY,KAAK,CAACC,OAAO,CAACzE,KAAK,CAAC,IAAIuE,cAAc,EAAE;AAC1D,MAAA,OAAA;AACJ,KAAA;AAEA5D,IAAAA,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,IAAZA,YAAY,CAAGiD,YAAY,CAAC,CAAA;GAC/B,EACD,CAACT,eAAe,EAAExC,YAAY,EAAEX,KAAK,CACzC,CAAC,CAAA;AAED,EAAA,IAAM0E,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,IAAA,OAAS/D,YAAY,KAAZA,IAAAA,IAAAA,YAAY,uBAAZA,YAAY,CAAG0D,SAAS,CAAC,CAAA;AAAA,GAAA,CAAA;EAE1D,IAAMM,OAAO,GAAGvB,iBAAW,CACvB,UAACwB,OAAuB,EAAEZ,CAAS,EAAEC,CAAS,EAAK;IAC/C3D,SAAS,CAACuE,OAAO,CAACb,CAAC,GAAGxC,MAAM,CAAC,CAACyC,CAAC,CAAC,GAAGW,OAAO,CAAA;AAC9C,GAAC,EACD,CAACpD,MAAM,EAAElB,SAAS,CACtB,CAAC,CAAA;AAEDwE,EAAAA,eAAS,CAAC,YAAM;IACZ,IAAIzD,WAAW,CAACwD,OAAO,EAAE;AAAA,MAAA,IAAAE,qBAAA,CAAA;AACrB,MAAA,CAAAA,qBAAA,GAAAxD,gBAAgB,CAACsD,OAAO,cAAAE,qBAAA,KAAA,KAAA,CAAA,IAAxBA,qBAAA,CAAAC,IAAA,CAAAzD,gBAAgB,EAAWF,WAAW,CAACwD,OAAO,CAAC,CAAA;AACnD,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,0CAAoB,EAAA;AACjBC,IAAAA,IAAI,EAAC,MAAM;AACX,IAAA,iBAAA,EAAgB,eAAe;AAC/BvE,IAAAA,SAAS,EAAEA,SAAU;AACrBwE,IAAAA,YAAY,EAAEX,kBAAAA;AAAmB,GAAA,EAEhCvD,MAAM,CAACmE,GAAG,CAAC,UAACC,KAAK,EAAEvB,CAAC,EAAA;AAAA,IAAA,oBACjBiB,KAAA,CAAAC,aAAA,CAACM,gCAAU,EAAA;AAACJ,MAAAA,IAAI,EAAC,KAAK;AAACK,MAAAA,GAAG,EAAEzB,CAAAA;KACvBuB,EAAAA,KAAK,CAACD,GAAG,CACN,UAAAI,KAAA,EAeIzB,CAAC,EACA;AAAA,MAAA,IAdG0B,SAAS,GAAAD,KAAA,CAATC,SAAS;QACTjC,UAAU,GAAAgC,KAAA,CAAVhC,UAAU;QACVkC,UAAU,GAAAF,KAAA,CAAVE,UAAU;QACVC,SAAS,GAAAH,KAAA,CAATG,SAAS;QACTC,aAAa,GAAAJ,KAAA,CAAbI,aAAa;QACb/F,IAAI,GAAA2F,KAAA,CAAJ3F,IAAI;QACJgG,MAAM,GAAAL,KAAA,CAANK,MAAM;QACNC,kBAAkB,GAAAN,KAAA,CAAlBM,kBAAkB;QAClBC,OAAO,GAAAP,KAAA,CAAPO,OAAO;QACPC,QAAQ,GAAAR,KAAA,CAARQ,QAAQ;QACRC,gBAAgB,GAAAT,KAAA,CAAhBS,gBAAgB;QAChBC,aAAa,GAAAV,KAAA,CAAbU,aAAa,CAAA;AAIjB,MAAA,oBACInB,KAAA,CAAAC,aAAA,CAACmB,mCAAiB,EAAA;QACdC,GAAG,EAAE,SAAAA,GAAAA,CAAC1B,OAAuB,EAAA;AAAA,UAAA,OAAKD,OAAO,CAACC,OAAO,EAAEZ,CAAC,EAAEC,CAAC,CAAC,CAAA;SAAC;AACzDsC,QAAAA,KAAK,EAAE7E,eAAgB;AACvBxB,QAAAA,SAAS,EAAE6F,MAAO;AAClBG,QAAAA,QAAQ,EAAEA,QAAS;QACnBzC,GAAG,EAAE1D,IAAI,CAAC0D,GAAI;QACdE,IAAI,EAAE5D,IAAI,CAAC4D,IAAK;AAChBD,QAAAA,UAAU,EAAEA,UAAW;QACvB8C,SAAS,EACLxC,CAAC,GAAGxC,MAAM,MAAKvB,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,KACjCgE,CAAC,MAAKhE,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CACxB,IAAA,CAAC+F,kBACJ;AACDJ,QAAAA,UAAU,EAAEA,UAAW;AACvBC,QAAAA,SAAS,EAAEA,SAAU;AACrBtF,QAAAA,QAAQ,EAAEA,QAAS;AACnBkG,QAAAA,SAAS,EAAEC,6BAAS,CAAC3G,IAAI,EAAEU,YAAY,CAAE;QACzCwF,OAAO,EAAEU,8BAAU,CAAC3G,KAAK,EAAED,IAAI,EAAEU,YAAY,EAAEwF,OAAO,CAAE;QACxDW,WAAW,EAAEC,kCAAc,CAAC7G,KAAK,EAAED,IAAI,EAAEU,YAAY,EAAEmF,UAAU,CAAE;QACnEkB,OAAO,EAAEZ,QAAQ,GAAG7B,SAAS,GAAGN,mBAAmB,CAACC,CAAC,EAAEC,CAAC,CAAE;AAC1D8C,QAAAA,WAAW,EAAEb,QAAQ,GAAG7B,SAAS,GAAGC,kBAAmB;QACvDmB,GAAG,EAAA,cAAA,CAAA7D,MAAA,CAAiBoC,CAAC,OAAApC,MAAA,CAAIqC,CAAC,CAAG;AAC7BmB,QAAAA,IAAI,EAAC,UAAU;AACf,QAAA,YAAA,EAAYU,aAAc;AAC1BK,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCa,QAAAA,cAAc,EAAEZ,aAAc;QAC9Ba,mBAAmB,EAAA,IAAA;AAAA,OAAA,EAElBtB,SACc,CAAC,CAAA;AAE5B,KACJ,CACQ,CAAC,CAAA;AAAA,GAChB,CACiB,CAAC,CAAA;AAE/B;;;;"}

package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -87,6 +87,9 @@ var CalendarQuarters = function CalendarQuarters(_ref) {
     }
     onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
   }, [getSelectedDate, onHoverQuarter, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
+  };
   var getRefs = React.useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -99,7 +102,8 @@ var CalendarQuarters = function CalendarQuarters(_ref) {
   return /*#__PURE__*/React.createElement(CalendarQuarters_styles.StyledCalendarQuarters, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, quarters.map(function (quarter, i) {
     return /*#__PURE__*/React.createElement(CalendarQuarters_styles.StyledFlex, {
       role: "row",

package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarQuarters.js","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useQuarters } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_QUARTER_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarQuartersProps } from './CalendarQuarters.types';\nimport { StyledCalendarQuarters, StyledFlex } from './CalendarQuarters.styles';\n\n/**\n * Компонент кварталов в календаре.\n */\nexport const CalendarQuarters: React.FC<CalendarQuartersProps> = ({\n    date: currentDate,\n    value,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredQuarter,\n    onChangeQuarter,\n    onHoverQuarter,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [quarters, selected] = useQuarters({ date: currentDate, value, eventList, disabledList, min, max });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_QUARTER_STEP : 0;\n\n    const quarterItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarQuarterFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarQuarterFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarQuarterFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarQuarterFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarQuarterFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarQuarterFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarQuarterSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarQuarterItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarQuarterItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarQuarterItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeQuarter = useCallback(\n        (i: number, j: number, quarterName: string) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeQuarter(selectedDate, [i + offset, j], quarterName);\n\n            if (isSelectProcess(value)) {\n                onHoverQuarter?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeQuarter, offset, value, onHoverQuarter],\n    );\n\n    const handleOnHoverQuarter = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverQuarter?.(selectedDate);\n        },\n        [getSelectedDate, onHoverQuarter, value],\n    );\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [offset, outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarQuarters role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            {quarters.map((quarter, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {quarter.map(\n                        (\n                            {\n                                quarterName,\n                                isSelected,\n                                isCurrent,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={quarterItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={date.year}\n                                    monthIndex={date.monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredQuarter)}\n                                    inRange={getInRange(value, date, hoveredQuarter, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredQuarter, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeQuarter(i, j, String(quarterName))}\n                                    onMouseOver={disabled ? undefined : handleOnHoverQuarter}\n                                    key={`StyledQuarter-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    aria-label={quarterName}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {quarterName}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarQuarters>\n    );\n};\n"],"names":["CalendarQuarters","_ref","currentDate","date","value","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredQuarter","onChangeQuarter","onHoverQuarter","onSetSelected","onKeyDown","_useQuarters","useQuarters","_useQuarters2","_slicedToArray","quarters","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_QUARTER_STEP","quarterItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarQuarterFontFamily","dateStructureFontSize","calendarQuarterFontSize","dateStructureFontWeight","calendarQuarterFontWeight","dateStructureFontLineHeight","calendarQuarterFontLineHeight","dateStructureFontLetterSpacing","calendarQuarterFontLetterSpacing","dateStructureFontStyle","calendarQuarterFontStyle","dateStructureSelectedFontWeight","calendarQuarterSelectedFontWeight","dateStructureWidth","calendarQuarterItemWidth","dateStructureHeight","calendarQuarterItemHeight","dateStructureBorderRadius","calendarQuarterItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeQuarter","i","j","quarterName","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverQuarter","isSelectedDone","Array","isArray","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarQuarters","role","map","quarter","StyledFlex","key","_ref2","isSelected","isCurrent","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","String","onMouseOver","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}
+{"version":3,"file":"CalendarQuarters.js","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useQuarters } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_QUARTER_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarQuartersProps } from './CalendarQuarters.types';\nimport { StyledCalendarQuarters, StyledFlex } from './CalendarQuarters.styles';\n\n/**\n * Компонент кварталов в календаре.\n */\nexport const CalendarQuarters: React.FC<CalendarQuartersProps> = ({\n    date: currentDate,\n    value,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredQuarter,\n    onChangeQuarter,\n    onHoverQuarter,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [quarters, selected] = useQuarters({ date: currentDate, value, eventList, disabledList, min, max });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_QUARTER_STEP : 0;\n\n    const quarterItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarQuarterFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarQuarterFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarQuarterFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarQuarterFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarQuarterFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarQuarterFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarQuarterSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarQuarterItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarQuarterItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarQuarterItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeQuarter = useCallback(\n        (i: number, j: number, quarterName: string) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeQuarter(selectedDate, [i + offset, j], quarterName);\n\n            if (isSelectProcess(value)) {\n                onHoverQuarter?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeQuarter, offset, value, onHoverQuarter],\n    );\n\n    const handleOnHoverQuarter = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverQuarter?.(selectedDate);\n        },\n        [getSelectedDate, onHoverQuarter, value],\n    );\n\n    const handleMouseOutGrid = () => onHoverQuarter?.(undefined);\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [offset, outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarQuarters\n            role=\"grid\"\n            aria-labelledby=\"id-grid-label\"\n            onKeyDown={onKeyDown}\n            onMouseLeave={handleMouseOutGrid}\n        >\n            {quarters.map((quarter, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {quarter.map(\n                        (\n                            {\n                                quarterName,\n                                isSelected,\n                                isCurrent,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={quarterItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={date.year}\n                                    monthIndex={date.monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredQuarter)}\n                                    inRange={getInRange(value, date, hoveredQuarter, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredQuarter, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeQuarter(i, j, String(quarterName))}\n                                    onMouseOver={disabled ? undefined : handleOnHoverQuarter}\n                                    key={`StyledQuarter-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    aria-label={quarterName}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {quarterName}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarQuarters>\n    );\n};\n"],"names":["CalendarQuarters","_ref","currentDate","date","value","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredQuarter","onChangeQuarter","onHoverQuarter","onSetSelected","onKeyDown","_useQuarters","useQuarters","_useQuarters2","_slicedToArray","quarters","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_QUARTER_STEP","quarterItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarQuarterFontFamily","dateStructureFontSize","calendarQuarterFontSize","dateStructureFontWeight","calendarQuarterFontWeight","dateStructureFontLineHeight","calendarQuarterFontLineHeight","dateStructureFontLetterSpacing","calendarQuarterFontLetterSpacing","dateStructureFontStyle","calendarQuarterFontStyle","dateStructureSelectedFontWeight","calendarQuarterSelectedFontWeight","dateStructureWidth","calendarQuarterItemWidth","dateStructureHeight","calendarQuarterItemHeight","dateStructureBorderRadius","calendarQuarterItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeQuarter","i","j","quarterName","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverQuarter","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarQuarters","role","onMouseLeave","map","quarter","StyledFlex","key","_ref2","isSelected","isCurrent","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","String","onMouseOver","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -89,6 +89,9 @@ var CalendarYears = function CalendarYears(_ref) {
     }
     onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
   }, [getSelectedDate, onHoverYear, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
+  };
   var getRefs = React.useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
@@ -101,7 +104,8 @@ var CalendarYears = function CalendarYears(_ref) {
   return /*#__PURE__*/React.createElement(CalendarYears_styles.StyledCalendarYears, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, years.map(function (year, i) {
     return /*#__PURE__*/React.createElement(CalendarYears_styles.StyledFlex, {
       role: "row",

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYears.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useYears } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarYearsProps } from './CalendarYears.types';\nimport { StyledCalendarYears, StyledFlex } from './CalendarYears.styles';\n\n/**\n * Компонент годов в календаре.\n */\nexport const CalendarYears: React.FC<CalendarYearsProps> = ({\n    date: currentDate,\n    value,\n    startYear,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredYear,\n    onChangeYear,\n    onHoverYear,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [years, selected] = useYears({ date: currentDate, value, startYear, eventList, disabledList, min, max });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_YEAR_STEP : 0;\n\n    const yearItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarYearFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarYearFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarYearFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarYearFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarYearFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarYearFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarYearSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarYearItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarYearItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarYearItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeYear = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeYear(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverYear?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeYear, offset, value, onHoverYear],\n    );\n\n    const handleOnHoverYear = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverYear?.(selectedDate);\n        },\n        [getSelectedDate, onHoverYear, value],\n    );\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarYears role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n            {years.map((year, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {year.map(\n                        (\n                            {\n                                yearValue,\n                                isSelected,\n                                isCurrent,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={yearItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={yearValue}\n                                    monthIndex={date.monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredYear)}\n                                    inRange={getInRange(value, date, hoveredYear, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredYear, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeYear(i, j)}\n                                    onMouseOver={disabled ? undefined : handleOnHoverYear}\n                                    key={`StyledYear-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    data-year={yearValue}\n                                    data-month-index={date.monthIndex}\n                                    data-day={date.day}\n                                    aria-label={String(yearValue)}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {yearValue}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarYears>\n    );\n};\n"],"names":["CalendarYears","_ref","currentDate","date","value","startYear","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredYear","onChangeYear","onHoverYear","onSetSelected","onKeyDown","_useYears","useYears","_useYears2","_slicedToArray","years","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_YEAR_STEP","yearItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarYearFontFamily","dateStructureFontSize","calendarYearFontSize","dateStructureFontWeight","calendarYearFontWeight","dateStructureFontLineHeight","calendarYearFontLineHeight","dateStructureFontLetterSpacing","calendarYearFontLetterSpacing","dateStructureFontStyle","calendarYearFontStyle","dateStructureSelectedFontWeight","calendarYearSelectedFontWeight","dateStructureWidth","calendarYearItemWidth","dateStructureHeight","calendarYearItemHeight","dateStructureBorderRadius","calendarYearItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeYear","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverYear","isSelectedDone","Array","isArray","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","map","StyledFlex","key","_ref2","yearValue","isSelected","isCurrent","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","String","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}
+{"version":3,"file":"CalendarYears.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useYears } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarYearsProps } from './CalendarYears.types';\nimport { StyledCalendarYears, StyledFlex } from './CalendarYears.styles';\n\n/**\n * Компонент годов в календаре.\n */\nexport const CalendarYears: React.FC<CalendarYearsProps> = ({\n    date: currentDate,\n    value,\n    startYear,\n    selectIndexes,\n    eventList,\n    disabledList,\n    min,\n    max,\n    outerRefs,\n    isDouble,\n    isSecond,\n    hoveredYear,\n    onChangeYear,\n    onHoverYear,\n    onSetSelected,\n    onKeyDown,\n}) => {\n    const [years, selected] = useYears({ date: currentDate, value, startYear, eventList, disabledList, min, max });\n    const selectedRef = useRef(selected);\n    const onSetSelectedRef = useRef(onSetSelected);\n\n    const offset = isSecond ? ROW_YEAR_STEP : 0;\n\n    const yearItemTokens = {\n        [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarYearFontFamily})`,\n        [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarYearFontSize})`,\n        [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarYearFontWeight})`,\n        [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarYearFontLineHeight})`,\n        [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarYearFontLetterSpacing})`,\n        [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarYearFontStyle})`,\n        [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarYearSelectedFontWeight})`,\n        [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarYearItemWidth})`,\n        [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarYearItemHeight})`,\n        [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarYearItemBorderRadius})`,\n    };\n\n    const getSelectedDate = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const { day, monthIndex, year } = event.currentTarget.dataset;\n\n            const selectedDate = {\n                day: Number(day),\n                monthIndex: Number(monthIndex),\n                year: Number(year),\n            };\n\n            if (!canSelectDate(selectedDate, value, disabledList)) {\n                return;\n            }\n\n            return selectedDate;\n        },\n        [disabledList, value],\n    );\n\n    const handleOnChangeYear = useCallback(\n        (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n            /**\n             * нужно вызвать stopImmediatePropagation для случаев, когда\n             * обработчик события onClick навешивается снаружи.\n             * Как, например, в компоненте Popup\n             */\n            event.nativeEvent.stopImmediatePropagation();\n\n            const selectedDate = getSelectedDate(event);\n\n            if (!selectedDate) {\n                return;\n            }\n\n            onChangeYear(selectedDate, [i + offset, j]);\n\n            if (isSelectProcess(value)) {\n                onHoverYear?.(undefined);\n            }\n        },\n        [getSelectedDate, onChangeYear, offset, value, onHoverYear],\n    );\n\n    const handleOnHoverYear = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            const selectedDate = getSelectedDate(event);\n            const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n            if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n                return;\n            }\n\n            onHoverYear?.(selectedDate);\n        },\n        [getSelectedDate, onHoverYear, value],\n    );\n\n    const handleMouseOutGrid = () => onHoverYear?.(undefined);\n\n    const getRefs = useCallback(\n        (element: HTMLDivElement, i: number, j: number) => {\n            outerRefs.current[i + offset][j] = element;\n        },\n        [outerRefs],\n    );\n\n    useEffect(() => {\n        if (selectedRef.current) {\n            onSetSelectedRef.current?.(selectedRef.current);\n        }\n    }, []);\n\n    return (\n        <StyledCalendarYears\n            role=\"grid\"\n            aria-labelledby=\"id-grid-label\"\n            onKeyDown={onKeyDown}\n            onMouseLeave={handleMouseOutGrid}\n        >\n            {years.map((year, i) => (\n                <StyledFlex role=\"row\" key={i}>\n                    {year.map(\n                        (\n                            {\n                                yearValue,\n                                isSelected,\n                                isCurrent,\n                                date,\n                                events,\n                                isOutOfMinMaxRange,\n                                inRange,\n                                disabled,\n                                disabledArrowKey,\n                                disabledDates,\n                            },\n                            j,\n                        ) => {\n                            return (\n                                <DateStructureItem\n                                    ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n                                    style={yearItemTokens}\n                                    eventList={events}\n                                    disabled={disabled}\n                                    day={date.day}\n                                    year={yearValue}\n                                    monthIndex={date.monthIndex}\n                                    isFocused={\n                                        i + offset === selectIndexes?.[0] &&\n                                        j === selectIndexes?.[1] &&\n                                        !isOutOfMinMaxRange\n                                    }\n                                    isSelected={isSelected}\n                                    isCurrent={isCurrent}\n                                    isDouble={isDouble}\n                                    isHovered={isSameDay(date, hoveredYear)}\n                                    inRange={getInRange(value, date, hoveredYear, inRange)}\n                                    sideInRange={getSideInRange(value, date, hoveredYear, isSelected)}\n                                    onClick={disabled ? undefined : handleOnChangeYear(i, j)}\n                                    onMouseOver={disabled ? undefined : handleOnHoverYear}\n                                    key={`StyledYear-${i}-${j}`}\n                                    role=\"gridcell\"\n                                    data-year={yearValue}\n                                    data-month-index={date.monthIndex}\n                                    data-day={date.day}\n                                    aria-label={String(yearValue)}\n                                    disabledArrowKey={disabledArrowKey}\n                                    disabledMonths={disabledDates}\n                                    isDayInCurrentMonth\n                                >\n                                    {yearValue}\n                                </DateStructureItem>\n                            );\n                        },\n                    )}\n                </StyledFlex>\n            ))}\n        </StyledCalendarYears>\n    );\n};\n"],"names":["CalendarYears","_ref","currentDate","date","value","startYear","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredYear","onChangeYear","onHoverYear","onSetSelected","onKeyDown","_useYears","useYears","_useYears2","_slicedToArray","years","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_YEAR_STEP","yearItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarYearFontFamily","dateStructureFontSize","calendarYearFontSize","dateStructureFontWeight","calendarYearFontWeight","dateStructureFontLineHeight","calendarYearFontLineHeight","dateStructureFontLetterSpacing","calendarYearFontLetterSpacing","dateStructureFontStyle","calendarYearFontStyle","dateStructureSelectedFontWeight","calendarYearSelectedFontWeight","dateStructureWidth","calendarYearItemWidth","dateStructureHeight","calendarYearItemHeight","dateStructureBorderRadius","calendarYearItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeYear","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverYear","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","onMouseLeave","map","StyledFlex","key","_ref2","yearValue","isSelected","isCurrent","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","String","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}

package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -96,6 +96,9 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
     }
     onHoverDay === null || onHoverDay === void 0 || onHoverDay(selectedDate);
   }, [getSelectedDate, onHoverDay, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
+  };
   var getRefs = function getRefs(element, isDayInCurrentMonth, i, j) {
     if (isDayInCurrentMonth) {
       outerRefs.current[i + offset][j] = element;
@@ -110,7 +113,8 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledCalendarDays, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, _StyledCalendarDaysHi || (_StyledCalendarDaysHi = /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledCalendarDaysHint, {
     id: "withShift"
   }, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledFlex, {

package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -99,6 +99,9 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
     }
     onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
   }, [getSelectedDate, onHoverMonth, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
+  };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -111,7 +114,8 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledCalendarMonths, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, months.map(function (month, i) {
     return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledFlex, {
       role: "row",

package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -97,6 +97,9 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
     }
     onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
   }, [getSelectedDate, onHoverQuarter, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
+  };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -109,7 +112,8 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
   return /*#__PURE__*/_react["default"].createElement(_CalendarQuarters.StyledCalendarQuarters, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, quarters.map(function (quarter, i) {
     return /*#__PURE__*/_react["default"].createElement(_CalendarQuarters.StyledFlex, {
       role: "row",

package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -99,6 +99,9 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
     }
     onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
   }, [getSelectedDate, onHoverYear, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
+  };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
@@ -111,7 +114,8 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledCalendarYears, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, years.map(function (year, i) {
     return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledFlex, {
       role: "row",

package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -88,6 +88,9 @@ export var CalendarDays = function CalendarDays(_ref) {
     }
     onHoverDay === null || onHoverDay === void 0 || onHoverDay(selectedDate);
   }, [getSelectedDate, onHoverDay, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
+  };
   var getRefs = function getRefs(element, isDayInCurrentMonth, i, j) {
     if (isDayInCurrentMonth) {
       outerRefs.current[i + offset][j] = element;
@@ -102,7 +105,8 @@ export var CalendarDays = function CalendarDays(_ref) {
   return /*#__PURE__*/React.createElement(StyledCalendarDays, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, _StyledCalendarDaysHi || (_StyledCalendarDaysHi = /*#__PURE__*/React.createElement(StyledCalendarDaysHint, {
     id: "withShift"
   }, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(StyledFlex, {

package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -92,6 +92,9 @@ export var CalendarMonths = function CalendarMonths(_ref) {
     }
     onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
   }, [getSelectedDate, onHoverMonth, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
+  };
   var getRefs = useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -104,7 +107,8 @@ export var CalendarMonths = function CalendarMonths(_ref) {
   return /*#__PURE__*/React.createElement(StyledCalendarMonths, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, months.map(function (month, i) {
     return /*#__PURE__*/React.createElement(StyledFlex, {
       role: "row",

package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -90,6 +90,9 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
     }
     onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
   }, [getSelectedDate, onHoverQuarter, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
+  };
   var getRefs = useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -102,7 +105,8 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
   return /*#__PURE__*/React.createElement(StyledCalendarQuarters, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, quarters.map(function (quarter, i) {
     return /*#__PURE__*/React.createElement(StyledFlex, {
       role: "row",

package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -92,6 +92,9 @@ export var CalendarYears = function CalendarYears(_ref) {
     }
     onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
   }, [getSelectedDate, onHoverYear, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
+  };
   var getRefs = useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
@@ -104,7 +107,8 @@ export var CalendarYears = function CalendarYears(_ref) {
   return /*#__PURE__*/React.createElement(StyledCalendarYears, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, years.map(function (year, i) {
     return /*#__PURE__*/React.createElement(StyledFlex, {
       role: "row",