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

package/src/components/footer-button/component.tsx

@@ -1,8 +1,10 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, forwardRef } from 'react';
+import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, forwardRef, useContext } from 'react';
 
 import { Button, ButtonProps } from '@alfalab/core-components-button';
 import { getDataTestId } from '@alfalab/core-components-shared';
 
+import { PureCellContext } from '../../component';
+
 import styles from './index.module.css';
 
 type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
@@ -17,15 +19,19 @@ type FooterButtonProps = ComponentProps &
     Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
 
 export const FooterButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, FooterButtonProps>(
-    ({ children, dataTestId, ...props }, ref) => (
-        <Button
-            {...props}
-            size='xxs'
-            dataTestId={getDataTestId(dataTestId, 'button')}
-            className={styles.component}
-            ref={ref}
-        >
-            {children}
-        </Button>
-    ),
+    ({ children, dataTestId, ...props }, ref) => {
+        const pureCellContext = useContext(PureCellContext);
+
+        return (
+            <Button
+                {...props}
+                size='xxs'
+                dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'button')}
+                className={styles.component}
+                ref={ref}
+            >
+                {children}
+            </Button>
+        );
+    },
 );

package/src/components/footer-text/component.tsx

@@ -1,8 +1,10 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, useContext } from 'react';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 import { Color, Typography } from '@alfalab/core-components-typography';
 
