@sberbusiness/triplex-next 0.39.0 → 0.41.0

package/components/AbstractTree/AbstractTreeNode.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { i as isEqual } from "../../chunks/vendor-DKrjZZwJ.js";
+import { i as isEqual } from "../../chunks/vendor-BtZO8a0z.js";
 class AbstractTreeNode {
   constructor() {
     // Массив дочерних нод.

package/components/AccordionBase/protected/AccordionBase.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React from "react";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 class AccordionBase extends React.Component {
   constructor(props) {
     super(props);

package/components/Alert/AlertContext/AlertContext.js

@@ -5,13 +5,13 @@ import { ALERT_TYPE_TO_CLASS_NAME_MAP } from "../AlertTypeUtils.js";
 import { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { SystemStrokeStsIcon16, ErrorStrokeStsIcon16, WarningStrokeStsIcon16, InfoStrokeStsIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
-const alertContext = "alertContext__0baba466";
-const alertContextText = "alertContextText__f7f52035";
-const alertTypeError = "alertTypeError__732b52bd";
-const alertTypeInfo = "alertTypeInfo__8c06cca4";
-const alertTypeWarning = "alertTypeWarning__1b3fbd69";
-const alertTypeSystem = "alertTypeSystem__ee94c528";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const alertContext = "alertContext__e196cc13";
+const alertContextText = "alertContextText__038ab8f1";
+const alertTypeError = "alertTypeError__c5a4cd60";
+const alertTypeInfo = "alertTypeInfo__7a9910c6";
+const alertTypeWarning = "alertTypeWarning__599f1827";
+const alertTypeSystem = "alertTypeSystem__38b692ae";
 const styles = {
   alertContext,
   alertContextText,
@@ -34,7 +34,7 @@ const AlertContext = React.forwardRef(
         role: "alert",
         className: clsx(styles.alertContext, ALERT_TYPE_TO_CLASS_NAME_MAP[type](styles), className),
         ...rest,
-        "data-tx": "0.39.0",
+        "data-tx": "0.41.0",
         ref,
         children: [
           renderIcon || TYPE_TO_DEFAULT_ICON_MAP[type],

package/components/Alert/AlertProcess/AlertProcess.js

@@ -3,11 +3,11 @@ import React, { useState } from "react";
 import { EAlertType } from "../EAlertType.js";
 import { ALERT_TYPE_TO_CLASS_NAME_MAP } from "../AlertTypeUtils.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-import { s as styles, A as AlertProcessSpoiler } from "../../../chunks/AlertProcessSpoiler-DRoHuVl6.js";
+import { s as styles, A as AlertProcessSpoiler } from "../../../chunks/AlertProcessSpoiler-BtnKN4rB.js";
 import { AlertProcessContext } from "./AlertProcessContext.js";
 import { EAlertProcessBorderRadius } from "./enums.js";
 import { DefaulticonStrokePrdIcon20, SystemStrokeStsIcon20, ErrorStrokeStsIcon20, WarningStrokeStsIcon20, InfoStrokeStsIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 const TYPE_TO_DEFAULT_ICON_MAP = {
   [EAlertType.INFO]: /* @__PURE__ */ jsx(InfoStrokeStsIcon20, { paletteIndex: 3 }),
   [EAlertType.WARNING]: /* @__PURE__ */ jsx(WarningStrokeStsIcon20, { paletteIndex: 2 }),
@@ -50,7 +50,7 @@ const AlertProcess = Object.assign(
           className
         ),
         ...rest,
-        "data-tx": "0.39.0",
+        "data-tx": "0.41.0",
         ref,
         children: [
           /* @__PURE__ */ jsx("div", { className: styles.themeIcon, children: renderIcon ? renderIcon : TYPE_TO_DEFAULT_ICON_MAP[type] }),

package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js

@@ -3,8 +3,8 @@ import "react";
 import "@sberbusiness/icons-next";
 import "../../../Button/ButtonIcon.js";
 import "../AlertProcessContext.js";
-import { A } from "../../../../chunks/AlertProcessSpoiler-DRoHuVl6.js";
-import "../../../../chunks/vendor-DKrjZZwJ.js";
+import { A } from "../../../../chunks/AlertProcessSpoiler-BtnKN4rB.js";
+import "../../../../chunks/vendor-BtZO8a0z.js";
 export {
   A as AlertProcessSpoiler
 };

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-DKrjZZwJ.js";
-const adaptive = "adaptive__a95dfe6e";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const adaptive = "adaptive__a2379db4";
 const styles = {
   adaptive
 };
@@ -30,7 +30,7 @@ const Amount = ({
     },
     className
   );
-  return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, "data-tx": "0.39.0", children: [
+  return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, "data-tx": "0.41.0", children: [
     /* @__PURE__ */ jsx("span", { "data-test-id": dataTestId && `${dataTestId}__amount`, children: formattedAmount }),
     currency && renderCurrencyName()
   ] });

package/components/Avatar/Avatar.js

@@ -1,20 +1,20 @@
 import { EAvatarSize } from "./enums.js";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const avatar = "avatar__50c7641e";
-const borderRadius6 = "borderRadius6__b67314d6";
-const borderRadius8 = "borderRadius8__bf12c46a";
-const borderRadius10 = "borderRadius10__07091e3e";
-const borderRadius12 = "borderRadius12__df33a14c";
-const borderRadius16 = "borderRadius16__727271ae";
-const xxs = "xxs__46bd7c20";
-const xs = "xs__5a5abac4";
-const sm = "sm__b7135a6e";
-const md = "md__ae2b61b5";
-const lg = "lg__b56f88bb";
-const xl = "xl__809b24bb";
-const xxl = "xxl__18c6c3d3";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const avatar = "avatar__3365edc6";
+const borderRadius6 = "borderRadius6__3f82dc7d";
+const borderRadius8 = "borderRadius8__e495dc84";
+const borderRadius10 = "borderRadius10__c42195ec";
+const borderRadius12 = "borderRadius12__7eaf6134";
+const borderRadius16 = "borderRadius16__db87cf1d";
+const xxs = "xxs__d8d715cc";
+const xs = "xs__bbfcc34c";
+const sm = "sm__d332b9b8";
+const md = "md__049a2197";
+const lg = "lg__fa94a2db";
+const xl = "xl__44604558";
+const xxl = "xxl__66a19c2f";
 const styles = {
   avatar,
   borderRadius6,

package/components/Badge/Badge.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 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__f2576a1e";
-const sm = "sm__8f68c46a";
-const md = "md__84464d76";
-const lg = "lg__20a53d57";
+const badge = "badge__12e8ce95";
+const sm = "sm__d88f44b9";
+const md = "md__21e676e1";
+const lg = "lg__02e7a566";
 const styles = {
   badge,
   sm,

package/components/Badge/BadgeDot.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const badgeDot = "badgeDot__e03ba0de";
-const sm = "sm__8f68c46a";
-const md = "md__84464d76";
-const lg = "lg__20a53d57";
+const badgeDot = "badgeDot__78db9828";
+const sm = "sm__d88f44b9";
+const md = "md__21e676e1";
+const lg = "lg__02e7a566";
 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-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const badgeContent = "badgeContent__fd3502d4";
-const sm = "sm__8f68c46a";
-const md = "md__84464d76";
-const lg = "lg__20a53d57";
-const noPaddingLeft = "noPaddingLeft__782749b1";
-const noPaddingRight = "noPaddingRight__4d8a90be";
+const badgeContent = "badgeContent__6cb4ad91";
+const sm = "sm__d88f44b9";
+const md = "md__21e676e1";
+const lg = "lg__02e7a566";
+const noPaddingLeft = "noPaddingLeft__1eaf5b3e";
+const noPaddingRight = "noPaddingRight__b7340ba5";
 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-DKrjZZwJ.js";
-const badgePostfix = "badgePostfix__481af0ac";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const badgePostfix = "badgePostfix__d6fd428f";
 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-DKrjZZwJ.js";
-const badgePrefix = "badgePrefix__d344b2ce";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+const badgePrefix = "badgePrefix__3f936e98";
 const styles = {
   badgePrefix
 };

package/components/Body/Body.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const body = "body__2136b602";
-const bodyInner = "bodyInner__a6e43979";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const body = "body__11c8c50a";
+const bodyInner = "bodyInner__e5a3709f";
 const styles = {
   body,
   bodyInner
 };
-const Body = React.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.body, className), ...rest, "data-tx": "0.39.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
+const Body = React.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.body, className), ...rest, "data-tx": "0.41.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
 Body.displayName = "Body";
 export {
   Body

package/components/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.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__8b2228a0";
-const expanded$4 = "expanded__a66663ba";
+const general = "general__be003e13";
+const expanded$4 = "expanded__c127a453";
 const generalStyles = {
   general,
   expanded: expanded$4
 };
-const secondary = "secondary__11fa1cdf";
-const expanded$3 = "expanded__a66663ba";
+const secondary = "secondary__a1665006";
+const expanded$3 = "expanded__c127a453";
 const secondaryStyles = {
   secondary,
   expanded: expanded$3
 };
-const secondaryLight = "secondaryLight__0d5adae3";
-const expanded$2 = "expanded__a66663ba";
+const secondaryLight = "secondaryLight__693a9366";
+const expanded$2 = "expanded__c127a453";
 const secondaryLightStyles = {
   secondaryLight,
   expanded: expanded$2
 };
-const danger = "danger__6ca1cb73";
-const expanded$1 = "expanded__a66663ba";
+const danger = "danger__6e9c01ef";
+const expanded$1 = "expanded__c127a453";
 const dangerStyles = {
   danger,
   expanded: expanded$1
 };
-const link = "link__06ee90d0";
-const expanded = "expanded__a66663ba";
+const link = "link__9490cd4e";
+const expanded = "expanded__c127a453";
 const linkStyles = {
   link,
   expanded
 };
-const button = "button__521493b2";
-const sm = "sm__5ef0d28b";
-const icon = "icon__dd3ea7ac";
-const md = "md__21acd38d";
-const lg = "lg__08060e30";
-const block = "block__31bfbfc4";
-const content = "content__133f11b2";
-const loading = "loading__ca45c64f";
-const loader = "loader__6e8597fd";
-const hidden = "hidden__d18d66fd";
+const button = "button__2597c676";
+const sm = "sm__42b8f138";
+const icon = "icon__11566009";
+const md = "md__7d966678";
+const lg = "lg__50553a18";
+const block = "block__243e3f6a";
+const content = "content__be245a74";
+const loading = "loading__830b98c9";
+const loader = "loader__977406dd";
+const hidden = "hidden__1c8a5ddb";
 const styles = {
   button,
   sm,

package/components/Button/ButtonBase.js

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

package/components/Button/ButtonDropdown.js

@@ -2,7 +2,7 @@ import { Button } from "./Button.js";
 import "./ButtonIcon.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useRef, useState, createElement } from "react";
-import { c as clsx, u as uniqueId } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx, u as uniqueId } from "../../chunks/vendor-BtZO8a0z.js";
 import { DotshorizontalStrokeSrvIcon32, DotshorizontalStrokeSrvIcon24, DotshorizontalStrokeSrvIcon20, CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonDropdownExtended } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme, EButtonTheme } from "./enums.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-COR0eOzM.js";
+import "../../chunks/DropdownListItem-BVmaxhUL.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__1d4799c8";
-const block = "block__31bfbfc4";
-const buttonDropdownTarget = "buttonDropdownTarget__25283eb6";
-const dots = "dots__37c5ed9c";
-const caretIcon = "caretIcon__46cd5395";
-const active = "active__572c539d";
-const buttonDropdownMenuItem = "buttonDropdownMenuItem__c7c63b4b";
+const buttonDropdown = "buttonDropdown__0b323ff1";
+const block = "block__243e3f6a";
+const buttonDropdownTarget = "buttonDropdownTarget__e7f88f53";
+const dots = "dots__5b0926eb";
+const caretIcon = "caretIcon__02720035";
+const active = "active__a6671a5b";
+const buttonDropdownMenuItem = "buttonDropdownMenuItem__3047339a";
 const styles = {
   buttonDropdown,
   block,

package/components/Button/ButtonDropdownExtended.js

@@ -3,9 +3,9 @@ import { useRef, useState, useCallback, useEffect } from "react";
 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-DKrjZZwJ.js";
-const buttonDropdownExtended = "buttonDropdownExtended__27a9a2b9";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__c1ecf78f";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const buttonDropdownExtended = "buttonDropdownExtended__79b4211d";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__c22e6419";
 const styles = {
   buttonDropdownExtended,
   buttonDropdownExtendedBlock
@@ -13,18 +13,18 @@ const styles = {
 const ButtonDropdownExtended = (props) => {
   const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;
   const containerRef = useRef(null);
-  const isControlledRef = useRef(props.opened !== void 0);
-  const [uncontrolledOpened, setUncontrolledOpened] = useState(props.opened === void 0 ? false : false);
-  const computedOpened = isControlledRef.current ? !!opened : uncontrolledOpened;
-  const handleOpen = useCallback(
+  const [isControlled] = useState(() => opened !== void 0);
+  const [uncontrolledOpened, setUncontrolledOpened] = useState(false);
+  const computedOpened = isControlled ? !!opened : uncontrolledOpened;
+  const handleOpenedChange = useCallback(
     (nextOpened) => {
-      if (isControlledRef.current) {
-        setOpened && setOpened(nextOpened);
+      if (isControlled) {
+        setOpened == null ? void 0 : setOpened(nextOpened);
         return;
       }
       setUncontrolledOpened(nextOpened);
     },
-    [setOpened]
+    [isControlled, setOpened]
   );
   useEffect(() => {
     if (!computedOpened) {
@@ -32,20 +32,16 @@ const ButtonDropdownExtended = (props) => {
     }
     const handleKeyDown = (event) => {
       const key = event.code || event.keyCode;
-      if (computedOpened) {
-        if (isKey(key, "ESCAPE") || closeOnTab && isKey(key, "TAB")) {
-          handleOpen(false);
-        }
+      if (isKey(key, "ESCAPE") || closeOnTab && isKey(key, "TAB")) {
+        handleOpenedChange(false);
       }
     };
     const handleClickOutside = (event) => {
       const button = containerRef.current;
       const dropdown = dropdownRef.current;
-      if (computedOpened) {
-        const targetNode = event.target;
-        if (targetNode && !(button == null ? void 0 : button.contains(targetNode)) && !(dropdown == null ? void 0 : dropdown.contains(targetNode))) {
-          handleOpen(false);
-        }
+      const targetNode = event.target;
+      if (targetNode && !(button == null ? void 0 : button.contains(targetNode)) && !(dropdown == null ? void 0 : dropdown.contains(targetNode))) {
+        handleOpenedChange(false);
       }
     };
     document.addEventListener("keydown", handleKeyDown);
@@ -56,14 +52,14 @@ const ButtonDropdownExtended = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
       document.removeEventListener("touchstart", handleClickOutside);
     };
-  }, [computedOpened, closeOnTab, dropdownRef, handleOpen, containerRef]);
+  }, [computedOpened, closeOnTab, dropdownRef, handleOpenedChange]);
   const classNames = clsx(styles.buttonDropdownExtended, className);
   return /* @__PURE__ */ jsxs("div", { className: classNames, ref: containerRef, ...rest, children: [
-    renderButton({ opened: computedOpened, setOpened: handleOpen }),
+    renderButton({ opened: computedOpened, setOpened: handleOpenedChange }),
     renderDropdown({
       className: styles.buttonDropdownExtendedBlock,
       opened: computedOpened,
-      setOpened: handleOpen
+      setOpened: handleOpenedChange
     })
   ] });
 };

package/components/Button/ButtonDropdownExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDropdownExtended.js","sources":["../../../src/components/Button/ButtonDropdownExtended.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Dropdown } from \"@sberbusiness/triplex-next/components/Dropdown/Dropdown\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/ButtonDropdownExtended.module.less\";\n\n/** Свойства встроенной кнопки. */\nexport interface IButtonDropdownExtendedButtonProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n}\n\n/** Свойства встроенного выпадающего блока. */\nexport interface IButtonDropdownExtendedDropdownProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n    /** Пробрасываемый стилевой класс. */\n    className: string;\n}\n\n/** Свойства кнопки с выпадающим блоком. */\nexport interface IButtonDropdownExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контролируемое состояние открытости. */\n    opened?: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened?: (opened: boolean) => void;\n    /** Функция, отрисовывающая кнопку. */\n    renderButton: (props: IButtonDropdownExtendedButtonProvideProps) => React.ReactNode;\n    /** Функция, отрисовывающая выпадающий блок. */\n    renderDropdown: (props: IButtonDropdownExtendedDropdownProvideProps) => React.ReactNode;\n    /** Ссылка на выпадающий блок. */\n    dropdownRef: React.RefObject<HTMLElement>;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/**\n * Компонент \"Кнопка с выпадающим блоком\".\n * Позволяет кастомизировать кнопку открытия Dropdown и сам Dropdown.\n */\nexport interface IButtonDropdownExtendedComponent extends React.FC<IButtonDropdownExtendedProps> {\n    Dropdown: typeof Dropdown;\n    DropdownList: typeof DropdownList;\n};\n\nexport const ButtonDropdownExtended: IButtonDropdownExtendedComponent = (props) => {\n    const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const isControlledRef = useRef<boolean>(props.opened !== undefined);\n    const [uncontrolledOpened, setUncontrolledOpened] = useState<boolean>(props.opened === undefined ? false : false);\n\n    const computedOpened = isControlledRef.current ? !!opened : uncontrolledOpened;\n\n    const handleOpen = useCallback(\n        (nextOpened: boolean) => {\n            if (isControlledRef.current) {\n                setOpened && setOpened(nextOpened);\n                return;\n            }\n            setUncontrolledOpened(nextOpened);\n        },\n        [setOpened]\n    );\n\n    useEffect(() => {\n        if (!computedOpened) {\n            return;\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            const key: string | number = event.code || event.keyCode;\n            if (computedOpened) {\n                if (isKey(key, \"ESCAPE\") || (closeOnTab && isKey(key, \"TAB\"))) {\n                    handleOpen(false);\n                }\n            }\n        };\n\n        const handleClickOutside = (event: Event) => {\n            const button = containerRef.current;\n            const dropdown = dropdownRef.current;\n\n            if (computedOpened) {\n                const targetNode = event.target as Node | null;\n                if (targetNode && !button?.contains(targetNode) && !dropdown?.contains(targetNode)) {\n                    handleOpen(false);\n                }\n            }\n        };\n\n        document.addEventListener(\"keydown\", handleKeyDown);\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        document.addEventListener(\"touchstart\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"keydown\", handleKeyDown);\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n            document.removeEventListener(\"touchstart\", handleClickOutside);\n        };\n    }, [computedOpened, closeOnTab, dropdownRef, handleOpen, containerRef]);\n\n    const classNames = clsx(styles.buttonDropdownExtended, className);\n\n    return (\n        <div className={classNames} ref={containerRef} {...rest}>\n            {renderButton({ opened: computedOpened, setOpened: handleOpen })}\n            {renderDropdown({\n                className: styles.buttonDropdownExtendedBlock,\n                opened: computedOpened,\n                setOpened: handleOpen,\n            })}\n        </div>\n    );\n};\n\nButtonDropdownExtended.Dropdown = Dropdown;\nButtonDropdownExtended.DropdownList = DropdownList;\n"],"names":[],"mappings":";;;;;;;;;;;;AAkDO,MAAM,yBAA2D,CAAC,UAAU;AAC/E,QAAM,EAAE,WAAW,QAAQ,WAAW,cAAc,gBAAgB,aAAa,YAAY,GAAG,KAAA,IAAS;AAEzG,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,kBAAkB,OAAgB,MAAM,WAAW,MAAS;AAClE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAkB,MAAM,WAAW,SAAY,QAAQ,KAAK;AAEhH,QAAM,iBAAiB,gBAAgB,UAAU,CAAC,CAAC,SAAS;AAE5D,QAAM,aAAa;AAAA,IACf,CAAC,eAAwB;AACrB,UAAI,gBAAgB,SAAS;AACzB,qBAAa,UAAU,UAAU;AACjC;AAAA,MACJ;AACA,4BAAsB,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGd,YAAU,MAAM;AACZ,QAAI,CAAC,gBAAgB;AACjB;AAAA,IACJ;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC5C,YAAM,MAAuB,MAAM,QAAQ,MAAM;AACjD,UAAI,gBAAgB;AAChB,YAAI,MAAM,KAAK,QAAQ,KAAM,cAAc,MAAM,KAAK,KAAK,GAAI;AAC3D,qBAAW,KAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAEA,UAAM,qBAAqB,CAAC,UAAiB;AACzC,YAAM,SAAS,aAAa;AAC5B,YAAM,WAAW,YAAY;AAE7B,UAAI,gBAAgB;AAChB,cAAM,aAAa,MAAM;AACzB,YAAI,cAAc,EAAC,iCAAQ,SAAS,gBAAe,EAAC,qCAAU,SAAS,cAAa;AAChF,qBAAW,KAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,aAAS,iBAAiB,cAAc,kBAAkB;AAE1D,WAAO,MAAM;AACT,eAAS,oBAAoB,WAAW,aAAa;AACrD,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,eAAS,oBAAoB,cAAc,kBAAkB;AAAA,IACjE;AAAA,EACJ,GAAG,CAAC,gBAAgB,YAAY,aAAa,YAAY,YAAY,CAAC;AAEtE,QAAM,aAAa,KAAK,OAAO,wBAAwB,SAAS;AAEhE,8BACK,OAAA,EAAI,WAAW,YAAY,KAAK,cAAe,GAAG,MAC9C,UAAA;AAAA,IAAA,aAAa,EAAE,QAAQ,gBAAgB,WAAW,YAAY;AAAA,IAC9D,eAAe;AAAA,MACZ,WAAW,OAAO;AAAA,MAClB,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA,CACd;AAAA,EAAA,GACL;AAER;AAEA,uBAAuB,WAAW;AAClC,uBAAuB,eAAe;"}
+{"version":3,"file":"ButtonDropdownExtended.js","sources":["../../../src/components/Button/ButtonDropdownExtended.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Dropdown } from \"@sberbusiness/triplex-next/components/Dropdown/Dropdown\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/ButtonDropdownExtended.module.less\";\n\n/** Свойства встроенной кнопки. */\nexport interface IButtonDropdownExtendedButtonProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n}\n\n/** Свойства встроенного выпадающего блока. */\nexport interface IButtonDropdownExtendedDropdownProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n    /** Пробрасываемый стилевой класс. */\n    className: string;\n}\n\n/** Свойства кнопки с выпадающим блоком. */\nexport interface IButtonDropdownExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контролируемое состояние открытости. Если передан на первом рендере, компонент работает в контролируемом режиме. */\n    opened?: boolean;\n    /** Функция, контролирующая состояние открытости. Вызывается только в контролируемом режиме. */\n    setOpened?: (opened: boolean) => void;\n    /** Функция, отрисовывающая кнопку. */\n    renderButton: (props: IButtonDropdownExtendedButtonProvideProps) => React.ReactNode;\n    /** Функция, отрисовывающая выпадающий блок. */\n    renderDropdown: (props: IButtonDropdownExtendedDropdownProvideProps) => React.ReactNode;\n    /** Ссылка на выпадающий блок. Нужна, чтобы клик внутри блока не считался кликом снаружи. */\n    dropdownRef: React.RefObject<HTMLElement>;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/** Тип компонента \"Кнопка с выпадающим блоком\" со статическими субкомпонентами. */\nexport interface IButtonDropdownExtendedComponent extends React.FC<IButtonDropdownExtendedProps> {\n    /** Выпадающий блок. */\n    Dropdown: typeof Dropdown;\n    /** Список опций для выпадающего блока. */\n    DropdownList: typeof DropdownList;\n}\n\n/**\n * Компонент \"Кнопка с выпадающим блоком\".\n * Позволяет кастомизировать кнопку открытия Dropdown и сам Dropdown через render-функции.\n * Пока блок открыт, слушает документ и закрывает его по Escape, по Tab (при closeOnTab)\n * и по клику вне кнопки и вне выпадающего блока.\n */\nexport const ButtonDropdownExtended: IButtonDropdownExtendedComponent = (props) => {\n    const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    // Режим управления фиксируется на монтировании и дальше не меняется.\n    const [isControlled] = useState<boolean>(() => opened !== undefined);\n    const [uncontrolledOpened, setUncontrolledOpened] = useState<boolean>(false);\n\n    const computedOpened = isControlled ? !!opened : uncontrolledOpened;\n\n    const handleOpenedChange = useCallback(\n        (nextOpened: boolean) => {\n            if (isControlled) {\n                setOpened?.(nextOpened);\n                return;\n            }\n            setUncontrolledOpened(nextOpened);\n        },\n        [isControlled, setOpened],\n    );\n\n    useEffect(() => {\n        if (!computedOpened) {\n            return;\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            const key: string | number = event.code || event.keyCode;\n\n            if (isKey(key, \"ESCAPE\") || (closeOnTab && isKey(key, \"TAB\"))) {\n                handleOpenedChange(false);\n            }\n        };\n\n        const handleClickOutside = (event: Event) => {\n            const button = containerRef.current;\n            const dropdown = dropdownRef.current;\n            const targetNode = event.target as Node | null;\n\n            if (targetNode && !button?.contains(targetNode) && !dropdown?.contains(targetNode)) {\n                handleOpenedChange(false);\n            }\n        };\n\n        document.addEventListener(\"keydown\", handleKeyDown);\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        document.addEventListener(\"touchstart\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"keydown\", handleKeyDown);\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n            document.removeEventListener(\"touchstart\", handleClickOutside);\n        };\n    }, [computedOpened, closeOnTab, dropdownRef, handleOpenedChange]);\n\n    const classNames = clsx(styles.buttonDropdownExtended, className);\n\n    return (\n        <div className={classNames} ref={containerRef} {...rest}>\n            {renderButton({ opened: computedOpened, setOpened: handleOpenedChange })}\n            {renderDropdown({\n                className: styles.buttonDropdownExtendedBlock,\n                opened: computedOpened,\n                setOpened: handleOpenedChange,\n            })}\n        </div>\n    );\n};\n\nButtonDropdownExtended.Dropdown = Dropdown;\nButtonDropdownExtended.DropdownList = DropdownList;\n"],"names":[],"mappings":";;;;;;;;;;;;AAuDO,MAAM,yBAA2D,CAAC,UAAU;AAC/E,QAAM,EAAE,WAAW,QAAQ,WAAW,cAAc,gBAAgB,aAAa,YAAY,GAAG,KAAA,IAAS;AAEzG,QAAM,eAAe,OAAuB,IAAI;AAEhD,QAAM,CAAC,YAAY,IAAI,SAAkB,MAAM,WAAW,MAAS;AACnE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAkB,KAAK;AAE3E,QAAM,iBAAiB,eAAe,CAAC,CAAC,SAAS;AAEjD,QAAM,qBAAqB;AAAA,IACvB,CAAC,eAAwB;AACrB,UAAI,cAAc;AACd,+CAAY;AACZ;AAAA,MACJ;AACA,4BAAsB,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,cAAc,SAAS;AAAA,EAAA;AAG5B,YAAU,MAAM;AACZ,QAAI,CAAC,gBAAgB;AACjB;AAAA,IACJ;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC5C,YAAM,MAAuB,MAAM,QAAQ,MAAM;AAEjD,UAAI,MAAM,KAAK,QAAQ,KAAM,cAAc,MAAM,KAAK,KAAK,GAAI;AAC3D,2BAAmB,KAAK;AAAA,MAC5B;AAAA,IACJ;AAEA,UAAM,qBAAqB,CAAC,UAAiB;AACzC,YAAM,SAAS,aAAa;AAC5B,YAAM,WAAW,YAAY;AAC7B,YAAM,aAAa,MAAM;AAEzB,UAAI,cAAc,EAAC,iCAAQ,SAAS,gBAAe,EAAC,qCAAU,SAAS,cAAa;AAChF,2BAAmB,KAAK;AAAA,MAC5B;AAAA,IACJ;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,aAAS,iBAAiB,cAAc,kBAAkB;AAE1D,WAAO,MAAM;AACT,eAAS,oBAAoB,WAAW,aAAa;AACrD,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,eAAS,oBAAoB,cAAc,kBAAkB;AAAA,IACjE;AAAA,EACJ,GAAG,CAAC,gBAAgB,YAAY,aAAa,kBAAkB,CAAC;AAEhE,QAAM,aAAa,KAAK,OAAO,wBAAwB,SAAS;AAEhE,8BACK,OAAA,EAAI,WAAW,YAAY,KAAK,cAAe,GAAG,MAC9C,UAAA;AAAA,IAAA,aAAa,EAAE,QAAQ,gBAAgB,WAAW,oBAAoB;AAAA,IACtE,eAAe;AAAA,MACZ,WAAW,OAAO;AAAA,MAClB,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA,CACd;AAAA,EAAA,GACL;AAER;AAEA,uBAAuB,WAAW;AAClC,uBAAuB,eAAe;"}

package/components/Button/ButtonIcon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__3f693098";
-const circle = "circle__e6916b78";
-const squircle = "squircle__b8320978";
+const buttonIcon = "buttonIcon__dbe0f180";
+const circle = "circle__54632579";
+const squircle = "squircle__6c2e542f";
 const styles = {
   buttonIcon,
   circle,

package/components/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../src/components/Button/ButtonIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { DataAttributes } from \"@sberbusiness/triplex-next/types/CoreTypes\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button/enums\";\nimport { IconWrapper } from \"@sberbusiness/triplex-next/components/IconWrapper\";\nimport styles from \"./styles/ButtonIcon.module.less\";\n\nconst SHAPE_TO_CLASS_NAME_MAP: Record<EButtonIconShape, string> = {\n    [EButtonIconShape.SQUIRCLE]: styles.squircle,\n    [EButtonIconShape.CIRCLE]: styles.circle,\n};\n\n/** Свойства компонента ButtonIcon. */\nexport interface IButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, DataAttributes {\n    /** Форма границы кнопки. */\n    shape?: EButtonIconShape;\n    /** Активное состояние. */\n    active?: boolean;\n}\n\n/** Кнопка-иконка. */\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, IButtonIconProps>(\n    ({ className, disabled, shape = EButtonIconShape.SQUIRCLE, active, ...rest }, ref) => {\n        const classNames = clsx(styles.buttonIcon, SHAPE_TO_CLASS_NAME_MAP[shape], className);\n\n        return (\n            <IconWrapper displayContents disabled={disabled} active={active}>\n                <button type=\"button\" className={classNames} disabled={disabled} {...rest} ref={ref} />\n            </IconWrapper>\n        );\n    },\n);\n\nButtonIcon.displayName = \"ButtonIcon\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AAOA,MAAM,0BAA4D;AAAA,EAC9D,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,MAAM,GAAG,OAAO;AACtC;AAWO,MAAM,aAAa,MAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,UAAU,QAAQ,iBAAiB,UAAU,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AAClF,UAAM,aAAa,KAAK,OAAO,YAAY,wBAAwB,KAAK,GAAG,SAAS;AAEpF,+BACK,aAAA,EAAY,iBAAe,MAAC,UAAoB,QAC7C,UAAA,oBAAC,UAAA,EAAO,MAAK,UAAS,WAAW,YAAY,UAAqB,GAAG,MAAM,KAAU,GACzF;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../src/components/Button/ButtonIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport { EButtonIconShape } from \"./enums\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/ButtonIcon.module.less\";\n\nconst SHAPE_TO_CLASS_NAME_MAP: Record<EButtonIconShape, string> = {\n    [EButtonIconShape.SQUIRCLE]: styles.squircle,\n    [EButtonIconShape.CIRCLE]: styles.circle,\n};\n\n/** Свойства компонента ButtonIcon. */\nexport interface IButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, DataAttributes {\n    /** Форма границы кнопки. По умолчанию EButtonIconShape.SQUIRCLE. */\n    shape?: EButtonIconShape;\n    /** Активное состояние. По умолчанию false. */\n    active?: boolean;\n    /**\n     * Содержимое кнопки, обычно иконка из @sberbusiness/icons-next.\n     * Не деструктурируется отдельно — уходит на корневой button внутри ...rest.\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Кнопка-иконка — компактный интерактивный элемент без текстового контента.\n * Размер задаётся размером переданной иконки. Требует aria-label от потребителя.\n */\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, IButtonIconProps>(\n    ({ className, disabled, shape = EButtonIconShape.SQUIRCLE, active, ...rest }, ref) => {\n        const classNames = clsx(styles.buttonIcon, SHAPE_TO_CLASS_NAME_MAP[shape], className);\n\n        return (\n            <IconWrapper displayContents disabled={disabled} active={active}>\n                <button type=\"button\" className={classNames} disabled={disabled} {...rest} ref={ref} />\n            </IconWrapper>\n        );\n    },\n);\n\nButtonIcon.displayName = \"ButtonIcon\";\n"],"names":[],"mappings":";;;;;;;;;;;;;AAOA,MAAM,0BAA4D;AAAA,EAC9D,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,MAAM,GAAG,OAAO;AACtC;AAmBO,MAAM,aAAa,MAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,UAAU,QAAQ,iBAAiB,UAAU,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AAClF,UAAM,aAAa,KAAK,OAAO,YAAY,wBAAwB,KAAK,GAAG,SAAS;AAEpF,+BACK,aAAA,EAAY,iBAAe,MAAC,UAAoB,QAC7C,UAAA,oBAAC,UAAA,EAAO,MAAK,UAAS,WAAW,YAAY,UAAqB,GAAG,MAAM,KAAU,GACzF;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}

package/components/Calendar/Calendar.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import moment from "moment";
 import { globalLimitRange, dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EComponentSize } from "../../enums/EComponentSize.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__32f4cb59";
-const extraBottom = "extraBottom__9d9f5843";
-const adaptive = "adaptive__f9084c40";
+import { parsePickedDate, formatDate } from "./utils.js";
+const calendar = "calendar__0ee2e2e2";
+const extraBottom = "extraBottom__d2ad6d66";
+const adaptive = "adaptive__9297fd47";
 const styles = {
   calendar,
   extraBottom,
@@ -138,25 +138,24 @@ class Calendar extends React.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.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": "0.39.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "0.41.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {
           format,
+          // Значения не undefined: заданы в defaultProps, но TypeScript не сужает тип опциональных props.
           limitRange,
           pickType,
           markedDays,