@salutejs/plasma-new-hope 0.326.1-canary.2018.15641070716.0 → 0.326.1-canary.2018.15775755664.0

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, { Fragment, 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 } 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 minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;\n    const maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;\n\n    const [quarters, selected] = useQuarters({\n        date: currentDate,\n        value,\n        eventList,\n        disabledList,\n        min: minDate,\n        max: maxDate,\n    });\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.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                <Fragment 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                </Fragment>\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","minDate","Date","getFullYear","getMonth","undefined","maxDate","_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","dateStructureBorderRadius","calendarQuarterItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeQuarter","i","j","quarterName","nativeEvent","stopImmediatePropagation","isSelectProcess","handleOnHoverQuarter","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarQuarters","role","onMouseLeave","map","quarter","Fragment","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, { Fragment, 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 } 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 minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;\n    const maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;\n\n    const [quarters, selected] = useQuarters({\n        date: currentDate,\n        value,\n        eventList,\n        disabledList,\n        min: minDate,\n        max: maxDate,\n    });\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.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            if (!outerRefs.current[i + offset]) {\n                outerRefs.current[i + offset] = [];\n            }\n\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                <Fragment 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                </Fragment>\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","minDate","Date","getFullYear","getMonth","undefined","maxDate","_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","dateStructureBorderRadius","calendarQuarterItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeQuarter","i","j","quarterName","nativeEvent","stopImmediatePropagation","isSelectProcess","handleOnHoverQuarter","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarQuarters","role","onMouseLeave","map","quarter","Fragment","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

