@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/AmountField/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/AmountField/utils.ts"],"sourcesContent":["import { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { StringUtils } from \"@sberbusiness/triplex-next/utils/stringUtils\";\nimport type { AmountBaseInputCore } from \"./AmountBaseInputCore\";\n\n/**\n * Создать placeholder.\n *\n * @param fractionDigits Количество знаков после запятой.\n */\nexport function createPlaceholder(fractionDigits: number) {\n    const buffer = [\"0\"];\n\n    if (fractionDigits > 0) {\n        buffer.push(AmountConst.DecimalComma);\n\n        for (let i = 0; i < fractionDigits; i++) {\n            buffer.push(\"0\");\n        }\n    }\n\n    return buffer.join(\"\");\n}\n\n/**\n * Установка каретки на случай, если не произойдёт изменения значения.\n *\n * Значение может не измениться по двум причинам:\n *     1) Значение невалидно. Обработчик снаружи не обновляет состояние;\n *     2) Значение идентично предыдущему. Обработчик снаружи [не] обновляет состояние.\n **/\nexport function setFallbackCaret(input: HTMLInputElement, coreAmount: AmountBaseInputCore, fractionDigits: number) {\n    const { formattedValue, key, selectionStart, selectionEnd, selectionDirection } = coreAmount.cache;\n\n    input.value = formattedValue;\n\n    if (selectionStart === null || selectionEnd === null || selectionDirection === null) return;\n\n    if (key === AmountConst.DecimalComma || key === AmountConst.DecimalPoint) {\n        // Если каретка находится непосредственно перед десятичным разделителем, сдвигаем каретку вперёд.\n        if (selectionStart === selectionEnd && formattedValue[selectionStart] === AmountConst.DecimalComma)\n            return input.setSelectionRange(selectionStart + 1, selectionStart + 1);\n    } else if (isKey(key, \"BACKSPACE\")) {\n        if (selectionStart === selectionEnd) {\n            // Если каретка стоит непосредственно после группового/десятичного разделителя, сдвигаем каретку назад.\n            if (StringUtils.isDigit(formattedValue[selectionStart - 1]) === false)\n                return input.setSelectionRange(selectionStart - 1, selectionEnd - 1);\n        }\n        // Если есть выделенный текст, ставим каретку в начало выделения.\n        else {\n            // Ставим каретку в начало выделения.\n            return input.setSelectionRange(selectionStart, selectionStart);\n        }\n    } else if (isKey(key, \"DELETE\")) {\n        if (selectionStart === selectionEnd) {\n            // Если каретка стоит непосредственно перед групповым/десятичным разделителем, сдвигаем каретку вперёд.\n            if (StringUtils.isDigit(formattedValue[selectionStart]) === false)\n                return input.setSelectionRange(selectionStart + 1, selectionEnd + 1);\n        }\n        // Если есть выделенный текст, ставим каретку в конец выделения.\n        else {\n            return input.setSelectionRange(selectionEnd, selectionEnd);\n        }\n    }\n\n    // Если каретка находится после десятичного разделителя.\n    if (fractionDigits > 0 && formattedValue.length - fractionDigits - 1 < selectionStart) {\n        // Если новое значение повторяет старое, ставим каретку в расчётное место.\n        if (coreAmount.formattedValue === formattedValue)\n            return input.setSelectionRange(coreAmount.caret, coreAmount.caret);\n    }\n\n    // Если текст выделялся в обратном порядке, ставим каретку в конец выделения.\n    if (selectionDirection == \"backward\") return input.setSelectionRange(selectionEnd, selectionEnd);\n\n    // В остальных случаях ставим каретку в начало выделения.\n    return input.setSelectionRange(selectionStart, selectionStart);\n}\n"],"names":[],"mappings":";;;AAUO,SAAS,kBAAkB,gBAAwB;AACtD,QAAM,SAAS,CAAC,GAAG;AAEnB,MAAI,iBAAiB,GAAG;AACpB,WAAO,KAAK,YAAY,YAAY;AAEpC,aAAS,IAAI,GAAG,IAAI,gBAAgB,KAAK;AACrC,aAAO,KAAK,GAAG;AAAA,IACnB;AAAA,EACJ;AAEA,SAAO,OAAO,KAAK,EAAE;AACzB;AASO,SAAS,iBAAiB,OAAyB,YAAiC,gBAAwB;AAC/G,QAAM,EAAE,gBAAgB,KAAK,gBAAgB,cAAc,mBAAA,IAAuB,WAAW;AAE7F,QAAM,QAAQ;AAEd,MAAI,mBAAmB,QAAQ,iBAAiB,QAAQ,uBAAuB,KAAM;AAErF,MAAI,QAAQ,YAAY,gBAAgB,QAAQ,YAAY,cAAc;AAEtE,QAAI,mBAAmB,gBAAgB,eAAe,cAAc,MAAM,YAAY;AAClF,aAAO,MAAM,kBAAkB,iBAAiB,GAAG,iBAAiB,CAAC;AAAA,EAC7E,WAAW,MAAM,KAAK,WAAW,GAAG;AAChC,QAAI,mBAAmB,cAAc;AAEjC,UAAI,YAAY,QAAQ,eAAe,iBAAiB,CAAC,CAAC,MAAM;AAC5D,eAAO,MAAM,kBAAkB,iBAAiB,GAAG,eAAe,CAAC;AAAA,IAC3E,OAEK;AAED,aAAO,MAAM,kBAAkB,gBAAgB,cAAc;AAAA,IACjE;AAAA,EACJ,WAAW,MAAM,KAAK,QAAQ,GAAG;AAC7B,QAAI,mBAAmB,cAAc;AAEjC,UAAI,YAAY,QAAQ,eAAe,cAAc,CAAC,MAAM;AACxD,eAAO,MAAM,kBAAkB,iBAAiB,GAAG,eAAe,CAAC;AAAA,IAC3E,OAEK;AACD,aAAO,MAAM,kBAAkB,cAAc,YAAY;AAAA,IAC7D;AAAA,EACJ;AAGA,MAAI,iBAAiB,KAAK,eAAe,SAAS,iBAAiB,IAAI,gBAAgB;AAEnF,QAAI,WAAW,mBAAmB;AAC9B,aAAO,MAAM,kBAAkB,WAAW,OAAO,WAAW,KAAK;AAAA,EACzE;AAGA,MAAI,sBAAsB,WAAY,QAAO,MAAM,kBAAkB,cAAc,YAAY;AAG/F,SAAO,MAAM,kBAAkB,gBAAgB,cAAc;AACjE;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/AmountField/utils.ts"],"sourcesContent":["import { AmountConst } from \"@sberbusiness/triplex-next/consts/AmountConst\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { StringUtils } from \"@sberbusiness/triplex-next/utils/stringUtils\";\nimport type { AmountBaseInputCore } from \"./AmountBaseInputCore\";\n\n/**\n * Создать placeholder.\n *\n * @param fractionDigits Количество знаков после запятой.\n */\nexport function createPlaceholder(fractionDigits: number) {\n    const buffer = [\"0\"];\n\n    if (fractionDigits > 0) {\n        buffer.push(AmountConst.DecimalComma);\n\n        for (let i = 0; i < fractionDigits; i++) {\n            buffer.push(\"0\");\n        }\n    }\n\n    return buffer.join(\"\");\n}\n\n/**\n * Синхронизировать ядро с текущим значением и настройками формата и вернуть отформатированное значение.\n *\n * Пересчёт выполняется, только если значение или настройки формата отличаются от тех, что уже в ядре:\n * иначе повторный рендер затирал бы позицию каретки, вычисленную обработчиком ввода.\n *\n * @param core Ядро форматирования, живущее между рендерами.\n * @param value Значение, пришедшее в inputProps.value.\n * @param maxIntegerDigits Максимальное количество знаков перед запятой.\n * @param fractionDigits Количество знаков после запятой.\n */\nexport function syncCoreAndGetFormattedValue(\n    core: AmountBaseInputCore,\n    value: string,\n    maxIntegerDigits: number,\n    fractionDigits: number,\n): string {\n    if (value !== core.value || maxIntegerDigits !== core.maxIntegerDigits || fractionDigits !== core.fractionDigits) {\n        core.maxIntegerDigits = maxIntegerDigits;\n        core.fractionDigits = fractionDigits;\n        core.apply(value, value.length);\n    }\n\n    core.cache.formattedValue = core.formattedValue;\n\n    return core.formattedValue;\n}\n\n/**\n * Установка каретки на случай, если не произойдёт изменения значения.\n *\n * Значение может не измениться по двум причинам:\n *     1) Значение невалидно. Обработчик снаружи не обновляет состояние;\n *     2) Значение идентично предыдущему. Обработчик снаружи [не] обновляет состояние.\n **/\nexport function setFallbackCaret(input: HTMLInputElement, coreAmount: AmountBaseInputCore, fractionDigits: number) {\n    const { formattedValue, key, selectionStart, selectionEnd, selectionDirection } = coreAmount.cache;\n\n    input.value = formattedValue;\n\n    if (selectionStart === null || selectionEnd === null || selectionDirection === null) return;\n\n    if (key === AmountConst.DecimalComma || key === AmountConst.DecimalPoint) {\n        // Если каретка находится непосредственно перед десятичным разделителем, сдвигаем каретку вперёд.\n        if (selectionStart === selectionEnd && formattedValue[selectionStart] === AmountConst.DecimalComma)\n            return input.setSelectionRange(selectionStart + 1, selectionStart + 1);\n    } else if (isKey(key, \"BACKSPACE\")) {\n        if (selectionStart === selectionEnd) {\n            // Если каретка стоит непосредственно после группового/десятичного разделителя, сдвигаем каретку назад.\n            if (StringUtils.isDigit(formattedValue[selectionStart - 1]) === false)\n                return input.setSelectionRange(selectionStart - 1, selectionEnd - 1);\n        }\n        // Если есть выделенный текст, ставим каретку в начало выделения.\n        else {\n            // Ставим каретку в начало выделения.\n            return input.setSelectionRange(selectionStart, selectionStart);\n        }\n    } else if (isKey(key, \"DELETE\")) {\n        if (selectionStart === selectionEnd) {\n            // Если каретка стоит непосредственно перед групповым/десятичным разделителем, сдвигаем каретку вперёд.\n            if (StringUtils.isDigit(formattedValue[selectionStart]) === false)\n                return input.setSelectionRange(selectionStart + 1, selectionEnd + 1);\n        }\n        // Если есть выделенный текст, ставим каретку в конец выделения.\n        else {\n            return input.setSelectionRange(selectionEnd, selectionEnd);\n        }\n    }\n\n    // Если каретка находится после десятичного разделителя.\n    if (fractionDigits > 0 && formattedValue.length - fractionDigits - 1 < selectionStart) {\n        // Если новое значение повторяет старое, ставим каретку в расчётное место.\n        if (coreAmount.formattedValue === formattedValue)\n            return input.setSelectionRange(coreAmount.caret, coreAmount.caret);\n    }\n\n    // Если текст выделялся в обратном порядке, ставим каретку в конец выделения.\n    if (selectionDirection === \"backward\") return input.setSelectionRange(selectionEnd, selectionEnd);\n\n    // В остальных случаях ставим каретку в начало выделения.\n    return input.setSelectionRange(selectionStart, selectionStart);\n}\n"],"names":[],"mappings":";;;AAUO,SAAS,kBAAkB,gBAAwB;AACtD,QAAM,SAAS,CAAC,GAAG;AAEnB,MAAI,iBAAiB,GAAG;AACpB,WAAO,KAAK,YAAY,YAAY;AAEpC,aAAS,IAAI,GAAG,IAAI,gBAAgB,KAAK;AACrC,aAAO,KAAK,GAAG;AAAA,IACnB;AAAA,EACJ;AAEA,SAAO,OAAO,KAAK,EAAE;AACzB;AAaO,SAAS,6BACZ,MACA,OACA,kBACA,gBACM;AACN,MAAI,UAAU,KAAK,SAAS,qBAAqB,KAAK,oBAAoB,mBAAmB,KAAK,gBAAgB;AAC9G,SAAK,mBAAmB;AACxB,SAAK,iBAAiB;AACtB,SAAK,MAAM,OAAO,MAAM,MAAM;AAAA,EAClC;AAEA,OAAK,MAAM,iBAAiB,KAAK;AAEjC,SAAO,KAAK;AAChB;AASO,SAAS,iBAAiB,OAAyB,YAAiC,gBAAwB;AAC/G,QAAM,EAAE,gBAAgB,KAAK,gBAAgB,cAAc,mBAAA,IAAuB,WAAW;AAE7F,QAAM,QAAQ;AAEd,MAAI,mBAAmB,QAAQ,iBAAiB,QAAQ,uBAAuB,KAAM;AAErF,MAAI,QAAQ,YAAY,gBAAgB,QAAQ,YAAY,cAAc;AAEtE,QAAI,mBAAmB,gBAAgB,eAAe,cAAc,MAAM,YAAY;AAClF,aAAO,MAAM,kBAAkB,iBAAiB,GAAG,iBAAiB,CAAC;AAAA,EAC7E,WAAW,MAAM,KAAK,WAAW,GAAG;AAChC,QAAI,mBAAmB,cAAc;AAEjC,UAAI,YAAY,QAAQ,eAAe,iBAAiB,CAAC,CAAC,MAAM;AAC5D,eAAO,MAAM,kBAAkB,iBAAiB,GAAG,eAAe,CAAC;AAAA,IAC3E,OAEK;AAED,aAAO,MAAM,kBAAkB,gBAAgB,cAAc;AAAA,IACjE;AAAA,EACJ,WAAW,MAAM,KAAK,QAAQ,GAAG;AAC7B,QAAI,mBAAmB,cAAc;AAEjC,UAAI,YAAY,QAAQ,eAAe,cAAc,CAAC,MAAM;AACxD,eAAO,MAAM,kBAAkB,iBAAiB,GAAG,eAAe,CAAC;AAAA,IAC3E,OAEK;AACD,aAAO,MAAM,kBAAkB,cAAc,YAAY;AAAA,IAC7D;AAAA,EACJ;AAGA,MAAI,iBAAiB,KAAK,eAAe,SAAS,iBAAiB,IAAI,gBAAgB;AAEnF,QAAI,WAAW,mBAAmB;AAC9B,aAAO,MAAM,kBAAkB,WAAW,OAAO,WAAW,KAAK;AAAA,EACzE;AAGA,MAAI,uBAAuB,WAAY,QAAO,MAAM,kBAAkB,cAAc,YAAY;AAGhG,SAAO,MAAM,kBAAkB,gBAAgB,cAAc;AACjE;"}

