@alfalab/core-components 41.12.0 → 42.0.0-beta.1

package/pure-cell/component-33ab43b6.js

@@ -0,0 +1,119 @@
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsComment = require('../comment');
+var hooks = require('@alfalab/hooks');
+var 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('../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('../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_ficf1","horizontal":"pure-cell__horizontal_ficf1"};
+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_1dbo2","vertical":"pure-cell__vertical_1dbo2","reverse":"pure-cell__reverse_1dbo2"};
+require('./components/main/index.css');
+
+var Main = function (_a) {
+    var _b;
+    var children = _a.children, isReverse = _a.isReverse, 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)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'main') }, children));
+};
+
+var styles$1 = {"horizontal":"pure-cell__horizontal_13j6k","rowLimit1":"pure-cell__rowLimit1_13j6k","rowLimit2":"pure-cell__rowLimit2_13j6k","component":"pure-cell__component_13j6k","vertical":"pure-cell__vertical_13j6k","title":"pure-cell__title_13j6k","value":"pure-cell__value_13j6k"};
+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' : _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_1p3r1","horizontal":"pure-cell__horizontal_1p3r1","vertical":"pure-cell__vertical_1p3r1","button":"pure-cell__button_1p3r1","link":"pure-cell__link_1p3r1","none":"pure-cell__none_1p3r1","airy":"pure-cell__airy_1p3r1","defaultPadding":"pure-cell__defaultPadding_1p3r1","compact":"pure-cell__compact_1p3r1","tiny":"pure-cell__tiny_1p3r1","left":"pure-cell__left_1p3r1","right":"pure-cell__right_1p3r1","both":"pure-cell__both_1p3r1","focused":"pure-cell__focused_1p3r1"};
+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, { 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/pure-cell/component.js

@@ -10,12 +10,12 @@ require('./components/addon/component.js');
 require('./components/amount/component.js');
 require('./components/amount-title/component.js');
 require('./components/category/component.js');
-var components_content_component = require('./component-5c40e26f.js');
+var components_content_component = require('./component-33ab43b6.js');
 require('./components/footer/component.js');
 require('./components/footer-button/component.js');
 require('./components/footer-text/component.js');
 require('./components/graphics/component.js');
-require('./getDataTestId-bfadb425.js');
+require('../shared');
 require('../amount');
 require('../typography');
 require('../button');

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-bfadb425.js');
+var coreComponentsShared = require('../../../shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -14,7 +14,7 @@ require('./index.css');
 
 var Addon = function (_a) {
     var children = _a.children, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
+    return (React__default.default.createElement("section", { className: cn__default.default(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'addon') }, children));
 };
 
 exports.Addon = Addon;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_addon_component = require('./component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-bfadb425.js');
+require('../../../shared');
 
 
 

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

@@ -4,8 +4,8 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsAmount = require('../../../amount');
+var coreComponentsShared = require('../../../shared');
 var coreComponentsTypography = require('../../../typography');
-var getDataTestId = require('../../getDataTestId-bfadb425.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -17,8 +17,8 @@ require('./index.css');
 
 var Amount = function (_a) {
     var _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.textView, textView = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, minority = _a.minority, _e = _a.minorUnits, minorUnits = _e === void 0 ? 100 : _e, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-text'), className: cn__default.default(styles.component), color: color },
-        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount') }, restProps))));
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'amount-text'), className: cn__default.default(styles.component), color: color },
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'amount') }, restProps))));
 };
 
 exports.Amount = Amount;

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

@@ -5,8 +5,8 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../amount');
+require('../../../shared');
 require('../../../typography');
-require('../../getDataTestId-bfadb425.js');
 
 
 

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

@@ -4,8 +4,8 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsAmount = require('../../../amount');
+var coreComponentsShared = require('../../../shared');
 var coreComponentsTypography = require('../../../typography');
-var getDataTestId = require('../../getDataTestId-bfadb425.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -17,8 +17,8 @@ require('./index.css');
 
 var AmountTitle = function (_a) {
     var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId"]);
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Title, { tag: 'h4', view: 'small', dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-title'), className: styles.component, color: color },
-        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles.weight, className), dataTestId: getDataTestId.getDataTestId(dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Title, { tag: 'h4', view: 'small', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'amount-title'), className: styles.component, color: color },
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles.weight, className), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
 };
 
 exports.AmountTitle = AmountTitle;

package/pure-cell/components/amount-title/index.js

@@ -5,8 +5,8 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../amount');
+require('../../../shared');
 require('../../../typography');
-require('../../getDataTestId-bfadb425.js');
 
 
 

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var coreComponentsShared = require('../../../shared');
 var coreComponentsTypography = require('../../../typography');
-var getDataTestId = require('../../getDataTestId-bfadb425.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -14,11 +14,11 @@ require('./index.css');
 var Category = function (_a) {
     var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("div", { className: styles.component, "data-test-id": 'cell-pure-category' },
-        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId.getDataTestId(dataTestId, 'category-name'), className: styles.categoryName }, categoryName),
-        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles.categoryPercent, dataTestId: getDataTestId.getDataTestId(dataTestId, 'category-percent') },
+        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'category-name'), className: styles.categoryName }, categoryName),
+        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'category-percent') },
             categoryPercent,
             "%")),
-        rightAddons !== undefined && (React__default.default.createElement("div", { className: styles.rightAddon, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'category-right-addon') }, rightAddons))));
+        rightAddons !== undefined && (React__default.default.createElement("div", { className: styles.rightAddon, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'category-right-addon') }, rightAddons))));
 };
 
 exports.Category = Category;

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

