@sberbusiness/triplex-next 1.47.0 → 1.49.0

package/components/Alert/AlertProcess/AlertProcess.js

@@ -5,7 +5,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 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-Bws9nhT_.js";
+import { s as styles, A as AlertProcessSpoiler } from "../../../chunks/AlertProcessSpoiler-B9Dc5jwT.js";
 import { AlertProcessContext } from "./AlertProcessContext.js";
 import { EAlertProcessBorderRadius } from "./enums.js";
 const TYPE_TO_DEFAULT_ICON_MAP = {
@@ -50,7 +50,7 @@ const AlertProcess = Object.assign(
           className
         ),
         ...rest,
-        "data-tx": "1.47.0",
+        "data-tx": "1.49.0",
         ref,
         children: [
           /* @__PURE__ */ jsx("div", { className: styles.themeIcon, children: renderIcon || TYPE_TO_DEFAULT_ICON_MAP[type] }),

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

@@ -4,7 +4,7 @@ import "@sberbusiness/icons-next";
 import "../../../../chunks/vendor-CUIykw0y.js";
 import "../../../Button/ButtonIcon.js";
 import "../AlertProcessContext.js";
-import { A } from "../../../../chunks/AlertProcessSpoiler-Bws9nhT_.js";
+import { A } from "../../../../chunks/AlertProcessSpoiler-B9Dc5jwT.js";
 export {
   A as AlertProcessSpoiler
 };

package/components/Amount/Amount.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { formatAmount } from "../../utils/amountUtils.js";
-const adaptive = "adaptive__5857b696";
+const adaptive = "adaptive__9da01ad2";
 const styles = {
   adaptive
 };
@@ -20,7 +20,7 @@ const Amount = React__default.forwardRef(
       },
       className
     );
-    return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, ref, "data-tx": "1.47.0", children: [
+    return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, ref, "data-tx": "1.49.0", children: [
       /* @__PURE__ */ jsx("span", { "data-test-id": dataTestId && `${dataTestId}__amount`, children: formattedAmount }),
       currency && /* @__PURE__ */ jsxs(Fragment, { children: [
         NON_BREAKING_SPACE,

package/components/AmountField/AmountField.js

@@ -20,14 +20,14 @@ import { setCaretPosition } from "../../utils/inputUtils.js";
 import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { createPlaceholder, syncCoreAndGetFormattedValue, setFallbackCaret } from "./utils.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const amountFieldInputWrapper = "amountFieldInputWrapper__d59502fd";
-const currencyLayout = "currencyLayout__75688e4b";
-const sm = "sm__d5279867";
-const md = "md__02cea32d";
-const lg = "lg__2ae4bb41";
-const valueMirror = "valueMirror__6d42fc19";
-const currencyUnit = "currencyUnit__18f230c3";
-const disabled = "disabled__77afa8d2";
+const amountFieldInputWrapper = "amountFieldInputWrapper__56608607";
+const currencyLayout = "currencyLayout__b9216a01";
+const sm = "sm__e9bae9df";
+const md = "md__55dbbcec";
+const lg = "lg__e4892ce5";
+const valueMirror = "valueMirror__8117b84c";
+const currencyUnit = "currencyUnit__0a6272a9";
+const disabled = "disabled__c9c18433";
 const styles = {
   amountFieldInputWrapper,
   currencyLayout,

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-CUIykw0y.js";
-const avatar = "avatar__f8400d7f";
-const borderRadius6 = "borderRadius6__84aa0e85";
-const borderRadius8 = "borderRadius8__a3f6da82";
-const borderRadius10 = "borderRadius10__32541cdd";
-const borderRadius12 = "borderRadius12__ccd36edd";
-const borderRadius16 = "borderRadius16__1435b46e";
-const xxs = "xxs__60de47f0";
-const xs = "xs__13ec70db";
-const sm = "sm__e54e69bf";
-const md = "md__9520e0e8";
-const lg = "lg__7da86faf";
-const xl = "xl__1950e992";
-const xxl = "xxl__f1fb05ec";
+const avatar = "avatar__03c908c1";
+const borderRadius6 = "borderRadius6__4ae538ae";
+const borderRadius8 = "borderRadius8__ad1851e4";
+const borderRadius10 = "borderRadius10__c71f2942";
+const borderRadius12 = "borderRadius12__ea9e69e1";
+const borderRadius16 = "borderRadius16__c0c9dbd1";
+const xxs = "xxs__3a157f9d";
+const xs = "xs__35e20c4d";
+const sm = "sm__7036be11";
+const md = "md__f6bfac57";
+const lg = "lg__6c32d9e3";
+const xl = "xl__1d628060";
+const xxl = "xxl__ce299b57";
 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__3866dcbc";
-const sm = "sm__4e36c9cd";
-const md = "md__82bbbb79";
-const lg = "lg__15ead9b9";
+const badge = "badge__9da31b69";
+const sm = "sm__751fb4f1";
+const md = "md__17c2e820";
+const lg = "lg__07878a0c";
 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-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const badgeDot = "badgeDot__d89b099f";
-const sm = "sm__4e36c9cd";
-const md = "md__82bbbb79";
-const lg = "lg__15ead9b9";
+const badgeDot = "badgeDot__b734d1e4";
+const sm = "sm__751fb4f1";
+const md = "md__17c2e820";
+const lg = "lg__07878a0c";
 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-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const badgeContent = "badgeContent__71f8b798";
-const sm = "sm__4e36c9cd";
-const md = "md__82bbbb79";
-const lg = "lg__15ead9b9";
-const noPaddingLeft = "noPaddingLeft__d7ba5f98";
-const noPaddingRight = "noPaddingRight__c17aa536";
+const badgeContent = "badgeContent__cd1049fe";
+const sm = "sm__751fb4f1";
+const md = "md__17c2e820";
+const lg = "lg__07878a0c";
+const noPaddingLeft = "noPaddingLeft__4f536357";
+const noPaddingRight = "noPaddingRight__761dac74";
 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-CUIykw0y.js";
-const badgePostfix = "badgePostfix__4b2c3ba0";
+const badgePostfix = "badgePostfix__8f3fc964";
 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-CUIykw0y.js";
-const badgePrefix = "badgePrefix__7b9591cf";
+const badgePrefix = "badgePrefix__ef6445f5";
 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-CUIykw0y.js";
-const body = "body__ddedb7d7";
-const bodyInner = "bodyInner__992f56b8";
+const body = "body__73b690df";
+const bodyInner = "bodyInner__7643f02d";
 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.47.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.49.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
 Body.displayName = "Body";
 export {
   Body

package/components/Button/Button.js

@@ -7,48 +7,47 @@ import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import { ButtonBase } from "./ButtonBase.js";
 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__2218d91c";
-const expanded$4 = "expanded__a190e1c5";
+const general = "general__4cc38ecf";
+const expanded$4 = "expanded__be43d38d";
 const generalStyles = {
   general,
   expanded: expanded$4
 };
-const secondary = "secondary__0895cdb0";
-const expanded$3 = "expanded__a190e1c5";
+const secondary = "secondary__5cae4cb1";
+const expanded$3 = "expanded__be43d38d";
 const secondaryStyles = {
   secondary,
   expanded: expanded$3
 };
-const secondaryLight = "secondaryLight__86e8426e";
-const expanded$2 = "expanded__a190e1c5";
+const secondaryLight = "secondaryLight__9b7dd220";
+const expanded$2 = "expanded__be43d38d";
 const secondaryLightStyles = {
   secondaryLight,
   expanded: expanded$2
 };
-const danger = "danger__fbaa4bd0";
-const expanded$1 = "expanded__a190e1c5";
+const danger = "danger__f4e1202b";
+const expanded$1 = "expanded__be43d38d";
 const dangerStyles = {
   danger,
   expanded: expanded$1
 };
-const link = "link__f8770acf";
-const expanded = "expanded__a190e1c5";
+const link = "link__f08dc133";
+const expanded = "expanded__be43d38d";
 const linkStyles = {
   link,
   expanded
 };
-const button = "button__44f1c05d";
-const sm = "sm__c23fba05";
-const icon = "icon__b8f09f8f";
-const md = "md__9df8ac42";
-const lg = "lg__90f1c443";
-const block = "block__ac24017d";
-const content = "content__12cbffc6";
-const loading = "loading__230add61";
-const loader = "loader__073d8ca8";
-const hidden = "hidden__3adb82da";
+const button = "button__1b27bc51";
+const sm = "sm__73ade5d1";
+const icon = "icon__b51e6748";
+const md = "md__b04ffd5a";
+const lg = "lg__a3aea1ef";
+const block = "block__a7f337f5";
+const content = "content__fc545977";
+const loading = "loading__9e49ff11";
+const loader = "loader__0477bd62";
+const hidden = "hidden__b2d733f8";
 const styles = {
   button,
   sm,
@@ -88,16 +87,21 @@ const Button = React__default.forwardRef((props, ref) => {
     styles.button,
     THEME_TO_CLASS_NAME_MAP[theme],
     SIZE_TO_CLASS_NAME_MAP[size],
+    // Глобальные классы @sberbusiness/icons-next: должны стоять прямо на <button>, а не на внутренней обёртке
+    // icon+текста — иначе наведение на паддинг кнопки не перекрашивало иконку (см. Button-ai.md → История изменений).
+    "hoverable",
     {
       [styles.block]: block2,
       [styles.loading]: loading2,
       [styles.icon]: Boolean(icon2) && !children,
-      [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: expanded2
+      [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: expanded2,
+      active: expanded2,
+      disabled
     },
     className
   );
   return /* @__PURE__ */ jsxs(ButtonBase, { className: classNames, tabIndex: loading2 ? -1 : void 0, disabled, ...rest, ref, children: [
-    /* @__PURE__ */ jsxs(IconWrapper, { className: styles.content, disabled, active: expanded2, children: [
+    /* @__PURE__ */ jsxs("span", { className: styles.content, children: [
       icon2,
       children
     ] }),

package/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../Loader\";\nimport generalStyles from \"./styles/ButtonGeneral.module.less\";\nimport secondaryStyles from \"./styles/ButtonSecondary.module.less\";\nimport secondaryLightStyles from \"./styles/ButtonSecondaryLight.module.less\";\nimport dangerStyles from \"./styles/ButtonDanger.module.less\";\nimport linkStyles from \"./styles/ButtonLink.module.less\";\nimport styles from \"./styles/Button.module.less\";\nimport { ButtonBase, IButtonBaseProps } from \"./ButtonBase\";\nimport { EButtonTheme } from \"./enums\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n/** Свойства кнопки типа General. */\nexport interface IButtonGeneralProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.GENERAL;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Secondary. */\nexport interface IButtonSecondaryProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.SECONDARY;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа SecondaryLight. */\nexport interface IButtonSecondaryLightProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.SECONDARY_LIGHT;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Danger. */\nexport interface IButtonDangerProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.DANGER;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Link. */\nexport interface IButtonLinkProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.LINK;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: never;\n    /** Режим загрузки. */\n    loading?: never;\n    /** Иконка. */\n    icon?: never;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства компонента Button. */\nexport type TButtonProps =\n    IButtonGeneralProps | IButtonSecondaryProps | IButtonSecondaryLightProps | IButtonDangerProps | IButtonLinkProps;\n\nconst THEME_TO_CLASS_NAME_MAP: Record<EButtonTheme, string> = {\n    [EButtonTheme.GENERAL]: generalStyles.general,\n    [EButtonTheme.SECONDARY]: secondaryStyles.secondary,\n    [EButtonTheme.SECONDARY_LIGHT]: secondaryLightStyles.secondaryLight,\n    [EButtonTheme.DANGER]: dangerStyles.danger,\n    [EButtonTheme.LINK]: linkStyles.link,\n};\n\nconst THEME_TO_EXPANDED_CLASS_NAME_MAP: Record<EButtonTheme, string> = {\n    [EButtonTheme.GENERAL]: generalStyles.expanded,\n    [EButtonTheme.SECONDARY]: secondaryStyles.expanded,\n    [EButtonTheme.SECONDARY_LIGHT]: secondaryLightStyles.expanded,\n    [EButtonTheme.DANGER]: dangerStyles.expanded,\n    [EButtonTheme.LINK]: linkStyles.expanded,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Отрисовка анимации загрузки. */\nconst renderLoadingIcon = (theme: EButtonTheme, size: EComponentSize) => {\n    const loaderTheme = [EButtonTheme.SECONDARY, EButtonTheme.SECONDARY_LIGHT].includes(theme)\n        ? ELoaderSmallTheme.BRAND\n        : ELoaderSmallTheme.NEUTRAL;\n\n    return <LoaderSmall theme={loaderTheme} size={size} />;\n};\n\n/**\n * Кнопка — основной интерактивный элемент для запуска действий.\n * Поддерживает пять тем (EButtonTheme), три размера, состояние загрузки, иконку и блочный режим.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, TButtonProps>((props, ref) => {\n    const { children, className, disabled, theme, size = EComponentSize.MD, block, loading, icon, ...rest } = props;\n\n    // aria-expanded остаётся в rest и попадает на DOM-элемент, здесь читается для визуального состояния «раскрыто».\n    // Тип атрибута — Booleanish: строковое \"false\" — валидное «закрытое» состояние, поэтому truthy-проверки недостаточно.\n    const ariaExpanded = props[\"aria-expanded\"];\n    const expanded = ariaExpanded === true || ariaExpanded === \"true\";\n    const classNames = clsx(\n        styles.button,\n        THEME_TO_CLASS_NAME_MAP[theme],\n        SIZE_TO_CLASS_NAME_MAP[size],\n        {\n            [styles.block]: block,\n            [styles.loading]: loading,\n            [styles.icon]: Boolean(icon) && !children,\n            [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: expanded,\n        },\n        className,\n    );\n\n    return (\n        <ButtonBase className={classNames} tabIndex={loading ? -1 : undefined} disabled={disabled} {...rest} ref={ref}>\n            <IconWrapper className={styles.content} disabled={disabled} active={expanded}>\n                {icon}\n                {children}\n            </IconWrapper>\n            <div className={clsx(styles.loader, !loading && styles.hidden)}>{renderLoadingIcon(theme, size)}</div>\n        </ButtonBase>\n    );\n});\n\nButton.displayName = \"Button\";\n"],"names":["React","block","loading","icon","expanded"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,MAAM,0BAAwD;AAAA,EAC1D,CAAC,aAAa,OAAO,GAAG,cAAc;AAAA,EACtC,CAAC,aAAa,SAAS,GAAG,gBAAgB;AAAA,EAC1C,CAAC,aAAa,eAAe,GAAG,qBAAqB;AAAA,EACrD,CAAC,aAAa,MAAM,GAAG,aAAa;AAAA,EACpC,CAAC,aAAa,IAAI,GAAG,WAAW;AACpC;AAEA,MAAM,mCAAiE;AAAA,EACnE,CAAC,aAAa,OAAO,GAAG,cAAc;AAAA,EACtC,CAAC,aAAa,SAAS,GAAG,gBAAgB;AAAA,EAC1C,CAAC,aAAa,eAAe,GAAG,qBAAqB;AAAA,EACrD,CAAC,aAAa,MAAM,GAAG,aAAa;AAAA,EACpC,CAAC,aAAa,IAAI,GAAG,WAAW;AACpC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAG9D,MAAM,oBAAoB,CAAC,OAAqB,SAAyB;AACrE,QAAM,cAAc,CAAC,aAAa,WAAW,aAAa,eAAe,EAAE,SAAS,KAAK,IACnF,kBAAkB,QAClB,kBAAkB;AAExB,SAAO,oBAAC,aAAA,EAAY,OAAO,aAAa,KAAA,CAAY;AACxD;AAMO,MAAM,SAASA,eAAM,WAA4C,CAAC,OAAO,QAAQ;AACpF,QAAM,EAAE,UAAU,WAAW,UAAU,OAAO,OAAO,eAAe,IAAI,OAAAC,QAAO,SAAAC,UAAS,MAAAC,OAAM,GAAG,SAAS;AAI1G,QAAM,eAAe,MAAM,eAAe;AAC1C,QAAMC,YAAW,iBAAiB,QAAQ,iBAAiB;AAC3D,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,wBAAwB,KAAK;AAAA,IAC7B,uBAAuB,IAAI;AAAA,IAC3B;AAAA,MACI,CAAC,OAAO,KAAK,GAAGH;AAAA,MAChB,CAAC,OAAO,OAAO,GAAGC;AAAA,MAClB,CAAC,OAAO,IAAI,GAAG,QAAQC,KAAI,KAAK,CAAC;AAAA,MACjC,CAAC,iCAAiC,KAAK,CAAC,GAAGC;AAAA,IAAA;AAAA,IAE/C;AAAA,EAAA;AAGJ,SACI,qBAAC,YAAA,EAAW,WAAW,YAAY,UAAUF,WAAU,KAAK,QAAW,UAAqB,GAAG,MAAM,KACjG,UAAA;AAAA,IAAA,qBAAC,eAAY,WAAW,OAAO,SAAS,UAAoB,QAAQE,WAC/D,UAAA;AAAA,MAAAD;AAAA,MACA;AAAA,IAAA,GACL;AAAA,IACA,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,CAACD,YAAW,OAAO,MAAM,GAAI,UAAA,kBAAkB,OAAO,IAAI,EAAA,CAAE;AAAA,EAAA,GACpG;AAER,CAAC;AAED,OAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../Loader\";\nimport generalStyles from \"./styles/ButtonGeneral.module.less\";\nimport secondaryStyles from \"./styles/ButtonSecondary.module.less\";\nimport secondaryLightStyles from \"./styles/ButtonSecondaryLight.module.less\";\nimport dangerStyles from \"./styles/ButtonDanger.module.less\";\nimport linkStyles from \"./styles/ButtonLink.module.less\";\nimport styles from \"./styles/Button.module.less\";\nimport { ButtonBase, IButtonBaseProps } from \"./ButtonBase\";\nimport { EButtonTheme } from \"./enums\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n/** Свойства кнопки типа General. */\nexport interface IButtonGeneralProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.GENERAL;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Secondary. */\nexport interface IButtonSecondaryProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.SECONDARY;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа SecondaryLight. */\nexport interface IButtonSecondaryLightProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.SECONDARY_LIGHT;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Danger. */\nexport interface IButtonDangerProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.DANGER;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Link. */\nexport interface IButtonLinkProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.LINK;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: never;\n    /** Режим загрузки. */\n    loading?: never;\n    /** Иконка. */\n    icon?: never;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства компонента Button. */\nexport type TButtonProps =\n    IButtonGeneralProps | IButtonSecondaryProps | IButtonSecondaryLightProps | IButtonDangerProps | IButtonLinkProps;\n\nconst THEME_TO_CLASS_NAME_MAP: Record<EButtonTheme, string> = {\n    [EButtonTheme.GENERAL]: generalStyles.general,\n    [EButtonTheme.SECONDARY]: secondaryStyles.secondary,\n    [EButtonTheme.SECONDARY_LIGHT]: secondaryLightStyles.secondaryLight,\n    [EButtonTheme.DANGER]: dangerStyles.danger,\n    [EButtonTheme.LINK]: linkStyles.link,\n};\n\nconst THEME_TO_EXPANDED_CLASS_NAME_MAP: Record<EButtonTheme, string> = {\n    [EButtonTheme.GENERAL]: generalStyles.expanded,\n    [EButtonTheme.SECONDARY]: secondaryStyles.expanded,\n    [EButtonTheme.SECONDARY_LIGHT]: secondaryLightStyles.expanded,\n    [EButtonTheme.DANGER]: dangerStyles.expanded,\n    [EButtonTheme.LINK]: linkStyles.expanded,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Отрисовка анимации загрузки. */\nconst renderLoadingIcon = (theme: EButtonTheme, size: EComponentSize) => {\n    const loaderTheme = [EButtonTheme.SECONDARY, EButtonTheme.SECONDARY_LIGHT].includes(theme)\n        ? ELoaderSmallTheme.BRAND\n        : ELoaderSmallTheme.NEUTRAL;\n\n    return <LoaderSmall theme={loaderTheme} size={size} />;\n};\n\n/**\n * Кнопка — основной интерактивный элемент для запуска действий.\n * Поддерживает пять тем (EButtonTheme), три размера, состояние загрузки, иконку и блочный режим.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, TButtonProps>((props, ref) => {\n    const { children, className, disabled, theme, size = EComponentSize.MD, block, loading, icon, ...rest } = props;\n\n    // aria-expanded остаётся в rest и попадает на DOM-элемент, здесь читается для визуального состояния «раскрыто».\n    // Тип атрибута — Booleanish: строковое \"false\" — валидное «закрытое» состояние, поэтому truthy-проверки недостаточно.\n    const ariaExpanded = props[\"aria-expanded\"];\n    const expanded = ariaExpanded === true || ariaExpanded === \"true\";\n    const classNames = clsx(\n        styles.button,\n        THEME_TO_CLASS_NAME_MAP[theme],\n        SIZE_TO_CLASS_NAME_MAP[size],\n        // Глобальные классы @sberbusiness/icons-next: должны стоять прямо на <button>, а не на внутренней обёртке\n        // icon+текста — иначе наведение на паддинг кнопки не перекрашивало иконку (см. Button-ai.md → История изменений).\n        \"hoverable\",\n        {\n            [styles.block]: block,\n            [styles.loading]: loading,\n            [styles.icon]: Boolean(icon) && !children,\n            [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: expanded,\n            active: expanded,\n            disabled,\n        },\n        className,\n    );\n\n    return (\n        <ButtonBase className={classNames} tabIndex={loading ? -1 : undefined} disabled={disabled} {...rest} ref={ref}>\n            <span className={styles.content}>\n                {icon}\n                {children}\n            </span>\n            <div className={clsx(styles.loader, !loading && styles.hidden)}>{renderLoadingIcon(theme, size)}</div>\n        </ButtonBase>\n    );\n});\n\nButton.displayName = \"Button\";\n"],"names":["React","block","loading","icon","expanded"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,MAAM,0BAAwD;AAAA,EAC1D,CAAC,aAAa,OAAO,GAAG,cAAc;AAAA,EACtC,CAAC,aAAa,SAAS,GAAG,gBAAgB;AAAA,EAC1C,CAAC,aAAa,eAAe,GAAG,qBAAqB;AAAA,EACrD,CAAC,aAAa,MAAM,GAAG,aAAa;AAAA,EACpC,CAAC,aAAa,IAAI,GAAG,WAAW;AACpC;AAEA,MAAM,mCAAiE;AAAA,EACnE,CAAC,aAAa,OAAO,GAAG,cAAc;AAAA,EACtC,CAAC,aAAa,SAAS,GAAG,gBAAgB;AAAA,EAC1C,CAAC,aAAa,eAAe,GAAG,qBAAqB;AAAA,EACrD,CAAC,aAAa,MAAM,GAAG,aAAa;AAAA,EACpC,CAAC,aAAa,IAAI,GAAG,WAAW;AACpC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAG9D,MAAM,oBAAoB,CAAC,OAAqB,SAAyB;AACrE,QAAM,cAAc,CAAC,aAAa,WAAW,aAAa,eAAe,EAAE,SAAS,KAAK,IACnF,kBAAkB,QAClB,kBAAkB;AAExB,SAAO,oBAAC,aAAA,EAAY,OAAO,aAAa,KAAA,CAAY;AACxD;AAMO,MAAM,SAASA,eAAM,WAA4C,CAAC,OAAO,QAAQ;AACpF,QAAM,EAAE,UAAU,WAAW,UAAU,OAAO,OAAO,eAAe,IAAI,OAAAC,QAAO,SAAAC,UAAS,MAAAC,OAAM,GAAG,SAAS;AAI1G,QAAM,eAAe,MAAM,eAAe;AAC1C,QAAMC,YAAW,iBAAiB,QAAQ,iBAAiB;AAC3D,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,wBAAwB,KAAK;AAAA,IAC7B,uBAAuB,IAAI;AAAA;AAAA;AAAA,IAG3B;AAAA,IACA;AAAA,MACI,CAAC,OAAO,KAAK,GAAGH;AAAA,MAChB,CAAC,OAAO,OAAO,GAAGC;AAAA,MAClB,CAAC,OAAO,IAAI,GAAG,QAAQC,KAAI,KAAK,CAAC;AAAA,MACjC,CAAC,iCAAiC,KAAK,CAAC,GAAGC;AAAA,MAC3C,QAAQA;AAAA,MACR;AAAA,IAAA;AAAA,IAEJ;AAAA,EAAA;AAGJ,SACI,qBAAC,YAAA,EAAW,WAAW,YAAY,UAAUF,WAAU,KAAK,QAAW,UAAqB,GAAG,MAAM,KACjG,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAW,OAAO,SACnB,UAAA;AAAA,MAAAC;AAAA,MACA;AAAA,IAAA,GACL;AAAA,IACA,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,CAACD,YAAW,OAAO,MAAM,GAAI,UAAA,kBAAkB,OAAO,IAAI,EAAA,CAAE;AAAA,EAAA,GACpG;AAER,CAAC;AAED,OAAO,cAAc;"}

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.47.0", ref });
+  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.49.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-B9cIx_8A.js";
+import "../../chunks/DropdownListItem-DjQdo1YB.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__54181c96";
-const block = "block__ac24017d";
-const buttonDropdownTarget = "buttonDropdownTarget__b3966fc2";
-const dots = "dots__802bb0e0";
-const caretIcon = "caretIcon__038f287d";
-const active = "active__ee244446";
-const buttonDropdownMenuItem = "buttonDropdownMenuItem__cb0c7693";
+const buttonDropdown = "buttonDropdown__660da3d6";
+const block = "block__a7f337f5";
+const buttonDropdownTarget = "buttonDropdownTarget__f54eb807";
+const dots = "dots__a29ac2c6";
+const caretIcon = "caretIcon__a2f9cfd3";
+const active = "active__f61420a9";
+const buttonDropdownMenuItem = "buttonDropdownMenuItem__4de87494";
 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-CUIykw0y.js";
-const buttonDropdownExtended = "buttonDropdownExtended__8e3b5832";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__75c63656";
+const buttonDropdownExtended = "buttonDropdownExtended__cdc12f0d";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__54b4ae05";
 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-CUIykw0y.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__9cd66bb6";
-const circle = "circle__1f64c0cd";
-const squircle = "squircle__6f8900e3";
+const buttonIcon = "buttonIcon__71db5a16";
+const circle = "circle__685fe715";
+const squircle = "squircle__f6f83322";
 const styles = {
   buttonIcon,
   circle,

package/components/Calendar/Calendar.js

@@ -14,9 +14,9 @@ import { CalendarView } from "./components/CalendarView.js";
 import { CalendarFooter } from "./components/CalendarFooter.js";
 import { CalendarFooterButton } from "./components/CalendarFooterButton.js";
 import { parsePickedDate, formatDate } from "./utils.js";
-const calendar = "calendar__5d32f2e7";
-const extraBottom = "extraBottom__c29dee2b";
-const adaptive = "adaptive__c9d95144";
+const calendar = "calendar__9ca936d0";
+const extraBottom = "extraBottom__9e4b3d77";
+const adaptive = "adaptive__542cf78b";
 const styles = {
   calendar,
   extraBottom,
@@ -179,7 +179,7 @@ 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.47.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.49.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -7,9 +7,14 @@ 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 { EFontWeightText, ETextSize } from "../../Typography/enums.js";
+import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
+import { Text } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
 import { globalLimitRange } from "../../../consts/DateConst.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const calendarControls = "calendarControls__c8e77de6";
+const calendarControls = "calendarControls__eaf5575b";
 const styles = {
   calendarControls
 };
@@ -103,7 +108,17 @@ const CalendarControls = ({
   };
   return /* @__PURE__ */ jsxs("div", { className: styles.calendarControls, children: [
     renderPrevButton(),
-    viewMode === ECalendarViewMode.YEARS ? /* @__PURE__ */ jsx("span", { id: periodId, tabIndex: -1, "aria-live": "polite", children }) : renderViewButton(),
+    viewMode === ECalendarViewMode.YEARS ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        id: periodId,
+        tabIndex: -1,
+        "aria-live": "polite",
+        size: ETextSize.B4,
+        weight: EFontWeightText.SEMIBOLD,
+        children
+      }
+    ) : renderViewButton(),
     renderNextButton()
   ] });
 };

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 { 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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"}
+{"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 { Text, ETextSize, EFontWeightText } from \"../../Typography\";\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                <Text\n                    id={periodId}\n                    tabIndex={-1}\n                    aria-live=\"polite\"\n                    size={ETextSize.B4}\n                    weight={EFontWeightText.SEMIBOLD}\n                >\n                    {children}\n                </Text>\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,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const calendarFooter = "calendarFooter__29c24971";
+const calendarFooter = "calendarFooter__17c01eb7";
 const styles = {
   calendarFooter
 };

package/components/Calendar/components/CalendarViewDays.js

@@ -5,7 +5,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { isDateOutOfRange, isDayDisabled, getFirstEnabledDate, getNavigationShift, shiftDate } from "../utils.js";
 import { WEEKDAYS_SET, WEEKS_SET } from "../../../consts/DateConst.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bikp6svb.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-CxxaF3oe.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";
 const NAVIGATION_STEPS = {

package/components/Calendar/components/CalendarViewItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-CUIykw0y.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-Bikp6svb.js";
+import { C } from "../../../chunks/CalendarViewItem-CxxaF3oe.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bikp6svb.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-CxxaF3oe.js";
 import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
 const NAVIGATION_STEPS = {
   horizontal: { amount: 1, unit: "month" },

package/components/Calendar/components/CalendarViewYears.js

@@ -3,7 +3,7 @@ import { useContext, useCallback, useState, useEffect } from "react";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bikp6svb.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-CxxaF3oe.js";
 import { ECalendarViewMode } from "../enums.js";
 const YEARS_BEFORE_VIEW_DATE = 5;
 const YEARS_AFTER_VIEW_DATE = 6;

package/components/Calendar/utils.js

@@ -25,7 +25,7 @@ function formatDate(viewDate, viewMode) {
     case ECalendarViewMode.YEARS: {
       const yearFrom = checkedDate.clone().add(-5, "y").format("YYYY");
       const yearTo = checkedDate.clone().add(6, "y").format("YYYY");
-      return `${yearFrom} - ${yearTo}`;
+      return `${yearFrom}–${yearTo}`;
     }
   }
 }