package/components/Avatar/Avatar.js

@@ -1,20 +1,20 @@
 import { EAvatarSize } from "./enums.js";
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const avatar = "avatar__8a537c96";
-const borderRadius6 = "borderRadius6__a8ff7006";
-const borderRadius8 = "borderRadius8__8f38a0a3";
-const borderRadius10 = "borderRadius10__0bc3038a";
-const borderRadius12 = "borderRadius12__5bdcf8bb";
-const borderRadius16 = "borderRadius16__1d637e89";
-const xxs = "xxs__bac1a9ba";
-const xs = "xs__25a617b8";
-const sm = "sm__def5a40a";
-const md = "md__629e2cb4";
-const lg = "lg__b922fd9d";
-const xl = "xl__8e31eaac";
-const xxl = "xxl__59f3c605";
+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 styles = {
   avatar,
   borderRadius6,

package/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IAvatarProps } from \"./types\";\nimport { EAvatarSize, TAvatarBorderRadius } from \"./enums\";\nimport styles from \"./styles/Avatar.module.less\";\n\n// Соответствие размера имени класса.\nconst SIZE_TO_CLASS_NAME_MAP: Record<EAvatarSize, string> = {\n    [EAvatarSize.XXS]: styles.xxs,\n    [EAvatarSize.XS]: styles.xs,\n    [EAvatarSize.SM]: styles.sm,\n    [EAvatarSize.MD]: styles.md,\n    [EAvatarSize.LG]: styles.lg,\n    [EAvatarSize.XL]: styles.xl,\n    [EAvatarSize.XXL]: styles.xxl,\n};\n\nconst BORDER_RADIUS_TO_CLASS_NAME_MAP: Record<TAvatarBorderRadius, string> = {\n    6: styles.borderRadius6,\n    8: styles.borderRadius8,\n    10: styles.borderRadius10,\n    12: styles.borderRadius12,\n    16: styles.borderRadius16,\n};\n\n/** Аватар, предназначен для отображения изображений профиля пользователя, инициалов или иконок. */\nexport const Avatar = React.forwardRef<HTMLDivElement, IAvatarProps>(\n    ({ className, size, borderRadius, ...restProps }, ref) => (\n        <div\n            className={clsx(\n                styles.avatar,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                BORDER_RADIUS_TO_CLASS_NAME_MAP[borderRadius],\n                className,\n            )}\n            {...restProps}\n            ref={ref}\n        />\n    ),\n);\n\nAvatar.displayName = \"Avatar\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,yBAAsD;AAAA,EACxD,CAAC,YAAY,GAAG,GAAG,OAAO;AAAA,EAC1B,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,GAAG,GAAG,OAAO;AAC9B;AAEA,MAAM,kCAAuE;AAAA,EACzE,GAAG,OAAO;AAAA,EACV,GAAG,OAAO;AAAA,EACV,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AACf;AAGO,MAAM,SAASA,eAAM;AAAA,EACxB,CAAC,EAAE,WAAW,MAAM,cAAc,GAAG,UAAA,GAAa,QAC9C;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,OAAO;AAAA,QACP,uBAAuB,IAAI;AAAA,QAC3B,gCAAgC,YAAY;AAAA,QAC5C;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IAvatarProps } from \"./types\";\nimport { EAvatarSize, TAvatarBorderRadius } from \"./enums\";\nimport styles from \"./styles/Avatar.module.less\";\n\n/** Соответствие размера имени CSS-класса. */\nconst SIZE_TO_CLASS_NAME_MAP: Record<EAvatarSize, string> = {\n    [EAvatarSize.XXS]: styles.xxs,\n    [EAvatarSize.XS]: styles.xs,\n    [EAvatarSize.SM]: styles.sm,\n    [EAvatarSize.MD]: styles.md,\n    [EAvatarSize.LG]: styles.lg,\n    [EAvatarSize.XL]: styles.xl,\n    [EAvatarSize.XXL]: styles.xxl,\n};\n\n/** Соответствие радиуса скругления имени CSS-класса. */\nconst BORDER_RADIUS_TO_CLASS_NAME_MAP: Record<TAvatarBorderRadius, string> = {\n    6: styles.borderRadius6,\n    8: styles.borderRadius8,\n    10: styles.borderRadius10,\n    12: styles.borderRadius12,\n    16: styles.borderRadius16,\n};\n\n/**\n * Аватар, предназначен для отображения изображений профиля пользователя, инициалов или иконок.\n * Содержимое передаётся через children, фоновое изображение — через className или style.\n */\nexport const Avatar = React.forwardRef<HTMLDivElement, IAvatarProps>(\n    ({ className, size, borderRadius, ...restProps }, ref) => (\n        <div\n            className={clsx(\n                styles.avatar,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                BORDER_RADIUS_TO_CLASS_NAME_MAP[borderRadius],\n                className,\n            )}\n            {...restProps}\n            ref={ref}\n        />\n    ),\n);\n\nAvatar.displayName = \"Avatar\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,yBAAsD;AAAA,EACxD,CAAC,YAAY,GAAG,GAAG,OAAO;AAAA,EAC1B,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,EAAE,GAAG,OAAO;AAAA,EACzB,CAAC,YAAY,GAAG,GAAG,OAAO;AAC9B;AAGA,MAAM,kCAAuE;AAAA,EACzE,GAAG,OAAO;AAAA,EACV,GAAG,OAAO;AAAA,EACV,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AACf;AAMO,MAAM,SAASA,eAAM;AAAA,EACxB,CAAC,EAAE,WAAW,MAAM,cAAc,GAAG,UAAA,GAAa,QAC9C;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,OAAO;AAAA,QACP,uBAAuB,IAAI;AAAA,QAC3B,gCAAgC,YAAY;AAAA,QAC5C;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,OAAO,cAAc;"}

