@alfalab/core-components-pure-cell 4.5.2 → 4.6.0

package/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-8ae5e9f0";

package/components/graphics/index.js

@@ -2,11 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_graphics_component = require('./component.js');
-require('react');
-require('classnames');
-require('@alfalab/core-components-shared');
+var components_addon_component = require('../../component-8ae5e9f0.js');
 
 
 
-exports.Graphics = components_graphics_component.Graphics;
+exports.Graphics = components_addon_component.Graphics;

package/components/main/component.js

@@ -5,23 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared');
-var components_content_component = require('../../component-6fbf202b.js');
-require('tslib');
-require('react-merge-refs');
-require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('../amount/component.js');
-require('@alfalab/core-components-amount');
-require('@alfalab/core-components-typography');
-require('../amount-title/component.js');
-require('../category/component.js');
-require('../footer/component.js');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button');
-require('../footer-text/component.js');
-require('../graphics/component.js');
+var components_addon_component = require('../../component-8ae5e9f0.js');
 
 
 
-exports.Main = components_content_component.Main;
+exports.Main = components_addon_component.Main;

package/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: 8sp7n */
+/* hash: f1qv3 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,20 +15,20 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_151x2 {
+} .pure-cell__component_2wu4y {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_151x2.pure-cell__vertical_151x2 {
+} .pure-cell__component_2wu4y.pure-cell__vertical_2wu4y {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_151x2.pure-cell__reverse_151x2 {
+    } .pure-cell__component_2wu4y.pure-cell__reverse_2wu4y {
         flex-direction: column-reverse;
     }

package/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6fbf202b";
+export * from "../../component-8ae5e9f0";

package/components/main/index.js

@@ -2,26 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-6fbf202b.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('@alfalab/core-components-shared');
-require('../amount/component.js');
-require('@alfalab/core-components-amount');
-require('@alfalab/core-components-typography');
-require('../amount-title/component.js');
-require('../category/component.js');
-require('../footer/component.js');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button');
-require('../footer-text/component.js');
-require('../graphics/component.js');
+var components_addon_component = require('../../component-8ae5e9f0.js');
 
 
 
-exports.Main = components_content_component.Main;
+exports.Main = components_addon_component.Main;

package/components/text/component.js

@@ -6,22 +6,8 @@ require('react');
 require('classnames');
 require('@alfalab/core-components-shared');
 require('@alfalab/core-components-typography');
-var components_content_component = require('../../component-6fbf202b.js');
-require('tslib');
-require('react-merge-refs');
-require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('../amount/component.js');
-require('@alfalab/core-components-amount');
-require('../amount-title/component.js');
-require('../category/component.js');
-require('../footer/component.js');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button');
-require('../footer-text/component.js');
-require('../graphics/component.js');
+var components_addon_component = require('../../component-8ae5e9f0.js');
 
 
 
-exports.Text = components_content_component.Text;
+exports.Text = components_addon_component.Text;

package/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: qm86w */
+/* hash: 10t9a */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_3wsa5 {
+} .pure-cell__horizontal_10ste {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_3wsa5 {
+} .pure-cell__rowLimit1_10ste {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_3wsa5 {
+} .pure-cell__rowLimit2_10ste {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_3wsa5 {
+} .pure-cell__component_10ste {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_3wsa5 .pure-cell__vertical_3wsa5 {
+} .pure-cell__component_10ste .pure-cell__vertical_10ste {
         justify-content: center;
-    } .pure-cell__title_3wsa5 + .pure-cell__value_3wsa5 {
+    } .pure-cell__title_10ste + .pure-cell__value_10ste {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

package/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6fbf202b";
+export * from "../../component-8ae5e9f0";

package/components/text/index.js

@@ -2,26 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-6fbf202b.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('@alfalab/core-components-shared');
-require('../amount/component.js');
-require('@alfalab/core-components-amount');
-require('@alfalab/core-components-typography');
-require('../amount-title/component.js');
-require('../category/component.js');
-require('../footer/component.js');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button');
-require('../footer-text/component.js');
-require('../graphics/component.js');
+var components_addon_component = require('../../component-8ae5e9f0.js');
 
 
 
-exports.Text = components_content_component.Text;
+exports.Text = components_addon_component.Text;

package/cssm/component-4445c77d.d.ts

@@ -0,0 +1,211 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode, AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+import { MainElement, GraphicsElement, FooterElement, ContentElement, AddonElement } from "./components/types";
+import { Color, TitleProps } from "@alfalab/core-components-typography";
+import { ButtonProps } from "@alfalab/core-components-button";
+import { AmountProps as AmountType } from "./components/typesProps";
+type Props = {
+    /**
+     * Компоненты
+     */
+    children: MainElement;
+    /**
+     * Позволяет изменить расположение блоков внутри main
+     */
+    isReverse?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -main
+     */
+    dataTestId?: string;
+};
+declare const Main: React.FC<Props>;
+type Props$0 = {
+    /**
+     * Компоненты
+     */
+    children: GraphicsElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -graphics
+     */
+    dataTestId?: string;
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "top" | "center" | "bottom";
+};
+declare const Graphics: React.FC<Props$0>;
+type Props$1 = {
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer-title
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const FooterText: React.FC<Props$1>;
+type ComponentProps = Omit<ButtonProps, "dataTestId"> & {
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -button
+     */
+    dataTestId?: string;
+};
+type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+declare const FooterButton: React.ForwardRefExoticComponent<FooterButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+type Props$2 = {
+    /**
+     * Компоненты
+     */
+    children: FooterElement;
+    /**
+     * Вертикальные отступы
+     */
+    footerPadding?: "default" | "none";
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer
+     */
+    dataTestId?: string;
+};
+declare const Footer: React.FC<Props$2>;
+type Props$3 = {
+    /**
+     * Компоненты
+     */
+    children: ContentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -content
+     */
+    dataTestId?: string;
+};
+declare const Content: React.FC<Props$3>;
+type Props$4 = {
+    /**
+     * Наименование категории
+     */
+    categoryName: string;
+    /**
+     * Процент категории
+     */
+    categoryPercent?: number;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для наименования категории используется модификатор -category-name,
+     * процент категории -category-percent, слота справа -category-right-addon
+     */
+    dataTestId?: string;
+};
+declare const Category: React.FC<Props$4>;
+type Props$5 = {
+    /**
+     * Цвет денежного значения
+     * @deprecated Используйте titleProps.color
+     */
+    color?: Color;
+    /**
+     * Пропсы, которые будут прокинуты в компонент типографики
+     */
+    titleProps?: TitleProps;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const AmountTitle: React.FC<Props$5>;
+type Props$6 = {
+    /**
+     * Начертание шрифта денежного значения
+     */
+    weight?: "bold" | "normal";
+    /**
+     * Размер денежного значения
+     */
+    textView?: "component" | "primary-small";
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-text, для компонента Amount -amount
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const Amount: React.FC<Props$6>;
+type Props$7 = {
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "auto" | "top" | "center" | "bottom";
+    /**
+     * Горизонтальные отступы
+     */
+    addonPadding?: "default" | "none";
+    /**
+     * Компоненты
+     */
+    children: AddonElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -addon
+     */
+    dataTestId?: string;
+};
+declare const Addon: React.FC<Props$7>;
+type Props$8 = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2;
+    /**
+     * Размер текста
+     */
+    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
+    /**
+     * Толщина title
+     */
+    titleWeight?: 'regular' | 'bold';
+    /**
+     * Цвет title
+     */
+    titleColor: Color;
+    /**
+     * Value ячейки
+     */
+    value?: ReactNode;
+    /**
+     * Цвет value
+     */
+    valueColor?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для контента используется модификатор -text_content, для value ячейки -text_value
+     */
+    dataTestId?: string;
+};
+declare const Text: React.FC<Props$8>;
+export { Main, Props$0 as Props, Graphics, FooterText, FooterButton, Footer, Content, Category, AmountTitle, Amount, Addon, Text };

package/cssm/component-4445c77d.js

@@ -0,0 +1,189 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsComment = require('@alfalab/core-components-comment/cssm');
+var hooks = require('@alfalab/hooks');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
+var coreComponentsAmount = require('@alfalab/core-components-amount/cssm');
+var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
+var styles$1 = require('./components/amount/index.module.css');
+var styles$2 = require('./components/amount-title/index.module.css');
+var styles$3 = require('./components/category/index.module.css');
+var styles$4 = require('./components/content/index.module.css');
+var styles$5 = require('./components/footer/index.module.css');
+var coreComponentsButton = require('@alfalab/core-components-button/cssm');
+var styles$6 = require('./components/footer-button/index.module.css');
+var styles$7 = require('./components/graphics/index.module.css');
+var styles$8 = require('./components/main/index.module.css');
+var styles$9 = require('./components/text/index.module.css');
+var styles$a = require('./index.module.css');
+var styles = require('./components/addon/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default$1 = /*#__PURE__*/_interopDefaultCompat(styles$1);
+var styles__default$2 = /*#__PURE__*/_interopDefaultCompat(styles$2);
+var styles__default$3 = /*#__PURE__*/_interopDefaultCompat(styles$3);
+var styles__default$4 = /*#__PURE__*/_interopDefaultCompat(styles$4);
+var styles__default$5 = /*#__PURE__*/_interopDefaultCompat(styles$5);
+var styles__default$6 = /*#__PURE__*/_interopDefaultCompat(styles$6);
+var styles__default$7 = /*#__PURE__*/_interopDefaultCompat(styles$7);
+var styles__default$8 = /*#__PURE__*/_interopDefaultCompat(styles$8);
+var styles__default$9 = /*#__PURE__*/_interopDefaultCompat(styles$9);
+var styles__default$a = /*#__PURE__*/_interopDefaultCompat(styles$a);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Addon = function (_a) {
+    var children = _a.children, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("section", { className: cn__default.default(styles__default.default.component, styles__default.default[addonPadding], styles__default.default[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, children));
+};
+
+var Amount = function (_a) {
+    var _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.textView, textView = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, minority = _a.minority, _e = _a.minorUnits, minorUnits = _e === void 0 ? 100 : _e, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn__default.default(styles__default$1.default.component), color: color },
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount') }, restProps))));
+};
+
+var AmountTitle = function (_a) {
+    var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, _d = _a.titleProps, titleProps = _d === void 0 ? {} : _d, restProps = tslib.__rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId", "titleProps"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    var titleDefaultProps = tslib.__assign({ tag: 'h4', view: 'small', color: color }, titleProps);
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Title, tslib.__assign({}, titleDefaultProps, { dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn__default.default(styles__default$2.default.component, titleProps.className) }),
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles__default$2.default.weight, className), dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
+};
+
+var Category = function (_a) {
+    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("div", { className: styles__default$3.default.component, "data-test-id": 'cell-pure-category' },
+        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles__default$3.default.categoryName }, categoryName),
+        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default$3.default.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+            categoryPercent,
+            "%")),
+        rightAddons !== undefined && (React__default.default.createElement("div", { className: styles__default$3.default.rightAddon, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
+};
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId;
+    var _c = React.useContext(PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
+    return (React__default.default.createElement("section", { className: cn__default.default(styles__default$4.default.component, (_b = {}, _b[styles__default$4.default.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
+};
+
+var Footer = function (_a) {
+    var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("footer", { className: cn__default.default(styles__default$5.default.component, styles__default$5.default[footerPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
+};
+
+var FooterButton = React.forwardRef(function (_a, ref) {
+    var children = _a.children, dataTestId = _a.dataTestId, props = tslib.__rest(_a, ["children", "dataTestId"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, props, { size: 'xxs', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles__default$6.default.component, ref: ref }), children));
+});
+
+var FooterText = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
+};
+
+var Graphics = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("section", { className: cn__default.default(styles__default$7.default.component, styles__default$7.default[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+};
+
+var Main = function (_a) {
+    var _b;
+    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = React.useContext(PureCellContext), _d = _c.direction, direction = _d === void 0 ? 'horizontal' : _d, contextDataTestId = _c.dataTestId;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default$8.default.component, styles__default$8.default[direction], (_b = {},
+            _b[styles__default$8.default.reverse] = isReverse,
+            _b), className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
+};
+
+var Text = function (_a) {
+    var _b;
+    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
+    var _d = React.useContext(PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId;
+    var className = rowLimit && styles__default$9.default["rowLimit".concat(rowLimit)];
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default$9.default.component, (_b = {},
+            _b[styles__default$9.default.vertical] = direction !== 'horizontal',
+            _b)) },
+        React__default.default.createElement("div", { className: styles__default$9.default.title },
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
+        value && (React__default.default.createElement("div", { className: styles__default$9.default.value },
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
+};
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+var PureCellContext = React__default.default.createContext({});
+var PureCellComponent = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var cellRef = React.useRef(null);
+    var focused = hooks.useFocus(cellRef, 'keyboard')[0];
+    var addClasses = (_b = {},
+        _b[styles__default$a.default.component] = true,
+        _b[styles__default$a.default.focused] = focused,
+        _b[styles__default$a.default[direction]] = true,
+        _b[styles__default$a.default.defaultPadding] = verticalPadding === 'default',
+        _b[styles__default$a.default[verticalPadding]] = verticalPadding !== 'default',
+        _b[styles__default$a.default[horizontalPadding]] = true,
+        _b);
+    if (href) {
+        var target = restProps.target;
+        // Для совместимости с react-router-dom, меняем href на to
+        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
+        return (React__default.default.createElement(Component, tslib.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles__default$a.default.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+    }
+    if (onClick) {
+        return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles__default$a.default.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+    }
+    return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: ref, tabIndex: 0, className: cn__default.default(addClasses, className), "data-test-id": dataTestId }),
+        React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+});
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+var PureCell = Object.assign(PureCellComponent, {
+    Main: Main,
+    Graphics: Graphics,
+    Content: Content,
+    Text: Text,
+    Amount: Amount,
+    AmountTitle: AmountTitle,
+    Addon: Addon,
+    Footer: Footer,
+    ExtraSubtitle: FooterText,
+    FooterButton: FooterButton,
+    Comment: coreComponentsComment.Comment,
+    Category: Category,
+});
+
+exports.Addon = Addon;
+exports.Amount = Amount;
+exports.AmountTitle = AmountTitle;
+exports.Category = Category;
+exports.Content = Content;
+exports.Footer = Footer;
+exports.FooterButton = FooterButton;
+exports.FooterText = FooterText;
+exports.Graphics = Graphics;
+exports.Main = Main;
+exports.PureCell = PureCell;
+exports.PureCellContext = PureCellContext;
+exports.Text = Text;

package/{modern/component-5a229016.d.ts → cssm/component-fd7196d2.d.ts}

@@ -6,6 +6,7 @@ import { PureCellElement } from "./components/types";
 type PureCellContext = {
     /** Направление */
     direction?: 'horizontal' | 'vertical';
+    dataTestId?: string;
 };
 declare const PureCellContext: React.Context<PureCellContext>;
 type PureCellProps = {