+import { PureCellContext } from '../../component';
+
 export type Props = {
     /**
      * Цвет текста
@@ -21,12 +23,16 @@ export type Props = {
     children?: ReactNode;
 };
 
-export const FooterText: React.FC<Props> = ({ children, color = 'secondary', dataTestId }) => (
-    <Typography.Text
-        view='primary-small'
-        color={color}
-        data-test-id={getDataTestId(dataTestId, 'footer-title')}
-    >
-        {children}
-    </Typography.Text>
-);
+export const FooterText: React.FC<Props> = ({ children, color = 'secondary', dataTestId }) => {
+    const pureCellContext = useContext(PureCellContext);
+
+    return (
+        <Typography.Text
+            view='primary-small'
+            color={color}
+            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title')}
+        >
+            {children}
+        </Typography.Text>
+    );
+};

package/src/components/graphics/component.tsx

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 
+import { PureCellContext } from '../../component';
 import { GraphicsElement } from '../types';
 
 import styles from './index.module.css';
@@ -25,11 +26,15 @@ export type Props = {
     verticalAlign?: 'top' | 'center' | 'bottom';
 };
 
-export const Graphics: React.FC<Props> = ({ children, dataTestId, verticalAlign = 'top' }) => (
-    <section
-        className={cn(styles.component, styles[verticalAlign])}
-        data-test-id={getDataTestId(dataTestId, 'graphics')}
-    >
-        {children}
-    </section>
-);
+export const Graphics: React.FC<Props> = ({ children, dataTestId, verticalAlign = 'top' }) => {
+    const pureCellContext = useContext(PureCellContext);
+
+    return (
+        <section
+            className={cn(styles.component, styles[verticalAlign])}
+            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics')}
+        >
+            {children}
+        </section>
+    );
+};

package/src/components/main/component.tsx

@@ -32,7 +32,7 @@ type Props = {
 };
 
 export const Main: React.FC<Props> = ({ children, isReverse, className, dataTestId }) => {
-    const { direction = 'horizontal' } = useContext(PureCellContext);
+    const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);
 
     return (
         <div
@@ -44,7 +44,7 @@ export const Main: React.FC<Props> = ({ children, isReverse, className, dataTest
                 },
                 className,
             )}
-            data-test-id={getDataTestId(dataTestId, 'main')}
+            data-test-id={getDataTestId(dataTestId || contextDataTestId, 'main')}
         >
             {children}
         </div>

package/src/components/text/component.tsx

@@ -61,7 +61,7 @@ export const Text: React.FC<Props> = ({
     valueColor,
     dataTestId,
 }) => {
-    const { direction = 'horizontal' } = useContext(PureCellContext);
+    const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);
     const className = rowLimit && styles[`rowLimit${rowLimit}`];
 
     return (
@@ -77,7 +77,7 @@ export const Text: React.FC<Props> = ({
                     tag='div'
                     color={titleColor}
                     className={className}
-                    data-test-id={getDataTestId(dataTestId, 'text_content')}
+                    data-test-id={getDataTestId(dataTestId || contextDataTestId, 'text_content')}
                 >
                     {children}
                 </Typography.Text>
@@ -90,7 +90,7 @@ export const Text: React.FC<Props> = ({
                         tag='div'
                         color={valueColor}
                         className={className}
-                        data-test-id={getDataTestId(dataTestId, 'text_value')}
+                        data-test-id={getDataTestId(dataTestId || contextDataTestId, 'text_value')}
                     >
                         {value}
                     </Typography.Text>

package/src/shared/index.ts

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

package/src/shared/package.json

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

package/src/utils.ts

@@ -0,0 +1,23 @@
+import { getDataTestId } from '@alfalab/core-components-shared';
+
+export function getPureCellTestIds(dataTestId: string) {
+    return {
+        pureCell: dataTestId,
+        addon: getDataTestId(dataTestId, 'addon'),
+        amount: getDataTestId(dataTestId, 'amount'),
+        amountText: getDataTestId(dataTestId, 'amount-text'),
+        amountTitle: getDataTestId(dataTestId, 'amount-title'),
+        coreAmountTitle: getDataTestId(dataTestId, 'core-amount-title'),
+        categoryName: getDataTestId(dataTestId, 'category-name'),
+        categoryPercent: getDataTestId(dataTestId, 'category-percent'),
+        categoryRightAddon: getDataTestId(dataTestId, 'category-right-addon'),
+        content: getDataTestId(dataTestId, 'content'),
+        footer: getDataTestId(dataTestId, 'footer'),
+        footerButton: getDataTestId(dataTestId, 'button'),
+        extraSubtitle: getDataTestId(dataTestId, 'footer-title'),
+        graphics: getDataTestId(dataTestId, 'graphics'),
+        main: getDataTestId(dataTestId, 'main'),
+        textContent: getDataTestId(dataTestId, 'text_content'),
+        textValue: getDataTestId(dataTestId, 'text_value'),
+    };
+}

package/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/utils.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('@alfalab/core-components-shared');
+
+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/component-6fbf202b.d.ts

@@ -1,74 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode } from "react";
-import { MainElement, ContentElement } from "./components/types";
-import { Color } from "@alfalab/core-components-typography";
-type Props = {
-    /**
-     * Компоненты
-     */
-    children: MainElement;
-    /**
-     * Позволяет изменить расположение блоков внутри main
-     */
-    isReverse?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -main
-     */
-    dataTestId?: string;
-};
-declare const Main: React.FC<Props>;
-type Props$0 = {
-    /**
-     * Компоненты
-     */
-    children: ContentElement;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -content
-     */
-    dataTestId?: string;
-};
-declare const Content: React.FC<Props$0>;
-type Props$1 = {
-    /**
-     * Контент
-     */
-    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$1>;
-export { Main, Content, Text };

package/component-6fbf202b.js

@@ -1,121 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var coreComponentsComment = require('@alfalab/core-components-comment');
-var hooks = require('@alfalab/hooks');
-var components_addon_component = require('./components/addon/component.js');
-var components_amount_component = require('./components/amount/component.js');
-var components_amountTitle_component = require('./components/amount-title/component.js');
-var components_category_component = require('./components/category/component.js');
-var coreComponentsShared = require('@alfalab/core-components-shared');
-var components_footer_component = require('./components/footer/component.js');
-var components_footerButton_component = require('./components/footer-button/component.js');
-var components_footerText_component = require('./components/footer-text/component.js');
-var components_graphics_component = require('./components/graphics/component.js');
-var coreComponentsTypography = require('@alfalab/core-components-typography');
-
-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$3 = {"component":"pure-cell__component_15r7a","horizontal":"pure-cell__horizontal_15r7a"};
-require('./components/content/index.css')
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, dataTestId = _a.dataTestId;
-    var direction = React.useContext(PureCellContext).direction;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
-};
-
-var styles$2 = {"component":"pure-cell__component_151x2","vertical":"pure-cell__vertical_151x2","reverse":"pure-cell__reverse_151x2"};
-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).direction, direction = _c === void 0 ? 'horizontal' : _c;
-    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, 'main') }, children));
-};
-
-var styles$1 = {"horizontal":"pure-cell__horizontal_3wsa5","rowLimit1":"pure-cell__rowLimit1_3wsa5","rowLimit2":"pure-cell__rowLimit2_3wsa5","component":"pure-cell__component_3wsa5","vertical":"pure-cell__vertical_3wsa5","title":"pure-cell__title_3wsa5","value":"pure-cell__value_3wsa5"};
-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).direction, direction = _d === void 0 ? 'horizontal' : _d;
-    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, '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, 'text_value') }, value)))));
-};
-
-var styles = {"component":"pure-cell__component_3dtp8","horizontal":"pure-cell__horizontal_3dtp8","vertical":"pure-cell__vertical_3dtp8","button":"pure-cell__button_3dtp8","link":"pure-cell__link_3dtp8","none":"pure-cell__none_3dtp8","airy":"pure-cell__airy_3dtp8","defaultPadding":"pure-cell__defaultPadding_3dtp8","compact":"pure-cell__compact_3dtp8","tiny":"pure-cell__tiny_3dtp8","left":"pure-cell__left_3dtp8","right":"pure-cell__right_3dtp8","both":"pure-cell__both_3dtp8","focused":"pure-cell__focused_3dtp8"};
-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 } }, 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 } }, 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 } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-var PureCell = Object.assign(PureCellComponent, {
-    Main: Main,
-    Graphics: components_graphics_component.Graphics,
-    Content: Content,
-    Text: Text,
-    Amount: components_amount_component.Amount,
-    AmountTitle: components_amountTitle_component.AmountTitle,
-    Addon: components_addon_component.Addon,
-    Footer: components_footer_component.Footer,
-    ExtraSubtitle: components_footerText_component.FooterText,
-    FooterButton: components_footerButton_component.FooterButton,
-    Comment: coreComponentsComment.Comment,
-    Category: components_category_component.Category,
-});
-
-exports.Content = Content;
-exports.Main = Main;
-exports.PureCell = PureCell;
-exports.PureCellContext = PureCellContext;
-exports.Text = Text;

