@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/es/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            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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"}
+{"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","date","currentDate","value","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredQuarter","onChangeQuarter","onHoverQuarter","onSetSelected","onKeyDown","minDate","Date","getFullYear","getMonth","undefined","maxDate","quarters","selected","useQuarters","selectedRef","useRef","onSetSelectedRef","offset","ROW_QUARTER_STEP","quarterItemTokens","innerTokens","dateStructureFontFamily","tokens","calendarQuarterFontFamily","dateStructureFontSize","calendarQuarterFontSize","dateStructureFontWeight","calendarQuarterFontWeight","dateStructureFontLineHeight","calendarQuarterFontLineHeight","dateStructureFontLetterSpacing","calendarQuarterFontLetterSpacing","dateStructureFontStyle","calendarQuarterFontStyle","dateStructureSelectedFontWeight","calendarQuarterSelectedFontWeight","dateStructureBorderRadius","calendarQuarterItemBorderRadius","getSelectedDate","useCallback","event","day","monthIndex","year","currentTarget","dataset","selectedDate","Number","canSelectDate","handleOnChangeQuarter","i","j","quarterName","nativeEvent","stopImmediatePropagation","isSelectProcess","handleOnHoverQuarter","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","React","createElement","StyledCalendarQuarters","role","onMouseLeave","map","quarter","Fragment","key","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/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js

@@ -1,9 +1,9 @@
 import './CalendarQuarters.styles_g2v0cv.css';
 import { styled } from '@linaria/react';
 
-var StyledCalendarQuarters = /*#__PURE__*/styled('div')({
+const StyledCalendarQuarters = /*#__PURE__*/styled('div')({
   name: "StyledCalendarQuarters",
-  "class": "sbn3jki",
+  class: "sbn3jki",
   propsAsIs: false
 });
 

package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarQuarters.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\n\nexport const StyledCalendarQuarters = styled.div`\n    padding: var(${tokens.calendarQuartersPadding});\n    box-sizing: border-box;\n\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["StyledCalendarQuarters","styled","name","class","propsAsIs"],"mappings":";;AAIO,IAAMA,sBAAsB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU3C;;;;"}
+{"version":3,"file":"CalendarQuarters.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\n\nexport const StyledCalendarQuarters = styled.div`\n    padding: var(${tokens.calendarQuartersPadding});\n    box-sizing: border-box;\n\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["StyledCalendarQuarters","styled","name","class","propsAsIs"],"mappings":";;AAIO,MAAMA,sBAAsB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU3C;;;;"}

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

@@ -1,6 +1,5 @@
-import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useCallback, useEffect, Fragment } from 'react';
-import { tokens, innerTokens } from '../../Calendar.tokens.js';
+import { innerTokens, tokens } from '../../Calendar.tokens.js';
 import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
 import { StyledCalendarYears } from './CalendarYears.styles.js';
 import { useYears } from '../../hooks/useYears.js';
@@ -11,47 +10,55 @@ import { isSelectProcess, isSameDay, getInRange, getSideInRange } from '../../ut
 /**
  * Компонент годов в календаре.
  */
-var CalendarYears = function CalendarYears(_ref) {
-  var currentDate = _ref.date,
-    value = _ref.value,
-    startYear = _ref.startYear,
-    selectIndexes = _ref.selectIndexes,
-    eventList = _ref.eventList,
-    disabledList = _ref.disabledList,
-    min = _ref.min,
-    max = _ref.max,
-    outerRefs = _ref.outerRefs,
-    isDouble = _ref.isDouble,
-    isSecond = _ref.isSecond,
-    hoveredYear = _ref.hoveredYear,
-    onChangeYear = _ref.onChangeYear,
-    onHoverYear = _ref.onHoverYear,
-    onSetSelected = _ref.onSetSelected,
-    onKeyDown = _ref.onKeyDown;
-  var minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
-  var maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
-  var _useYears = useYears({
-      date: currentDate,
-      value: value,
-      startYear: startYear,
-      eventList: eventList,
-      disabledList: disabledList,
-      min: minDate,
-      max: maxDate
-    }),
-    _useYears2 = _slicedToArray(_useYears, 2),
-    years = _useYears2[0],
-    selected = _useYears2[1];
-  var selectedRef = useRef(selected);
-  var onSetSelectedRef = useRef(onSetSelected);
-  var offset = isSecond ? ROW_YEAR_STEP : 0;
-  var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
-  var getSelectedDate = useCallback(function (event) {
-    var _event$currentTarget$ = event.currentTarget.dataset,
-      day = _event$currentTarget$.day,
-      monthIndex = _event$currentTarget$.monthIndex,
-      year = _event$currentTarget$.year;
-    var selectedDate = {
+const CalendarYears = ({
+  date: currentDate,
+  value,
+  startYear,
+  selectIndexes,
+  eventList,
+  disabledList,
+  min,
+  max,
+  outerRefs,
+  isDouble,
+  isSecond,
+  hoveredYear,
+  onChangeYear,
+  onHoverYear,
+  onSetSelected,
+  onKeyDown
+}) => {
+  const minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
+  const maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
+  const [years, selected] = useYears({
+    date: currentDate,
+    value,
+    startYear,
+    eventList,
+    disabledList,
+    min: minDate,
+    max: maxDate
+  });
+  const selectedRef = useRef(selected);
+  const onSetSelectedRef = useRef(onSetSelected);
+  const offset = isSecond ? ROW_YEAR_STEP : 0;
+  const yearItemTokens = {
+    [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarYearFontFamily})`,
+    [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarYearFontSize})`,
+    [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarYearFontWeight})`,
+    [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarYearFontLineHeight})`,
+    [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarYearFontLetterSpacing})`,
+    [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarYearFontStyle})`,
+    [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarYearSelectedFontWeight})`,
+    [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarYearItemBorderRadius})`
+  };
+  const getSelectedDate = useCallback(event => {
+    const {
+      day,
+      monthIndex,
+      year
+    } = event.currentTarget.dataset;
+    const selectedDate = {
       day: Number(day),
       monthIndex: Number(monthIndex),
       year: Number(year)
@@ -61,45 +68,37 @@ var CalendarYears = function CalendarYears(_ref) {
     }
     return selectedDate;
   }, [disabledList, value]);
-  var handleOnChangeYear = useCallback(function (i, j) {
-    return function (event) {
-      /**
-       * нужно вызвать stopImmediatePropagation для случаев, когда
-       * обработчик события onClick навешивается снаружи.
-       * Как, например, в компоненте Popup
-       */
-      event.nativeEvent.stopImmediatePropagation();
-      var selectedDate = getSelectedDate(event);
-      if (!selectedDate) {
-        return;
-      }
-      onChangeYear(selectedDate, [i + offset, j]);
-      if (isSelectProcess(value)) {
-        onHoverYear === null || onHoverYear === void 0 || onHoverYear(undefined);
-      }
-    };
+  const handleOnChangeYear = useCallback((i, j) => event => {
+    /**
+     * нужно вызвать stopImmediatePropagation для случаев, когда
+     * обработчик события onClick навешивается снаружи.
+     * Как, например, в компоненте Popup
+     */
+    event.nativeEvent.stopImmediatePropagation();
+    const selectedDate = getSelectedDate(event);
+    if (!selectedDate) {
+      return;
+    }
+    onChangeYear(selectedDate, [i + offset, j]);
+    if (isSelectProcess(value)) {
+      onHoverYear?.(undefined);
+    }
   }, [getSelectedDate, onChangeYear, offset, value, onHoverYear]);
-  var handleOnHoverYear = useCallback(function (event) {
-    var selectedDate = getSelectedDate(event);
-    var isSelectedDone = Array.isArray(value) && value[0] && value[1];
+  const handleOnHoverYear = useCallback(event => {
+    const selectedDate = getSelectedDate(event);
+    const isSelectedDone = Array.isArray(value) && value[0] && value[1];
     if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
       return;
     }
-    onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
+    onHoverYear?.(selectedDate);
   }, [getSelectedDate, onHoverYear, value]);
-  var handleMouseOutGrid = function handleMouseOutGrid() {
-    return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
-  };
-  var getRefs = useCallback(function (element, i, j) {
-    if (!outerRefs.current[i + offset]) {
-      outerRefs.current[i + offset] = [];
-    }
+  const handleMouseOutGrid = () => onHoverYear?.(undefined);
+  const getRefs = useCallback((element, i, j) => {
     outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
-  useEffect(function () {
+  useEffect(() => {
     if (selectedRef.current) {
-      var _onSetSelectedRef$cur;
-      (_onSetSelectedRef$cur = onSetSelectedRef.current) === null || _onSetSelectedRef$cur === void 0 || _onSetSelectedRef$cur.call(onSetSelectedRef, selectedRef.current);
+      onSetSelectedRef.current?.(selectedRef.current);
     }
   }, []);
   return /*#__PURE__*/React.createElement(StyledCalendarYears, {
@@ -107,51 +106,48 @@ var CalendarYears = function CalendarYears(_ref) {
     "aria-labelledby": "id-grid-label",
     onKeyDown: onKeyDown,
     onMouseLeave: handleMouseOutGrid
-  }, years.map(function (year, i) {
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: i
-    }, year.map(function (_ref2, j) {
-      var yearValue = _ref2.yearValue,
-        isSelected = _ref2.isSelected,
-        isCurrent = _ref2.isCurrent,
-        date = _ref2.date,
-        events = _ref2.events,
-        isOutOfMinMaxRange = _ref2.isOutOfMinMaxRange,
-        inRange = _ref2.inRange,
-        disabled = _ref2.disabled,
-        disabledArrowKey = _ref2.disabledArrowKey,
-        disabledDates = _ref2.disabledDates;
-      return /*#__PURE__*/React.createElement(DateStructureItem, {
-        ref: function ref(element) {
-          return getRefs(element, i, j);
-        },
-        style: yearItemTokens,
-        eventList: events,
-        disabled: disabled,
-        day: date.day,
-        year: yearValue,
-        monthIndex: date.monthIndex,
-        isFocused: i + offset === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) && !isOutOfMinMaxRange,
-        isSelected: isSelected,
-        isCurrent: isCurrent,
-        isDouble: isDouble,
-        isHovered: isSameDay(date, hoveredYear),
-        inRange: getInRange(value, date, hoveredYear, inRange),
-        sideInRange: getSideInRange(value, date, hoveredYear, isSelected),
-        onClick: disabled ? undefined : handleOnChangeYear(i, j),
-        onMouseOver: disabled ? undefined : handleOnHoverYear,
-        key: "StyledYear-".concat(i, "-").concat(j),
-        role: "gridcell",
-        "data-year": yearValue,
-        "data-month-index": date.monthIndex,
-        "data-day": date.day,
-        "aria-label": String(yearValue),
-        disabledArrowKey: disabledArrowKey,
-        disabledMonths: disabledDates,
-        isDayInCurrentMonth: true
-      }, yearValue);
-    }));
-  }));
+  }, years.map((year, i) => /*#__PURE__*/React.createElement(Fragment, {
+    key: i
+  }, year.map(({
+    yearValue,
+    isSelected,
+    isCurrent,
+    date,
+    events,
+    isOutOfMinMaxRange,
+    inRange,
+    disabled,
+    disabledArrowKey,
+    disabledDates
+  }, j) => {
+    return /*#__PURE__*/React.createElement(DateStructureItem, {
+      ref: element => getRefs(element, i, j),
+      style: yearItemTokens,
+      eventList: events,
+      disabled: disabled,
+      day: date.day,
+      year: yearValue,
+      monthIndex: date.monthIndex,
+      isFocused: i + offset === selectIndexes?.[0] && j === selectIndexes?.[1] && !isOutOfMinMaxRange,
+      isSelected: isSelected,
+      isCurrent: isCurrent,
+      isDouble: isDouble,
+      isHovered: isSameDay(date, hoveredYear),
+      inRange: getInRange(value, date, hoveredYear, inRange),
+      sideInRange: getSideInRange(value, date, hoveredYear, isSelected),
+      onClick: disabled ? undefined : handleOnChangeYear(i, j),
+      onMouseOver: disabled ? undefined : handleOnHoverYear,
+      key: `StyledYear-${i}-${j}`,
+      role: "gridcell",
+      "data-year": yearValue,
+      "data-month-index": date.monthIndex,
+      "data-day": date.day,
+      "aria-label": String(yearValue),
+      disabledArrowKey: disabledArrowKey,
+      disabledMonths: disabledDates,
+      isDayInCurrentMonth: true
+    }, yearValue);
+  }))));
 };
 
 export { CalendarYears };

package/es/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            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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"}
+{"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","date","currentDate","value","startYear","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredYear","onChangeYear","onHoverYear","onSetSelected","onKeyDown","minDate","Date","getFullYear","undefined","maxDate","years","selected","useYears","selectedRef","useRef","onSetSelectedRef","offset","ROW_YEAR_STEP","yearItemTokens","innerTokens","dateStructureFontFamily","tokens","calendarYearFontFamily","dateStructureFontSize","calendarYearFontSize","dateStructureFontWeight","calendarYearFontWeight","dateStructureFontLineHeight","calendarYearFontLineHeight","dateStructureFontLetterSpacing","calendarYearFontLetterSpacing","dateStructureFontStyle","calendarYearFontStyle","dateStructureSelectedFontWeight","calendarYearSelectedFontWeight","dateStructureBorderRadius","calendarYearItemBorderRadius","getSelectedDate","useCallback","event","day","monthIndex","year","currentTarget","dataset","selectedDate","Number","canSelectDate","handleOnChangeYear","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","handleOnHoverYear","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","React","createElement","StyledCalendarYears","role","onMouseLeave","map","Fragment","key","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/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js

@@ -1,9 +1,9 @@
 import './CalendarYears.styles_97bjgu.css';
 import { styled } from '@linaria/react';
 
-var StyledCalendarYears = /*#__PURE__*/styled('div')({
+const StyledCalendarYears = /*#__PURE__*/styled('div')({
   name: "StyledCalendarYears",
-  "class": "sq90exc",
+  class: "sq90exc",
   propsAsIs: false
 });
 

package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYears.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\n\nexport const StyledCalendarYears = styled.div`\n    padding: var(${tokens.calendarYearsPadding});\n    box-sizing: border-box;\n\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: repeat(4, 1fr);\n\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["StyledCalendarYears","styled","name","class","propsAsIs"],"mappings":";;AAIO,IAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUxC;;;;"}
+{"version":3,"file":"CalendarYears.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\n\nexport const StyledCalendarYears = styled.div`\n    padding: var(${tokens.calendarYearsPadding});\n    box-sizing: border-box;\n\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: repeat(4, 1fr);\n\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["StyledCalendarYears","styled","name","class","propsAsIs"],"mappings":";;AAIO,MAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUxC;;;;"}

package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js

@@ -1,50 +1,48 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { memo, forwardRef } from 'react';
 import { cx } from '../../../../utils/index.js';
 import { classes } from '../../Calendar.tokens.js';
 import { StyledItemRoot, StyledItem, StyledEvents, StyledEvent } from './DateStructureItem.styles.js';
 
-var _excluded = ["children", "isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onFocus", "disabledArrowKey", "disabledMonths"];
-
 /**
  * Компонент элемента даты в сетке календаря.
  */
-var DateStructureItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, outerRef) {
-  var children = _ref.children,
-    isFocused = _ref.isFocused,
-    dayOfWeek = _ref.dayOfWeek,
-    disabled = _ref.disabled,
-    isCurrent = _ref.isCurrent,
-    isSelected = _ref.isSelected,
-    isDayInCurrentMonth = _ref.isDayInCurrentMonth,
-    isDouble = _ref.isDouble,
-    inRange = _ref.inRange,
-    isHovered = _ref.isHovered,
-    sideInRange = _ref.sideInRange,
-    _ref$eventList = _ref.eventList,
-    eventList = _ref$eventList === void 0 ? [] : _ref$eventList,
-    day = _ref.day,
-    monthIndex = _ref.monthIndex,
-    year = _ref.year,
-    onClick = _ref.onClick,
-    onMouseOver = _ref.onMouseOver,
-    onFocus = _ref.onFocus,
-    disabledArrowKey = _ref.disabledArrowKey,
-    disabledMonths = _ref.disabledMonths,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;
-  var selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;
-  var currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;
-  var hoveredClass = isDayInCurrentMonth && isHovered ? classes.hoveredItem : undefined;
-  var dayOfWeekClass = dayOfWeek ? classes.dayOfWeek : undefined;
-  var dayInCurrentMonthClass = isDayInCurrentMonth ? classes.dayInCurrentMonth : undefined;
-  var disabledClass = disabled && !isCurrent ? classes.disabled : undefined;
-  var disabledCurrentClass = disabled && isCurrent ? classes.disabledCurrent : undefined;
-  var sideInRangeLeft = isDayInCurrentMonth && sideInRange === 'left' ? classes.sideLeft : undefined;
-  var sideInRangeRight = isDayInCurrentMonth && sideInRange === 'right' ? classes.sideRight : undefined;
-  var sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;
-  var inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;
-  var sideOffset = !isSelected && isCurrent ? -1 : 0;
+const DateStructureItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+  children,
+  isFocused,
+  dayOfWeek,
+  disabled,
+  isCurrent,
+  isSelected,
+  isDayInCurrentMonth,
+  isDouble,
+  inRange,
+  isHovered,
+  sideInRange,
+  eventList = [],
+  day,
+  monthIndex,
+  year,
+  onClick,
+  onMouseOver,
+  onFocus,
+  disabledArrowKey,
+  disabledMonths,
+  ...rest
+}, outerRef) => {
+  const selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;
+  const selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;
+  const currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;
+  const hoveredClass = isDayInCurrentMonth && isHovered ? classes.hoveredItem : undefined;
+  const dayOfWeekClass = dayOfWeek ? classes.dayOfWeek : undefined;
+  const dayInCurrentMonthClass = isDayInCurrentMonth ? classes.dayInCurrentMonth : undefined;
+  const disabledClass = disabled && !isCurrent ? classes.disabled : undefined;
+  const disabledCurrentClass = disabled && isCurrent ? classes.disabledCurrent : undefined;
+  const sideInRangeLeft = isDayInCurrentMonth && sideInRange === 'left' ? classes.sideLeft : undefined;
+  const sideInRangeRight = isDayInCurrentMonth && sideInRange === 'right' ? classes.sideRight : undefined;
+  const sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;
+  const inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;
+  const sideOffset = !isSelected && isCurrent ? -1 : 0;
   return /*#__PURE__*/React.createElement(StyledItemRoot, _extends({
     ref: outerRef,
     className: cx(disabledClass, disabledCurrentClass, dayOfWeekClass, selectableClass, selectedClass, currentClass, hoveredClass, dayInCurrentMonthClass),
@@ -72,11 +70,9 @@ var DateStructureItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref
     offset: sideOffset
   }, children), /*#__PURE__*/React.createElement(StyledEvents, {
     "aria-hidden": true
-  }, [eventList[0], eventList[1], eventList[2]].map(function (event, i) {
-    return event && /*#__PURE__*/React.createElement(StyledEvent, _extends({
-      key: "".concat(event.date, "-").concat(i)
-    }, event));
-  })));
+  }, [eventList[0], eventList[1], eventList[2]].map((event, i) => event && /*#__PURE__*/React.createElement(StyledEvent, _extends({
+    key: `${event.date}-${i}`
+  }, event)))));
 }));
 
 export { DateStructureItem };