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

package/esm/component-609a6e2f.d.ts

@@ -1,74 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode } from "react";
-import { MainElement, ContentElement } from "./components/types";
-import { Color } from "@alfalab/core-components-typography";
-type Props = {
-    /**
-     * Компоненты
-     */
-    children: MainElement;
-    /**
-     * Позволяет изменить расположение блоков внутри main
-     */
-    isReverse?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -main
-     */
-    dataTestId?: string;
-};
-declare const Main: React.FC<Props>;
-type Props$0 = {
-    /**
-     * Компоненты
-     */
-    children: ContentElement;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -content
-     */
-    dataTestId?: string;
-};
-declare const Content: React.FC<Props$0>;
-type Props$1 = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2;
-    /**
-     * Размер текста
-     */
-    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
-    /**
-     * Толщина title
-     */
-    titleWeight?: 'regular' | 'bold';
-    /**
-     * Цвет title
-     */
-    titleColor: Color;
-    /**
-     * Value ячейки
-     */
-    value?: ReactNode;
-    /**
-     * Цвет value
-     */
-    valueColor?: Color;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для контента используется модификатор -text_content, для value ячейки -text_value
-     */
-    dataTestId?: string;
-};
-declare const Text: React.FC<Props$1>;
-export { Main, Content, Text };

package/esm/component-609a6e2f.js

@@ -1,109 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useContext, forwardRef, useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Comment } from '@alfalab/core-components-comment/esm';
-import { useFocus } from '@alfalab/hooks';
-import { Addon } from './components/addon/component.js';
-import { Amount } from './components/amount/component.js';
-import { AmountTitle } from './components/amount-title/component.js';
-import { Category } from './components/category/component.js';
-import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { Footer } from './components/footer/component.js';
-import { FooterButton } from './components/footer-button/component.js';
-import { FooterText } from './components/footer-text/component.js';
-import { Graphics } from './components/graphics/component.js';
-import { Typography } from '@alfalab/core-components-typography/esm';
-
-var styles$3 = {"component":"pure-cell__component_15r7a","horizontal":"pure-cell__horizontal_15r7a"};
-require('./components/content/index.css')
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, dataTestId = _a.dataTestId;
-    var direction = useContext(PureCellContext).direction;
-    return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
-};
-
-var styles$2 = {"component":"pure-cell__component_151x2","vertical":"pure-cell__vertical_151x2","reverse":"pure-cell__reverse_151x2"};
-require('./components/main/index.css')
-
-var Main = function (_a) {
-    var _b;
-    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
-    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
-            _b[styles$2.reverse] = isReverse,
-            _b), className), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
-};
-
-var styles$1 = {"horizontal":"pure-cell__horizontal_3wsa5","rowLimit1":"pure-cell__rowLimit1_3wsa5","rowLimit2":"pure-cell__rowLimit2_3wsa5","component":"pure-cell__component_3wsa5","vertical":"pure-cell__vertical_3wsa5","title":"pure-cell__title_3wsa5","value":"pure-cell__value_3wsa5"};
-require('./components/text/index.css')
-
-var Text = function (_a) {
-    var _b;
-    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
-    var _d = useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
-    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, '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, 'text_value') }, value)))));
-};
-
-var styles = {"component":"pure-cell__component_3dtp8","horizontal":"pure-cell__horizontal_3dtp8","vertical":"pure-cell__vertical_3dtp8","button":"pure-cell__button_3dtp8","link":"pure-cell__link_3dtp8","none":"pure-cell__none_3dtp8","airy":"pure-cell__airy_3dtp8","defaultPadding":"pure-cell__defaultPadding_3dtp8","compact":"pure-cell__compact_3dtp8","tiny":"pure-cell__tiny_3dtp8","left":"pure-cell__left_3dtp8","right":"pure-cell__right_3dtp8","both":"pure-cell__both_3dtp8","focused":"pure-cell__focused_3dtp8"};
-require('./index.css')
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-var PureCellContext = React.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 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.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 }),
-            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, 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 }),
-            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    return (React.createElement(Component, __assign({}, restProps, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId }),
-        React.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: Graphics,
-    Content: Content,
-    Text: Text,
-    Amount: Amount,
-    AmountTitle: AmountTitle,
-    Addon: Addon,
-    Footer: Footer,
-    ExtraSubtitle: FooterText,
-    FooterButton: FooterButton,
-    Comment: Comment,
-    Category: Category,
-});
-
-export { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };

package/modern/component-f75dd263.d.ts