package/cssm/component-3ca297e4.d.ts

@@ -1,74 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode } from "react";
-import { MainElement, ContentElement } from "./components/types";
-import { Color } from "@alfalab/core-components-typography";
-type Props = {
-    /**
-     * Компоненты
-     */
-    children: MainElement;
-    /**
-     * Позволяет изменить расположение блоков внутри main
-     */
-    isReverse?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -main
-     */
-    dataTestId?: string;
-};
-declare const Main: React.FC<Props>;
-type Props$0 = {
-    /**
-     * Компоненты
-     */
-    children: ContentElement;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -content
-     */
-    dataTestId?: string;
-};
-declare const Content: React.FC<Props$0>;
-type Props$1 = {
-    /**
-     * Контент
-     */
-    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$1>;
-export { Main, Content, Text };

package/cssm/component-3ca297e4.js

@@ -1,117 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var coreComponentsComment = require('@alfalab/core-components-comment/cssm');
-var hooks = require('@alfalab/hooks');
-var components_addon_component = require('./components/addon/component.js');
-var components_amount_component = require('./components/amount/component.js');
-var components_amountTitle_component = require('./components/amount-title/component.js');
-var components_category_component = require('./components/category/component.js');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var components_footer_component = require('./components/footer/component.js');
-var components_footerButton_component = require('./components/footer-button/component.js');
-var components_footerText_component = require('./components/footer-text/component.js');
-var components_graphics_component = require('./components/graphics/component.js');
-var styles$1 = require('./components/main/index.module.css');
-var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
-var styles$2 = require('./components/text/index.module.css');
-var styles$3 = require('./index.module.css');
-var styles = require('./components/content/index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default$1 = /*#__PURE__*/_interopDefaultCompat(styles$1);
-var styles__default$2 = /*#__PURE__*/_interopDefaultCompat(styles$2);
-var styles__default$3 = /*#__PURE__*/_interopDefaultCompat(styles$3);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, dataTestId = _a.dataTestId;
-    var direction = React.useContext(PureCellContext).direction;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
-};
-
-var Main = function (_a) {
-    var _b;
-    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = React.useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default$1.default.component, styles__default$1.default[direction], (_b = {},
-            _b[styles__default$1.default.reverse] = isReverse,
-            _b), className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'main') }, children));
-};
-
-var Text = function (_a) {
-    var _b;
-    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
-    var _d = React.useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
-    var className = rowLimit && styles__default$2.default["rowLimit".concat(rowLimit)];
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default$2.default.component, (_b = {},
-            _b[styles__default$2.default.vertical] = direction !== 'horizontal',
-            _b)) },
-        React__default.default.createElement("div", { className: styles__default$2.default.title },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React__default.default.createElement("div", { className: styles__default$2.default.value },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'text_value') }, value)))));
-};
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-var PureCellContext = React__default.default.createContext({});
-var PureCellComponent = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
-    var cellRef = React.useRef(null);
-    var focused = hooks.useFocus(cellRef, 'keyboard')[0];
-    var addClasses = (_b = {},
-        _b[styles__default$3.default.component] = true,
-        _b[styles__default$3.default.focused] = focused,
-        _b[styles__default$3.default[direction]] = true,
-        _b[styles__default$3.default.defaultPadding] = verticalPadding === 'default',
-        _b[styles__default$3.default[verticalPadding]] = verticalPadding !== 'default',
-        _b[styles__default$3.default[horizontalPadding]] = true,
-        _b);
-    if (href) {
-        var target = restProps.target;
-        // Для совместимости с react-router-dom, меняем href на to
-        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
-        return (React__default.default.createElement(Component, tslib.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles__default$3.default.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    if (onClick) {
-        return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles__default$3.default.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction } }, 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 } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-var PureCell = Object.assign(PureCellComponent, {
-    Main: Main,
-    Graphics: components_graphics_component.Graphics,
-    Content: Content,
-    Text: Text,
-    Amount: components_amount_component.Amount,
-    AmountTitle: components_amountTitle_component.AmountTitle,
-    Addon: components_addon_component.Addon,
-    Footer: components_footer_component.Footer,
-    ExtraSubtitle: components_footerText_component.FooterText,
-    FooterButton: components_footerButton_component.FooterButton,
-    Comment: coreComponentsComment.Comment,
-    Category: components_category_component.Category,
-});
-
-exports.Content = Content;
-exports.Main = Main;
-exports.PureCell = PureCell;
-exports.PureCellContext = PureCellContext;
-exports.Text = Text;