@sberbusiness/triplex-next 1.40.0 → 1.41.0

package/components/Amount/Amount.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { formatAmount } from "../../utils/amountUtils.js";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const adaptive = "adaptive__76775e4d";
+const adaptive = "adaptive__bb4302eb";
 const styles = {
   adaptive
 };
@@ -30,7 +30,7 @@ const Amount = ({
     },
     className
   );
-  return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, "data-tx": "1.40.0", children: [
+  return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, "data-tx": "1.41.0", children: [
     /* @__PURE__ */ jsx("span", { "data-test-id": dataTestId && `${dataTestId}__amount`, children: formattedAmount }),
     currency && renderCurrencyName()
   ] });

package/components/Avatar/Avatar.js

@@ -2,19 +2,19 @@ import { EAvatarSize } from "./enums.js";
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const avatar = "avatar__eda44939";
-const borderRadius6 = "borderRadius6__ca3ba8eb";
-const borderRadius8 = "borderRadius8__1bd32cee";
-const borderRadius10 = "borderRadius10__742c66e4";
-const borderRadius12 = "borderRadius12__37af734b";
-const borderRadius16 = "borderRadius16__fcfd79ce";
-const xxs = "xxs__bde78eea";
-const xs = "xs__4113e0db";
-const sm = "sm__95f45402";
-const md = "md__be8d9f92";
-const lg = "lg__7a85b1d3";
-const xl = "xl__74cc4c23";
-const xxl = "xxl__0eb21f1d";
+const avatar = "avatar__da432338";
+const borderRadius6 = "borderRadius6__cadf1b7d";
+const borderRadius8 = "borderRadius8__a3a79453";
+const borderRadius10 = "borderRadius10__f9d32a89";
+const borderRadius12 = "borderRadius12__66f5c06f";
+const borderRadius16 = "borderRadius16__a6c7eb24";
+const xxs = "xxs__2e4b0751";
+const xs = "xs__970f8c6e";
+const sm = "sm__20b57828";
+const md = "md__775f11aa";
+const lg = "lg__f8e82569";
+const xl = "xl__ba77158d";
+const xxl = "xxl__6d3eda67";
 const styles = {
   avatar,
   borderRadius6,

package/components/Badge/Badge.js

@@ -6,10 +6,10 @@ import { BadgeDot } from "./BadgeDot.js";
 import { BadgeContent } from "./components/BadgeContent.js";
 import { BadgePrefix } from "./components/BadgePrefix.js";
 import { BadgePostfix } from "./components/BadgePostfix.js";
-const badge = "badge__dc496238";
-const sm = "sm__4f8c1241";
-const md = "md__7c5aa573";
-const lg = "lg__67c8172d";
+const badge = "badge__583f1634";
+const sm = "sm__250c2856";
+const md = "md__4ec2c1dc";
+const lg = "lg__c6d02882";
 const styles = {
   badge,
   sm,

package/components/Badge/BadgeDot.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const badgeDot = "badgeDot__737206a2";
-const sm = "sm__4f8c1241";
-const md = "md__7c5aa573";
-const lg = "lg__67c8172d";
+const badgeDot = "badgeDot__f529e0dd";
+const sm = "sm__250c2856";
+const md = "md__4ec2c1dc";
+const lg = "lg__c6d02882";
 const styles = {
   badgeDot,
   sm,

package/components/Badge/components/BadgeContent.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const badgeContent = "badgeContent__055cd835";
-const sm = "sm__4f8c1241";
-const md = "md__7c5aa573";
-const lg = "lg__67c8172d";
-const noPaddingLeft = "noPaddingLeft__54948eb4";
-const noPaddingRight = "noPaddingRight__6b3b4135";
+const badgeContent = "badgeContent__26d93ecb";
+const sm = "sm__250c2856";
+const md = "md__4ec2c1dc";
+const lg = "lg__c6d02882";
+const noPaddingLeft = "noPaddingLeft__83dfc074";
+const noPaddingRight = "noPaddingRight__db24df8d";
 const styles = {
   badgeContent,
   sm,

package/components/Badge/components/BadgePostfix.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const badgePostfix = "badgePostfix__3aa2fe24";
+const badgePostfix = "badgePostfix__c8ab7bf1";
 const styles = {
   badgePostfix
 };

package/components/Badge/components/BadgePrefix.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const badgePrefix = "badgePrefix__b634b9e2";
+const badgePrefix = "badgePrefix__d5e7545b";
 const styles = {
   badgePrefix
 };

package/components/Body/Body.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const body = "body__f31b356e";
-const bodyInner = "bodyInner__b0dd93e6";
+const body = "body__3b910571";
+const bodyInner = "bodyInner__24d93d58";
 const styles = {
   body,
   bodyInner
 };
-const Body = React__default.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.body, className), ...rest, "data-tx": "1.40.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
+const Body = React__default.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.body, className), ...rest, "data-tx": "1.41.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
 Body.displayName = "Body";
 export {
   Body

package/components/Button/Button.js

@@ -9,46 +9,46 @@ import { EButtonTheme } from "./enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const general = "general__08f40358";
-const expanded$4 = "expanded__f0eda22f";
+const general = "general__9af3671b";
+const expanded$4 = "expanded__443ed4bc";
 const generalStyles = {
   general,
   expanded: expanded$4
 };
-const secondary = "secondary__8211dc0b";
-const expanded$3 = "expanded__f0eda22f";
+const secondary = "secondary__f7585aac";
+const expanded$3 = "expanded__443ed4bc";
 const secondaryStyles = {
   secondary,
   expanded: expanded$3
 };
-const secondaryLight = "secondaryLight__3de27004";
-const expanded$2 = "expanded__f0eda22f";
+const secondaryLight = "secondaryLight__96d410dc";
+const expanded$2 = "expanded__443ed4bc";
 const secondaryLightStyles = {
   secondaryLight,
   expanded: expanded$2
 };
-const danger = "danger__70de2626";
-const expanded$1 = "expanded__f0eda22f";
+const danger = "danger__0d1fb6e9";
+const expanded$1 = "expanded__443ed4bc";
 const dangerStyles = {
   danger,
   expanded: expanded$1
 };
-const link = "link__ce7e4ce8";
-const expanded = "expanded__f0eda22f";
+const link = "link__431bc07a";
+const expanded = "expanded__443ed4bc";
 const linkStyles = {
   link,
   expanded
 };
-const button = "button__e0c391b1";
-const sm = "sm__903eed02";
-const icon = "icon__4f16f2d7";
-const md = "md__037e1bf5";
-const lg = "lg__1fa32ca6";
-const block = "block__ae60dfc9";
-const content = "content__bd55f172";
-const loading = "loading__bbf659d6";
-const loader = "loader__526b0f79";
-const hidden = "hidden__ae49726e";
+const button = "button__69af4739";
+const sm = "sm__be6c1a1c";
+const icon = "icon__a43b5ec3";
+const md = "md__728bd830";
+const lg = "lg__5905c31e";
+const block = "block__497c07ea";
+const content = "content__ad489a8d";
+const loading = "loading__df52a558";
+const loader = "loader__544a71ab";
+const hidden = "hidden__ac78577d";
 const styles = {
   button,
   sm,

package/components/Button/ButtonBase.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 const ButtonBase = React__default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.40.0", ref });
+  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.41.0", ref });
 });
 ButtonBase.displayName = "ButtonBase";
 export {

package/components/Button/ButtonDropdown.js

@@ -10,7 +10,7 @@ import { isKey } from "../../utils/keyboard.js";
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-BqOoPFSx.js";
+import "../../chunks/DropdownListItem-C2A5QJs2.js";
 import { EDropdownAlignment, EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
@@ -30,13 +30,13 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const buttonDropdown = "buttonDropdown__5596e0ab";
-const block = "block__ae60dfc9";
-const buttonDropdownTarget = "buttonDropdownTarget__ddb6ce81";
-const dots = "dots__6735a142";
-const caretIcon = "caretIcon__fc7de1cd";
-const active = "active__f96099c3";
-const buttonDropdownMenuItem = "buttonDropdownMenuItem__b014d6a5";
+const buttonDropdown = "buttonDropdown__10bcb5cb";
+const block = "block__497c07ea";
+const buttonDropdownTarget = "buttonDropdownTarget__90e5d1e8";
+const dots = "dots__fa8fc716";
+const caretIcon = "caretIcon__7b49ed31";
+const active = "active__b7013cda";
+const buttonDropdownMenuItem = "buttonDropdownMenuItem__8217387c";
 const styles = {
   buttonDropdown,
   block,

package/components/Button/ButtonDropdownExtended.js

@@ -4,8 +4,8 @@ import { Dropdown } from "../Dropdown/Dropdown.js";
 import { isKey } from "../../utils/keyboard.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const buttonDropdownExtended = "buttonDropdownExtended__e1fd0bc1";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__84839acd";
+const buttonDropdownExtended = "buttonDropdownExtended__2f9ca8a2";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__edd4437b";
 const styles = {
   buttonDropdownExtended,
   buttonDropdownExtendedBlock

package/components/Button/ButtonIcon.js

@@ -3,9 +3,9 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__1cb0f0e4";
-const circle = "circle__f9cee541";
-const squircle = "squircle__c39cd653";
+const buttonIcon = "buttonIcon__eafa76b3";
+const circle = "circle__4401bfa3";
+const squircle = "squircle__fcafdce7";
 const styles = {
   buttonIcon,
   circle,

package/components/Calendar/Calendar.js

@@ -13,10 +13,10 @@ import { CalendarControls } from "./components/CalendarControls.js";
 import { CalendarView } from "./components/CalendarView.js";
 import { CalendarFooter } from "./components/CalendarFooter.js";
 import { CalendarFooterButton } from "./components/CalendarFooterButton.js";
-import { parsePickedDate, formatDate, getHeader } from "./utils.js";
-const calendar = "calendar__96a77ab0";
-const extraBottom = "extraBottom__698ece52";
-const adaptive = "adaptive__171145a1";
+import { parsePickedDate, formatDate } from "./utils.js";
+const calendar = "calendar__179a40ee";
+const extraBottom = "extraBottom__86801e53";
+const adaptive = "adaptive__a2f43148";
 const styles = {
   calendar,
   extraBottom,
@@ -138,25 +138,24 @@ class Calendar extends React__default.PureComponent {
   }
   componentDidUpdate(prevProps, prevState) {
     const { format } = this.props;
-    const { viewDate } = this.state;
+    const { viewDate, viewMode } = this.state;
     const { viewDate: prevViewDate } = prevState;
     const pickedDateState = parsePickedDate(this.props.pickedDate, format);
     const pickedDateValid = pickedDateState == null ? void 0 : pickedDateState.isValid();
     const resultDate = pickedDateValid ? pickedDateState : prevViewDate;
     const prevPickedDate = parsePickedDate(prevProps.pickedDate, format);
     if (!(!pickedDateValid || (prevPickedDate == null ? void 0 : prevPickedDate.isSame(resultDate, "day")))) {
-      let newDateContext = {};
       if (viewDate && !viewDate.isSame(pickedDateState, "month")) {
-        newDateContext = {
-          currentTab: ECalendarViewMode.DAYS,
-          header: getHeader(resultDate),
-          viewDate: resultDate.clone()
-        };
+        this.setState({
+          // Формат заголовка зависит от вида отображения — как в handlePageChange / handleViewChange.
+          header: formatDate(resultDate, viewMode),
+          // Значение не null: ветка выполняется только при валидной pickedDate, тогда resultDate === pickedDateState.
+          viewDate: resultDate.clone(),
+          pickedDate: pickedDateState
+        });
+      } else {
+        this.setState({ pickedDate: pickedDateState });
       }
-      this.setState({
-        ...newDateContext,
-        pickedDate: pickedDateState
-      });
     }
   }
   render() {
@@ -180,11 +179,12 @@ class Calendar extends React__default.PureComponent {
       this.props.adaptiveMode ? styles.adaptive : (viewMode !== ECalendarViewMode.DAYS || todayButtonProps) && styles.extraBottom
     );
     const pickedDate = parsePickedDate(this.props.pickedDate, format);
-    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.40.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.41.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {
           format,
+          // Значения не undefined: заданы в defaultProps, но TypeScript не сужает тип опциональных props.
           limitRange,
           pickType,
           markedDays,

package/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport moment from \"moment\";\nimport { uniqueId } from \"lodash-es\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { EComponentSize } from \"../../enums\";\nimport { ICalendarProps, TPickedDate } from \"./types\";\nimport { ECalendarPickType, ECalendarViewMode } from \"./enums\";\nimport { CalendarContext } from \"./CalendarContext\";\nimport { CalendarControls } from \"./components/CalendarControls\";\nimport { CalendarView } from \"./components/CalendarView\";\nimport { CalendarFooter } from \"./components/CalendarFooter\";\nimport { CalendarFooterButton } from \"./components/CalendarFooterButton\";\nimport { formatDate, getHeader, parsePickedDate } from \"./utils\";\nimport styles from \"./styles/Calendar.module.less\";\n\n/** Состояния компонента Calendar. */\ninterface ICalendarState {\n    /** Вид отображения. */\n    viewMode: ECalendarViewMode;\n    /** Дата, являющая курсором для навигации по интерфейсу. */\n    viewDate: moment.Moment;\n    /** Выбранная дата в формате Moment. */\n    pickedDate: TPickedDate;\n    /** Заголовок календаря. */\n    header: string;\n}\n\n/** Календарь. */\nexport class Calendar extends React.PureComponent<ICalendarProps, ICalendarState> {\n    public static defaultProps = {\n        format: dateFormatYYYYMMDD,\n        limitRange: globalLimitRange,\n        pickType: ECalendarPickType.DATE,\n    };\n\n    static contextType = CalendarContext;\n    declare context: React.ContextType<typeof CalendarContext>;\n\n    // Уникальный идентификатор для связи периода с таблицей.\n    private periodId = `calendar-period-${uniqueId()}`;\n\n    constructor(props: Readonly<ICalendarProps>) {\n        super(props);\n\n        const { format, pickType, reversedPick } = this.props;\n        const pickedDate = parsePickedDate(this.props.pickedDate, format);\n        const viewDate = this.getInitialViewDate(pickedDate);\n\n        let viewMode: ECalendarViewMode;\n\n        if (reversedPick) {\n            viewMode = ECalendarViewMode.YEARS;\n        } else if (pickType == ECalendarPickType.MONTH_YEAR) {\n            viewMode = ECalendarViewMode.MONTHS;\n        } else {\n            viewMode = ECalendarViewMode.DAYS;\n        }\n\n        const header = formatDate(viewDate, viewMode);\n\n        this.state = {\n            header,\n            pickedDate,\n            viewDate,\n            viewMode,\n        };\n    }\n\n    /** Получить изначальную дату для навигации. */\n    private getInitialViewDate(pickedDate: TPickedDate) {\n        const { defaultViewDate, format, limitRange } = this.props;\n\n        if (pickedDate && pickedDate.isValid()) {\n            return pickedDate.clone();\n        }\n\n        if (defaultViewDate) {\n            const parsedDate = parsePickedDate(defaultViewDate, format);\n\n            if (parsedDate && parsedDate.isValid()) {\n                return parsedDate.clone();\n            }\n        }\n\n        const todayDate = moment().startOf(\"day\");\n\n        if (limitRange) {\n            if (limitRange.dateFrom && todayDate.isBefore(limitRange.dateFrom)) {\n                return limitRange.dateFrom.clone();\n            } else if (limitRange.dateTo && todayDate.isAfter(limitRange.dateTo)) {\n                return limitRange.dateTo.clone();\n            }\n        }\n\n        return todayDate;\n    }\n\n    public componentDidUpdate(prevProps: ICalendarProps, prevState: ICalendarState): void {\n        const { format } = this.props;\n        const { viewDate } = this.state;\n        const { viewDate: prevViewDate } = prevState;\n\n        const pickedDateState = parsePickedDate(this.props.pickedDate, format);\n        const pickedDateValid = pickedDateState?.isValid();\n        const resultDate = pickedDateValid ? pickedDateState : prevViewDate;\n\n        const prevPickedDate = parsePickedDate(prevProps.pickedDate, format);\n\n        if (!(!pickedDateValid || prevPickedDate?.isSame(resultDate, \"day\"))) {\n            let newDateContext = {};\n\n            if (viewDate && !viewDate.isSame(pickedDateState, \"month\")) {\n                newDateContext = {\n                    currentTab: ECalendarViewMode.DAYS,\n                    header: getHeader(resultDate),\n                    viewDate: resultDate!.clone(),\n                };\n            }\n\n            this.setState({\n                ...newDateContext,\n                pickedDate: pickedDateState,\n            });\n        }\n    }\n\n    public render() {\n        const {\n            format,\n            pickType,\n            limitRange,\n            markedDays,\n            disabledDays,\n            dayHtmlAttributes,\n            monthHtmlAttributes,\n            yearHtmlAttributes,\n            prevButtonProps,\n            nextButtonProps,\n            viewButtonProps,\n            todayButtonProps,\n        } = this.props;\n        const { viewMode, viewDate, header } = this.state;\n        const classNames = clsx(\n            styles.calendar,\n            this.props.adaptiveMode\n                ? styles.adaptive\n                : (viewMode !== ECalendarViewMode.DAYS || todayButtonProps) && styles.extraBottom,\n        );\n\n        const pickedDate = parsePickedDate(this.props.pickedDate, format);\n\n        return (\n            <div className={classNames} data-tx={process.env.npm_package_version}>\n                <CalendarContext.Provider\n                    value={{\n                        format: format,\n                        limitRange: limitRange!,\n                        pickType: pickType!,\n                        markedDays: markedDays,\n                        disabledDays: disabledDays,\n                        viewDate: viewDate,\n                        viewMode: viewMode,\n                        periodId: this.periodId,\n                        onDateSelect: this.handleDateSelect,\n                        onPageChange: this.handlePageChange,\n                        onViewChange: this.handleViewChange,\n                    }}\n                >\n                    <CalendarControls\n                        prevButtonProps={prevButtonProps}\n                        nextButtonProps={nextButtonProps}\n                        viewButtonProps={viewButtonProps}\n                    >\n                        {header}\n                    </CalendarControls>\n                    <CalendarView\n                        pickedDate={pickedDate}\n                        dayHtmlAttributes={dayHtmlAttributes}\n                        monthHtmlAttributes={monthHtmlAttributes}\n                        yearHtmlAttributes={yearHtmlAttributes}\n                    />\n                    {todayButtonProps && this.renderFooter()}\n                </CalendarContext.Provider>\n            </div>\n        );\n    }\n\n    /** Обработчик выбора даты. */\n    private handleDateSelect = (date: moment.Moment) => {\n        this.props.onDateChange(date);\n    };\n\n    /** Обработчик смены страницы. */\n    private handlePageChange = (nextViewDate: moment.Moment, viewMode: ECalendarViewMode) => {\n        const { onPageChange } = this.props;\n\n        this.setState({\n            header: formatDate(nextViewDate, viewMode),\n            viewDate: nextViewDate,\n        });\n\n        onPageChange?.(nextViewDate, viewMode);\n    };\n\n    /** Обработчик изменения вида отображения. */\n    private handleViewChange = (nextViewDate: moment.Moment, nextViewMode: ECalendarViewMode) => {\n        const { onViewChange } = this.props;\n\n        this.setState({\n            header: formatDate(nextViewDate, nextViewMode),\n            viewDate: nextViewDate,\n            viewMode: nextViewMode,\n        });\n\n        onViewChange?.(nextViewDate, nextViewMode);\n    };\n\n    /** Рендер футера. */\n    private renderFooter = () => {\n        const { pickType, adaptiveMode, yesterdayButtonProps, todayButtonProps, tomorrowButtonProps } = this.props;\n        const { viewDate, viewMode } = this.state;\n        let todayDate: moment.Moment;\n        let currentPeriodSelected: boolean;\n\n        if (pickType === ECalendarPickType.DATE) {\n            todayDate = moment().startOf(\"day\");\n            currentPeriodSelected = viewMode === ECalendarViewMode.DAYS && viewDate.isSame(todayDate, \"month\");\n        } else {\n            todayDate = moment().startOf(\"month\");\n            currentPeriodSelected = viewMode === ECalendarViewMode.MONTHS && viewDate.isSame(todayDate, \"year\");\n        }\n\n        const needShowAsideButtons = currentPeriodSelected && viewMode === ECalendarViewMode.DAYS;\n        const buttonSize = adaptiveMode ? EComponentSize.MD : EComponentSize.SM;\n\n        return (\n            <CalendarFooter>\n                {/* Вчера */}\n                {needShowAsideButtons && yesterdayButtonProps && (\n                    <CalendarFooterButton\n                        size={buttonSize}\n                        date={todayDate.clone().subtract(1, \"day\")}\n                        currentPeriodSelected={currentPeriodSelected}\n                        {...(typeof yesterdayButtonProps === \"function\"\n                            ? yesterdayButtonProps(viewMode)\n                            : yesterdayButtonProps)}\n                    />\n                )}\n                {/* Сегодня / К текущей дате */}\n                <CalendarFooterButton\n                    size={buttonSize}\n                    date={todayDate}\n                    currentPeriodSelected={currentPeriodSelected}\n                    {...(typeof todayButtonProps === \"function\"\n                        ? todayButtonProps({ viewMode, currentPeriodSelected })\n                        : todayButtonProps)}\n                />\n                {/* Завтра */}\n                {needShowAsideButtons && tomorrowButtonProps && (\n                    <CalendarFooterButton\n                        size={buttonSize}\n                        date={todayDate.clone().add(1, \"day\")}\n                        currentPeriodSelected={currentPeriodSelected}\n                        {...(typeof tomorrowButtonProps === \"function\"\n                            ? tomorrowButtonProps(viewMode)\n                            : tomorrowButtonProps)}\n                    />\n                )}\n            </CalendarFooter>\n        );\n    };\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport moment from \"moment\";\nimport { uniqueId } from \"lodash-es\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { EComponentSize } from \"../../enums\";\nimport { ICalendarProps, TPickedDate } from \"./types\";\nimport { ECalendarPickType, ECalendarViewMode } from \"./enums\";\nimport { CalendarContext } from \"./CalendarContext\";\nimport { CalendarControls } from \"./components/CalendarControls\";\nimport { CalendarView } from \"./components/CalendarView\";\nimport { CalendarFooter } from \"./components/CalendarFooter\";\nimport { CalendarFooterButton } from \"./components/CalendarFooterButton\";\nimport { formatDate, parsePickedDate } from \"./utils\";\nimport styles from \"./styles/Calendar.module.less\";\n\n/** Состояния компонента Calendar. */\ninterface ICalendarState {\n    /** Вид отображения. */\n    viewMode: ECalendarViewMode;\n    /** Дата, являющая курсором для навигации по интерфейсу. */\n    viewDate: moment.Moment;\n    /** Выбранная дата в формате Moment. */\n    pickedDate: TPickedDate;\n    /** Заголовок календаря. */\n    header: string;\n}\n\n/** Календарь. */\nexport class Calendar extends React.PureComponent<ICalendarProps, ICalendarState> {\n    public static defaultProps = {\n        format: dateFormatYYYYMMDD,\n        limitRange: globalLimitRange,\n        pickType: ECalendarPickType.DATE,\n    };\n\n    static contextType = CalendarContext;\n    declare context: React.ContextType<typeof CalendarContext>;\n\n    // Уникальный идентификатор для связи периода с таблицей.\n    private periodId = `calendar-period-${uniqueId()}`;\n\n    constructor(props: Readonly<ICalendarProps>) {\n        super(props);\n\n        const { format, pickType, reversedPick } = this.props;\n        const pickedDate = parsePickedDate(this.props.pickedDate, format);\n        const viewDate = this.getInitialViewDate(pickedDate);\n\n        let viewMode: ECalendarViewMode;\n\n        if (reversedPick) {\n            viewMode = ECalendarViewMode.YEARS;\n        } else if (pickType == ECalendarPickType.MONTH_YEAR) {\n            viewMode = ECalendarViewMode.MONTHS;\n        } else {\n            viewMode = ECalendarViewMode.DAYS;\n        }\n\n        const header = formatDate(viewDate, viewMode);\n\n        this.state = {\n            header,\n            pickedDate,\n            viewDate,\n            viewMode,\n        };\n    }\n\n    /** Получить изначальную дату для навигации. */\n    private getInitialViewDate(pickedDate: TPickedDate) {\n        const { defaultViewDate, format, limitRange } = this.props;\n\n        if (pickedDate && pickedDate.isValid()) {\n            return pickedDate.clone();\n        }\n\n        if (defaultViewDate) {\n            const parsedDate = parsePickedDate(defaultViewDate, format);\n\n            if (parsedDate && parsedDate.isValid()) {\n                return parsedDate.clone();\n            }\n        }\n\n        const todayDate = moment().startOf(\"day\");\n\n        if (limitRange) {\n            if (limitRange.dateFrom && todayDate.isBefore(limitRange.dateFrom)) {\n                return limitRange.dateFrom.clone();\n            } else if (limitRange.dateTo && todayDate.isAfter(limitRange.dateTo)) {\n                return limitRange.dateTo.clone();\n            }\n        }\n\n        return todayDate;\n    }\n\n    public componentDidUpdate(prevProps: ICalendarProps, prevState: ICalendarState): void {\n        const { format } = this.props;\n        const { viewDate, viewMode } = this.state;\n        const { viewDate: prevViewDate } = prevState;\n\n        const pickedDateState = parsePickedDate(this.props.pickedDate, format);\n        const pickedDateValid = pickedDateState?.isValid();\n        const resultDate = pickedDateValid ? pickedDateState : prevViewDate;\n\n        const prevPickedDate = parsePickedDate(prevProps.pickedDate, format);\n\n        if (!(!pickedDateValid || prevPickedDate?.isSame(resultDate, \"day\"))) {\n            // Выбранная дата переехала в другой месяц — переводим навигацию на её страницу.\n            if (viewDate && !viewDate.isSame(pickedDateState, \"month\")) {\n                this.setState({\n                    // Формат заголовка зависит от вида отображения — как в handlePageChange / handleViewChange.\n                    header: formatDate(resultDate, viewMode),\n                    // Значение не null: ветка выполняется только при валидной pickedDate, тогда resultDate === pickedDateState.\n                    viewDate: resultDate!.clone(),\n                    pickedDate: pickedDateState,\n                });\n            } else {\n                this.setState({ pickedDate: pickedDateState });\n            }\n        }\n    }\n\n    public render() {\n        const {\n            format,\n            pickType,\n            limitRange,\n            markedDays,\n            disabledDays,\n            dayHtmlAttributes,\n            monthHtmlAttributes,\n            yearHtmlAttributes,\n            prevButtonProps,\n            nextButtonProps,\n            viewButtonProps,\n            todayButtonProps,\n        } = this.props;\n        const { viewMode, viewDate, header } = this.state;\n        const classNames = clsx(\n            styles.calendar,\n            this.props.adaptiveMode\n                ? styles.adaptive\n                : (viewMode !== ECalendarViewMode.DAYS || todayButtonProps) && styles.extraBottom,\n        );\n\n        const pickedDate = parsePickedDate(this.props.pickedDate, format);\n\n        return (\n            <div className={classNames} data-tx={process.env.npm_package_version}>\n                <CalendarContext.Provider\n                    value={{\n                        format,\n                        // Значения не undefined: заданы в defaultProps, но TypeScript не сужает тип опциональных props.\n                        limitRange: limitRange!,\n                        pickType: pickType!,\n                        markedDays,\n                        disabledDays,\n                        viewDate,\n                        viewMode,\n                        periodId: this.periodId,\n                        onDateSelect: this.handleDateSelect,\n                        onPageChange: this.handlePageChange,\n                        onViewChange: this.handleViewChange,\n                    }}\n                >\n                    <CalendarControls\n                        prevButtonProps={prevButtonProps}\n                        nextButtonProps={nextButtonProps}\n                        viewButtonProps={viewButtonProps}\n                    >\n                        {header}\n                    </CalendarControls>\n                    <CalendarView\n                        pickedDate={pickedDate}\n                        dayHtmlAttributes={dayHtmlAttributes}\n                        monthHtmlAttributes={monthHtmlAttributes}\n                        yearHtmlAttributes={yearHtmlAttributes}\n                    />\n                    {todayButtonProps && this.renderFooter()}\n                </CalendarContext.Provider>\n            </div>\n        );\n    }\n\n    /** Обработчик выбора даты. */\n    private handleDateSelect = (date: moment.Moment) => {\n        this.props.onDateChange(date);\n    };\n\n    /** Обработчик смены страницы. */\n    private handlePageChange = (nextViewDate: moment.Moment, viewMode: ECalendarViewMode) => {\n        const { onPageChange } = this.props;\n\n        this.setState({\n            header: formatDate(nextViewDate, viewMode),\n            viewDate: nextViewDate,\n        });\n\n        onPageChange?.(nextViewDate, viewMode);\n    };\n\n    /** Обработчик изменения вида отображения. */\n    private handleViewChange = (nextViewDate: moment.Moment, nextViewMode: ECalendarViewMode) => {\n        const { onViewChange } = this.props;\n\n        this.setState({\n            header: formatDate(nextViewDate, nextViewMode),\n            viewDate: nextViewDate,\n            viewMode: nextViewMode,\n        });\n\n        onViewChange?.(nextViewDate, nextViewMode);\n    };\n\n    /** Рендер футера. */\n    private renderFooter = () => {\n        const { pickType, adaptiveMode, yesterdayButtonProps, todayButtonProps, tomorrowButtonProps } = this.props;\n        const { viewDate, viewMode } = this.state;\n        let todayDate: moment.Moment;\n        let currentPeriodSelected: boolean;\n\n        if (pickType === ECalendarPickType.DATE) {\n            todayDate = moment().startOf(\"day\");\n            currentPeriodSelected = viewMode === ECalendarViewMode.DAYS && viewDate.isSame(todayDate, \"month\");\n        } else {\n            todayDate = moment().startOf(\"month\");\n            currentPeriodSelected = viewMode === ECalendarViewMode.MONTHS && viewDate.isSame(todayDate, \"year\");\n        }\n\n        const needShowAsideButtons = currentPeriodSelected && viewMode === ECalendarViewMode.DAYS;\n        const buttonSize = adaptiveMode ? EComponentSize.MD : EComponentSize.SM;\n\n        return (\n            <CalendarFooter>\n                {/* Вчера */}\n                {needShowAsideButtons && yesterdayButtonProps && (\n                    <CalendarFooterButton\n                        size={buttonSize}\n                        date={todayDate.clone().subtract(1, \"day\")}\n                        currentPeriodSelected={currentPeriodSelected}\n                        {...(typeof yesterdayButtonProps === \"function\"\n                            ? yesterdayButtonProps(viewMode)\n                            : yesterdayButtonProps)}\n                    />\n                )}\n                {/* Сегодня / К текущей дате */}\n                <CalendarFooterButton\n                    size={buttonSize}\n                    date={todayDate}\n                    currentPeriodSelected={currentPeriodSelected}\n                    {...(typeof todayButtonProps === \"function\"\n                        ? todayButtonProps({ viewMode, currentPeriodSelected })\n                        : todayButtonProps)}\n                />\n                {/* Завтра */}\n                {needShowAsideButtons && tomorrowButtonProps && (\n                    <CalendarFooterButton\n                        size={buttonSize}\n                        date={todayDate.clone().add(1, \"day\")}\n                        currentPeriodSelected={currentPeriodSelected}\n                        {...(typeof tomorrowButtonProps === \"function\"\n                            ? tomorrowButtonProps(viewMode)\n                            : tomorrowButtonProps)}\n                    />\n                )}\n            </CalendarFooter>\n        );\n    };\n}\n"],"names":["React"],"mappings":"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"}

package/components/Calendar/CalendarContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarContext.js","sources":["../../../src/components/Calendar/CalendarContext.tsx"],"sourcesContent":["import React from \"react\";\nimport moment from \"moment\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { ECalendarPickType, ECalendarViewMode } from \"./enums\";\nimport { ICalendarProps } from \"./types\";\n\n/** Свойства контекста CalendarView. */\nexport interface ICalendarContext\n    extends\n        Pick<ICalendarProps, \"format\" | \"markedDays\" | \"disabledDays\">,\n        Required<Pick<ICalendarProps, \"pickType\" | \"limitRange\" | \"onPageChange\" | \"onViewChange\">> {\n    /** Дата, являющая курсором для навигации по интерфейсу. */\n    viewDate: moment.Moment;\n    /** Вид отображения. */\n    viewMode: ECalendarViewMode;\n    /** Уникальный идентификатор для связи периода с таблицей. */\n    periodId: string;\n    /** Функция, вызывающаяся при выборе даты. */\n    onDateSelect: (date: moment.Moment) => void;\n}\n\n/** Контекст компонента Calendar. */\nexport const CalendarContext = React.createContext<ICalendarContext>({\n    format: dateFormatYYYYMMDD,\n    limitRange: globalLimitRange,\n    pickType: ECalendarPickType.DATE,\n    viewDate: moment().startOf(\"day\"),\n    viewMode: ECalendarViewMode.DAYS,\n    periodId: \"\",\n    onDateSelect: () => {},\n    onPageChange: () => {},\n    onViewChange: () => {},\n});\n"],"names":["React"],"mappings":";;;;AAsBO,MAAM,kBAAkBA,eAAM,cAAgC;AAAA,EACjE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU,kBAAkB;AAAA,EAC5B,UAAU,OAAA,EAAS,QAAQ,KAAK;AAAA,EAChC,UAAU,kBAAkB;AAAA,EAC5B,UAAU;AAAA,EACV,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AACzB,CAAC;"}
+{"version":3,"file":"CalendarContext.js","sources":["../../../src/components/Calendar/CalendarContext.tsx"],"sourcesContent":["import React from \"react\";\nimport moment from \"moment\";\nimport { dateFormatYYYYMMDD, globalLimitRange } from \"../../consts/DateConst\";\nimport { ECalendarPickType, ECalendarViewMode } from \"./enums\";\nimport { ICalendarProps } from \"./types\";\n\n/** Свойства контекста Calendar. */\nexport interface ICalendarContext\n    extends\n        Pick<ICalendarProps, \"format\" | \"markedDays\" | \"disabledDays\">,\n        Required<Pick<ICalendarProps, \"pickType\" | \"limitRange\" | \"onPageChange\" | \"onViewChange\">> {\n    /** Дата, являющая курсором для навигации по интерфейсу. */\n    viewDate: moment.Moment;\n    /** Вид отображения. */\n    viewMode: ECalendarViewMode;\n    /** Уникальный идентификатор для связи периода с таблицей. */\n    periodId: string;\n    /** Функция, вызывающаяся при выборе даты. */\n    onDateSelect: (date: moment.Moment) => void;\n}\n\n/** Контекст компонента Calendar. */\nexport const CalendarContext = React.createContext<ICalendarContext>({\n    format: dateFormatYYYYMMDD,\n    limitRange: globalLimitRange,\n    pickType: ECalendarPickType.DATE,\n    viewDate: moment().startOf(\"day\"),\n    viewMode: ECalendarViewMode.DAYS,\n    periodId: \"\",\n    onDateSelect: () => {},\n    onPageChange: () => {},\n    onViewChange: () => {},\n});\n"],"names":["React"],"mappings":";;;;AAsBO,MAAM,kBAAkBA,eAAM,cAAgC;AAAA,EACjE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU,kBAAkB;AAAA,EAC5B,UAAU,OAAA,EAAS,QAAQ,KAAK;AAAA,EAChC,UAAU,kBAAkB;AAAA,EAC5B,UAAU;AAAA,EACV,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AACzB,CAAC;"}

package/components/Calendar/CalendarViewContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarViewContext.js","sources":["../../../src/components/Calendar/CalendarViewContext.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Свойства контекста CalendarView. */\nexport interface ICalendarViewContext {\n    viewItemFocusedRef: React.MutableRefObject<boolean>;\n}\n\n/** Контекст компонента CalendarView. */\nexport const CalendarViewContext = React.createContext<ICalendarViewContext>({\n    viewItemFocusedRef: { current: false },\n});\n"],"names":["React"],"mappings":";AAQO,MAAM,sBAAsBA,eAAM,cAAoC;AAAA,EACzE,oBAAoB,EAAE,SAAS,MAAA;AACnC,CAAC;"}
+{"version":3,"file":"CalendarViewContext.js","sources":["../../../src/components/Calendar/CalendarViewContext.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Свойства контекста CalendarView. */\nexport interface ICalendarViewContext {\n    /** Признак того, что фокус находится на одной из ячеек текущего вида календаря. */\n    viewItemFocusedRef: React.MutableRefObject<boolean>;\n}\n\n/** Контекст компонента CalendarView. */\nexport const CalendarViewContext = React.createContext<ICalendarViewContext>({\n    viewItemFocusedRef: { current: false },\n});\n"],"names":["React"],"mappings":";AASO,MAAM,sBAAsBA,eAAM,cAAoC;AAAA,EACzE,oBAAoB,EAAE,SAAS,MAAA;AACnC,CAAC;"}

package/components/Calendar/components/CalendarControls.js

@@ -2,16 +2,22 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { CalendarContext } from "../CalendarContext.js";
+import { shiftDate } from "../utils.js";
 import { Button } from "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape, EButtonTheme } from "../../Button/enums.js";
 import { ECalendarViewMode } from "../enums.js";
 import { globalLimitRange } from "../../../consts/DateConst.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const calendarControls = "calendarControls__1d40b282";
+const calendarControls = "calendarControls__23f147a8";
 const styles = {
   calendarControls
 };
+const PAGE_SHIFT_BY_VIEW_MODE = {
+  [ECalendarViewMode.DAYS]: { amount: 1, unit: "month" },
+  [ECalendarViewMode.MONTHS]: { amount: 1, unit: "year" },
+  [ECalendarViewMode.YEARS]: { amount: 12, unit: "year" }
+};
 const CalendarControls = ({
   children,
   prevButtonProps = {},
@@ -26,7 +32,7 @@ const CalendarControls = ({
       {
         shape: EButtonIconShape.CIRCLE,
         disabled: disabled || isPrevButtonDisabled(),
-        onClick: handlePrevButtonClick(onClick),
+        onClick: handlePageButtonClick("subtract", onClick),
         ...rest,
         children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon24, { paletteIndex: 5 })
       }
@@ -39,7 +45,7 @@ const CalendarControls = ({
       {
         shape: EButtonIconShape.CIRCLE,
         disabled: disabled || isNextButtonDisabled(),
-        onClick: handleNextButtonClick(onClick),
+        onClick: handlePageButtonClick("add", onClick),
         ...rest,
         children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon24, { paletteIndex: 5 })
       }
@@ -82,17 +88,8 @@ const CalendarControls = ({
     }
     return date.add(1, "day").isAfter(limitRange.dateTo || globalLimitRange.dateTo, "day");
   };
-  const handlePrevButtonClick = (onClick) => (event) => {
-    const shiftUnit = getPageShiftUnit();
-    const shiftAmount = getPageShiftAmount();
-    const date = viewDate.clone().subtract(shiftAmount, shiftUnit);
-    onPageChange(date, viewMode);
-    onClick == null ? void 0 : onClick(event);
-  };
-  const handleNextButtonClick = (onClick) => (event) => {
-    const shiftUnit = getPageShiftUnit();
-    const shiftAmount = getPageShiftAmount();
-    const date = viewDate.clone().add(shiftAmount, shiftUnit);
+  const handlePageButtonClick = (operation, onClick) => (event) => {
+    const date = shiftDate(viewDate.clone(), { operation, ...PAGE_SHIFT_BY_VIEW_MODE[viewMode] });
     onPageChange(date, viewMode);
     onClick == null ? void 0 : onClick(event);
   };
@@ -104,30 +101,13 @@ const CalendarControls = ({
     }
     onClick == null ? void 0 : onClick(event);
   };
-  const getPageShiftUnit = () => {
-    switch (viewMode) {
-      case ECalendarViewMode.DAYS:
-        return "month";
-      case ECalendarViewMode.MONTHS:
-      case ECalendarViewMode.YEARS:
-        return "year";
-    }
-  };
-  const getPageShiftAmount = () => {
-    switch (viewMode) {
-      case ECalendarViewMode.DAYS:
-      case ECalendarViewMode.MONTHS:
-        return 1;
-      case ECalendarViewMode.YEARS:
-        return 12;
-    }
-  };
   return /* @__PURE__ */ jsxs("div", { className: styles.calendarControls, children: [
     renderPrevButton(),
     viewMode === ECalendarViewMode.YEARS ? /* @__PURE__ */ jsx("span", { id: periodId, tabIndex: -1, "aria-live": "polite", children }) : renderViewButton(),
     renderNextButton()
   ] });
 };
+CalendarControls.displayName = "CalendarControls";
 export {
   CalendarControls
 };

package/components/Calendar/components/CalendarControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarControls.js","sources":["../../../../src/components/Calendar/components/CalendarControls.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { ICalendarProps } from \"../types\";\nimport { Button } from \"../../Button/Button\";\nimport { ButtonIcon } from \"../../Button/ButtonIcon\";\nimport { EButtonTheme, EButtonIconShape } from \"../../Button/enums\";\nimport { ECalendarViewMode } from \"../enums\";\nimport { globalLimitRange } from \"../../../consts/DateConst\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport styles from \"../styles/CalendarControls.module.less\";\n\n/** Свойства компонента CalendarControls. */\nexport interface ICalendarControlsProps extends Pick<\n    ICalendarProps,\n    \"prevButtonProps\" | \"nextButtonProps\" | \"viewButtonProps\"\n> {\n    children: React.ReactNode;\n}\n\n/** Элементы управления календаря. */\nexport const CalendarControls: React.FC<ICalendarControlsProps> = ({\n    children,\n    prevButtonProps = {},\n    nextButtonProps = {},\n    viewButtonProps = {},\n}): JSX.Element => {\n    const { viewDate, viewMode, limitRange, periodId, onPageChange, onViewChange } = useContext(CalendarContext);\n\n    /** Рендер кнопки \"назад\". */\n    const renderPrevButton = () => {\n        const { disabled, onClick, ...rest } =\n            typeof prevButtonProps === \"function\" ? prevButtonProps(viewMode) : prevButtonProps;\n\n        return (\n            <ButtonIcon\n                shape={EButtonIconShape.CIRCLE}\n                disabled={disabled || isPrevButtonDisabled()}\n                onClick={handlePrevButtonClick(onClick)}\n                {...rest}\n            >\n                <CaretleftStrokeSrvIcon24 paletteIndex={5} />\n            </ButtonIcon>\n        );\n    };\n\n    /** Рендер кнопки \"вперед\". */\n    const renderNextButton = () => {\n        const { disabled, onClick, ...rest } =\n            typeof nextButtonProps === \"function\" ? nextButtonProps(viewMode) : nextButtonProps;\n\n        return (\n            <ButtonIcon\n                shape={EButtonIconShape.CIRCLE}\n                disabled={disabled || isNextButtonDisabled()}\n                onClick={handleNextButtonClick(onClick)}\n                {...rest}\n            >\n                <CaretrightStrokeSrvIcon24 paletteIndex={5} />\n            </ButtonIcon>\n        );\n    };\n\n    /** Рендер кнопки \"изменить вид\". */\n    const renderViewButton = () => {\n        const { onClick, ...rest } =\n            typeof viewButtonProps === \"function\" ? viewButtonProps(viewMode) : viewButtonProps;\n\n        return (\n            <Button\n                id={periodId}\n                aria-live=\"polite\"\n                theme={EButtonTheme.LINK}\n                size={EComponentSize.SM}\n                onClick={handleViewButtonClick(onClick)}\n                {...rest}\n            >\n                {children}\n            </Button>\n        );\n    };\n\n    /** Проверяет, является ли кнопка \"назад\" отключенной. */\n    const isPrevButtonDisabled = () => {\n        const date = viewDate.clone();\n\n        if (viewMode === ECalendarViewMode.DAYS) {\n            date.startOf(\"month\");\n        } else if (viewMode === ECalendarViewMode.MONTHS) {\n            date.startOf(\"year\");\n        } else if (viewMode === ECalendarViewMode.YEARS) {\n            date.startOf(\"year\").subtract(5, \"years\");\n        }\n\n        return date.subtract(1, \"day\").isBefore(limitRange.dateFrom || globalLimitRange.dateFrom, \"day\");\n    };\n\n    /** Проверяет, является ли кнопка \"вперёд\" отключенной. */\n    const isNextButtonDisabled = () => {\n        const date = viewDate.clone();\n\n        if (viewMode === ECalendarViewMode.DAYS) {\n            date.endOf(\"month\");\n        } else if (viewMode === ECalendarViewMode.MONTHS) {\n            date.endOf(\"year\");\n        } else if (viewMode === ECalendarViewMode.YEARS) {\n            date.endOf(\"year\").add(6, \"years\");\n        }\n\n        return date.add(1, \"day\").isAfter(limitRange.dateTo || globalLimitRange.dateTo, \"day\");\n    };\n\n    /** Обработчик клика на кнопку \"назад\". */\n    const handlePrevButtonClick =\n        (onClick?: React.MouseEventHandler<HTMLButtonElement>) => (event: React.MouseEvent<HTMLButtonElement>) => {\n            const shiftUnit = getPageShiftUnit();\n            const shiftAmount = getPageShiftAmount();\n            const date = viewDate.clone().subtract(shiftAmount, shiftUnit);\n\n            onPageChange(date, viewMode);\n            onClick?.(event);\n        };\n\n    /** Обработчик клика на кнопку \"вперёд\". */\n    const handleNextButtonClick =\n        (onClick?: React.MouseEventHandler<HTMLButtonElement>) => (event: React.MouseEvent<HTMLButtonElement>) => {\n            const shiftUnit = getPageShiftUnit();\n            const shiftAmount = getPageShiftAmount();\n            const date = viewDate.clone().add(shiftAmount, shiftUnit);\n\n            onPageChange(date, viewMode);\n            onClick?.(event);\n        };\n\n    /** Обработчик клика на кнопку \"изменить вид\". */\n    const handleViewButtonClick =\n        (onClick?: React.MouseEventHandler<HTMLButtonElement>) => (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (viewMode === ECalendarViewMode.DAYS) {\n                onViewChange(viewDate, ECalendarViewMode.MONTHS);\n            } else if (viewMode === ECalendarViewMode.MONTHS) {\n                onViewChange(viewDate, ECalendarViewMode.YEARS);\n            }\n\n            onClick?.(event);\n        };\n\n    /** Получить единицу измерения сдвига. */\n    const getPageShiftUnit = () => {\n        switch (viewMode) {\n            case ECalendarViewMode.DAYS:\n                return \"month\";\n            case ECalendarViewMode.MONTHS:\n            case ECalendarViewMode.YEARS:\n                return \"year\";\n        }\n    };\n\n    /** Получить количество единиц сдвига. */\n    const getPageShiftAmount = () => {\n        switch (viewMode) {\n            case ECalendarViewMode.DAYS:\n            case ECalendarViewMode.MONTHS:\n                return 1;\n            case ECalendarViewMode.YEARS:\n                return 12;\n        }\n    };\n\n    return (\n        <div className={styles.calendarControls}>\n            {renderPrevButton()}\n            {viewMode === ECalendarViewMode.YEARS ? (\n                <span id={periodId} tabIndex={-1} aria-live=\"polite\">\n                    {children}\n                </span>\n            ) : (\n                renderViewButton()\n            )}\n            {renderNextButton()}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarControls.js","sources":["../../../../src/components/Calendar/components/CalendarControls.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { CalendarContext } from \"../CalendarContext\";\nimport { ICalendarProps } from \"../types\";\nimport { ICalendarNavigationStep, TCalendarShiftOperation, shiftDate } from \"../utils\";\nimport { Button } from \"../../Button/Button\";\nimport { ButtonIcon } from \"../../Button/ButtonIcon\";\nimport { EButtonTheme, EButtonIconShape } from \"../../Button/enums\";\nimport { ECalendarViewMode } from \"../enums\";\nimport { globalLimitRange } from \"../../../consts/DateConst\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport styles from \"../styles/CalendarControls.module.less\";\n\n/** Свойства компонента CalendarControls. */\nexport interface ICalendarControlsProps extends Pick<\n    ICalendarProps,\n    \"prevButtonProps\" | \"nextButtonProps\" | \"viewButtonProps\"\n> {\n    /** Заголовок календаря — текущий период. */\n    children: React.ReactNode;\n}\n\n/** Величина сдвига страницы календаря для каждого вида отображения. */\nconst PAGE_SHIFT_BY_VIEW_MODE: Record<ECalendarViewMode, ICalendarNavigationStep> = {\n    [ECalendarViewMode.DAYS]: { amount: 1, unit: \"month\" },\n    [ECalendarViewMode.MONTHS]: { amount: 1, unit: \"year\" },\n    [ECalendarViewMode.YEARS]: { amount: 12, unit: \"year\" },\n};\n\n/** Элементы управления календаря. */\nexport const CalendarControls: React.FC<ICalendarControlsProps> = ({\n    children,\n    prevButtonProps = {},\n    nextButtonProps = {},\n    viewButtonProps = {},\n}): JSX.Element => {\n    const { viewDate, viewMode, limitRange, periodId, onPageChange, onViewChange } = useContext(CalendarContext);\n\n    /** Рендер кнопки \"назад\". */\n    const renderPrevButton = () => {\n        const { disabled, onClick, ...rest } =\n            typeof prevButtonProps === \"function\" ? prevButtonProps(viewMode) : prevButtonProps;\n\n        return (\n            <ButtonIcon\n                shape={EButtonIconShape.CIRCLE}\n                disabled={disabled || isPrevButtonDisabled()}\n                onClick={handlePageButtonClick(\"subtract\", onClick)}\n                {...rest}\n            >\n                <CaretleftStrokeSrvIcon24 paletteIndex={5} />\n            </ButtonIcon>\n        );\n    };\n\n    /** Рендер кнопки \"вперед\". */\n    const renderNextButton = () => {\n        const { disabled, onClick, ...rest } =\n            typeof nextButtonProps === \"function\" ? nextButtonProps(viewMode) : nextButtonProps;\n\n        return (\n            <ButtonIcon\n                shape={EButtonIconShape.CIRCLE}\n                disabled={disabled || isNextButtonDisabled()}\n                onClick={handlePageButtonClick(\"add\", onClick)}\n                {...rest}\n            >\n                <CaretrightStrokeSrvIcon24 paletteIndex={5} />\n            </ButtonIcon>\n        );\n    };\n\n    /** Рендер кнопки \"изменить вид\". */\n    const renderViewButton = () => {\n        const { onClick, ...rest } =\n            typeof viewButtonProps === \"function\" ? viewButtonProps(viewMode) : viewButtonProps;\n\n        return (\n            <Button\n                id={periodId}\n                aria-live=\"polite\"\n                theme={EButtonTheme.LINK}\n                size={EComponentSize.SM}\n                onClick={handleViewButtonClick(onClick)}\n                {...rest}\n            >\n                {children}\n            </Button>\n        );\n    };\n\n    /** Проверяет, является ли кнопка \"назад\" отключенной. */\n    const isPrevButtonDisabled = () => {\n        const date = viewDate.clone();\n\n        if (viewMode === ECalendarViewMode.DAYS) {\n            date.startOf(\"month\");\n        } else if (viewMode === ECalendarViewMode.MONTHS) {\n            date.startOf(\"year\");\n        } else if (viewMode === ECalendarViewMode.YEARS) {\n            date.startOf(\"year\").subtract(5, \"years\");\n        }\n\n        return date.subtract(1, \"day\").isBefore(limitRange.dateFrom || globalLimitRange.dateFrom, \"day\");\n    };\n\n    /** Проверяет, является ли кнопка \"вперёд\" отключенной. */\n    const isNextButtonDisabled = () => {\n        const date = viewDate.clone();\n\n        if (viewMode === ECalendarViewMode.DAYS) {\n            date.endOf(\"month\");\n        } else if (viewMode === ECalendarViewMode.MONTHS) {\n            date.endOf(\"year\");\n        } else if (viewMode === ECalendarViewMode.YEARS) {\n            date.endOf(\"year\").add(6, \"years\");\n        }\n\n        return date.add(1, \"day\").isAfter(limitRange.dateTo || globalLimitRange.dateTo, \"day\");\n    };\n\n    /** Обработчик клика на кнопку переключения страницы (\"назад\" / \"вперёд\"). */\n    const handlePageButtonClick =\n        (operation: TCalendarShiftOperation, onClick?: React.MouseEventHandler<HTMLButtonElement>) =>\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            const date = shiftDate(viewDate.clone(), { operation, ...PAGE_SHIFT_BY_VIEW_MODE[viewMode] });\n\n            onPageChange(date, viewMode);\n            onClick?.(event);\n        };\n\n    /** Обработчик клика на кнопку \"изменить вид\". */\n    const handleViewButtonClick =\n        (onClick?: React.MouseEventHandler<HTMLButtonElement>) => (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (viewMode === ECalendarViewMode.DAYS) {\n                onViewChange(viewDate, ECalendarViewMode.MONTHS);\n            } else if (viewMode === ECalendarViewMode.MONTHS) {\n                onViewChange(viewDate, ECalendarViewMode.YEARS);\n            }\n\n            onClick?.(event);\n        };\n\n    return (\n        <div className={styles.calendarControls}>\n            {renderPrevButton()}\n            {viewMode === ECalendarViewMode.YEARS ? (\n                <span id={periodId} tabIndex={-1} aria-live=\"polite\">\n                    {children}\n                </span>\n            ) : (\n                renderViewButton()\n            )}\n            {renderNextButton()}\n        </div>\n    );\n};\n\nCalendarControls.displayName = \"CalendarControls\";\n"],"names":[],"mappings":"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"}

package/components/Calendar/components/CalendarFooter.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-const calendarFooter = "calendarFooter__7f8c6672";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+const calendarFooter = "calendarFooter__049e479d";
 const styles = {
   calendarFooter
 };
-const CalendarFooter = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.calendarFooter, children });
+const CalendarFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.calendarFooter, className), ...rest, children });
 CalendarFooter.displayName = "CalendarFooter";
 export {
   CalendarFooter

package/components/Calendar/components/CalendarFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarFooter.js","sources":["../../../../src/components/Calendar/components/CalendarFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/CalendarFooter.module.less\";\n\n/** Свойства компонента CalendarFooter. */\nexport interface ICalendarFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер календаря. */\nexport const CalendarFooter: React.FC<ICalendarFooterProps> = ({ children }) => (\n    <div className={styles.calendarFooter}>{children}</div>\n);\n\nCalendarFooter.displayName = \"CalendarFooter\";\n"],"names":[],"mappings":";;;;;AAOO,MAAM,iBAAiD,CAAC,EAAE,SAAA,0BAC5D,OAAA,EAAI,WAAW,OAAO,gBAAiB,SAAA,CAAS;AAGrD,eAAe,cAAc;"}
+{"version":3,"file":"CalendarFooter.js","sources":["../../../../src/components/Calendar/components/CalendarFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/CalendarFooter.module.less\";\n\n/** Свойства компонента CalendarFooter. */\nexport interface ICalendarFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Футер календаря. */\nexport const CalendarFooter: React.FC<ICalendarFooterProps> = ({ children, className, ...rest }) => (\n    <div className={clsx(styles.calendarFooter, className)} {...rest}>\n        {children}\n    </div>\n);\n\nCalendarFooter.displayName = \"CalendarFooter\";\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,iBAAiD,CAAC,EAAE,UAAU,WAAW,GAAG,WACrF,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,gBAAgB,SAAS,GAAI,GAAG,MACvD,SAAA,CACL;AAGJ,eAAe,cAAc;"}

package/components/Calendar/components/CalendarView.js

@@ -26,6 +26,7 @@ const CalendarView = ({
   };
   return /* @__PURE__ */ jsx(CalendarViewContext.Provider, { value: { viewItemFocusedRef }, children: renderCurrentView() });
 };
+CalendarView.displayName = "CalendarView";
 export {
   CalendarView
 };