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

package/modern/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: vtjm2 */
+/* hash: 8m7qy */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_iw23j {
+.pure-cell__component_dkh7n {
     display: flex;
     flex-direction: column;
     align-self: center;
@@ -18,7 +18,7 @@
     /* can use /r/n */
     white-space: pre-line
 }
-.pure-cell__component_iw23j.pure-cell__vertical_iw23j {
+.pure-cell__component_dkh7n.pure-cell__vertical_dkh7n {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
@@ -26,6 +26,6 @@
         /* for button */
         text-align: center;
     }
-.pure-cell__component_iw23j.pure-cell__reverse_iw23j {
+.pure-cell__component_dkh7n.pure-cell__reverse_dkh7n {
         flex-direction: column-reverse;
     }

package/modern/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fc8739ab";
+export * from "../../component-457b2244";

package/modern/components/main/index.js

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

package/modern/components/text/component.js

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

package/modern/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 3ldsh */
+/* hash: 1g8sv */
 :root {
 
     /* Hard */
@@ -11,34 +11,34 @@
     --gap-3xs: 2px;
     --gap-m: 16px;
 }
-.pure-cell__horizontal_ez7oz {
+.pure-cell__horizontal_pjue2 {
     padding: var(--gap-3xs) 0;
 }
-.pure-cell__rowLimit1_ez7oz {
+.pure-cell__rowLimit1_pjue2 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.pure-cell__rowLimit2_ez7oz {
+.pure-cell__rowLimit2_pjue2 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.pure-cell__component_ez7oz {
+.pure-cell__component_pjue2 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
 }
-.pure-cell__component_ez7oz .pure-cell__vertical_ez7oz {
+.pure-cell__component_pjue2 .pure-cell__vertical_pjue2 {
         justify-content: center;
     }
-.pure-cell__title_ez7oz + .pure-cell__value_ez7oz {
+.pure-cell__title_pjue2 + .pure-cell__value_pjue2 {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

package/modern/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fc8739ab";
+export * from "../../component-457b2244";

package/modern/components/text/index.js

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

package/modern/components/types.d.ts

@@ -14,7 +14,7 @@ type CommentElement = ReactElement<typeof Comment>;
 type FooterButtonElement = ReactElement<typeof FooterButton>;
 type FooterTitleElement = ReactElement<typeof FooterText>;
 type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement> | CommentElement;
-type MainElement = Array<TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement);
+type MainElement = Array<undefined | '' | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement);
 type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
 type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
 type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;

package/modern/getDataTestId-c412bc6d.d.ts

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

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 8bj7a */
+/* hash: 1exd6 */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -19,25 +19,25 @@
 :root {
     --focus-color: var(--color-light-border-link);
 }
-.pure-cell__component_pke0p {
+.pure-cell__component_a7bok {
     text-align: unset;
 
     /** line-height наследуется. Если его не обнулить, то все иконки внутри будут иметь неверный размер */
     line-height: 0;
     box-sizing: border-box;
 }
-.pure-cell__horizontal_pke0p {
+.pure-cell__horizontal_a7bok {
     display: flex;
     width: 100%;
     grid-column-gap: var(--gap-m);
 }
-.pure-cell__vertical_pke0p {
+.pure-cell__vertical_a7bok {
     display: flex;
     align-items: center;
     flex-direction: column;
     grid-row-gap: var(--gap-s);
 }
-.pure-cell__button_pke0p {
+.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_pke0p:hover {
+.pure-cell__button_a7bok:hover {
         opacity: 0.8;
     }
-.pure-cell__button_pke0p:active {
+.pure-cell__button_a7bok:active {
         opacity: 0.6;
     }
-.pure-cell__link_pke0p {
+.pure-cell__link_a7bok {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
 }
-.pure-cell__link_pke0p:hover {
+.pure-cell__link_a7bok:hover {
         opacity: 0.8;
     }
-.pure-cell__link_pke0p:active {
+.pure-cell__link_a7bok:active {
         opacity: 0.6;
     }
-.pure-cell__none_pke0p {
+.pure-cell__none_a7bok {
     padding: 0;
 }
-.pure-cell__airy_pke0p {
+.pure-cell__airy_a7bok {
     padding: var(--gap-m) 0;
 }
-.pure-cell__defaultPadding_pke0p {
+.pure-cell__defaultPadding_a7bok {
     padding: var(--gap-s) 0;
 }
-.pure-cell__compact_pke0p {
+.pure-cell__compact_a7bok {
     padding: var(--gap-xs) 0;
 }
-.pure-cell__tiny_pke0p {
+.pure-cell__tiny_a7bok {
     padding: var(--gap-2xs) 0;
 }
-.pure-cell__left_pke0p {
+.pure-cell__left_a7bok {
     padding-left: var(--gap-m);
 }
-.pure-cell__right_pke0p {
+.pure-cell__right_a7bok {
     padding-right: var(--gap-m);
 }
-.pure-cell__both_pke0p {
+.pure-cell__both_a7bok {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
 }
-.pure-cell__focused_pke0p {
+.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-17fdbf5d.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-fc8739ab.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.2",
+    "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.5",
-        "@alfalab/core-components-comment": "^2.1.3",
+        "@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-cf0c249b.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-74c9baf4.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-dd8c396a.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_1sf8b","horizontal":"pure-cell__horizontal_1sf8b"};
-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_iw23j","vertical":"pure-cell__vertical_iw23j","reverse":"pure-cell__reverse_iw23j"};
-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_ez7oz","rowLimit1":"pure-cell__rowLimit1_ez7oz","rowLimit2":"pure-cell__rowLimit2_ez7oz","component":"pure-cell__component_ez7oz","vertical":"pure-cell__vertical_ez7oz","title":"pure-cell__title_ez7oz","value":"pure-cell__value_ez7oz"};
-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_pke0p","horizontal":"pure-cell__horizontal_pke0p","vertical":"pure-cell__vertical_pke0p","button":"pure-cell__button_pke0p","link":"pure-cell__link_pke0p","none":"pure-cell__none_pke0p","airy":"pure-cell__airy_pke0p","defaultPadding":"pure-cell__defaultPadding_pke0p","compact":"pure-cell__compact_pke0p","tiny":"pure-cell__tiny_pke0p","left":"pure-cell__left_pke0p","right":"pure-cell__right_pke0p","both":"pure-cell__both_pke0p","focused":"pure-cell__focused_pke0p"};
-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-59f312e8.d.ts

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

package/esm/getDataTestId-59f312e8.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-dd8c396a.d.ts

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

package/getDataTestId-dd8c396a.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-17fdbf5d.d.ts

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