@@ -2,8 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_category_component = require('./component.js');
 require('react');
+require('../../../shared');
 require('../../../typography');
-require('../../getDataTestId-bfadb425.js');
 
 
 

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

@@ -2,8 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('../../getDataTestId-bfadb425.js');
-var components_content_component = require('../../component-5c40e26f.js');
+require('../../../shared');
+var components_content_component = require('../../component-33ab43b6.js');
 require('tslib');
 require('react-merge-refs');
 require('../../../comment');

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

@@ -1 +1 @@
-export * from "../../component-5c40e26f";
+export * from "../../component-33ab43b6";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-5c40e26f.js');
+var components_content_component = require('../../component-33ab43b6.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -8,7 +8,7 @@ require('classnames');
 require('../../../comment');
 require('@alfalab/hooks');
 require('../addon/component.js');
-require('../../getDataTestId-bfadb425.js');
+require('../../../shared');
 require('../amount/component.js');
 require('../../../amount');
 require('../../../typography');

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-bfadb425.js');
+var coreComponentsShared = require('../../../shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -14,7 +14,7 @@ require('./index.css');
 
 var Footer = function (_a) {
     var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("footer", { className: cn__default.default(styles.component, styles[footerPadding]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'footer') }, children));
+    return (React__default.default.createElement("footer", { className: cn__default.default(styles.component, styles[footerPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'footer') }, children));
 };
 
 exports.Footer = Footer;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_footer_component = require('./component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-bfadb425.js');
+require('../../../shared');
 
 
 

package/pure-cell/components/footer-button/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsButton = require('../../../button');
-var getDataTestId = require('../../getDataTestId-bfadb425.js');
+var coreComponentsShared = require('../../../shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -14,7 +14,7 @@ require('./index.css');
 
 var FooterButton = function (_a) {
     var children = _a.children, dataTestId = _a.dataTestId, props = tslib.__rest(_a, ["children", "dataTestId"]);
-    return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, props, { size: 'xxs', dataTestId: getDataTestId.getDataTestId(dataTestId, 'button'), className: styles.component }), children));
+    return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, props, { size: 'xxs', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'button'), className: styles.component }), children));
 };
 
 exports.FooterButton = FooterButton;

package/pure-cell/components/footer-button/index.js

@@ -4,7 +4,7 @@ var components_footerButton_component = require('./component.js');
 require('tslib');
 require('react');
 require('../../../button');
-require('../../getDataTestId-bfadb425.js');
+require('../../../shared');
 
 
 

package/pure-cell/components/footer-text/component.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var coreComponentsShared = require('../../../shared');
 var coreComponentsTypography = require('../../../typography');
-var getDataTestId = require('../../getDataTestId-bfadb425.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FooterText = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'footer-title') }, children));
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'footer-title') }, children));
 };
 
 exports.FooterText = FooterText;

package/pure-cell/components/footer-text/index.js

@@ -2,8 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_footerText_component = require('./component.js');
 require('react');
+require('../../../shared');
 require('../../../typography');
-require('../../getDataTestId-bfadb425.js');
 
 
 

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-bfadb425.js');
+var coreComponentsShared = require('../../../shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -14,7 +14,7 @@ require('./index.css');
 
 var Graphics = function (_a) {
     var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles.component, styles[verticalAlign]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'graphics') }, children));
+    return (React__default.default.createElement("section", { className: cn__default.default(styles.component, styles[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'graphics') }, children));
 };
 
 exports.Graphics = Graphics;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_graphics_component = require('./component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-bfadb425.js');
+require('../../../shared');
 
 
 

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

@@ -2,8 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('../../getDataTestId-bfadb425.js');
-var components_content_component = require('../../component-5c40e26f.js');
+require('../../../shared');
+var components_content_component = require('../../component-33ab43b6.js');
 require('tslib');
 require('react-merge-refs');
 require('../../../comment');

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

@@ -1 +1 @@
-export * from "../../component-5c40e26f";
+export * from "../../component-33ab43b6";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-5c40e26f.js');
+var components_content_component = require('../../component-33ab43b6.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -8,7 +8,7 @@ require('classnames');
 require('../../../comment');
 require('@alfalab/hooks');
 require('../addon/component.js');
-require('../../getDataTestId-bfadb425.js');
+require('../../../shared');
 require('../amount/component.js');
 require('../../../amount');
 require('../../../typography');

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

@@ -2,9 +2,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('../../../shared');
 require('../../../typography');
-require('../../getDataTestId-bfadb425.js');
-var components_content_component = require('../../component-5c40e26f.js');
+var components_content_component = require('../../component-33ab43b6.js');
 require('tslib');
 require('react-merge-refs');
 require('../../../comment');

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

@@ -1 +1 @@
-export * from "../../component-5c40e26f";
+export * from "../../component-33ab43b6";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-5c40e26f.js');
+var components_content_component = require('../../component-33ab43b6.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -8,7 +8,7 @@ require('classnames');
 require('../../../comment');
 require('@alfalab/hooks');
 require('../addon/component.js');
-require('../../getDataTestId-bfadb425.js');
+require('../../../shared');
 require('../amount/component.js');
 require('../../../amount');
 require('../../../typography');

package/pure-cell/cssm/component-2ccdeb7e.js

@@ -0,0 +1,115 @@
+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 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('../../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('../../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, 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)), "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' : _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, { 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;