@@ -99,6 +99,9 @@ var CalendarYears = function CalendarYears(_ref) {
     return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
   };
   var getRefs = React.useCallback(function (element, i, j) {
+    if (!outerRefs.current[i + offset]) {
+      outerRefs.current[i + offset] = [];
+    }
     outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
   React.useEffect(function () {

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, { Fragment, 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 } 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 minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;\n    const maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;\n\n    const [years, selected] = useYears({\n        date: currentDate,\n        value,\n        startYear,\n        eventList,\n        disabledList,\n        min: minDate,\n        max: maxDate,\n    });\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.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                <Fragment 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                </Fragment>\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","minDate","Date","getFullYear","undefined","maxDate","_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","dateStructureBorderRadius","calendarYearItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeYear","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","handleOnHoverYear","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","onMouseLeave","map","Fragment","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, { Fragment, 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 } 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 minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;\n    const maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;\n\n    const [years, selected] = useYears({\n        date: currentDate,\n        value,\n        startYear,\n        eventList,\n        disabledList,\n        min: minDate,\n        max: maxDate,\n    });\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.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            if (!outerRefs.current[i + offset]) {\n                outerRefs.current[i + offset] = [];\n            }\n\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                <Fragment 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                </Fragment>\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","minDate","Date","getFullYear","undefined","maxDate","_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","dateStructureBorderRadius","calendarYearItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeYear","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","handleOnHoverYear","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","onMouseLeave","map","Fragment","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/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js

@@ -137,26 +137,33 @@ var Dots = /*#__PURE__*/React.memo(function (_ref) {
       }
       if (dotsToAdd > 0) {
         var _loop = function _loop() {
-          var _dotWrapperRef$curren4;
-          var node = document.createElement('div');
-          node.textContent = '';
-          node.classList.add(Carousel_tokens.classes.dot);
-          node.style.opacity = '0';
-          var delay = i * (ANIMATION_DURATION / dotsToAdd);
-          node.style.animationDelay = "".concat(delay, "s");
-          rightAnimationWrapperRef.current.appendChild(node);
-          var duration = ANIMATION_DURATION / dotsToAdd;
-          requestAnimationFrame(function () {
-            node.classList.add(Carousel_tokens.classes.animateIn);
-            node.style.animationDuration = "".concat(duration, "s");
-          });
-          var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
-          currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(Carousel_tokens.classes.animateOut);
-          currentDomNode.style.animationDelay = "".concat(delay, "s");
-          currentDomNode.style.animationDuration = "".concat(duration, "s");
-        };
+            var _dotWrapperRef$curren4;
+            var node = document.createElement('div');
+            node.textContent = '';
+            node.classList.add(Carousel_tokens.classes.dot);
+            node.style.opacity = '0';
+            var delay = i * (ANIMATION_DURATION / dotsToAdd);
+            node.style.animationDelay = "".concat(delay, "s");
+            rightAnimationWrapperRef.current.appendChild(node);
+            var duration = ANIMATION_DURATION / dotsToAdd;
+            requestAnimationFrame(function () {
+              node.classList.add(Carousel_tokens.classes.animateIn);
+              node.style.animationDuration = "".concat(duration, "s");
+            });
+            var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
+            if (!currentDomNode) {
+              return {
+                v: void 0
+              };
+            }
+            currentDomNode.classList.add(Carousel_tokens.classes.animateOut);
+            currentDomNode.style.animationDelay = "".concat(delay, "s");
+            currentDomNode.style.animationDuration = "".concat(duration, "s");
+          },
+          _ret;
         for (var i = 0; i < dotsToAdd; i++) {
-          _loop();
+          _ret = _loop();
+          if (_ret) return _ret.v;
         }
       }
     } else {
@@ -178,26 +185,33 @@ var Dots = /*#__PURE__*/React.memo(function (_ref) {
       }
       if (dotsToAdd > 0) {
         var _loop2 = function _loop2() {
-          var _dotWrapperRef$curren7;
-          var node = document.createElement('div');
-          node.textContent = '';
-          node.classList.add(Carousel_tokens.classes.dot);
-          node.style.opacity = '0';
-          var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
-          node.style.animationDelay = "".concat(delay, "s");
-          leftAnimationWrapperRef.current.prepend(node);
-          var duration = ANIMATION_DURATION / dotsToAdd;
-          requestAnimationFrame(function () {
-            node.classList.add(Carousel_tokens.classes.animateIn);
-            node.style.animationDuration = "".concat(duration, "s");
-          });
-          var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
-          currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(Carousel_tokens.classes.animateOut);
-          currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
-          currentDomNode.style.animationDuration = "".concat(duration, "s");
-        };
+            var _dotWrapperRef$curren7;
+            var node = document.createElement('div');
+            node.textContent = '';
+            node.classList.add(Carousel_tokens.classes.dot);
+            node.style.opacity = '0';
+            var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
+            node.style.animationDelay = "".concat(delay, "s");
+            leftAnimationWrapperRef.current.prepend(node);
+            var duration = ANIMATION_DURATION / dotsToAdd;
+            requestAnimationFrame(function () {
+              node.classList.add(Carousel_tokens.classes.animateIn);
+              node.style.animationDuration = "".concat(duration, "s");
+            });
+            var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
+            if (!currentDomNode) {
+              return {
+                v: void 0
+              };
+            }
+            currentDomNode.classList.add(Carousel_tokens.classes.animateOut);
+            currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
+            currentDomNode.style.animationDuration = "".concat(duration, "s");
+          },
+          _ret2;
         for (var _i = dotsToAdd - 1; _i >= 0; _i--) {
-          _loop2();
+          _ret2 = _loop2();
+          if (_ret2) return _ret2.v;
         }
       }
     }

package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dots.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.tsx"],"sourcesContent":["import React, { memo, useRef, useLayoutEffect } from 'react';\nimport cls from 'classnames';\nimport { useDidMountLayoutEffect } from 'src/hooks';\n\nimport { classes } from '../../Carousel.tokens';\n\nimport { DotsProps } from './Dots.types';\nimport { getActiveIndex, getTargetIndex, getInitialData } from './utils/index';\nimport { Wrapper, DotWrapper, RightAnimationWrapper, LeftAnimationWrapper, TransitionWrapper } from './Dots.styles';\n\nconst SIZE = 16; // размер точки в px\nconst ANIMATION_DURATION = 0.3; // скорость анимации в секундах\n\nexport const Dots: React.FC<DotsProps> = memo(\n    ({ index: originalIndex = 0, onChange, centered = false, count = 0, visibleCount: originalVisibleCount = 0 }) => {\n        // Трансформируем входные параметры для корректной работы в дальнейшем\n        const [index, visibleCount] = getInitialData(originalIndex, count, originalVisibleCount);\n\n        // Рефки на DOM-ноды\n        const transitionWrapperRef = useRef<HTMLDivElement>(null);\n        const dotWrapperRef = useRef<HTMLDivElement>(null);\n        const leftAnimationWrapperRef = useRef<HTMLDivElement>(null);\n        const rightAnimationWrapperRef = useRef<HTMLDivElement>(null);\n\n        // Консистентные переменные\n        const isAnimating = useRef(false);\n        const prevIndex = useRef(-Infinity);\n        const prevActiveIndex = useRef(Infinity);\n\n        const isRightDirection = index > prevIndex.current;\n        const diffDotsRange = Math.abs(index - prevIndex.current);\n        const activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);\n        const hiddenDotsLeft = activeIndex < index;\n        const hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;\n\n        const handleClick = (i: number) => {\n            if (isAnimating.current) return;\n\n            if (onChange) {\n                onChange(index + (i - activeIndex));\n            }\n        };\n\n        const handleTransitionEnd = () => {\n            if (\n                !dotWrapperRef ||\n                !dotWrapperRef.current ||\n                !transitionWrapperRef ||\n                !transitionWrapperRef.current ||\n                !rightAnimationWrapperRef ||\n                !rightAnimationWrapperRef.current ||\n                !leftAnimationWrapperRef ||\n                !leftAnimationWrapperRef.current\n            ) {\n                return;\n            }\n\n            dotWrapperRef.current.classList.remove(classes.animating);\n            transitionWrapperRef.current.classList.remove(classes.animating);\n\n            Array.from(dotWrapperRef.current.children).forEach((child) => {\n                child.classList.remove(\n                    ...[classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking],\n                );\n            });\n            dotWrapperRef.current.children[activeIndex].classList.add(classes.active);\n\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n                }px)`;\n            } else {\n                transitionWrapperRef.current.style.transform = 'translateX(0)';\n            }\n\n            setTimeout(() => {\n                if (transitionWrapperRef && transitionWrapperRef.current) {\n                    isAnimating.current = false;\n                }\n            });\n\n            // Очищаем блоки с анимированными точками\n            leftAnimationWrapperRef.current.innerText = '';\n            rightAnimationWrapperRef.current.innerText = '';\n\n            prevIndex.current = index;\n            prevActiveIndex.current = activeIndex;\n            isAnimating.current = false;\n        };\n\n        useLayoutEffect(() => {\n            if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {\n                return;\n            }\n\n            // Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n                }px)`;\n            }\n\n            prevIndex.current = index;\n            prevActiveIndex.current = activeIndex;\n        }, []);\n\n        useDidMountLayoutEffect(() => {\n            if (\n                !dotWrapperRef ||\n                !dotWrapperRef.current ||\n                !transitionWrapperRef ||\n                !transitionWrapperRef.current ||\n                !leftAnimationWrapperRef ||\n                !leftAnimationWrapperRef.current ||\n                !rightAnimationWrapperRef ||\n                !rightAnimationWrapperRef.current ||\n                isAnimating.current\n            ) {\n                return;\n            }\n            isAnimating.current = true;\n            dotWrapperRef.current.classList.add(classes.animating);\n            transitionWrapperRef.current.classList.add(classes.animating);\n\n            const targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);\n            const dotsToAdd = Math.abs(targetIndex - activeIndex);\n\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - targetIndex * SIZE\n                }px)`;\n            } else if (dotsToAdd > 0) {\n                transitionWrapperRef.current.style.transform = `translateX(${-SIZE * (targetIndex - activeIndex)}px)`;\n            }\n\n            // Стираем все активные классы и устанавливаем активный класс на таргет.\n            // В конце анимации произойдет переопределение активного класса.\n            Array.from(dotWrapperRef.current.children).forEach((child) => {\n                child.classList.remove(classes.active);\n            });\n            dotWrapperRef.current.children[targetIndex]?.classList.add(classes.active);\n\n            if (index > prevIndex.current) {\n                // Двигаемся вправо\n\n                // Если мы добавляем 1 и более точек, то нужно начать\n                // приводить размер крайней правой точки (что будет в m размере?)\n                // к натуральному размеру\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[visibleCount - 1]?.classList.add(classes.temporaryNatural);\n                }\n\n                // Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки\n                // (опять же, что в m size?)\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[dotsToAdd]?.classList.add(classes.shrinking);\n                }\n\n                if (dotsToAdd > 0) {\n                    for (let i = 0; i < dotsToAdd; i++) {\n                        const node = document.createElement('div');\n                        node.textContent = '';\n                        node.classList.add(classes.dot);\n                        node.style.opacity = '0';\n\n                        const delay = i * (ANIMATION_DURATION / dotsToAdd);\n                        node.style.animationDelay = `${delay}s`;\n\n                        rightAnimationWrapperRef.current.appendChild(node);\n                        const duration = ANIMATION_DURATION / dotsToAdd;\n\n                        requestAnimationFrame(() => {\n                            node.classList.add(classes.animateIn);\n                            node.style.animationDuration = `${duration}s`;\n                        });\n\n                        const currentDomNode = dotWrapperRef.current.children?.[i] as HTMLElement;\n\n                        currentDomNode?.classList.add(classes.animateOut);\n                        currentDomNode.style.animationDelay = `${delay}s`;\n                        currentDomNode.style.animationDuration = `${duration}s`;\n                    }\n                }\n            } else {\n                // Двигаемся влево\n\n                // Если мы добавляем 1 и более точек, то нужно начать\n                // приводить размер крайней левой точки (что будет в m размере?)\n                // к натуральному размеру.\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[0]?.classList.add(classes.temporaryNatural);\n                }\n\n                // Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки\n                // (опять же, что в m size?)\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]?.classList.add(classes.shrinking);\n                }\n\n                if (dotsToAdd > 0) {\n                    for (let i = dotsToAdd - 1; i >= 0; i--) {\n                        const node = document.createElement('div');\n                        node.textContent = '';\n                        node.classList.add(classes.dot);\n                        node.style.opacity = '0';\n\n                        const delay = (dotsToAdd - 1 - i) * (ANIMATION_DURATION / dotsToAdd);\n                        node.style.animationDelay = `${delay}s`;\n\n                        leftAnimationWrapperRef.current.prepend(node);\n                        const duration = ANIMATION_DURATION / dotsToAdd;\n\n                        requestAnimationFrame(() => {\n                            node.classList.add(classes.animateIn);\n                            node.style.animationDuration = `${duration}s`;\n                        });\n\n                        const currentDomNode = dotWrapperRef.current.children?.[\n                            dotWrapperRef.current.children.length - 1 - i\n                        ] as HTMLElement;\n\n                        currentDomNode?.classList.add(classes.animateOut);\n                        currentDomNode.style.animationDelay = `${i * (ANIMATION_DURATION / dotsToAdd)}s`;\n                        currentDomNode.style.animationDuration = `${duration}s`;\n                    }\n                }\n            }\n        }, [index]);\n\n        return (\n            <Wrapper>\n                <TransitionWrapper ref={transitionWrapperRef} onTransitionEnd={handleTransitionEnd}>\n                    <LeftAnimationWrapper ref={leftAnimationWrapperRef} />\n\n                    <DotWrapper\n                        ref={dotWrapperRef}\n                        className={cls(\n                            hiddenDotsLeft && classes.availableDotsLeft,\n                            hiddenDotsRight && classes.availableDotsRight,\n                        )}\n                    >\n                        {Array(visibleCount)\n                            .fill(0)\n                            .map((_, i) => {\n                                return (\n                                    <div\n                                        key={i}\n                                        className={cls(classes.dot, i === activeIndex && classes.active)}\n                                        onClick={() => handleClick(i)}\n                                    />\n                                );\n                            })}\n                    </DotWrapper>\n\n                    <RightAnimationWrapper ref={rightAnimationWrapperRef} />\n                </TransitionWrapper>\n            </Wrapper>\n        );\n    },\n);\n"],"names":["SIZE","ANIMATION_DURATION","Dots","memo","_ref","_ref$index","index","originalIndex","onChange","_ref$centered","centered","_ref$count","count","_ref$visibleCount","visibleCount","originalVisibleCount","_getInitialData","getInitialData","_getInitialData2","_slicedToArray","transitionWrapperRef","useRef","dotWrapperRef","leftAnimationWrapperRef","rightAnimationWrapperRef","isAnimating","prevIndex","Infinity","prevActiveIndex","isRightDirection","current","diffDotsRange","Math","abs","activeIndex","getActiveIndex","hiddenDotsLeft","hiddenDotsRight","handleClick","i","handleTransitionEnd","classList","remove","classes","animating","Array","from","children","forEach","child","_child$classList","apply","active","animateOut","temporaryNatural","shrinking","add","style","transform","concat","setTimeout","innerText","useLayoutEffect","useDidMountLayoutEffect","_dotWrapperRef$curren","targetIndex","getTargetIndex","dotsToAdd","_dotWrapperRef$curren2","_dotWrapperRef$curren3","_loop","_dotWrapperRef$curren4","node","document","createElement","textContent","dot","opacity","delay","animationDelay","appendChild","duration","requestAnimationFrame","animateIn","animationDuration","currentDomNode","_dotWrapperRef$curren5","_dotWrapperRef$curren6","_loop2","_dotWrapperRef$curren7","prepend","length","React","Wrapper","TransitionWrapper","ref","onTransitionEnd","LeftAnimationWrapper","DotWrapper","className","cls","availableDotsLeft","availableDotsRight","fill","map","_","key","onClick","RightAnimationWrapper"],"mappings":"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"}
+{"version":3,"file":"Dots.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.tsx"],"sourcesContent":["import React, { memo, useRef, useLayoutEffect } from 'react';\nimport cls from 'classnames';\nimport { useDidMountLayoutEffect } from 'src/hooks';\n\nimport { classes } from '../../Carousel.tokens';\n\nimport { DotsProps } from './Dots.types';\nimport { getActiveIndex, getTargetIndex, getInitialData } from './utils/index';\nimport { Wrapper, DotWrapper, RightAnimationWrapper, LeftAnimationWrapper, TransitionWrapper } from './Dots.styles';\n\nconst SIZE = 16; // размер точки в px\nconst ANIMATION_DURATION = 0.3; // скорость анимации в секундах\n\nexport const Dots: React.FC<DotsProps> = memo(\n    ({ index: originalIndex = 0, onChange, centered = false, count = 0, visibleCount: originalVisibleCount = 0 }) => {\n        // Трансформируем входные параметры для корректной работы в дальнейшем\n        const [index, visibleCount] = getInitialData(originalIndex, count, originalVisibleCount);\n\n        // Рефки на DOM-ноды\n        const transitionWrapperRef = useRef<HTMLDivElement>(null);\n        const dotWrapperRef = useRef<HTMLDivElement>(null);\n        const leftAnimationWrapperRef = useRef<HTMLDivElement>(null);\n        const rightAnimationWrapperRef = useRef<HTMLDivElement>(null);\n\n        // Консистентные переменные\n        const isAnimating = useRef(false);\n        const prevIndex = useRef(-Infinity);\n        const prevActiveIndex = useRef(Infinity);\n\n        const isRightDirection = index > prevIndex.current;\n        const diffDotsRange = Math.abs(index - prevIndex.current);\n        const activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);\n        const hiddenDotsLeft = activeIndex < index;\n        const hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;\n\n        const handleClick = (i: number) => {\n            if (isAnimating.current) return;\n\n            if (onChange) {\n                onChange(index + (i - activeIndex));\n            }\n        };\n\n        const handleTransitionEnd = () => {\n            if (\n                !dotWrapperRef ||\n                !dotWrapperRef.current ||\n                !transitionWrapperRef ||\n                !transitionWrapperRef.current ||\n                !rightAnimationWrapperRef ||\n                !rightAnimationWrapperRef.current ||\n                !leftAnimationWrapperRef ||\n                !leftAnimationWrapperRef.current\n            ) {\n                return;\n            }\n\n            dotWrapperRef.current.classList.remove(classes.animating);\n            transitionWrapperRef.current.classList.remove(classes.animating);\n\n            Array.from(dotWrapperRef.current.children).forEach((child) => {\n                child.classList.remove(\n                    ...[classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking],\n                );\n            });\n            dotWrapperRef.current.children[activeIndex].classList.add(classes.active);\n\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n                }px)`;\n            } else {\n                transitionWrapperRef.current.style.transform = 'translateX(0)';\n            }\n\n            setTimeout(() => {\n                if (transitionWrapperRef && transitionWrapperRef.current) {\n                    isAnimating.current = false;\n                }\n            });\n\n            // Очищаем блоки с анимированными точками\n            leftAnimationWrapperRef.current.innerText = '';\n            rightAnimationWrapperRef.current.innerText = '';\n\n            prevIndex.current = index;\n            prevActiveIndex.current = activeIndex;\n            isAnimating.current = false;\n        };\n\n        useLayoutEffect(() => {\n            if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {\n                return;\n            }\n\n            // Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n                }px)`;\n            }\n\n            prevIndex.current = index;\n            prevActiveIndex.current = activeIndex;\n        }, []);\n\n        useDidMountLayoutEffect(() => {\n            if (\n                !dotWrapperRef ||\n                !dotWrapperRef.current ||\n                !transitionWrapperRef ||\n                !transitionWrapperRef.current ||\n                !leftAnimationWrapperRef ||\n                !leftAnimationWrapperRef.current ||\n                !rightAnimationWrapperRef ||\n                !rightAnimationWrapperRef.current ||\n                isAnimating.current\n            ) {\n                return;\n            }\n            isAnimating.current = true;\n            dotWrapperRef.current.classList.add(classes.animating);\n            transitionWrapperRef.current.classList.add(classes.animating);\n\n            const targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);\n            const dotsToAdd = Math.abs(targetIndex - activeIndex);\n\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - targetIndex * SIZE\n                }px)`;\n            } else if (dotsToAdd > 0) {\n                transitionWrapperRef.current.style.transform = `translateX(${-SIZE * (targetIndex - activeIndex)}px)`;\n            }\n\n            // Стираем все активные классы и устанавливаем активный класс на таргет.\n            // В конце анимации произойдет переопределение активного класса.\n            Array.from(dotWrapperRef.current.children).forEach((child) => {\n                child.classList.remove(classes.active);\n            });\n            dotWrapperRef.current.children[targetIndex]?.classList.add(classes.active);\n\n            if (index > prevIndex.current) {\n                // Двигаемся вправо\n\n                // Если мы добавляем 1 и более точек, то нужно начать\n                // приводить размер крайней правой точки (что будет в m размере?)\n                // к натуральному размеру\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[visibleCount - 1]?.classList.add(classes.temporaryNatural);\n                }\n\n                // Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки\n                // (опять же, что в m size?)\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[dotsToAdd]?.classList.add(classes.shrinking);\n                }\n\n                if (dotsToAdd > 0) {\n                    for (let i = 0; i < dotsToAdd; i++) {\n                        const node = document.createElement('div');\n                        node.textContent = '';\n                        node.classList.add(classes.dot);\n                        node.style.opacity = '0';\n\n                        const delay = i * (ANIMATION_DURATION / dotsToAdd);\n                        node.style.animationDelay = `${delay}s`;\n\n                        rightAnimationWrapperRef.current.appendChild(node);\n                        const duration = ANIMATION_DURATION / dotsToAdd;\n\n                        requestAnimationFrame(() => {\n                            node.classList.add(classes.animateIn);\n                            node.style.animationDuration = `${duration}s`;\n                        });\n\n                        const currentDomNode = dotWrapperRef.current.children?.[i] as HTMLElement;\n\n                        if (!currentDomNode) {\n                            return;\n                        }\n\n                        currentDomNode.classList.add(classes.animateOut);\n                        currentDomNode.style.animationDelay = `${delay}s`;\n                        currentDomNode.style.animationDuration = `${duration}s`;\n                    }\n                }\n            } else {\n                // Двигаемся влево\n\n                // Если мы добавляем 1 и более точек, то нужно начать\n                // приводить размер крайней левой точки (что будет в m размере?)\n                // к натуральному размеру.\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[0]?.classList.add(classes.temporaryNatural);\n                }\n\n                // Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки\n                // (опять же, что в m size?)\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]?.classList.add(classes.shrinking);\n                }\n\n                if (dotsToAdd > 0) {\n                    for (let i = dotsToAdd - 1; i >= 0; i--) {\n                        const node = document.createElement('div');\n                        node.textContent = '';\n                        node.classList.add(classes.dot);\n                        node.style.opacity = '0';\n\n                        const delay = (dotsToAdd - 1 - i) * (ANIMATION_DURATION / dotsToAdd);\n                        node.style.animationDelay = `${delay}s`;\n\n                        leftAnimationWrapperRef.current.prepend(node);\n                        const duration = ANIMATION_DURATION / dotsToAdd;\n\n                        requestAnimationFrame(() => {\n                            node.classList.add(classes.animateIn);\n                            node.style.animationDuration = `${duration}s`;\n                        });\n\n                        const currentDomNode = dotWrapperRef.current.children?.[\n                            dotWrapperRef.current.children.length - 1 - i\n                        ] as HTMLElement;\n\n                        if (!currentDomNode) {\n                            return;\n                        }\n\n                        currentDomNode.classList.add(classes.animateOut);\n                        currentDomNode.style.animationDelay = `${i * (ANIMATION_DURATION / dotsToAdd)}s`;\n                        currentDomNode.style.animationDuration = `${duration}s`;\n                    }\n                }\n            }\n        }, [index]);\n\n        return (\n            <Wrapper>\n                <TransitionWrapper ref={transitionWrapperRef} onTransitionEnd={handleTransitionEnd}>\n                    <LeftAnimationWrapper ref={leftAnimationWrapperRef} />\n\n                    <DotWrapper\n                        ref={dotWrapperRef}\n                        className={cls(\n                            hiddenDotsLeft && classes.availableDotsLeft,\n                            hiddenDotsRight && classes.availableDotsRight,\n                        )}\n                    >\n                        {Array(visibleCount)\n                            .fill(0)\n                            .map((_, i) => {\n                                return (\n                                    <div\n                                        key={i}\n                                        className={cls(classes.dot, i === activeIndex && classes.active)}\n                                        onClick={() => handleClick(i)}\n                                    />\n                                );\n                            })}\n                    </DotWrapper>\n\n                    <RightAnimationWrapper ref={rightAnimationWrapperRef} />\n                </TransitionWrapper>\n            </Wrapper>\n        );\n    },\n);\n"],"names":["SIZE","ANIMATION_DURATION","Dots","memo","_ref","_ref$index","index","originalIndex","onChange","_ref$centered","centered","_ref$count","count","_ref$visibleCount","visibleCount","originalVisibleCount","_getInitialData","getInitialData","_getInitialData2","_slicedToArray","transitionWrapperRef","useRef","dotWrapperRef","leftAnimationWrapperRef","rightAnimationWrapperRef","isAnimating","prevIndex","Infinity","prevActiveIndex","isRightDirection","current","diffDotsRange","Math","abs","activeIndex","getActiveIndex","hiddenDotsLeft","hiddenDotsRight","handleClick","i","handleTransitionEnd","classList","remove","classes","animating","Array","from","children","forEach","child","_child$classList","apply","active","animateOut","temporaryNatural","shrinking","add","style","transform","concat","setTimeout","innerText","useLayoutEffect","useDidMountLayoutEffect","_dotWrapperRef$curren","targetIndex","getTargetIndex","dotsToAdd","_dotWrapperRef$curren2","_dotWrapperRef$curren3","_loop","_dotWrapperRef$curren4","node","document","createElement","textContent","dot","opacity","delay","animationDelay","appendChild","duration","requestAnimationFrame","animateIn","animationDuration","currentDomNode","v","_ret","_dotWrapperRef$curren5","_dotWrapperRef$curren6","_loop2","_dotWrapperRef$curren7","prepend","length","_ret2","React","Wrapper","TransitionWrapper","ref","onTransitionEnd","LeftAnimationWrapper","DotWrapper","className","cls","availableDotsLeft","availableDotsRight","fill","map","_","key","onClick","RightAnimationWrapper"],"mappings":"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"}

package/cjs/components/Drawer/Drawer.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
-var index$1 = require('../Popup/utils/index.js');
 var index = require('../../utils/index.js');
+var index$1 = require('../Popup/utils/index.js');
 var Drawer_tokens = require('./Drawer.tokens.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
@@ -15,6 +15,7 @@ var Drawer_styles = require('./Drawer.styles.js');
 var DrawerContext = require('./DrawerContext.js');
 var useFocusTrap = require('../../hooks/useFocusTrap.js');
 var PopupContext = require('../Popup/PopupContext.js');
+var react = require('../../utils/react.js');
 var useDrawer = require('./hooks/useDrawer.js');
 var Overlay = require('../Overlay/Overlay.js');
 var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
@@ -65,7 +66,7 @@ var drawerRoot = function drawerRoot(Root) {
     var trapRef = useFocusTrap.useFocusTrap(true, initialFocusRef, focusAfterRef);
     var popupController = PopupContext.usePopupContext();
     var innerRef = plasmaCore.useForkRef(trapRef, outerRef);
-    var uniqId = plasmaCore.safeUseId();
+    var uniqId = react.safeUseId();
     var innerId = id || uniqId;
     var overlayBackgroundToken = withBlur ? "var(".concat(Drawer_tokens.tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(Drawer_tokens.tokens.drawerOverlayColor, ")");
     var innerWidth = width ? getSizeValueFromProp.getSizeValueFromProp(width) : '100%';
@@ -82,7 +83,7 @@ var drawerRoot = function drawerRoot(Root) {
       }),
       drawerInfo = _useDrawer.drawerInfo;
     var transparent = React.useMemo(function () {
-      return DrawerContext.getIdLastDrawer(popupController.items) !== innerId;
+      return DrawerContext.getIdLastDrawer(Array.from(popupController.items.values())) !== innerId;
     }, [innerId, popupController.items]);
     var onDrawerOverlayKeyDown = function onDrawerOverlayKeyDown(event) {
       if (onOverlayClick) {

package/cjs/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cx(placementClass)}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                            className={className}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","items","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { cx, getSizeValueFromProp, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cx(placementClass)}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                            className={className}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","Array","from","items","values","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}

package/cjs/components/Drawer/hooks/useDrawer.js

@@ -27,7 +27,7 @@ var useDrawer = function useDrawer(_ref) {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && DrawerContext.getIdLastDrawer(popupController.items) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && DrawerContext.getIdLastDrawer(Array.from(popupController.items.values())) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;
@@ -58,7 +58,7 @@ var useDrawer = function useDrawer(_ref) {
     if (!canUseDOM.canUseDOM) {
       return;
     }
-    if (!isOpen && !DrawerContext.hasDrawers(popupController.items)) {
+    if (!isOpen && !DrawerContext.hasDrawers(Array.from(popupController.items.values()))) {
       document.body.style.overflow = overflow.current;
     }
   }, [isOpen, popupController.items]);

package/cjs/components/Drawer/hooks/useDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawer.js","sources":["../../../../src/components/Drawer/hooks/useDrawer.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { DrawerInfo, getIdLastDrawer, hasDrawers } from '../DrawerContext';\nimport { DrawerHookArgs } from '../Drawer.types';\nimport { usePopupContext } from '../../Popup';\nimport { canUseDOM } from '../../../utils';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useDrawer = ({\n    id,\n    isOpen,\n    popupInfo,\n    onEscKeyDown,\n    onClose,\n    closeOnEsc = true,\n    disableScroll = true,\n}: DrawerHookArgs) => {\n    const popupController = usePopupContext();\n    const overflow = useRef<string>(canUseDOM ? document.body.style.overflow : 'initial');\n\n    // При ESC закрывает текущее окно, если это возможно\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!closeOnEsc) {\n                return;\n            }\n            if (event.keyCode === ESCAPE_KEYCODE && getIdLastDrawer(popupController.items) === id) {\n                if (onEscKeyDown) {\n                    onEscKeyDown(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            }\n        },\n        [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n    );\n\n    useEffect(() => {\n        window.addEventListener('keydown', onKeyDown);\n        return () => {\n            window.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onKeyDown]);\n\n    // linaria не поддерживает динамический global\n    useEffect(() => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        if (isOpen && disableScroll) {\n            overflow.current = document.body.style.overflow;\n\n            document.body.style.overflow = 'hidden';\n        }\n    }, [isOpen, disableScroll]);\n\n    useEffect(() => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        if (!isOpen && !hasDrawers(popupController.items)) {\n            document.body.style.overflow = overflow.current;\n        }\n    }, [isOpen, popupController.items]);\n\n    const drawerInfo: DrawerInfo = {\n        id,\n        info: {\n            isDrawer: true,\n        },\n        ...popupInfo,\n    };\n\n    return { drawerInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useDrawer","_ref","id","isOpen","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","_ref$disableScroll","disableScroll","popupController","usePopupContext","overflow","useRef","canUseDOM","document","body","style","onKeyDown","useCallback","event","keyCode","getIdLastDrawer","items","useEffect","window","addEventListener","removeEventListener","current","hasDrawers","drawerInfo","_objectSpread","info","isDrawer"],"mappings":"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"}
+{"version":3,"file":"useDrawer.js","sources":["../../../../src/components/Drawer/hooks/useDrawer.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { DrawerInfo, getIdLastDrawer, hasDrawers } from '../DrawerContext';\nimport { DrawerHookArgs } from '../Drawer.types';\nimport { usePopupContext } from '../../Popup';\nimport { canUseDOM } from '../../../utils';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useDrawer = ({\n    id,\n    isOpen,\n    popupInfo,\n    onEscKeyDown,\n    onClose,\n    closeOnEsc = true,\n    disableScroll = true,\n}: DrawerHookArgs) => {\n    const popupController = usePopupContext();\n    const overflow = useRef<string>(canUseDOM ? document.body.style.overflow : 'initial');\n\n    // При ESC закрывает текущее окно, если это возможно\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!closeOnEsc) {\n                return;\n            }\n            if (\n                event.keyCode === ESCAPE_KEYCODE &&\n                getIdLastDrawer(Array.from(popupController.items.values())) === id\n            ) {\n                if (onEscKeyDown) {\n                    onEscKeyDown(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            }\n        },\n        [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n    );\n\n    useEffect(() => {\n        window.addEventListener('keydown', onKeyDown);\n        return () => {\n            window.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onKeyDown]);\n\n    // linaria не поддерживает динамический global\n    useEffect(() => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        if (isOpen && disableScroll) {\n            overflow.current = document.body.style.overflow;\n\n            document.body.style.overflow = 'hidden';\n        }\n    }, [isOpen, disableScroll]);\n\n    useEffect(() => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        if (!isOpen && !hasDrawers(Array.from(popupController.items.values()))) {\n            document.body.style.overflow = overflow.current;\n        }\n    }, [isOpen, popupController.items]);\n\n    const drawerInfo: DrawerInfo = {\n        id,\n        info: {\n            isDrawer: true,\n        },\n        ...popupInfo,\n    };\n\n    return { drawerInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useDrawer","_ref","id","isOpen","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","_ref$disableScroll","disableScroll","popupController","usePopupContext","overflow","useRef","canUseDOM","document","body","style","onKeyDown","useCallback","event","keyCode","getIdLastDrawer","Array","from","items","values","useEffect","window","addEventListener","removeEventListener","current","hasDrawers","drawerInfo","_objectSpread","info","isDrawer"],"mappings":"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"}

package/cjs/components/Mask/Mask.js

@@ -13,11 +13,11 @@ var maskInputCompose__default = /*#__PURE__*/_interopDefault(maskInputCompose);
 
 var _excluded = ["mask", "maskFormat"];
 var defaultFormatChars = [{
-  str: '0',
-  regexp: /[0-9]/
-}, {
   str: '*',
   regexp: /./
+}, {
+  str: '0',
+  regexp: /[0-9]/
 }, {
   str: 'a',
   regexp: /[a-zA-Z]/