package/components/Avatar/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Avatar/enums.ts"],"sourcesContent":["/** Размеры компонента Avatar. */\nexport enum EAvatarSize {\n    XXS = \"xxs\",\n    XS = \"xs\",\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n    XL = \"xl\",\n    XXL = \"xxl\",\n}\n\nexport type TAvatarBorderRadius = 6 | 8 | 10 | 12 | 16;\n"],"names":["EAvatarSize"],"mappings":"AACO,IAAK,gCAAAA,iBAAL;AACHA,eAAA,KAAA,IAAM;AACNA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,KAAA,IAAM;AAPE,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Avatar/enums.ts"],"sourcesContent":["/** Размеры компонента Avatar. */\nexport enum EAvatarSize {\n    XXS = \"xxs\",\n    XS = \"xs\",\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n    XL = \"xl\",\n    XXL = \"xxl\",\n}\n\n/** Допустимые радиусы скругления компонента Avatar, px. */\nexport type TAvatarBorderRadius = 6 | 8 | 10 | 12 | 16;\n"],"names":["EAvatarSize"],"mappings":"AACO,IAAK,gCAAAA,iBAAL;AACHA,eAAA,KAAA,IAAM;AACNA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,IAAA,IAAK;AACLA,eAAA,KAAA,IAAM;AAPE,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;"}

