@alfalab/core-components-pure-cell 4.1.3 → 4.1.4

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: m5rsn */
+/* hash: 1exd6 */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -19,25 +19,25 @@
 :root {
     --focus-color: var(--color-light-border-link);
 }
-.pure-cell__component_159d8 {
+.pure-cell__component_a7bok {
     text-align: unset;
 
     /** line-height наследуется. Если его не обнулить, то все иконки внутри будут иметь неверный размер */
     line-height: 0;
     box-sizing: border-box;
 }
-.pure-cell__horizontal_159d8 {
+.pure-cell__horizontal_a7bok {
     display: flex;
     width: 100%;
     grid-column-gap: var(--gap-m);
 }
-.pure-cell__vertical_159d8 {
+.pure-cell__vertical_a7bok {
     display: flex;
     align-items: center;
     flex-direction: column;
     grid-row-gap: var(--gap-s);
 }
-.pure-cell__button_159d8 {
+.pure-cell__button_a7bok {
     font-family: inherit;
     background: none;
     border: 0;
@@ -46,50 +46,50 @@
     transition: opacity 0.15s ease-in-out;
     padding: 0
 }
-.pure-cell__button_159d8:hover {
+.pure-cell__button_a7bok:hover {
         opacity: 0.8;
     }
-.pure-cell__button_159d8:active {
+.pure-cell__button_a7bok:active {
         opacity: 0.6;
     }
-.pure-cell__link_159d8 {
+.pure-cell__link_a7bok {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
 }
-.pure-cell__link_159d8:hover {
+.pure-cell__link_a7bok:hover {
         opacity: 0.8;
     }
-.pure-cell__link_159d8:active {
+.pure-cell__link_a7bok:active {
         opacity: 0.6;
     }
-.pure-cell__none_159d8 {
+.pure-cell__none_a7bok {
     padding: 0;
 }
-.pure-cell__airy_159d8 {
+.pure-cell__airy_a7bok {
     padding: var(--gap-m) 0;
 }
-.pure-cell__defaultPadding_159d8 {
+.pure-cell__defaultPadding_a7bok {
     padding: var(--gap-s) 0;
 }
-.pure-cell__compact_159d8 {
+.pure-cell__compact_a7bok {
     padding: var(--gap-xs) 0;
 }
-.pure-cell__tiny_159d8 {
+.pure-cell__tiny_a7bok {
     padding: var(--gap-2xs) 0;
 }
-.pure-cell__left_159d8 {
+.pure-cell__left_a7bok {
     padding-left: var(--gap-m);
 }
-.pure-cell__right_159d8 {
+.pure-cell__right_a7bok {
     padding-right: var(--gap-m);
 }
-.pure-cell__both_159d8 {
+.pure-cell__both_a7bok {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
 }
-.pure-cell__focused_159d8 {
+.pure-cell__focused_a7bok {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.js

@@ -1,18 +1,18 @@
+export { P as PureCell } from './component-457b2244.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import './getDataTestId-d2f80834.js';
 import './components/addon/component.js';
+import './getDataTestId-c412bc6d.js';
+import './components/amount/component.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-import './components/amount/component.js';
 import './components/amount-title/component.js';
 import './components/category/component.js';
-export { P as PureCell } from './component-24de356a.js';
 import './components/footer/component.js';
-import '@alfalab/core-components-button/modern';
 import './components/footer-button/component.js';
+import '@alfalab/core-components-button/modern';
 import './components/footer-text/component.js';
 import './components/graphics/component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "4.1.3",
+    "version": "4.1.4",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -18,10 +18,10 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-amount": "^3.1.0",
-        "@alfalab/core-components-button": "^7.0.1",
-        "@alfalab/core-components-typography": "^3.0.6",
-        "@alfalab/core-components-comment": "^2.1.4",
+        "@alfalab/core-components-amount": "^3.1.1",
+        "@alfalab/core-components-button": "^7.0.2",
+        "@alfalab/core-components-typography": "^3.0.7",
+        "@alfalab/core-components-comment": "^2.1.5",
         "@alfalab/hooks": "^1.4.1",
         "classnames": "^2.3.1",
         "react-merge-refs": "1.1.0"

package/component-9d5aabde.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-8010907c.js');
-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 getDataTestId = require('./getDataTestId-10edb210.js');
-var components_addon_component = require('./components/addon/component.js');
-var coreComponentsTypography = require('@alfalab/core-components-typography');
-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 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');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = {"component":"pure-cell__component_ecump","horizontal":"pure-cell__horizontal_ecump"};
-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.component, (_b = {}, _b[styles.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'content') }, children));
-};
-
-var styles$1 = {"component":"pure-cell__component_36djl","vertical":"pure-cell__vertical_36djl","reverse":"pure-cell__reverse_36djl"};
-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$1.component, styles$1[direction], (_b = {},
-            _b[styles$1.reverse] = isReverse,
-            _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
-};
-
-var styles$2 = {"horizontal":"pure-cell__horizontal_1pv4w","rowLimit1":"pure-cell__rowLimit1_1pv4w","rowLimit2":"pure-cell__rowLimit2_1pv4w","component":"pure-cell__component_1pv4w","vertical":"pure-cell__vertical_1pv4w","title":"pure-cell__title_1pv4w","value":"pure-cell__value_1pv4w"};
-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, 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$2["rowLimit" + rowLimit];
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles$2.component, (_b = {},
-            _b[styles$2.vertical] = direction !== 'horizontal',
-            _b)) },
-        React__default['default'].createElement("span", { className: styles$2.title }, typeof children === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, children)) : (children)),
-        value !== undefined && (React__default['default'].createElement("span", { className: styles$2.value }, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value)))));
-};
-
-var styles$3 = {"component":"pure-cell__component_159d8","horizontal":"pure-cell__horizontal_159d8","vertical":"pure-cell__vertical_159d8","button":"pure-cell__button_159d8","link":"pure-cell__link_159d8","none":"pure-cell__none_159d8","airy":"pure-cell__airy_159d8","defaultPadding":"pure-cell__defaultPadding_159d8","compact":"pure-cell__compact_159d8","tiny":"pure-cell__tiny_159d8","left":"pure-cell__left_159d8","right":"pure-cell__right_159d8","both":"pure-cell__both_159d8","focused":"pure-cell__focused_159d8"};
-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_es6.__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$3.component] = true,
-        _b[styles$3.focused] = focused,
-        _b[styles$3[direction]] = true,
-        _b[styles$3.defaultPadding] = verticalPadding === 'default',
-        _b[styles$3[verticalPadding]] = verticalPadding !== 'default',
-        _b[styles$3[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_es6.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles$3.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_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles$3.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/cssm/getDataTestId-12a31ec3.d.ts

@@ -1,2 +0,0 @@
-declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
-export { getDataTestId };

package/cssm/getDataTestId-12a31ec3.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-" + element.toLowerCase() : '';
-    return dataTestId ? "" + dataTestId + elementPart : undefined;
-};
-
-exports.getDataTestId = getDataTestId;

package/esm/getDataTestId-d9920c56.d.ts

@@ -1,2 +0,0 @@
-declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
-export { getDataTestId };

package/esm/getDataTestId-d9920c56.js

@@ -1,6 +0,0 @@
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-" + element.toLowerCase() : '';
-    return dataTestId ? "" + dataTestId + elementPart : undefined;
-};
-
-export { getDataTestId as g };

package/getDataTestId-10edb210.d.ts

@@ -1,2 +0,0 @@
-declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
-export { getDataTestId };

package/getDataTestId-10edb210.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-" + element.toLowerCase() : '';
-    return dataTestId ? "" + dataTestId + elementPart : undefined;
-};
-
-exports.getDataTestId = getDataTestId;

package/modern/getDataTestId-d2f80834.d.ts

@@ -1,2 +0,0 @@
-declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
-export { getDataTestId };