@alfalab/core-components 47.26.0-beta.0 → 47.26.0-beta.2

package/pure-cell/esm/component-f9da1b8b.d.ts

@@ -0,0 +1,235 @@
+/// <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;
+    /**
+     * Клик по контенту.
+     */
+    onClick?: () => void;
+};
+declare const Main: React.FC<Props>;
+type Props$0 = {
+    /**
+     * Компоненты
+     */
+    children: GraphicsElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -graphics
+     */
+    dataTestId?: string;
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "top" | "center" | "bottom";
+    /**
+     * Отступ от графики
+     */
+    graphicPadding?: "airy" | "default" | "compact" | "tiny" | "none";
+    /**
+     * Клик по контенту графики.
+     */
+    onClick?: () => void;
+};
+declare const Graphics: React.FC<Props$0>;
+type FooterTextProps = {
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer-title
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const FooterText: React.FC<FooterTextProps>;
+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$1 = {
+    /**
+     * Компоненты
+     */
+    children: FooterElement;
+    /**
+     * Вертикальные отступы
+     */
+    footerPadding?: "default" | "none";
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer
+     */
+    dataTestId?: string;
+};
+declare const Footer: React.FC<Props$1>;
+type Props$2 = {
+    /**
+     * Компоненты
+     */
+    children: ContentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -content
+     */
+    dataTestId?: string;
+};
+declare const Content: React.FC<Props$2>;
+type Props$3 = {
+    /**
+     * Наименование категории
+     */
+    categoryName: string;
+    /**
+     * Процент категории
+     */
+    categoryPercent?: number;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для наименования категории используется модификатор -category-name,
+     * процент категории -category-percent, слота справа -category-right-addon
+     */
+    dataTestId?: string;
+};
+declare const Category: React.FC<Props$3>;
+type Props$4 = {
+    /**
+     * Цвет денежного значения
+     * @deprecated Используйте titleProps.color
+     */
+    color?: Color;
+    /**
+     * Пропсы, которые будут прокинуты в компонент типографики
+     */
+    titleProps?: TitleProps;
+    /**
+     * Скрыть денежное значение
+     */
+    hidden?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const AmountTitle: React.FC<Props$4>;
+type Props$5 = {
+    /**
+     * Начертание шрифта денежного значения
+     */
+    weight?: "bold" | "normal";
+    /**
+     * Размер денежного значения
+     */
+    textView?: "component" | "primary-small";
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Скрыть денежное значение
+     */
+    hidden?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-text, для компонента Amount -amount
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const Amount: React.FC<Props$5>;
+type Props$6 = {
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "auto" | "top" | "center" | "bottom";
+    /**
+     * Горизонтальные отступы
+     */
+    addonPadding?: "default" | "none";
+    /**
+     * Компоненты
+     */
+    children: AddonElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -addon
+     */
+    dataTestId?: string;
+    /**
+     * Клик по контенту аддона.
+     */
+    onClick?: () => void;
+};
+declare const Addon: React.FC<Props$6>;
+type Props$7 = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2;
+    /**
+     * Размер текста
+     */
+    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary' | 'secondary-large';
+    /**
+     * Толщина 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$7>;
+export { Main, Props$0 as Props, Graphics, FooterTextProps, FooterText, FooterButton, Footer, Content, Category, AmountTitle, Amount, Addon, Text };

package/pure-cell/esm/component-f9da1b8b.js

@@ -0,0 +1,301 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef, useContext, useRef, useState } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { Comment } from '../../comment/esm';
+import { useFocus } from '@alfalab/hooks';
+import { getDataTestId } from '../../shared/esm';
+import { Amount as Amount$1 } from '../../amount/esm';
+import { Typography } from '../../typography/esm';
+import { Button } from '../../button/esm';
+
+var styles$a = {"component":"pure-cell__component_w79c5","none":"pure-cell__none_w79c5","default":"pure-cell__default_w79c5","addonPadding":"pure-cell__addonPadding_w79c5","auto":"pure-cell__auto_w79c5","top":"pure-cell__top_w79c5","center":"pure-cell__center_w79c5","bottom":"pure-cell__bottom_w79c5","button":"pure-cell__button_w79c5"};
+require('./components/addon/index.css');
+
+var ADDON_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+var Addon = function (_a) {
+    var _b;
+    var children = _a.children, _c = _a.verticalAlign, verticalAlign = _c === void 0 ? 'top' : _c, _d = _a.addonPadding, addonPadding = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId, onClick = _a.onClick;
+    var pureCellContext = useContext(PureCellContext);
+    var Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;
+    var onMouseEvents = {
+        onClick: function (e) {
+            e.stopPropagation();
+            onClick === null || onClick === void 0 ? void 0 : onClick();
+        },
+        onMouseEnter: function () {
+            var _a;
+            (_a = pureCellContext.unsetMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+        },
+        onMouseLeave: function () {
+            var _a;
+            (_a = pureCellContext.setMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+        },
+        onMouseDown: function (e) {
+            e.stopPropagation();
+        },
+    };
+    return (React.createElement(Component, __assign({ className: cn(styles$a.component, styles$a[addonPadding], styles$a[verticalAlign], (_b = {},
+            _b[styles$a.button] = onClick,
+            _b)), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, (onClick && onMouseEvents)), children));
+};
+
+var styles$9 = {"component":"pure-cell__component_2qlp4","hidden":"pure-cell__hidden_2qlp4","hiddenWrapper":"pure-cell__hiddenWrapper_2qlp4"};
+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, hidden = _a.hidden, dataTestId = _a.dataTestId, restProps = __rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "hidden", "dataTestId"]);
+    var pureCellContext = useContext(PureCellContext);
+    if (hidden) {
+        return (React.createElement("div", { className: styles$9.hiddenWrapper },
+            React.createElement("div", { className: styles$9.hidden })));
+    }
+    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_1b2sw","weight":"pure-cell__weight_1b2sw","hidden":"pure-cell__hidden_1b2sw","hidden-xsmall":"pure-cell__hidden-xsmall_1b2sw","hidden-small":"pure-cell__hidden-small_1b2sw","hidden-medium":"pure-cell__hidden-medium_1b2sw","hidden-large":"pure-cell__hidden-large_1b2sw","hidden-xlarge":"pure-cell__hidden-xlarge_1b2sw","hiddenWrapper":"pure-cell__hiddenWrapper_1b2sw","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_1b2sw","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_1b2sw","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_1b2sw","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_1b2sw","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_1b2sw"};
+require('./components/amount-title/index.css');
+
+var AmountTitle = function (_a) {
+    var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, hidden = _a.hidden, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, _d = _a.titleProps, titlePropsFromProps = _d === void 0 ? {} : _d, restProps = __rest(_a, ["minority", "minorUnits", "hidden", "className", "color", "dataTestId", "titleProps"]);
+    var pureCellContext = useContext(PureCellContext);
+    var titleProps = __assign({ tag: 'h4', view: 'small', color: color }, titlePropsFromProps);
+    if (hidden) {
+        return (React.createElement("div", { className: cn(styles$8.hiddenWrapper, styles$8["hiddenWrapper-".concat(titleProps.view)]) },
+            React.createElement("div", { className: cn(styles$8.hidden, styles$8["hidden-".concat(titleProps.view)]) })));
+    }
+    return (React.createElement(Typography.TitleResponsive, __assign({}, titleProps, { dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$8.component, titlePropsFromProps === null || titlePropsFromProps === void 0 ? void 0 : titlePropsFromProps.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_1km9t","categoryName":"pure-cell__categoryName_1km9t","categoryPercent":"pure-cell__categoryPercent_1km9t","rightAddon":"pure-cell__rightAddon_1km9t"};
+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_1yet5","horizontal":"pure-cell__horizontal_1yet5"};
+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_h5pnb","none":"pure-cell__none_h5pnb","default":"pure-cell__default_h5pnb"};
+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_oe42j"};
+require('./components/footer-button/index.css');
+
+var FooterButton = forwardRef(function (_a, ref) {
+    var children = _a.children, dataTestId = _a.dataTestId, onClick = _a.onClick, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, props = __rest(_a, ["children", "dataTestId", "onClick", "onMouseDown", "onMouseEnter", "onMouseLeave"]);
+    var pureCellContext = useContext(PureCellContext);
+    var handleClick = function (e) {
+        e.stopPropagation();
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    var handleMouseEnter = function (e) {
+        var _a;
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        (_a = pureCellContext.unsetMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+    };
+    var handleMouseLeave = function (e) {
+        var _a;
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        (_a = pureCellContext.setMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+    };
+    var handleMouseDown = function (e) {
+        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
+        e.stopPropagation();
+    };
+    return (React.createElement(Button, __assign({}, props, { size: 'xxs', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$4.component, ref: ref, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: handleMouseDown }), 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_p15ov","top":"pure-cell__top_p15ov","center":"pure-cell__center_p15ov","bottom":"pure-cell__bottom_p15ov","horizontal":"pure-cell__horizontal_p15ov","none":"pure-cell__none_p15ov","airy":"pure-cell__airy_p15ov","default":"pure-cell__default_p15ov","compact":"pure-cell__compact_p15ov","tiny":"pure-cell__tiny_p15ov","vertical":"pure-cell__vertical_p15ov","button":"pure-cell__button_p15ov"};
+require('./components/graphics/index.css');
+
+var GRAPHICS_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+var Graphics = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId, _c = _a.verticalAlign, verticalAlign = _c === void 0 ? 'top' : _c, graphicPadding = _a.graphicPadding, onClick = _a.onClick;
+    var pureCellContext = useContext(PureCellContext);
+    var Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;
+    var defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';
+    var onMouseEvents = {
+        onClick: function (e) {
+            e.stopPropagation();
+            onClick === null || onClick === void 0 ? void 0 : onClick();
+        },
+        onMouseEnter: function () {
+            var _a;
+            (_a = pureCellContext.unsetMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+        },
+        onMouseLeave: function () {
+            var _a;
+            (_a = pureCellContext.setMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+        },
+        onMouseDown: function (e) {
+            e.stopPropagation();
+        },
+    };
+    return (React.createElement(Component, __assign({ className: cn(styles$3.component, styles$3[verticalAlign], styles$3[pureCellContext.direction || 'horizontal'], styles$3[graphicPadding || defaultGraphicPadding], (_b = {}, _b[styles$3.button] = onClick, _b)), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, (onClick && onMouseEvents)), children));
+};
+
+var styles$2 = {"component":"pure-cell__component_a3nih","vertical":"pure-cell__vertical_a3nih","reverse":"pure-cell__reverse_a3nih","button":"pure-cell__button_a3nih"};
+require('./components/main/index.css');
+
+var MAIN_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+var Main = function (_a) {
+    var _b, _c;
+    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick;
+    var _d = useContext(PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId, setMainHover = _d.setMainHover, unsetMainHover = _d.unsetMainHover;
+    var Component = onClick ? MAIN_COMPONENT.button : MAIN_COMPONENT.section;
+    var onMouseEvents = {
+        onClick: function (e) {
+            e.stopPropagation();
+            onClick === null || onClick === void 0 ? void 0 : onClick();
+        },
+        onMouseEnter: function () {
+            unsetMainHover === null || unsetMainHover === void 0 ? void 0 : unsetMainHover();
+        },
+        onMouseLeave: function () {
+            setMainHover === null || setMainHover === void 0 ? void 0 : setMainHover();
+        },
+        onMouseDown: function (e) {
+            e.stopPropagation();
+        },
+    };
+    return (React.createElement(Component, __assign({ className: cn(styles$2.component, styles$2[direction], (_b = {},
+            _b[styles$2.reverse] = isReverse,
+            _b), (_c = {}, _c[styles$2.button] = onClick, _c), className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, (onClick && onMouseEvents)), children));
+};
+
+var styles$1 = {"horizontal":"pure-cell__horizontal_1tntv","rowLimit1":"pure-cell__rowLimit1_1tntv","rowLimit2":"pure-cell__rowLimit2_1tntv","component":"pure-cell__component_1tntv","vertical":"pure-cell__vertical_1tntv","title":"pure-cell__title_1tntv","value":"pure-cell__value_1tntv"};
+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_tankc","horizontal":"pure-cell__horizontal_tankc","vertical":"pure-cell__vertical_tankc","button":"pure-cell__button_tankc","hover":"pure-cell__hover_tankc","active":"pure-cell__active_tankc","link":"pure-cell__link_tankc","none":"pure-cell__none_tankc","airy":"pure-cell__airy_tankc","default":"pure-cell__default_tankc","compact":"pure-cell__compact_tankc","tiny":"pure-cell__tiny_tankc","noneTop":"pure-cell__noneTop_tankc","airyTop":"pure-cell__airyTop_tankc","defaultTop":"pure-cell__defaultTop_tankc","compactTop":"pure-cell__compactTop_tankc","tinyTop":"pure-cell__tinyTop_tankc","noneBottom":"pure-cell__noneBottom_tankc","airyBottom":"pure-cell__airyBottom_tankc","defaultBottom":"pure-cell__defaultBottom_tankc","compactBottom":"pure-cell__compactBottom_tankc","tinyBottom":"pure-cell__tinyBottom_tankc","left":"pure-cell__left_tankc","right":"pure-cell__right_tankc","both":"pure-cell__both_tankc","focused":"pure-cell__focused_tankc"};
+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 _h = useState(false), hoverState = _h[0], setHoverState = _h[1];
+    var _j = useState(false), activeState = _j[0], setActiveState = _j[1];
+    var setHover = function () { return setHoverState(true); };
+    var unsetHover = function () { return setHoverState(false); };
+    var setActive = function () { return setActiveState(true); };
+    var unsetActive = function () { return setActiveState(false); };
+    var mouseEvents = {
+        onMouseEnter: setHover,
+        onMouseLeave: unsetHover,
+        onMouseDown: setActive,
+        onMouseUp: unsetActive,
+    };
+    var addClasses = (_b = {},
+        _b[styles.component] = true,
+        _b[styles.focused] = focused,
+        _b[styles[direction]] = true,
+        _b[styles[horizontalPadding]] = true,
+        _b[styles.hover] = hoverState,
+        _b[styles.active] = activeState,
+        _b);
+    var contextState = {
+        direction: direction,
+        dataTestId: dataTestId,
+        setMainHover: setHover,
+        unsetMainHover: unsetHover,
+    };
+    if (typeof verticalPadding === 'string') {
+        addClasses[styles[verticalPadding]] = typeof verticalPadding === 'string';
+    }
+    if (typeof verticalPadding === 'object') {
+        addClasses[styles["".concat(verticalPadding.top, "Top")]] = !!verticalPadding.top;
+        addClasses[styles["".concat(verticalPadding.bottom, "Bottom")]] = !!verticalPadding.bottom;
+    }
+    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 }, mouseEvents),
+            React.createElement(PureCellContext.Provider, { value: contextState }, 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 }, mouseEvents),
+            React.createElement(PureCellContext.Provider, { value: contextState }, children)));
+    }
+    return (React.createElement(Component, __assign({}, restProps, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId }),
+        React.createElement(PureCellContext.Provider, { value: contextState }, 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,
+});
+PureCellComponent.displayName = 'PureCellComponent';
+
+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/pure-cell/esm/component.js

@@ -4,7 +4,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../comment/esm';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-2caa70df.js';
+export { P as PureCell, f as PureCellContext } from './component-f9da1b8b.js';
 import '../../shared/esm';
 import '../../amount/esm';
 import '../../typography/esm';

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

@@ -2,7 +2,7 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { A as Addon } from '../../component-2caa70df.js';
+export { A as Addon } from '../../component-f9da1b8b.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

package/pure-cell/esm/components/addon/index.css

@@ -24,27 +24,27 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
-} .pure-cell__component_ehndo {
+} .pure-cell__component_w79c5 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_ehndo > * {
+} .pure-cell__component_w79c5 > * {
         justify-content: flex-end;
-    } .pure-cell__component_ehndo.pure-cell__none_ehndo {
+    } .pure-cell__component_w79c5.pure-cell__none_w79c5 {
         padding-left: var(--gap-0);
-    } .pure-cell__component_ehndo.pure-cell__default_ehndo {
+    } .pure-cell__component_w79c5.pure-cell__default_w79c5 {
         padding-left: var(--gap-16);
-    } .pure-cell__component_ehndo.pure-cell__addonPadding_ehndo {
+    } .pure-cell__component_w79c5.pure-cell__addonPadding_w79c5 {
         padding-left: var(--gap-16);
-    } .pure-cell__component_ehndo.pure-cell__auto_ehndo {
+    } .pure-cell__component_w79c5.pure-cell__auto_w79c5 {
         align-self: auto;
-    } .pure-cell__component_ehndo.pure-cell__top_ehndo {
+    } .pure-cell__component_w79c5.pure-cell__top_w79c5 {
         align-self: flex-start;
-    } .pure-cell__component_ehndo.pure-cell__center_ehndo {
+    } .pure-cell__component_w79c5.pure-cell__center_w79c5 {
         align-self: center;
-    } .pure-cell__component_ehndo.pure-cell__bottom_ehndo {
+    } .pure-cell__component_w79c5.pure-cell__bottom_w79c5 {
         align-self: flex-end;
-    } .pure-cell__button_ehndo {
+    } .pure-cell__button_w79c5 {
     -webkit-tap-highlight-color: transparent;
     box-sizing: border-box;
     background-color: transparent;
@@ -62,8 +62,8 @@
     cursor: pointer;
     padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out
-} .pure-cell__button_ehndo:hover {
+} .pure-cell__button_w79c5:hover {
         opacity: var(--pure-cell-clickable-area-hover-opacity);
-    } .pure-cell__button_ehndo:active {
+    } .pure-cell__button_w79c5:active {
         opacity: var(--pure-cell-clickable-area-active-opacity);
     }

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

@@ -0,0 +1 @@
+export * from "../../component-f9da1b8b";

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

@@ -1,4 +1,4 @@
-export { A as Addon } from '../../component-2caa70df.js';
+export { A as Addon } from '../../component-f9da1b8b.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/amount/component.js

@@ -4,7 +4,7 @@ import 'classnames';
 import '../../../../amount/esm';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { a as Amount } from '../../component-2caa70df.js';
+export { a as Amount } from '../../component-f9da1b8b.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

package/pure-cell/esm/components/amount/index.css

@@ -26,16 +26,16 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pure-cell__component_19177 {
+} /* сбрасывает синюю подсветку при нажатии */ .pure-cell__component_2qlp4 {
     padding: var(--gap-2) var(--gap-0);
     display: flex;
-} .pure-cell__hidden_19177 {
+} .pure-cell__hidden_2qlp4 {
     background: var(--color-light-neutral-translucent-400);
     border-radius: var(--border-radius-8);
     display: inline-block;
     height: 24px;
     width: 120px;
-} .pure-cell__hiddenWrapper_19177 {
+} .pure-cell__hiddenWrapper_2qlp4 {
     display: flex;
     padding: var(--gap-8) var(--gap-0);
 }

package/pure-cell/esm/components/amount/index.d.ts

@@ -0,0 +1 @@
+export * from "../../component-f9da1b8b";