package/components/Badge/Badge.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.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__57582445";
-const sm = "sm__7d0dc0b2";
-const md = "md__99c836e4";
-const lg = "lg__f7a60e19";
+const badge = "badge__3866dcbc";
+const sm = "sm__4e36c9cd";
+const md = "md__82bbbb79";
+const lg = "lg__15ead9b9";
 const styles = {
   badge,
   sm,

package/components/Badge/BadgeDot.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const badgeDot = "badgeDot__b52fb5ac";
-const sm = "sm__7d0dc0b2";
-const md = "md__99c836e4";
-const lg = "lg__f7a60e19";
+const badgeDot = "badgeDot__d89b099f";
+const sm = "sm__4e36c9cd";
+const md = "md__82bbbb79";
+const lg = "lg__15ead9b9";
 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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const badgeContent = "badgeContent__4eb95716";
-const sm = "sm__7d0dc0b2";
-const md = "md__99c836e4";
-const lg = "lg__f7a60e19";
-const noPaddingLeft = "noPaddingLeft__5da6a612";
-const noPaddingRight = "noPaddingRight__2b255c5a";
+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 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-D4wvHis9.js";
-const badgePostfix = "badgePostfix__2c7780b4";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const badgePostfix = "badgePostfix__4b2c3ba0";
 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-D4wvHis9.js";
-const badgePrefix = "badgePrefix__baf9229e";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const badgePrefix = "badgePrefix__7b9591cf";
 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-D4wvHis9.js";
-const body = "body__916ac0ce";
-const bodyInner = "bodyInner__c0e8a01c";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const body = "body__ddedb7d7";
+const bodyInner = "bodyInner__992f56b8";
 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.45.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.47.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__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.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__28dcbd08";
-const expanded$4 = "expanded__8076252e";
+const general = "general__2218d91c";
+const expanded$4 = "expanded__a190e1c5";
 const generalStyles = {
   general,
   expanded: expanded$4
 };
-const secondary = "secondary__d6916111";
-const expanded$3 = "expanded__8076252e";
+const secondary = "secondary__0895cdb0";
+const expanded$3 = "expanded__a190e1c5";
 const secondaryStyles = {
   secondary,
   expanded: expanded$3
 };
-const secondaryLight = "secondaryLight__46372b7e";
-const expanded$2 = "expanded__8076252e";
+const secondaryLight = "secondaryLight__86e8426e";
+const expanded$2 = "expanded__a190e1c5";
 const secondaryLightStyles = {
   secondaryLight,
   expanded: expanded$2
 };
-const danger = "danger__1caa1869";
-const expanded$1 = "expanded__8076252e";
+const danger = "danger__fbaa4bd0";
+const expanded$1 = "expanded__a190e1c5";
 const dangerStyles = {
   danger,
   expanded: expanded$1
 };
-const link = "link__ace3790f";
-const expanded = "expanded__8076252e";
+const link = "link__f8770acf";
+const expanded = "expanded__a190e1c5";
 const linkStyles = {
   link,
   expanded
 };
-const button = "button__ef57e984";
-const sm = "sm__d3759cc4";
-const icon = "icon__1b7b2e3d";
-const md = "md__0f05b0d0";
-const lg = "lg__ad073172";
-const block = "block__1ece85f2";
-const content = "content__160940eb";
-const loading = "loading__54c316c1";
-const loader = "loader__c50e4eb2";
-const hidden = "hidden__414722ca";
+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 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.45.0", ref });
+  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.47.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__default, { useRef, useState, createElement } from "react";
-import { c as clsx, u as uniqueId } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx, u as uniqueId } from "../../chunks/vendor-CUIykw0y.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-kMroiHoh.js";
+import "../../chunks/DropdownListItem-B9cIx_8A.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__ce618d19";
-const block = "block__1ece85f2";
-const buttonDropdownTarget = "buttonDropdownTarget__2e861efe";
-const dots = "dots__b4e530ee";
-const caretIcon = "caretIcon__d732e5f3";
-const active = "active__969600ee";
-const buttonDropdownMenuItem = "buttonDropdownMenuItem__ffa0f776";
+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 styles = {
   buttonDropdown,
   block,

package/components/Button/ButtonDropdownExtended.js

@@ -3,9 +3,9 @@ import React__default, { useRef, useCallback, useState, 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-D4wvHis9.js";
-const buttonDropdownExtended = "buttonDropdownExtended__c53f5d30";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__dc0085a2";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const buttonDropdownExtended = "buttonDropdownExtended__8e3b5832";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__75c63656";
 const styles = {
   buttonDropdownExtended,
   buttonDropdownExtendedBlock

package/components/Button/ButtonIcon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__99f93361";
-const circle = "circle__2ef0bafd";
-const squircle = "squircle__f9ab37f9";
+const buttonIcon = "buttonIcon__9cd66bb6";
+const circle = "circle__1f64c0cd";
+const squircle = "squircle__6f8900e3";
 const styles = {
   buttonIcon,
   circle,

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__default from "react";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import moment from "moment";
 import { globalLimitRange, dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EComponentSize } from "../../enums/EComponentSize.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__f14df2a9";
-const extraBottom = "extraBottom__b3b9f3d9";
-const adaptive = "adaptive__bb5eb75a";
+const calendar = "calendar__5d32f2e7";
+const extraBottom = "extraBottom__c29dee2b";
+const adaptive = "adaptive__c9d95144";
 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.45.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.47.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -9,7 +9,7 @@ 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__75239b75";
+const calendarControls = "calendarControls__c8e77de6";
 const styles = {
   calendarControls
 };

package/components/Calendar/components/CalendarFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const calendarFooter = "calendarFooter__3eb0f56e";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const calendarFooter = "calendarFooter__29c24971";
 const styles = {
   calendarFooter
 };

package/components/Calendar/components/CalendarViewDays.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext, useCallback, useState, useEffect } from "react";
 import moment from "moment";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+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-cQjxsIMh.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bikp6svb.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";
 const NAVIGATION_STEPS = {

package/components/Calendar/components/CalendarViewItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D4wvHis9.js";
+import "../../../chunks/vendor-CUIykw0y.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-cQjxsIMh.js";
+import { C } from "../../../chunks/CalendarViewItem-Bikp6svb.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-cQjxsIMh.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bikp6svb.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-cQjxsIMh.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bikp6svb.js";
 import { ECalendarViewMode } from "../enums.js";
 const YEARS_BEFORE_VIEW_DATE = 5;
 const YEARS_AFTER_VIEW_DATE = 6;

package/components/Card/CardAction.js

@@ -9,11 +9,11 @@ import { ECardRoundingSize, ECardTheme } from "./enums.js";
 import { EFocusSource } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../chunks/Card.module-CNOChUdZ.js";
-const action = "action__e1c947f1";
-const selected = "selected__843ffd5b";
-const focusVisible = "focusVisible__2bae9b76";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { c as cardStyles } from "../../chunks/Card.module-BX03G_qX.js";
+const action = "action__d1ec3681";
+const selected = "selected__da2978f8";
+const focusVisible = "focusVisible__7daffb01";
 const actionStyles = {
   action,
   selected,
@@ -27,20 +27,24 @@ class CardAction extends React__default.Component {
       isControlled: this.props.selected !== void 0,
       isSelected: !!this.props.selected
     });
+    /** Ссылка на корневой элемент карточки. */
     __publicField(this, "ref", React__default.createRef());
+    /** Обработчик клика по карточке. Переключает состояние выбора. */
     __publicField(this, "handleClick", (event) => {
       const { onClick } = this.props;
       onClick == null ? void 0 : onClick(event);
       this.handleToggle();
     });
+    /** Обработчик нажатия мышью. Запоминает источник фокуса, чтобы не показывать обводку фокуса. */
     __publicField(this, "handleMouseDown", (event) => {
       const { onMouseDown } = this.props;
       const { focusSource } = this.state;
       onMouseDown == null ? void 0 : onMouseDown(event);
-      if (!focusSource) {
+      if (focusSource === EFocusSource.NONE) {
         this.setState({ focusSource: EFocusSource.MOUSE });
       }
     });
+    /** Обработчик нажатия клавиши. Space и Enter переключают состояние выбора, Space гасит прокрутку страницы. */
     __publicField(this, "handleKeyDown", (event) => {
       const { onKeyDown } = this.props;
       onKeyDown == null ? void 0 : onKeyDown(event);
@@ -51,15 +55,17 @@ class CardAction extends React__default.Component {
         this.handleToggle();
       }
     });
+    /** Обработчик получения фокуса. Фокус на самой карточке без предшествующего клика считается клавиатурным. */
     __publicField(this, "handleFocus", (event) => {
       const { onFocus } = this.props;
       const { focusSource } = this.state;
       const { current } = this.ref;
       onFocus == null ? void 0 : onFocus(event);
-      if (!focusSource && current === event.target) {
+      if (focusSource === EFocusSource.NONE && current === event.target) {
         this.setState({ focusSource: EFocusSource.KEYBOARD });
       }
     });
+    /** Обработчик потери фокуса. Сбрасывает источник фокуса, когда карточка перестала быть активным элементом. */
     __publicField(this, "handleBlur", (event) => {
       const { onBlur } = this.props;
       const { current } = this.ref;
@@ -68,15 +74,19 @@ class CardAction extends React__default.Component {
         this.setState({ focusSource: EFocusSource.NONE });
       }
     });
+    /**
+     * Переключает состояние выбора. В контролируемом режиме только вызывает toggle со следующим значением,
+     * в неконтролируемом — меняет внутреннее состояние и вызывает onToggle.
+     */
     __publicField(this, "handleToggle", () => {
       const { toggle, selected: selected2, onToggle } = this.props;
-      const { isControlled, isSelected } = this.state;
+      const { isControlled } = this.state;
       if (isControlled) {
         toggle == null ? void 0 : toggle(!selected2);
       } else {
         this.setState(
           (prevState) => ({ isSelected: !prevState.isSelected }),
-          () => onToggle == null ? void 0 : onToggle(!isSelected)
+          () => onToggle == null ? void 0 : onToggle(this.state.isSelected)
         );
       }
     });
@@ -91,12 +101,14 @@ class CardAction extends React__default.Component {
     const {
       children,
       className,
+      // Обработчики вызываются из собственных handle*-методов, поэтому не попадают в attributes напрямую.
       onClick,
       onMouseDown,
       onKeyDown,
       onFocus,
       onBlur,
       roundingSize = ECardRoundingSize.MD,
+      // onToggle и toggle не являются DOM-атрибутами и исключаются из attributes.
       onToggle,
       selected: selected2,
       toggle,
@@ -128,14 +140,16 @@ class CardAction extends React__default.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         children
       }
     );
   }
 }
 __publicField(CardAction, "displayName", "CardAction");
+/** Контент карточки. */
 __publicField(CardAction, "Content", CardContent);
+/** Медийный элемент карточки. */
 __publicField(CardAction, "Media", CardMedia);
 export {
   CardAction

package/components/Card/CardAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardAction.js","sources":["../../../src/components/Card/CardAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ICardActionProps } from \"@sberbusiness/triplex-next/components/Card/types\";\nimport { CardContent } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/CardContent\";\nimport { CardMedia } from \"@sberbusiness/triplex-next/components/Card/components/CardMedia\";\nimport { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport { EFocusSource } from \"@sberbusiness/triplex-next/enums/EFocusSource\";\nimport {\n    mapCardRoundingSizeToCssClass,\n    mapCardThemeToCssClass,\n} from \"@sberbusiness/triplex-next/components/Card/utils\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport clsx from \"clsx\";\nimport actionStyles from \"./styles/Action.module.less\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Состояния интерактивной карточки. */\ninterface ICardActionState {\n    /** Выбрана или нет. */\n    isSelected: boolean;\n    /** Контролируемая или нет. */\n    isControlled: boolean;\n    /** Источник фокуса. */\n    focusSource: EFocusSource;\n}\n\n/** Компонент \"Интерактивная карточка\". */\nexport class CardAction extends React.Component<ICardActionProps, ICardActionState> {\n    public static displayName = \"CardAction\";\n\n    public static Content = CardContent;\n    public static Media = CardMedia;\n\n    public state = {\n        focusSource: EFocusSource.NONE,\n        isControlled: this.props.selected !== undefined,\n        isSelected: !!this.props.selected,\n    };\n\n    public componentDidUpdate(prevProps: Readonly<ICardActionProps>): void {\n        const { selected, onToggle } = this.props;\n\n        if (selected !== prevProps.selected) {\n            onToggle?.(!!selected);\n        }\n    }\n\n    private ref = React.createRef<HTMLDivElement>();\n\n    public render(): JSX.Element {\n        const {\n            children,\n            className,\n            onClick,\n            onMouseDown,\n            onKeyDown,\n            onFocus,\n            onBlur,\n            roundingSize = ECardRoundingSize.MD,\n            onToggle,\n            selected,\n            toggle,\n            theme = ECardTheme.GENERAL,\n            ...attributes\n        } = this.props;\n        const { isControlled, isSelected, focusSource } = this.state;\n        const classNames = clsx(\n            cardStyles.card,\n            actionStyles.action,\n            mapCardThemeToCssClass[theme],\n            mapCardRoundingSizeToCssClass[roundingSize],\n            {\n                [actionStyles.focusVisible]: focusSource === EFocusSource.KEYBOARD,\n                [actionStyles.selected]: isControlled ? !!selected : isSelected,\n            },\n            className,\n        );\n\n        return (\n            <div\n                className={classNames}\n                tabIndex={0}\n                onClick={this.handleClick}\n                onMouseDown={this.handleMouseDown}\n                onKeyDown={this.handleKeyDown}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                role=\"button\"\n                {...attributes}\n                ref={this.ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    public handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onClick } = this.props;\n\n        onClick?.(event);\n        this.handleToggle();\n    };\n\n    public handleMouseDown = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onMouseDown } = this.props;\n        const { focusSource } = this.state;\n\n        onMouseDown?.(event);\n        if (!focusSource) {\n            this.setState({ focusSource: EFocusSource.MOUSE });\n        }\n    };\n\n    public handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        const { onKeyDown } = this.props;\n\n        onKeyDown?.(event);\n        if (isKey(event.keyCode, \"SPACE\")) {\n            event.preventDefault();\n            this.handleToggle();\n        } else if (isKey(event.keyCode, \"ENTER\")) {\n            this.handleToggle();\n        }\n    };\n\n    public handleFocus = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onFocus } = this.props;\n        const { focusSource } = this.state;\n        const { current } = this.ref;\n\n        onFocus?.(event);\n        if (!focusSource && current === event.target) {\n            this.setState({ focusSource: EFocusSource.KEYBOARD });\n        }\n    };\n\n    public handleBlur = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onBlur } = this.props;\n        const { current } = this.ref;\n\n        onBlur?.(event);\n        if (current !== document.activeElement && current === event.target) {\n            this.setState({ focusSource: EFocusSource.NONE });\n        }\n    };\n\n    public handleToggle = (): void => {\n        const { toggle, selected, onToggle } = this.props;\n        const { isControlled, isSelected } = this.state;\n\n        if (isControlled) {\n            toggle?.(!selected);\n        } else {\n            this.setState(\n                (prevState) => ({ isSelected: !prevState.isSelected }),\n                () => onToggle?.(!isSelected),\n            );\n        }\n    };\n}\n"],"names":["React","selected"],"mappings":"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"}
+{"version":3,"file":"CardAction.js","sources":["../../../src/components/Card/CardAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ICardActionProps } from \"@sberbusiness/triplex-next/components/Card/types\";\nimport { CardContent } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/CardContent\";\nimport { CardMedia } from \"@sberbusiness/triplex-next/components/Card/components/CardMedia\";\nimport { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport { EFocusSource } from \"@sberbusiness/triplex-next/enums/EFocusSource\";\nimport {\n    mapCardRoundingSizeToCssClass,\n    mapCardThemeToCssClass,\n} from \"@sberbusiness/triplex-next/components/Card/utils\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport clsx from \"clsx\";\nimport actionStyles from \"./styles/Action.module.less\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Состояние интерактивной карточки. */\ninterface ICardActionState {\n    /** Выбрана карточка или нет. Используется только в неконтролируемом режиме. */\n    isSelected: boolean;\n    /** Контролируется ли состояние выбора извне. Определяется один раз при монтировании по наличию prop selected. */\n    isControlled: boolean;\n    /** Источник фокуса. Обводка фокуса показывается только для EFocusSource.KEYBOARD. */\n    focusSource: EFocusSource;\n}\n\n/**\n * Компонент \"Интерактивная карточка\".\n * Работает в двух режимах: неконтролируемом — состояние выбора хранится внутри компонента, и\n * контролируемом (передан prop selected) — состояние задаётся снаружи, а компонент сообщает о\n * запросе на его смену через prop toggle.\n */\nexport class CardAction extends React.Component<ICardActionProps, ICardActionState> {\n    public static displayName = \"CardAction\";\n\n    /** Контент карточки. */\n    public static Content = CardContent;\n    /** Медийный элемент карточки. */\n    public static Media = CardMedia;\n\n    public state = {\n        focusSource: EFocusSource.NONE,\n        isControlled: this.props.selected !== undefined,\n        isSelected: !!this.props.selected,\n    };\n\n    /** Ссылка на корневой элемент карточки. */\n    private ref = React.createRef<HTMLDivElement>();\n\n    public componentDidUpdate(prevProps: Readonly<ICardActionProps>): void {\n        const { selected, onToggle } = this.props;\n\n        if (selected !== prevProps.selected) {\n            onToggle?.(!!selected);\n        }\n    }\n\n    public render(): JSX.Element {\n        const {\n            children,\n            className,\n            // Обработчики вызываются из собственных handle*-методов, поэтому не попадают в attributes напрямую.\n            onClick,\n            onMouseDown,\n            onKeyDown,\n            onFocus,\n            onBlur,\n            roundingSize = ECardRoundingSize.MD,\n            // onToggle и toggle не являются DOM-атрибутами и исключаются из attributes.\n            onToggle,\n            selected,\n            toggle,\n            theme = ECardTheme.GENERAL,\n            ...attributes\n        } = this.props;\n        const { isControlled, isSelected, focusSource } = this.state;\n        const classNames = clsx(\n            cardStyles.card,\n            actionStyles.action,\n            mapCardThemeToCssClass[theme],\n            mapCardRoundingSizeToCssClass[roundingSize],\n            {\n                [actionStyles.focusVisible]: focusSource === EFocusSource.KEYBOARD,\n                [actionStyles.selected]: isControlled ? !!selected : isSelected,\n            },\n            className,\n        );\n\n        return (\n            <div\n                className={classNames}\n                tabIndex={0}\n                onClick={this.handleClick}\n                onMouseDown={this.handleMouseDown}\n                onKeyDown={this.handleKeyDown}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                role=\"button\"\n                {...attributes}\n                ref={this.ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    /** Обработчик клика по карточке. Переключает состояние выбора. */\n    public handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onClick } = this.props;\n\n        onClick?.(event);\n        this.handleToggle();\n    };\n\n    /** Обработчик нажатия мышью. Запоминает источник фокуса, чтобы не показывать обводку фокуса. */\n    public handleMouseDown = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const { onMouseDown } = this.props;\n        const { focusSource } = this.state;\n\n        onMouseDown?.(event);\n        if (focusSource === EFocusSource.NONE) {\n            this.setState({ focusSource: EFocusSource.MOUSE });\n        }\n    };\n\n    /** Обработчик нажатия клавиши. Space и Enter переключают состояние выбора, Space гасит прокрутку страницы. */\n    public handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        const { onKeyDown } = this.props;\n\n        onKeyDown?.(event);\n        if (isKey(event.keyCode, \"SPACE\")) {\n            event.preventDefault();\n            this.handleToggle();\n        } else if (isKey(event.keyCode, \"ENTER\")) {\n            this.handleToggle();\n        }\n    };\n\n    /** Обработчик получения фокуса. Фокус на самой карточке без предшествующего клика считается клавиатурным. */\n    public handleFocus = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onFocus } = this.props;\n        const { focusSource } = this.state;\n        const { current } = this.ref;\n\n        onFocus?.(event);\n        if (focusSource === EFocusSource.NONE && current === event.target) {\n            this.setState({ focusSource: EFocusSource.KEYBOARD });\n        }\n    };\n\n    /** Обработчик потери фокуса. Сбрасывает источник фокуса, когда карточка перестала быть активным элементом. */\n    public handleBlur = (event: React.FocusEvent<HTMLDivElement>): void => {\n        const { onBlur } = this.props;\n        const { current } = this.ref;\n\n        onBlur?.(event);\n        if (current !== document.activeElement && current === event.target) {\n            this.setState({ focusSource: EFocusSource.NONE });\n        }\n    };\n\n    /**\n     * Переключает состояние выбора. В контролируемом режиме только вызывает toggle со следующим значением,\n     * в неконтролируемом — меняет внутреннее состояние и вызывает onToggle.\n     */\n    public handleToggle = (): void => {\n        const { toggle, selected, onToggle } = this.props;\n        const { isControlled } = this.state;\n\n        if (isControlled) {\n            toggle?.(!selected);\n        } else {\n            // Колбэк setState выполняется после применения обновления, поэтому onToggle\n            // получает актуальное состояние, а не снимок, сделанный до вызова.\n            this.setState(\n                (prevState) => ({ isSelected: !prevState.isSelected }),\n                () => onToggle?.(this.state.isSelected),\n            );\n        }\n    };\n}\n"],"names":["React","selected"],"mappings":"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"}