@alfalab/core-components 47.26.7 → 47.26.8-beta.9323

package/pure-cell/cssm/component-fec4aa01.js

@@ -1,308 +0,0 @@
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var coreComponentsComment = require('../../comment/cssm');
-var hooks = require('@alfalab/hooks');
-var coreComponentsShared = require('../../shared/cssm');
-var coreComponentsAmount = require('../../amount/cssm');
-var coreComponentsTypography = require('../../typography/cssm');
-var styles$1 = require('./components/amount/index.module.css');
-var styles$2 = require('./components/amount-title/index.module.css');
-var styles$3 = require('./components/category/index.module.css');
-var styles$4 = require('./components/content/index.module.css');
-var styles$5 = require('./components/footer/index.module.css');
-var coreComponentsButton = require('../../button/cssm');
-var styles$6 = require('./components/footer-button/index.module.css');
-var styles$7 = require('./components/graphics/index.module.css');
-var styles$8 = require('./components/main/index.module.css');
-var styles$9 = require('./components/text/index.module.css');
-var styles$a = require('./index.module.css');
-var styles = require('./components/addon/index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default$1 = /*#__PURE__*/_interopDefaultCompat(styles$1);
-var styles__default$2 = /*#__PURE__*/_interopDefaultCompat(styles$2);
-var styles__default$3 = /*#__PURE__*/_interopDefaultCompat(styles$3);
-var styles__default$4 = /*#__PURE__*/_interopDefaultCompat(styles$4);
-var styles__default$5 = /*#__PURE__*/_interopDefaultCompat(styles$5);
-var styles__default$6 = /*#__PURE__*/_interopDefaultCompat(styles$6);
-var styles__default$7 = /*#__PURE__*/_interopDefaultCompat(styles$7);
-var styles__default$8 = /*#__PURE__*/_interopDefaultCompat(styles$8);
-var styles__default$9 = /*#__PURE__*/_interopDefaultCompat(styles$9);
-var styles__default$a = /*#__PURE__*/_interopDefaultCompat(styles$a);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var ADDON_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 = React.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__default.default.createElement(Component, tslib.__assign({ className: cn__default.default(styles__default.default.component, styles__default.default[addonPadding], styles__default.default[verticalAlign], (_b = {},
-            _b[styles__default.default.button] = onClick,
-            _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, (onClick && onMouseEvents)), children));
-};
-
-var Amount = function (_a) {
-    var _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.textView, textView = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, minority = _a.minority, _e = _a.minorUnits, minorUnits = _e === void 0 ? 100 : _e, hidden = _a.hidden, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "hidden", "dataTestId"]);
-    var pureCellContext = React.useContext(PureCellContext);
-    if (hidden) {
-        return (React__default.default.createElement("div", { className: styles__default$1.default.hiddenWrapper },
-            React__default.default.createElement("div", { className: styles__default$1.default.hidden })));
-    }
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn__default.default(styles__default$1.default.component), color: color },
-        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount') }, restProps))));
-};
-
-var AmountTitle = function (_a) {
-    var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, 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 = tslib.__rest(_a, ["minority", "minorUnits", "hidden", "className", "color", "dataTestId", "titleProps"]);
-    var pureCellContext = React.useContext(PureCellContext);
-    var titleProps = tslib.__assign({ tag: 'h4', view: 'small', color: color }, titlePropsFromProps);
-    if (hidden) {
-        return (React__default.default.createElement("div", { className: cn__default.default(styles__default$2.default.hiddenWrapper, styles__default$2.default["hiddenWrapper-".concat(titleProps.view)]) },
-            React__default.default.createElement("div", { className: cn__default.default(styles__default$2.default.hidden, styles__default$2.default["hidden-".concat(titleProps.view)]) })));
-    }
-    return (React__default.default.createElement(coreComponentsTypography.Typography.TitleResponsive, tslib.__assign({}, titleProps, { dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn__default.default(styles__default$2.default.component, titlePropsFromProps === null || titlePropsFromProps === void 0 ? void 0 : titlePropsFromProps.className) }),
-        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles__default$2.default.weight, className), dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
-};
-
-var Category = function (_a) {
-    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
-    var pureCellContext = React.useContext(PureCellContext);
-    return (React__default.default.createElement("div", { className: styles__default$3.default.component, "data-test-id": 'cell-pure-category' },
-        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles__default$3.default.categoryName }, categoryName),
-        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default$3.default.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
-            categoryPercent,
-            "%")),
-        rightAddons !== undefined && (React__default.default.createElement("div", { className: styles__default$3.default.rightAddon, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
-};
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, dataTestId = _a.dataTestId;
-    var _c = React.useContext(PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles__default$4.default.component, (_b = {}, _b[styles__default$4.default.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
-};
-
-var Footer = function (_a) {
-    var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
-    var pureCellContext = React.useContext(PureCellContext);
-    return (React__default.default.createElement("footer", { className: cn__default.default(styles__default$5.default.component, styles__default$5.default[footerPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
-};
-
-var FooterButton = React.forwardRef(function (_a, ref) {
-    var children = _a.children, dataTestId = _a.dataTestId, onClick = _a.onClick, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, props = tslib.__rest(_a, ["children", "dataTestId", "onClick", "onMouseDown", "onMouseEnter", "onMouseLeave"]);
-    var pureCellContext = React.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__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, props, { size: 'xxs', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles__default$6.default.component, ref: ref, 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 = React.useContext(PureCellContext);
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
-};
-
-var GRAPHICS_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 = React.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__default.default.createElement(Component, tslib.__assign({ className: cn__default.default(styles__default$7.default.component, styles__default$7.default[verticalAlign], styles__default$7.default[pureCellContext.direction || 'horizontal'], styles__default$7.default[graphicPadding || defaultGraphicPadding], (_b = {}, _b[styles__default$7.default.button] = onClick, _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, (onClick && onMouseEvents)), children));
-};
-
-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 = React.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__default.default.createElement(Component, tslib.__assign({ className: cn__default.default(styles__default$8.default.component, styles__default$8.default[direction], (_b = {},
-            _b[styles__default$8.default.reverse] = isReverse,
-            _b), (_c = {}, _c[styles__default$8.default.button] = onClick, _c), className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'main') }, (onClick && onMouseEvents)), children));
-};
-
-var Text = function (_a) {
-    var _b;
-    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
-    var _d = React.useContext(PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId;
-    var className = rowLimit && styles__default$9.default["rowLimit".concat(rowLimit)];
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default$9.default.component, (_b = {},
-            _b[styles__default$9.default.vertical] = direction !== 'horizontal',
-            _b)) },
-        React__default.default.createElement("div", { className: styles__default$9.default.title },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
-        value && (React__default.default.createElement("div", { className: styles__default$9.default.value },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
-};
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-var PureCellContext = React__default.default.createContext({});
-var PureCellComponent = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
-    var cellRef = React.useRef(null);
-    var focused = hooks.useFocus(cellRef, 'keyboard')[0];
-    var _h = React.useState(false), hoverState = _h[0], setHoverState = _h[1];
-    var _j = React.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__default$a.default.component] = true,
-        _b[styles__default$a.default.focused] = focused,
-        _b[styles__default$a.default[direction]] = true,
-        _b[styles__default$a.default[horizontalPadding]] = true,
-        _b[styles__default$a.default.hover] = hoverState,
-        _b[styles__default$a.default.active] = activeState,
-        _b);
-    var contextState = {
-        direction: direction,
-        dataTestId: dataTestId,
-        setMainHover: setHover,
-        unsetMainHover: unsetHover,
-    };
-    if (typeof verticalPadding === 'string') {
-        addClasses[styles__default$a.default[verticalPadding]] = typeof verticalPadding === 'string';
-    }
-    if (typeof verticalPadding === 'object') {
-        addClasses[styles__default$a.default["".concat(verticalPadding.top, "Top")]] = !!verticalPadding.top;
-        addClasses[styles__default$a.default["".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__default.default.createElement(Component, tslib.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles__default$a.default.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
-            React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
-    }
-    if (onClick) {
-        return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles__default$a.default.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
-            React__default.default.createElement(PureCellContext.Provider, { value: contextState }, 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: 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: coreComponentsComment.Comment,
-    Category: Category,
-});
-PureCellComponent.displayName = 'PureCellComponent';
-
-exports.Addon = Addon;
-exports.Amount = Amount;
-exports.AmountTitle = AmountTitle;
-exports.Category = Category;
-exports.Content = Content;
-exports.Footer = Footer;
-exports.FooterButton = FooterButton;
-exports.FooterText = FooterText;
-exports.Graphics = Graphics;
-exports.Main = Main;
-exports.PureCell = PureCell;
-exports.PureCellContext = PureCellContext;
-exports.Text = Text;

package/pure-cell/esm/component-6c071d78.js

@@ -1,301 +0,0 @@
-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_pp7mh","none":"pure-cell__none_pp7mh","default":"pure-cell__default_pp7mh","addonPadding":"pure-cell__addonPadding_pp7mh","auto":"pure-cell__auto_pp7mh","top":"pure-cell__top_pp7mh","center":"pure-cell__center_pp7mh","bottom":"pure-cell__bottom_pp7mh","button":"pure-cell__button_pp7mh"};
-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_epls5","hidden":"pure-cell__hidden_epls5","hiddenWrapper":"pure-cell__hiddenWrapper_epls5"};
-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_q1950","weight":"pure-cell__weight_q1950","hidden":"pure-cell__hidden_q1950","hidden-xsmall":"pure-cell__hidden-xsmall_q1950","hidden-small":"pure-cell__hidden-small_q1950","hidden-medium":"pure-cell__hidden-medium_q1950","hidden-large":"pure-cell__hidden-large_q1950","hidden-xlarge":"pure-cell__hidden-xlarge_q1950","hiddenWrapper":"pure-cell__hiddenWrapper_q1950","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_q1950","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_q1950","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_q1950","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_q1950","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_q1950"};
-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_1ut5o","categoryName":"pure-cell__categoryName_1ut5o","categoryPercent":"pure-cell__categoryPercent_1ut5o","rightAddon":"pure-cell__rightAddon_1ut5o"};
-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_1icku","horizontal":"pure-cell__horizontal_1icku"};
-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_1wxe5","none":"pure-cell__none_1wxe5","default":"pure-cell__default_1wxe5"};
-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_14gcd"};
-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_rfz6x","top":"pure-cell__top_rfz6x","center":"pure-cell__center_rfz6x","bottom":"pure-cell__bottom_rfz6x","horizontal":"pure-cell__horizontal_rfz6x","none":"pure-cell__none_rfz6x","airy":"pure-cell__airy_rfz6x","default":"pure-cell__default_rfz6x","compact":"pure-cell__compact_rfz6x","tiny":"pure-cell__tiny_rfz6x","vertical":"pure-cell__vertical_rfz6x","button":"pure-cell__button_rfz6x"};
-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_1s6g0","vertical":"pure-cell__vertical_1s6g0","reverse":"pure-cell__reverse_1s6g0","button":"pure-cell__button_1s6g0"};
-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_1aeeb","rowLimit1":"pure-cell__rowLimit1_1aeeb","rowLimit2":"pure-cell__rowLimit2_1aeeb","component":"pure-cell__component_1aeeb","vertical":"pure-cell__vertical_1aeeb","title":"pure-cell__title_1aeeb","value":"pure-cell__value_1aeeb"};
-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_okq26","horizontal":"pure-cell__horizontal_okq26","vertical":"pure-cell__vertical_okq26","button":"pure-cell__button_okq26","hover":"pure-cell__hover_okq26","active":"pure-cell__active_okq26","link":"pure-cell__link_okq26","none":"pure-cell__none_okq26","airy":"pure-cell__airy_okq26","default":"pure-cell__default_okq26","compact":"pure-cell__compact_okq26","tiny":"pure-cell__tiny_okq26","noneTop":"pure-cell__noneTop_okq26","airyTop":"pure-cell__airyTop_okq26","defaultTop":"pure-cell__defaultTop_okq26","compactTop":"pure-cell__compactTop_okq26","tinyTop":"pure-cell__tinyTop_okq26","noneBottom":"pure-cell__noneBottom_okq26","airyBottom":"pure-cell__airyBottom_okq26","defaultBottom":"pure-cell__defaultBottom_okq26","compactBottom":"pure-cell__compactBottom_okq26","tinyBottom":"pure-cell__tinyBottom_okq26","left":"pure-cell__left_okq26","right":"pure-cell__right_okq26","both":"pure-cell__both_okq26","focused":"pure-cell__focused_okq26"};
-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 };