@@ -1,74 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { ReactNode } from "react";
-import { MainElement, ContentElement } from "./components/types";
-import { Color } from "@alfalab/core-components-typography";
-type Props = {
-    /**
-     * Компоненты
-     */
-    children: MainElement;
-    /**
-     * Позволяет изменить расположение блоков внутри main
-     */
-    isReverse?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -main
-     */
-    dataTestId?: string;
-};
-declare const Main: React.FC<Props>;
-type Props$0 = {
-    /**
-     * Компоненты
-     */
-    children: ContentElement;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -content
-     */
-    dataTestId?: string;
-};
-declare const Content: React.FC<Props$0>;
-type Props$1 = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2;
-    /**
-     * Размер текста
-     */
-    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
-    /**
-     * Толщина title
-     */
-    titleWeight?: 'regular' | 'bold';
-    /**
-     * Цвет title
-     */
-    titleColor: Color;
-    /**
-     * Value ячейки
-     */
-    value?: ReactNode;
-    /**
-     * Цвет value
-     */
-    valueColor?: Color;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для контента используется модификатор -text_content, для value ячейки -text_value
-     */
-    dataTestId?: string;
-};
-declare const Text: React.FC<Props$1>;
-export { Main, Content, Text };

package/modern/component-f75dd263.js

@@ -1,101 +0,0 @@
-import React, { useContext, forwardRef, useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Comment } from '@alfalab/core-components-comment/modern';
-import { useFocus } from '@alfalab/hooks';
-import { Addon } from './components/addon/component.js';
-import { Amount } from './components/amount/component.js';
-import { AmountTitle } from './components/amount-title/component.js';
-import { Category } from './components/category/component.js';
-import { getDataTestId } from '@alfalab/core-components-shared/modern';
-import { Footer } from './components/footer/component.js';
-import { FooterButton } from './components/footer-button/component.js';
-import { FooterText } from './components/footer-text/component.js';
-import { Graphics } from './components/graphics/component.js';
-import { Typography } from '@alfalab/core-components-typography/modern';
-
-const styles$3 = {"component":"pure-cell__component_15r7a","horizontal":"pure-cell__horizontal_15r7a"};
-require('./components/content/index.css')
-
-const Content = ({ children, dataTestId }) => {
-    const { direction } = useContext(PureCellContext);
-    return (React.createElement("section", { className: cn(styles$3.component, { [styles$3.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
-};
-
-const styles$2 = {"component":"pure-cell__component_151x2","vertical":"pure-cell__vertical_151x2","reverse":"pure-cell__reverse_151x2"};
-require('./components/main/index.css')
-
-const Main = ({ children, isReverse, className, dataTestId }) => {
-    const { direction = 'horizontal' } = useContext(PureCellContext);
-    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], {
-            [styles$2.reverse]: isReverse,
-        }, className), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
-};
-
-const styles$1 = {"horizontal":"pure-cell__horizontal_3wsa5","rowLimit1":"pure-cell__rowLimit1_3wsa5","rowLimit2":"pure-cell__rowLimit2_3wsa5","component":"pure-cell__component_3wsa5","vertical":"pure-cell__vertical_3wsa5","title":"pure-cell__title_3wsa5","value":"pure-cell__value_3wsa5"};
-require('./components/text/index.css')
-
-const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeight, titleColor, valueColor, dataTestId, }) => {
-    const { direction = 'horizontal' } = useContext(PureCellContext);
-    const className = rowLimit && styles$1[`rowLimit${rowLimit}`];
-    return (React.createElement("div", { className: cn(styles$1.component, {
-            [styles$1.vertical]: direction !== 'horizontal',
-        }) },
-        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, '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, 'text_value') }, value)))));
-};
-
-const styles = {"component":"pure-cell__component_3dtp8","horizontal":"pure-cell__horizontal_3dtp8","vertical":"pure-cell__vertical_3dtp8","button":"pure-cell__button_3dtp8","link":"pure-cell__link_3dtp8","none":"pure-cell__none_3dtp8","airy":"pure-cell__airy_3dtp8","defaultPadding":"pure-cell__defaultPadding_3dtp8","compact":"pure-cell__compact_3dtp8","tiny":"pure-cell__tiny_3dtp8","left":"pure-cell__left_3dtp8","right":"pure-cell__right_3dtp8","both":"pure-cell__both_3dtp8","focused":"pure-cell__focused_3dtp8"};
-require('./index.css')
-
-/* eslint-disable react/jsx-no-constructed-context-values */
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const PureCellContext = React.createContext({});
-const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
-    const cellRef = useRef(null);
-    const [focused] = useFocus(cellRef, 'keyboard');
-    const addClasses = {
-        [styles.component]: true,
-        [styles.focused]: focused,
-        [styles[direction]]: true,
-        [styles.defaultPadding]: verticalPadding === 'default',
-        [styles[verticalPadding]]: verticalPadding !== 'default',
-        [styles[horizontalPadding]]: true,
-    };
-    if (href) {
-        const { target } = restProps;
-        // Для совместимости с react-router-dom, меняем href на to
-        const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
-        return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
-            React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-    }
-    if (onClick) {
-        return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
-            React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-    }
-    return (React.createElement(Component, { ...restProps, ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
-        React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-const PureCell = Object.assign(PureCellComponent, {
-    Main,
-    Graphics,
-    Content,
-    Text,
-    Amount,
-    AmountTitle,
-    Addon,
-    Footer,
-    ExtraSubtitle: FooterText,
-    FooterButton,
-    Comment,
-    Category,
-});
-
-export { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };