@alfalab/core-components 44.5.1-beta.4 → 44.6.0

package/popup-sheet/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPopupSheetTestIds } from "../utils";

package/popup-sheet/cssm/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getPopupSheetTestIds = utils.getPopupSheetTestIds;

package/popup-sheet/cssm/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getPopupSheetTestIds(dataTestId: string): {
+    popupSheet: string;
+    closer: string;
+};
+export { getPopupSheetTestIds };

package/popup-sheet/cssm/utils.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
+
+function getPopupSheetTestIds(dataTestId) {
+    return {
+        popupSheet: dataTestId,
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'closer'),
+    };
+}
+
+exports.getPopupSheetTestIds = getPopupSheetTestIds;

package/popup-sheet/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPopupSheetTestIds } from "../utils";

package/popup-sheet/esm/shared/index.js

@@ -0,0 +1,2 @@
+export { getPopupSheetTestIds } from '../utils.js';
+import '../../../shared/esm';

package/popup-sheet/esm/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getPopupSheetTestIds(dataTestId: string): {
+    popupSheet: string;
+    closer: string;
+};
+export { getPopupSheetTestIds };

package/popup-sheet/esm/utils.js

@@ -0,0 +1,10 @@
+import { getDataTestId } from '../../shared/esm';
+
+function getPopupSheetTestIds(dataTestId) {
+    return {
+        popupSheet: dataTestId,
+        closer: getDataTestId(dataTestId, 'closer'),
+    };
+}
+
+export { getPopupSheetTestIds };

package/popup-sheet/modern/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPopupSheetTestIds } from "../utils";

package/popup-sheet/modern/shared/index.js

@@ -0,0 +1,2 @@
+export { getPopupSheetTestIds } from '../utils.js';
+import '../../../shared/modern';

package/popup-sheet/modern/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getPopupSheetTestIds(dataTestId: string): {
+    popupSheet: string;
+    closer: string;
+};
+export { getPopupSheetTestIds };

package/popup-sheet/modern/utils.js

@@ -0,0 +1,10 @@
+import { getDataTestId } from '../../shared/modern';
+
+function getPopupSheetTestIds(dataTestId) {
+    return {
+        popupSheet: dataTestId,
+        closer: getDataTestId(dataTestId, 'closer'),
+    };
+}
+
+export { getPopupSheetTestIds };

package/popup-sheet/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPopupSheetTestIds } from "../utils";

package/popup-sheet/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getPopupSheetTestIds = utils.getPopupSheetTestIds;

package/popup-sheet/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/popup-sheet/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getPopupSheetTestIds(dataTestId: string): {
+    popupSheet: string;
+    closer: string;
+};
+export { getPopupSheetTestIds };

package/popup-sheet/utils.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../shared');
+
+function getPopupSheetTestIds(dataTestId) {
+    return {
+        popupSheet: dataTestId,
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'closer'),
+    };
+}
+
+exports.getPopupSheetTestIds = getPopupSheetTestIds;

package/pure-cell/component-8ae5e9f0.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 "../typography";
+import { ButtonProps } from "../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/pure-cell/component-8ae5e9f0.js

@@ -0,0 +1,198 @@
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsComment = require('../comment');
+var hooks = require('@alfalab/hooks');
+var coreComponentsShared = require('../shared');
+var coreComponentsAmount = require('../amount');
+var coreComponentsTypography = require('../typography');
+var coreComponentsButton = require('../button');
+
+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$a = {"component":"pure-cell__component_11qo8","none":"pure-cell__none_11qo8","default":"pure-cell__default_11qo8","addonPadding":"pure-cell__addonPadding_11qo8","auto":"pure-cell__auto_11qo8","top":"pure-cell__top_11qo8","center":"pure-cell__center_11qo8","bottom":"pure-cell__bottom_11qo8"};
+require('./components/addon/index.css');
+
+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$a.component, styles$a[addonPadding], styles$a[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, children));
+};
+
+var styles$9 = {"component":"pure-cell__component_tkfh7"};
+require('./components/amount/index.css');
+
+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$9.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 styles$8 = {"component":"pure-cell__component_9j08u","weight":"pure-cell__weight_9j08u"};
+require('./components/amount-title/index.css');
+
+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$8.component, titleProps.className) }),
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles$8.weight, className), dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
+};
+
+var styles$7 = {"component":"pure-cell__component_g9byr","categoryName":"pure-cell__categoryName_g9byr","categoryPercent":"pure-cell__categoryPercent_g9byr","rightAddon":"pure-cell__rightAddon_g9byr"};
+require('./components/category/index.css');
+
+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$7.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$7.categoryName }, categoryName),
+        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$7.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+            categoryPercent,
+            "%")),
+        rightAddons !== undefined && (React__default.default.createElement("div", { className: styles$7.rightAddon, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
+};
+
+var styles$6 = {"component":"pure-cell__component_3m4d1","horizontal":"pure-cell__horizontal_3m4d1"};
+require('./components/content/index.css');
+
+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$6.component, (_b = {}, _b[styles$6.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
+};
+
+var styles$5 = {"component":"pure-cell__component_q31rg","none":"pure-cell__none_q31rg","default":"pure-cell__default_q31rg"};
+require('./components/footer/index.css');
+
+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$5.component, styles$5[footerPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
+};
+
+var styles$4 = {"component":"pure-cell__component_i0599"};
+require('./components/footer-button/index.css');
+
+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$4.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 styles$3 = {"component":"pure-cell__component_1s05n","top":"pure-cell__top_1s05n","center":"pure-cell__center_1s05n","bottom":"pure-cell__bottom_1s05n"};
+require('./components/graphics/index.css');
+
+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$3.component, styles$3[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+};
+
+var styles$2 = {"component":"pure-cell__component_2wu4y","vertical":"pure-cell__vertical_2wu4y","reverse":"pure-cell__reverse_2wu4y"};
+require('./components/main/index.css');
+
+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$2.component, styles$2[direction], (_b = {},
+            _b[styles$2.reverse] = isReverse,
+            _b), className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
+};
+
+var styles$1 = {"horizontal":"pure-cell__horizontal_10ste","rowLimit1":"pure-cell__rowLimit1_10ste","rowLimit2":"pure-cell__rowLimit2_10ste","component":"pure-cell__component_10ste","vertical":"pure-cell__vertical_10ste","title":"pure-cell__title_10ste","value":"pure-cell__value_10ste"};
+require('./components/text/index.css');
+
+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$1["rowLimit".concat(rowLimit)];
+    return (React__default.default.createElement("div", { className: cn__default.default(styles$1.component, (_b = {},
+            _b[styles$1.vertical] = direction !== 'horizontal',
+            _b)) },
+        React__default.default.createElement("div", { className: styles$1.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$1.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)))));
+};
+
+var styles = {"component":"pure-cell__component_1q7ju","horizontal":"pure-cell__horizontal_1q7ju","vertical":"pure-cell__vertical_1q7ju","button":"pure-cell__button_1q7ju","link":"pure-cell__link_1q7ju","none":"pure-cell__none_1q7ju","airy":"pure-cell__airy_1q7ju","defaultPadding":"pure-cell__defaultPadding_1q7ju","compact":"pure-cell__compact_1q7ju","tiny":"pure-cell__tiny_1q7ju","left":"pure-cell__left_1q7ju","right":"pure-cell__right_1q7ju","both":"pure-cell__both_1q7ju","focused":"pure-cell__focused_1q7ju"};
+require('./index.css');
+
+// 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.component] = true,
+        _b[styles.focused] = focused,
+        _b[styles[direction]] = true,
+        _b[styles.defaultPadding] = verticalPadding === 'default',
+        _b[styles[verticalPadding]] = verticalPadding !== 'default',
+        _b[styles[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.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.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/pure-cell/{component-5a229016.d.ts → 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 = {

package/pure-cell/component.js

@@ -6,17 +6,9 @@ require('react-merge-refs');
 require('classnames');
 require('../comment');
 require('@alfalab/hooks');
-require('./components/addon/component.js');
-require('./components/amount/component.js');
-require('./components/amount-title/component.js');
-require('./components/category/component.js');
-var components_content_component = require('./component-e4b9399c.js');
-require('./components/footer/component.js');
-require('./components/footer-button/component.js');
-require('./components/footer-text/component.js');
-require('./components/graphics/component.js');
+var components_addon_component = require('./component-8ae5e9f0.js');
 
 
 
-exports.PureCell = components_content_component.PureCell;
-exports.PureCellContext = components_content_component.PureCellContext;
+exports.PureCell = components_addon_component.PureCell;
+exports.PureCellContext = components_addon_component.PureCellContext;

package/pure-cell/components/addon/component.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AddonElement } from "../types";
-type Props = {
-    /**
-     * Вертикальное выравнивание
-     */
-    verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';
-    /**
-     * Горизонтальные отступы
-     */
-    addonPadding?: 'default' | 'none';
-    /**
-     * Компоненты
-     */
-    children: AddonElement;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -addon
-     */
-    dataTestId?: string;
-};
-declare const Addon: React.FC<Props>;
-export { Addon };

package/pure-cell/components/addon/component.js

@@ -1,20 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsShared = require('../../../shared');
+require('react');
+require('classnames');
+require('../../../shared');
+var components_addon_component = require('../../component-8ae5e9f0.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pure-cell__component_11qo8","none":"pure-cell__none_11qo8","default":"pure-cell__default_11qo8","addonPadding":"pure-cell__addonPadding_11qo8","auto":"pure-cell__auto_11qo8","top":"pure-cell__top_11qo8","center":"pure-cell__center_11qo8","bottom":"pure-cell__bottom_11qo8"};
-require('./index.css');
-
-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;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'addon') }, children));
-};
-
-exports.Addon = Addon;
+exports.Addon = components_addon_component.Addon;

package/pure-cell/components/addon/index.d.ts

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

package/pure-cell/components/addon/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('./component.js');
+var components_addon_component = require('../../component-8ae5e9f0.js');