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

package/cssm/index.js

@@ -2,37 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('./component-3ca297e4.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-comment/cssm');
-require('@alfalab/hooks');
-require('./components/addon/component.js');
-require('@alfalab/core-components-shared/cssm');
-require('./components/addon/index.module.css');
-require('./components/amount/component.js');
-require('@alfalab/core-components-amount/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('./components/amount/index.module.css');
-require('./components/amount-title/component.js');
-require('./components/amount-title/index.module.css');
-require('./components/category/component.js');
-require('./components/category/index.module.css');
-require('./components/footer/component.js');
-require('./components/footer/index.module.css');
-require('./components/footer-button/component.js');
-require('@alfalab/core-components-button/cssm');
-require('./components/footer-button/index.module.css');
-require('./components/footer-text/component.js');
-require('./components/graphics/component.js');
-require('./components/graphics/index.module.css');
-require('./components/main/index.module.css');
-require('./components/text/index.module.css');
-require('./index.module.css');
-require('./components/content/index.module.css');
+var components_addon_component = require('./component-4445c77d.js');
 
 
 
-exports.PureCell = components_content_component.PureCell;
+exports.PureCell = components_addon_component.PureCell;

package/cssm/index.module.css

@@ -1,4 +1,4 @@
-:root {
+: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 */ /* 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 {
     --color-light-border-link: #2288fa; /* 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 */

package/cssm/shared/index.d.ts

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

package/cssm/shared/index.js

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

package/cssm/utils.d.ts

@@ -0,0 +1,20 @@
+declare function getPureCellTestIds(dataTestId: string): {
+    pureCell: string;
+    addon: string;
+    amount: string;
+    amountText: string;
+    amountTitle: string;
+    coreAmountTitle: string;
+    categoryName: string;
+    categoryPercent: string;
+    categoryRightAddon: string;
+    content: string;
+    footer: string;
+    footerButton: string;
+    extraSubtitle: string;
+    graphics: string;
+    main: string;
+    textContent: string;
+    textValue: string;
+};
+export { getPureCellTestIds };

package/cssm/utils.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
+
+function getPureCellTestIds(dataTestId) {
+    return {
+        pureCell: dataTestId,
+        addon: coreComponentsShared.getDataTestId(dataTestId, 'addon'),
+        amount: coreComponentsShared.getDataTestId(dataTestId, 'amount'),
+        amountText: coreComponentsShared.getDataTestId(dataTestId, 'amount-text'),
+        amountTitle: coreComponentsShared.getDataTestId(dataTestId, 'amount-title'),
+        coreAmountTitle: coreComponentsShared.getDataTestId(dataTestId, 'core-amount-title'),
+        categoryName: coreComponentsShared.getDataTestId(dataTestId, 'category-name'),
+        categoryPercent: coreComponentsShared.getDataTestId(dataTestId, 'category-percent'),
+        categoryRightAddon: coreComponentsShared.getDataTestId(dataTestId, 'category-right-addon'),
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        footerButton: coreComponentsShared.getDataTestId(dataTestId, 'button'),
+        extraSubtitle: coreComponentsShared.getDataTestId(dataTestId, 'footer-title'),
+        graphics: coreComponentsShared.getDataTestId(dataTestId, 'graphics'),
+        main: coreComponentsShared.getDataTestId(dataTestId, 'main'),
+        textContent: coreComponentsShared.getDataTestId(dataTestId, 'text_content'),
+        textValue: coreComponentsShared.getDataTestId(dataTestId, 'text_value'),
+    };
+}
+
+exports.getPureCellTestIds = getPureCellTestIds;

package/esm/component-38be6257.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/esm/component-38be6257.js

@@ -0,0 +1,180 @@
+import { __rest, __assign } from 'tslib';
+import React, { useContext, forwardRef, useRef } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { Comment } from '@alfalab/core-components-comment/esm';
+import { useFocus } from '@alfalab/hooks';
+import { getDataTestId } from '@alfalab/core-components-shared/esm';
+import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
+import { Typography } from '@alfalab/core-components-typography/esm';
+import { Button } from '@alfalab/core-components-button/esm';
+
+var styles$a = {"component":"pure-cell__component_1kc6p","none":"pure-cell__none_1kc6p","default":"pure-cell__default_1kc6p","addonPadding":"pure-cell__addonPadding_1kc6p","auto":"pure-cell__auto_1kc6p","top":"pure-cell__top_1kc6p","center":"pure-cell__center_1kc6p","bottom":"pure-cell__bottom_1kc6p"};
+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 = useContext(PureCellContext);
+    return (React.createElement("section", { className: cn(styles$a.component, styles$a[addonPadding], styles$a[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, children));
+};
+
+var styles$9 = {"component":"pure-cell__component_yb7zw"};
+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 = __rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
+    var pureCellContext = useContext(PureCellContext);
+    return (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn(styles$9.component), color: color },
+        React.createElement(Amount$1, __assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount') }, restProps))));
+};
+
+var styles$8 = {"component":"pure-cell__component_1eq6s","weight":"pure-cell__weight_1eq6s"};
+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 = __rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId", "titleProps"]);
+    var pureCellContext = useContext(PureCellContext);
+    var titleDefaultProps = __assign({ tag: 'h4', view: 'small', color: color }, titleProps);
+    return (React.createElement(Typography.Title, __assign({}, titleDefaultProps, { dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$8.component, titleProps.className) }),
+        React.createElement(Amount$1, __assign({ minority: minority || minorUnits, className: cn(styles$8.weight, className), dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
+};
+
+var styles$7 = {"component":"pure-cell__component_571uo","categoryName":"pure-cell__categoryName_571uo","categoryPercent":"pure-cell__categoryPercent_571uo","rightAddon":"pure-cell__rightAddon_571uo"};
+require('./components/category/index.css')
+
+var Category = function (_a) {
+    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
+    var pureCellContext = useContext(PureCellContext);
+    return (React.createElement("div", { className: styles$7.component, "data-test-id": 'cell-pure-category' },
+        React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles$7.categoryName }, categoryName),
+        categoryPercent !== undefined && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$7.categoryPercent, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+            categoryPercent,
+            "%")),
+        rightAddons !== undefined && (React.createElement("div", { className: styles$7.rightAddon, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
+};
+
+var styles$6 = {"component":"pure-cell__component_1i6ep","horizontal":"pure-cell__horizontal_1i6ep"};
+require('./components/content/index.css')
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId;
+    var _c = useContext(PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
+    return (React.createElement("section", { className: cn(styles$6.component, (_b = {}, _b[styles$6.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
+};
+
+var styles$5 = {"component":"pure-cell__component_1va8a","none":"pure-cell__none_1va8a","default":"pure-cell__default_1va8a"};
+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 = useContext(PureCellContext);
+    return (React.createElement("footer", { className: cn(styles$5.component, styles$5[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
+};
+
+var styles$4 = {"component":"pure-cell__component_1bu2r"};
+require('./components/footer-button/index.css')
+
+var FooterButton = forwardRef(function (_a, ref) {
+    var children = _a.children, dataTestId = _a.dataTestId, props = __rest(_a, ["children", "dataTestId"]);
+    var pureCellContext = useContext(PureCellContext);
+    return (React.createElement(Button, __assign({}, props, { size: 'xxs', dataTestId: 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 = useContext(PureCellContext);
+    return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
+};
+
+var styles$3 = {"component":"pure-cell__component_kbi6r","top":"pure-cell__top_kbi6r","center":"pure-cell__center_kbi6r","bottom":"pure-cell__bottom_kbi6r"};
+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 = useContext(PureCellContext);
+    return (React.createElement("section", { className: cn(styles$3.component, styles$3[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+};
+
+var styles$2 = {"component":"pure-cell__component_1x75o","vertical":"pure-cell__vertical_1x75o","reverse":"pure-cell__reverse_1x75o"};
+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 = useContext(PureCellContext), _d = _c.direction, direction = _d === void 0 ? 'horizontal' : _d, contextDataTestId = _c.dataTestId;
+    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
+            _b[styles$2.reverse] = isReverse,
+            _b), className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
+};
+
+var styles$1 = {"horizontal":"pure-cell__horizontal_6yvw2","rowLimit1":"pure-cell__rowLimit1_6yvw2","rowLimit2":"pure-cell__rowLimit2_6yvw2","component":"pure-cell__component_6yvw2","vertical":"pure-cell__vertical_6yvw2","title":"pure-cell__title_6yvw2","value":"pure-cell__value_6yvw2"};
+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 = useContext(PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId;
+    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
+    return (React.createElement("div", { className: cn(styles$1.component, (_b = {},
+            _b[styles$1.vertical] = direction !== 'horizontal',
+            _b)) },
+        React.createElement("div", { className: styles$1.title },
+            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
+        value && (React.createElement("div", { className: styles$1.value },
+            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
+};
+
+var styles = {"component":"pure-cell__component_9rya7","horizontal":"pure-cell__horizontal_9rya7","vertical":"pure-cell__vertical_9rya7","button":"pure-cell__button_9rya7","link":"pure-cell__link_9rya7","none":"pure-cell__none_9rya7","airy":"pure-cell__airy_9rya7","defaultPadding":"pure-cell__defaultPadding_9rya7","compact":"pure-cell__compact_9rya7","tiny":"pure-cell__tiny_9rya7","left":"pure-cell__left_9rya7","right":"pure-cell__right_9rya7","both":"pure-cell__both_9rya7","focused":"pure-cell__focused_9rya7"};
+require('./index.css')
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+var PureCellContext = React.createContext({});
+var PureCellComponent = 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 = __rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var cellRef = useRef(null);
+    var focused = 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.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+    }
+    if (onClick) {
+        return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+    }
+    return (React.createElement(Component, __assign({}, restProps, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId }),
+        React.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: Comment,
+    Category: Category,
+});
+
+export { Addon as A, Category as C, Footer as F, Graphics as G, Main as M, PureCell as P, Text as T, Amount as a, AmountTitle as b, Content as c, FooterButton as d, FooterText as e, PureCellContext as f };

package/esm/{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/esm/component.js

@@ -4,16 +4,4 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';
-import './components/addon/component.js';
-import './components/amount/component.js';
-import './components/amount-title/component.js';
-import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-609a6e2f.js';
-import './components/footer/component.js';
-import './components/footer-button/component.js';
-import './components/footer-text/component.js';
-import './components/graphics/component.js';
-import '@alfalab/core-components-shared/esm';
-import '@alfalab/core-components-amount/esm';
-import '@alfalab/core-components-typography/esm';
-import '@alfalab/core-components-button/esm';
+export { P as PureCell, f as PureCellContext } from './component-38be6257.js';

package/esm/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/esm/components/addon/component.js

@@ -1,13 +1,4 @@
-import React from 'react';
-import cn from 'classnames';
-import { getDataTestId } from '@alfalab/core-components-shared/esm';
-
-var styles = {"component":"pure-cell__component_1dy24","none":"pure-cell__none_1dy24","default":"pure-cell__default_1dy24","addonPadding":"pure-cell__addonPadding_1dy24","auto":"pure-cell__auto_1dy24","top":"pure-cell__top_1dy24","center":"pure-cell__center_1dy24","bottom":"pure-cell__bottom_1dy24"};
-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.createElement("section", { className: cn(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId(dataTestId, 'addon') }, children));
-};
-
-export { Addon };
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-shared/esm';
+export { A as Addon } from '../../component-38be6257.js';

package/esm/components/addon/index.css

@@ -1,5 +1,5 @@
-/* hash: 5u8yl */
-:root {
+/* hash: 1kopx */
+: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 */ /* 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 */ /* 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 */
 } :root {
@@ -15,24 +15,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_1dy24 {
+} .pure-cell__component_1kc6p {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_1dy24 > * {
+} .pure-cell__component_1kc6p > * {
         justify-content: flex-end;
-    } .pure-cell__component_1dy24.pure-cell__none_1dy24 {
+    } .pure-cell__component_1kc6p.pure-cell__none_1kc6p {
         padding-left: 0;
-    } .pure-cell__component_1dy24.pure-cell__default_1dy24 {
+    } .pure-cell__component_1kc6p.pure-cell__default_1kc6p {
         padding-left: var(--gap-m);
-    } .pure-cell__component_1dy24.pure-cell__addonPadding_1dy24 {
+    } .pure-cell__component_1kc6p.pure-cell__addonPadding_1kc6p {
         padding-left: var(--gap-m);
-    } .pure-cell__component_1dy24.pure-cell__auto_1dy24 {
+    } .pure-cell__component_1kc6p.pure-cell__auto_1kc6p {
         align-self: auto;
-    } .pure-cell__component_1dy24.pure-cell__top_1dy24 {
+    } .pure-cell__component_1kc6p.pure-cell__top_1kc6p {
         align-self: flex-start;
-    } .pure-cell__component_1dy24.pure-cell__center_1dy24 {
+    } .pure-cell__component_1kc6p.pure-cell__center_1kc6p {
         align-self: center;
-    } .pure-cell__component_1dy24.pure-cell__bottom_1dy24 {
+    } .pure-cell__component_1kc6p.pure-cell__bottom_1kc6p {
         align-self: flex-end;
     }

package/esm/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-38be6257";

package/esm/components/addon/index.js

@@ -1,4 +1 @@
-export { Addon } from './component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/core-components-shared/esm';
+export { A as Addon } from '../../component-38be6257.js';