@alfalab/core-components-pure-cell 5.0.1 → 5.0.2

package/components/text/index.css

@@ -4,29 +4,29 @@
     --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-16: var(--gap-m);
-} .pure-cell__horizontal_12qp9 {
+} .pure-cell__horizontal_1do7h {
     padding: var(--gap-2) var(--gap-0);
-} .pure-cell__rowLimit1_12qp9 {
+} .pure-cell__rowLimit1_1do7h {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_12qp9 {
+} .pure-cell__rowLimit2_1do7h {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_12qp9 {
+} .pure-cell__component_1do7h {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-2) var(--gap-0);
     word-break: break-word;
-} .pure-cell__component_12qp9 .pure-cell__vertical_12qp9 {
+} .pure-cell__component_1do7h .pure-cell__vertical_1do7h {
         justify-content: center;
-    } .pure-cell__title_12qp9 + .pure-cell__value_12qp9 {
+    } .pure-cell__title_1do7h + .pure-cell__value_1do7h {
     margin-left: var(--gap-16);
     flex-shrink: 0;
 }

package/components/text/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"horizontal":"pure-cell__horizontal_12qp9","rowLimit1":"pure-cell__rowLimit1_12qp9","rowLimit2":"pure-cell__rowLimit2_12qp9","component":"pure-cell__component_12qp9","vertical":"pure-cell__vertical_12qp9","title":"pure-cell__title_12qp9","value":"pure-cell__value_12qp9"};
+var styles = {"horizontal":"pure-cell__horizontal_1do7h","rowLimit1":"pure-cell__rowLimit1_1do7h","rowLimit2":"pure-cell__rowLimit2_1do7h","component":"pure-cell__component_1do7h","vertical":"pure-cell__vertical_1do7h","title":"pure-cell__title_1do7h","value":"pure-cell__value_1do7h"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/text/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.horizontal {\n    padding: var(--gap-2) var(--gap-0);\n}\n\n.rowLimit1 {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.rowLimit2 {\n    @mixin row_limit 2;\n}\n\n.component {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    margin: var(--gap-2) var(--gap-0);\n    word-break: break-word;\n}\n\n.component {\n    & .vertical {\n        justify-content: center;\n    }\n}\n\n.title + .value {\n    margin-left: var(--gap-16);\n    flex-shrink: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,YAAY,CAAC,6BAA6B,CAAC,WAAW,CAAC,4BAA4B,CAAC,WAAW,CAAC,4BAA4B,CAAC,WAAW,CAAC,4BAA4B,CAAC,UAAU,CAAC,2BAA2B,CAAC,OAAO,CAAC,wBAAwB,CAAC,OAAO,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.horizontal {\n    padding: var(--gap-2) var(--gap-0);\n}\n\n.rowLimit1 {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.rowLimit2 {\n    @mixin row_limit 2;\n}\n\n.component {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    margin: var(--gap-2) var(--gap-0);\n    word-break: break-word;\n\n    & .vertical {\n        justify-content: center;\n    }\n}\n\n.title + .value {\n    margin-left: var(--gap-16);\n    flex-shrink: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,YAAY,CAAC,6BAA6B,CAAC,WAAW,CAAC,4BAA4B,CAAC,WAAW,CAAC,4BAA4B,CAAC,WAAW,CAAC,4BAA4B,CAAC,UAAU,CAAC,2BAA2B,CAAC,OAAO,CAAC,wBAAwB,CAAC,OAAO,CAAC,wBAAwB,CAAC;;;;"}

package/components/types.d.ts

@@ -1,11 +1,11 @@
-import { ReactElement, ReactNode } from 'react';
-import { Comment } from '@alfalab/core-components-comment';
-import { Amount } from './amount';
-import { AmountTitle } from './amount-title';
-import { FooterButton } from './footer-button';
-import { FooterText } from './footer-text';
-import { Graphics } from './graphics';
-import { Text } from './text';
+import { type ReactElement, type ReactNode } from 'react';
+import { type Comment } from '@alfalab/core-components-comment';
+import { type Amount } from './amount';
+import { type AmountTitle } from './amount-title';
+import { type FooterButton } from './footer-button';
+import { type FooterText } from './footer-text';
+import { type Graphics } from './graphics';
+import { type Text } from './text';
 declare type TextElement = ReactElement<typeof Text>;
 export declare type GraphicsElement = ReactElement<typeof Graphics> | boolean | null;
 declare type AmountElement = ReactElement<typeof Amount>;

package/components/typesProps.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CurrencyCodes } from '@alfalab/data';
+import { type ReactNode } from 'react';
+import { type CurrencyCodes } from '@alfalab/data';
 export declare type AmountProps = {
     /**
      * Денежное значение в минорных единицах

package/context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type PureCellContextValue = {
+    /** Направление */
+    direction?: 'horizontal' | 'vertical';
+    dataTestId?: string;
+    setMainHover?: () => void;
+    unsetMainHover?: () => void;
+};
+export declare const PureCellContext: import("react").Context<PureCellContextValue>;

package/context.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+var PureCellContext = React.createContext({});
+
+exports.PureCellContext = PureCellContext;
+//# sourceMappingURL=context.js.map

package/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["src/context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport type PureCellContextValue = {\n    /** Направление */\n    direction?: 'horizontal' | 'vertical';\n    dataTestId?: string;\n    setMainHover?: () => void;\n    unsetMainHover?: () => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const PureCellContext = createContext<PureCellContextValue>({});\n"],"names":["createContext"],"mappings":";;;;;;AAUA;IACa,eAAe,GAAGA,mBAAa,CAAuB,EAAE;;;;"}

package/cssm/component.d.ts

@@ -1,5 +1,4 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from 'react';
-import { ButtonProps } from '@alfalab/core-components-button/cssm';
+import React, { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ElementType, type HTMLAttributes } from 'react';
 import { Comment } from '@alfalab/core-components-comment/cssm';
 import { Addon } from './components/addon';
 import { Amount } from './components/amount';
@@ -8,19 +7,12 @@ import { Category } from './components/category';
 import { Content } from './components/content';
 import { Footer } from './components/footer';
 import { FooterButton } from './components/footer-button';
-import { FooterTextProps } from './components/footer-text';
 import { Graphics } from './components/graphics';
 import { Main } from './components/main';
 import { Text } from './components/text';
-import { PureCellElement } from './components/types';
-export declare type PureCellContext = {
-    /** Направление */
-    direction?: 'horizontal' | 'vertical';
-    dataTestId?: string;
-    setMainHover?: () => void;
-    unsetMainHover?: () => void;
-};
-export declare const PureCellContext: React.Context<PureCellContext>;
+import { type PureCellElement } from './components/types';
+import { PureCellContext } from './context';
+export { PureCellContext };
 declare type BasePureCellProps = {
     /**
      * Направление
@@ -69,7 +61,7 @@ declare type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTML
 declare type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
 export declare type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
 declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
-declare const ExtraSubtitle: React.FC<FooterTextProps>;
+declare const ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
 /**
  * Универсальный конструктор для сборки любой ячейки.
  *
@@ -96,7 +88,9 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive";
         value?: React.ReactNode;
         valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
-        dataTestId?: string | undefined;
+        dataTestId?: string | undefined; /**
+         * Направление
+         */
     }>;
     Amount: React.FC<{
         weight?: "bold" | "normal" | undefined;
@@ -123,8 +117,8 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         footerPadding?: "default" | "none" | undefined;
         dataTestId?: string | undefined;
     }>;
-    ExtraSubtitle: React.FC<FooterTextProps>;
-    FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
+    ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
+    FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {
         dataTestId?: string | undefined;
     } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;

package/cssm/component.js

@@ -19,6 +19,7 @@ var component$a = require('./components/footer-text/component.js');
 var component$1 = require('./components/graphics/component.js');
 var component = require('./components/main/component.js');
 var component$3 = require('./components/text/component.js');
+var context = require('./context.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -28,8 +29,6 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-// 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"]);
@@ -59,6 +58,7 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
         _b[styles__default.default.hover] = hoverState,
         _b[styles__default.default.active] = activeState,
         _b);
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
     var contextState = {
         direction: direction,
         dataTestId: dataTestId,
@@ -77,14 +77,14 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
         // Для совместимости с 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.default.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
-            React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
+            React__default.default.createElement(context.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.default.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
-            React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
+            React__default.default.createElement(context.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)));
+        React__default.default.createElement(context.PureCellContext.Provider, { value: contextState }, children)));
 });
 var ExtraSubtitle = component$a.FooterText;
 /**
@@ -122,8 +122,8 @@ exports.FooterButton = component$8.FooterButton;
 exports.Graphics = component$1.Graphics;
 exports.Main = component.Main;
 exports.Text = component$3.Text;
+exports.PureCellContext = context.PureCellContext;
 exports.ExtraSubtitle = ExtraSubtitle;
 exports.PureCell = PureCell;
 exports.PureCellComponent = PureCellComponent;
-exports.PureCellContext = PureCellContext;
 //# sourceMappingURL=component.js.map

package/cssm/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-constructed-context-values */\nimport React, {\n    AnchorHTMLAttributes,\n    ButtonHTMLAttributes,\n    ElementType,\n    forwardRef,\n    HTMLAttributes,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { ButtonProps } from '@alfalab/core-components-button';\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText, FooterTextProps } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { PureCellElement } from './components/types';\n\nimport styles from './index.module.css';\n\nexport type PureCellContext = {\n    /** Направление */\n    direction?: 'horizontal' | 'vertical';\n    dataTestId?: string;\n    setMainHover?: () => void;\n    unsetMainHover?: () => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const PureCellContext = React.createContext<PureCellContext>({});\n\ntype BasePureCellProps = {\n    /**\n     * Направление\n     */\n    direction?: 'horizontal' | 'vertical';\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Выводит ссылку в виде ячейки\n     */\n    href?: string;\n\n    /**\n     * Вертикальные отступы\n     */\n    verticalPadding?:\n        | 'airy'\n        | 'default'\n        | 'compact'\n        | 'tiny'\n        | 'none'\n        | {\n              /**\n               * Вертикальный отступ сверху\n               */\n              top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n              /**\n               * Вертикальный отступ снизу\n               */\n              bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n          };\n\n    /**\n     * Горизонтальные отступы\n     */\n    horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n    /**\n     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n     */\n    tag?: ElementType;\n\n    /**\n     * Компоненты\n     */\n    children: PureCellElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n    AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n    (\n        {\n            className,\n            dataTestId,\n            onClick,\n            href,\n            tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n            children,\n            horizontalPadding = 'none',\n            verticalPadding = 'none',\n            direction = 'horizontal',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const cellRef = useRef<HTMLDivElement>(null);\n        const [focused] = useFocus(cellRef, 'keyboard');\n        const [hoverState, setHoverState] = useState<boolean>(false);\n        const [activeState, setActiveState] = useState<boolean>(false);\n\n        const setHover = () => setHoverState(true);\n        const unsetHover = () => setHoverState(false);\n        const setActive = () => setActiveState(true);\n\n        const unsetActive = () => setActiveState(false);\n\n        const mouseEvents = {\n            onMouseEnter: setHover,\n            onMouseLeave: () => {\n                unsetHover();\n                // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n                unsetActive();\n            },\n            onMouseDown: setActive,\n            onMouseUp: unsetActive,\n        };\n\n        const addClasses = {\n            [styles.component]: true,\n            [styles.focused]: focused,\n            [styles[direction]]: true,\n            [styles[horizontalPadding]]: true,\n            [styles.hover]: hoverState,\n            [styles.active]: activeState,\n        };\n\n        const contextState: PureCellContext = {\n            direction,\n            dataTestId,\n            setMainHover: setHover,\n            unsetMainHover: unsetHover,\n        };\n\n        if (typeof verticalPadding === 'string') {\n            addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n        }\n\n        if (typeof verticalPadding === 'object') {\n            addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n            addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n        }\n\n        if (href) {\n            const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n            // Для совместимости с react-router-dom, меняем href на to\n            const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n            return (\n                <Component\n                    rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    {...hrefProps}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.link, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        if (onClick) {\n            return (\n                <Component\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.button, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        return (\n            <Component\n                {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                ref={ref}\n                tabIndex={0}\n                className={cn(addClasses, className)}\n                data-test-id={dataTestId}\n            >\n                <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n            </Component>\n        );\n    },\n);\n\nconst ExtraSubtitle = FooterText as React.FC<FooterTextProps>;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n    PureCell,\n    PureCellComponent,\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n};\n"],"names":["React","forwardRef","__rest","useRef","useFocus","useState","styles","__assign","mergeRefs","cn","FooterText","Main","Graphics","Content","Text","Amount","AmountTitle","Addon","Footer","FooterButton","Comment","Category"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import React, {\n    type AnchorHTMLAttributes,\n    type ButtonHTMLAttributes,\n    type ElementType,\n    forwardRef,\n    type HTMLAttributes,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { type PureCellElement } from './components/types';\nimport { PureCellContext, type PureCellContextValue } from './context';\n\nimport styles from './index.module.css';\n\nexport { PureCellContext };\n\ntype BasePureCellProps = {\n    /**\n     * Направление\n     */\n    direction?: 'horizontal' | 'vertical';\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Выводит ссылку в виде ячейки\n     */\n    href?: string;\n\n    /**\n     * Вертикальные отступы\n     */\n    verticalPadding?:\n        | 'airy'\n        | 'default'\n        | 'compact'\n        | 'tiny'\n        | 'none'\n        | {\n              /**\n               * Вертикальный отступ сверху\n               */\n              top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n              /**\n               * Вертикальный отступ снизу\n               */\n              bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n          };\n\n    /**\n     * Горизонтальные отступы\n     */\n    horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n    /**\n     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n     */\n    tag?: ElementType;\n\n    /**\n     * Компоненты\n     */\n    children: PureCellElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n    AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n    (\n        {\n            className,\n            dataTestId,\n            onClick,\n            href,\n            tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n            children,\n            horizontalPadding = 'none',\n            verticalPadding = 'none',\n            direction = 'horizontal',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const cellRef = useRef<HTMLDivElement>(null);\n        const [focused] = useFocus(cellRef, 'keyboard');\n        const [hoverState, setHoverState] = useState<boolean>(false);\n        const [activeState, setActiveState] = useState<boolean>(false);\n\n        const setHover = () => setHoverState(true);\n        const unsetHover = () => setHoverState(false);\n        const setActive = () => setActiveState(true);\n\n        const unsetActive = () => setActiveState(false);\n\n        const mouseEvents = {\n            onMouseEnter: setHover,\n            onMouseLeave: () => {\n                unsetHover();\n                // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n                unsetActive();\n            },\n            onMouseDown: setActive,\n            onMouseUp: unsetActive,\n        };\n\n        const addClasses = {\n            [styles.component]: true,\n            [styles.focused]: focused,\n            [styles[direction]]: true,\n            [styles[horizontalPadding]]: true,\n            [styles.hover]: hoverState,\n            [styles.active]: activeState,\n        };\n\n        // eslint-disable-next-line react/jsx-no-constructed-context-values\n        const contextState: PureCellContextValue = {\n            direction,\n            dataTestId,\n            setMainHover: setHover,\n            unsetMainHover: unsetHover,\n        };\n\n        if (typeof verticalPadding === 'string') {\n            addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n        }\n\n        if (typeof verticalPadding === 'object') {\n            addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n            addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n        }\n\n        if (href) {\n            const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n            // Для совместимости с react-router-dom, меняем href на to\n            const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n            return (\n                <Component\n                    rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    {...hrefProps}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.link, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        if (onClick) {\n            return (\n                <Component\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.button, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        return (\n            <Component\n                {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                ref={ref}\n                tabIndex={0}\n                className={cn(addClasses, className)}\n                data-test-id={dataTestId}\n            >\n                <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n            </Component>\n        );\n    },\n);\n\nconst ExtraSubtitle = FooterText;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n    PureCell,\n    PureCellComponent,\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n};\n"],"names":["forwardRef","__rest","useRef","useFocus","useState","styles","React","__assign","mergeRefs","cn","PureCellContext","FooterText","Main","Graphics","Content","Text","Amount","AmountTitle","Addon","Footer","FooterButton","Comment","Category"],"mappings":"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"}

package/cssm/components/addon/component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AddonElement } from '../types';
+import { type AddonElement } from '../types';
 declare type Props = {
     /**
      * Вертикальное выравнивание

package/cssm/components/addon/component.js

@@ -6,7 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var cssm = require('@alfalab/core-components-shared/cssm');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -22,7 +22,7 @@ var ADDON_COMPONENT = {
 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(component.PureCellContext);
+    var pureCellContext = React.useContext(context.PureCellContext);
     var Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;
     var onMouseEvents = {
         onClick: function (e) {

package/cssm/components/addon/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/addon/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../component';\nimport { AddonElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Вертикальное выравнивание\n     */\n    verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';\n\n    /**\n     * Горизонтальные отступы\n     */\n    addonPadding?: 'default' | 'none';\n\n    /**\n     * Компоненты\n     */\n    children: AddonElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -addon\n     */\n    dataTestId?: string;\n\n    /**\n     * Клик по контенту аддона.\n     */\n    onClick?: () => void;\n};\n\nconst ADDON_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Addon: React.FC<Props> = ({\n    children,\n    verticalAlign = 'top',\n    addonPadding = 'default',\n    dataTestId,\n    onClick,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;\n\n    const onMouseEvents = {\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onClick?.();\n        },\n        onMouseEnter: () => {\n            pureCellContext.unsetMainHover?.();\n        },\n        onMouseLeave: () => {\n            pureCellContext.setMainHover?.();\n        },\n        onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n        },\n    };\n\n    return (\n        <Component\n            className={cn(styles.component, styles[addonPadding], styles[verticalAlign], {\n                [styles.button]: onClick,\n            })}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,IAAM,eAAe,GAAsE;AACvF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,KAAK,GAAoB,UAAC,EAMtC,EAAA;;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAqB,GAAA,EAAA,CAAA,aAAA,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,YAAwB,EAAxB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACxB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,OAAO;AAE5E,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACrC;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACnC;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;IAED,QACIC,qCAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,YAAY,CAAC,EAAEA,uBAAM,CAAC,aAAa,CAAC,GAAA,EAAA,GAAA,EAAA;AACvE,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,OAAO;gBAC1B,EACY,cAAA,EAAAC,kBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,KACzE,OAAO,IAAI,aAAa,IAE5B,QAAQ,CACD;AAEpB;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/addon/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type AddonElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Вертикальное выравнивание\n     */\n    verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';\n\n    /**\n     * Горизонтальные отступы\n     */\n    addonPadding?: 'default' | 'none';\n\n    /**\n     * Компоненты\n     */\n    children: AddonElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -addon\n     */\n    dataTestId?: string;\n\n    /**\n     * Клик по контенту аддона.\n     */\n    onClick?: () => void;\n};\n\nconst ADDON_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Addon: React.FC<Props> = ({\n    children,\n    verticalAlign = 'top',\n    addonPadding = 'default',\n    dataTestId,\n    onClick,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;\n\n    const onMouseEvents = {\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onClick?.();\n        },\n        onMouseEnter: () => {\n            pureCellContext.unsetMainHover?.();\n        },\n        onMouseLeave: () => {\n            pureCellContext.setMainHover?.();\n        },\n        onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n        },\n    };\n\n    return (\n        <Component\n            className={cn(styles.component, styles[addonPadding], styles[verticalAlign], {\n                [styles.button]: onClick,\n            })}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,IAAM,eAAe,GAAsE;AACvF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,KAAK,GAAoB,UAAC,EAMtC,EAAA;;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAqB,GAAA,EAAA,CAAA,aAAA,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,YAAwB,EAAxB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACxB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,OAAO;AAE5E,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACrC;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACnC;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;IAED,QACIC,qCAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,YAAY,CAAC,EAAEA,uBAAM,CAAC,aAAa,CAAC,GAAA,EAAA,GAAA,EAAA;AACvE,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,OAAO;gBAC1B,EACY,cAAA,EAAAC,kBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,KACzE,OAAO,IAAI,aAAa,IAE5B,QAAQ,CACD;AAEpB;;;;"}

package/cssm/components/addon/index.module.css

@@ -1,4 +1,6 @@
 :root {
+    --border-radius-0: 0;
+} :root {
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
@@ -8,7 +10,7 @@
 } .component {
     display: flex;
     flex-direction: column;
-    align-items: flex-end
+    align-items: flex-end;
 } .component > * {
         justify-content: flex-end;
     } .component.none {
@@ -33,7 +35,7 @@
     border: 0;
     margin: var(--gap-0);
     box-shadow: none;
-    border-radius: 0;
+    border-radius: var(--border-radius-0);
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
@@ -45,7 +47,7 @@
     min-width: 0;
     cursor: pointer;
     padding: var(--gap-0);
-    transition: opacity 0.15s ease-in-out
+    transition: opacity 0.15s ease-in-out;
 } .button:hover {
         opacity: var(--pure-cell-clickable-area-hover-opacity);
     } .button:active {

package/cssm/components/amount/component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Color } from '@alfalab/core-components-typography/cssm';
-import { AmountProps as AmountType } from '../typesProps';
+import { type AmountProps as AmountType } from '../typesProps';
 declare type Props = {
     /**
      * Начертание шрифта денежного значения

package/cssm/components/amount/component.js

@@ -8,7 +8,7 @@ var cn = require('classnames');
 var cssm$2 = require('@alfalab/core-components-amount/cssm');
 var cssm$1 = require('@alfalab/core-components-shared/cssm');
 var cssm = require('@alfalab/core-components-typography/cssm');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -19,7 +19,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 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(component.PureCellContext);
+    var pureCellContext = React.useContext(context.PureCellContext);
     if (hidden) {
         return (React__default.default.createElement("div", { className: styles__default.default.hiddenWrapper },
             React__default.default.createElement("div", { className: styles__default.default.hidden })));

package/cssm/components/amount/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/amount/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\nimport { AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Начертание шрифта денежного значения\n     */\n    weight?: 'bold' | 'normal';\n\n    /**\n     * Размер денежного значения\n     */\n    textView?: 'component' | 'primary-small';\n\n    /**\n     * Цвет денежного значения\n     */\n    color?: Color;\n\n    /**\n     * Скрыть денежное значение\n     */\n    hidden?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для typography используется модификатор -amount-text, для компонента Amount -amount\n     */\n    dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const Amount: React.FC<Props> = ({\n    weight = 'normal',\n    textView = 'component',\n    color = 'primary',\n    minority,\n    minorUnits = 100,\n    hidden,\n    dataTestId,\n    ...restProps\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    if (hidden) {\n        return (\n            <div className={styles.hiddenWrapper}>\n                <div className={styles.hidden} />\n            </div>\n        );\n    }\n\n    return (\n        <Text\n            view={textView}\n            dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text')}\n            className={cn(styles.component)}\n            color={color}\n        >\n            <CoreAmount\n                minority={minority || minorUnits}\n                bold={weight === 'bold' ? 'full' : 'none'}\n                dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount')}\n                {...restProps}\n            />\n        </Text>\n    );\n};\n"],"names":["__rest","useContext","PureCellContext","React","styles","Text","getDataTestId","cn","CoreAmount","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;AAwCO,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;AARG,IAAA,IAAA,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,GAAA,EAAA,EACjB,EAAsB,GAAA,EAAA,CAAA,QAAA,EAAtB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,WAAW,GAAA,EAAA,EACtB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,GAAA,EAAA,EACjB,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EARwB,iFASvC,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,uBAAM,CAAC,aAAa,EAAA;YAChCD,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,uBAAM,CAAC,MAAM,EAAI,CAAA,CAC/B;AAEb;AAED,IAAA,QACID,sBAAA,CAAA,aAAA,CAACE,SAAI,EAAA,EACD,IAAI,EAAE,QAAQ,EACd,UAAU,EAAEC,oBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,aAAa,CAAC,EAClF,SAAS,EAAEC,mBAAE,CAACH,uBAAM,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAAD,sBAAA,CAAA,aAAA,CAACK,aAAU,EACPC,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,UAAU,EAAEH,oBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EACzE,SAAS,CACf,CAAA,CACC;AAEf;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/amount/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Начертание шрифта денежного значения\n     */\n    weight?: 'bold' | 'normal';\n\n    /**\n     * Размер денежного значения\n     */\n    textView?: 'component' | 'primary-small';\n\n    /**\n     * Цвет денежного значения\n     */\n    color?: Color;\n\n    /**\n     * Скрыть денежное значение\n     */\n    hidden?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для typography используется модификатор -amount-text, для компонента Amount -amount\n     */\n    dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const Amount: React.FC<Props> = ({\n    weight = 'normal',\n    textView = 'component',\n    color = 'primary',\n    minority,\n    minorUnits = 100,\n    hidden,\n    dataTestId,\n    ...restProps\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    if (hidden) {\n        return (\n            <div className={styles.hiddenWrapper}>\n                <div className={styles.hidden} />\n            </div>\n        );\n    }\n\n    return (\n        <Text\n            view={textView}\n            dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text')}\n            className={cn(styles.component)}\n            color={color}\n        >\n            <CoreAmount\n                minority={minority || minorUnits}\n                bold={weight === 'bold' ? 'full' : 'none'}\n                dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount')}\n                {...restProps}\n            />\n        </Text>\n    );\n};\n"],"names":["__rest","useContext","PureCellContext","React","styles","Text","getDataTestId","cn","CoreAmount","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;AAwCO,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;AARG,IAAA,IAAA,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,GAAA,EAAA,EACjB,EAAsB,GAAA,EAAA,CAAA,QAAA,EAAtB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,WAAW,GAAA,EAAA,EACtB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,GAAA,EAAA,EACjB,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EARwB,iFASvC,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,uBAAM,CAAC,aAAa,EAAA;YAChCD,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,uBAAM,CAAC,MAAM,EAAI,CAAA,CAC/B;AAEb;AAED,IAAA,QACID,sBAAA,CAAA,aAAA,CAACE,SAAI,EAAA,EACD,IAAI,EAAE,QAAQ,EACd,UAAU,EAAEC,oBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,aAAa,CAAC,EAClF,SAAS,EAAEC,mBAAE,CAACH,uBAAM,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAAD,sBAAA,CAAA,aAAA,CAACK,aAAU,EACPC,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,UAAU,EAAEH,oBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EACzE,SAAS,CACf,CAAA,CACC;AAEf;;;;"}

package/cssm/components/amount-title/component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Color, type TitleProps } from '@alfalab/core-components-typography/cssm';
-import { AmountProps as AmountType } from '../typesProps';
+import { type AmountProps as AmountType } from '../typesProps';
 declare type Props = {
     /**
      * Цвет денежного значения

package/cssm/components/amount-title/component.js

@@ -8,7 +8,7 @@ var cn = require('classnames');
 var cssm$2 = require('@alfalab/core-components-amount/cssm');
 var cssm$1 = require('@alfalab/core-components-shared/cssm');
 var cssm = require('@alfalab/core-components-typography/cssm');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -19,7 +19,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 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(component.PureCellContext);
+    var pureCellContext = React.useContext(context.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.default.hiddenWrapper, styles__default.default["hiddenWrapper-".concat(titleProps.view)]) },

package/cssm/components/amount-title/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/amount-title/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, type TitleProps, TitleResponsive } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\nimport { AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Цвет денежного значения\n     * @deprecated Используйте titleProps.color\n     */\n    color?: Color;\n\n    /**\n     * Пропсы, которые будут прокинуты в компонент типографики\n     */\n    titleProps?: TitleProps;\n\n    /**\n     * Скрыть денежное значение\n     */\n    hidden?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title\n     */\n    dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const AmountTitle: React.FC<Props> = ({\n    minority,\n    minorUnits = 100,\n    hidden,\n    className,\n    color = 'primary',\n    dataTestId,\n    titleProps: titlePropsFromProps = {},\n    ...restProps\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const titleProps = {\n        tag: 'h4',\n        view: 'small',\n        color,\n        ...titlePropsFromProps,\n    } as Omit<TitleProps, 'className' | 'dataTestId'>;\n\n    if (hidden) {\n        return (\n            <div className={cn(styles.hiddenWrapper, styles[`hiddenWrapper-${titleProps.view}`])}>\n                <div className={cn(styles.hidden, styles[`hidden-${titleProps.view}`])} />\n            </div>\n        );\n    }\n\n    return (\n        <TitleResponsive\n            {...titleProps}\n            dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title')}\n            className={cn(styles.component, titlePropsFromProps?.className)}\n        >\n            <CoreAmount\n                minority={minority || minorUnits}\n                className={cn(styles.weight, className)}\n                dataTestId={getDataTestId(\n                    dataTestId || pureCellContext.dataTestId,\n                    'core-amount-title',\n                )}\n                {...restProps}\n                bold='none'\n            />\n        </TitleResponsive>\n    );\n};\n"],"names":["__rest","useContext","PureCellContext","__assign","React","cn","styles","TitleResponsive","getDataTestId","CoreAmount"],"mappings":";;;;;;;;;;;;;;;;;;;AAoCO,IAAM,WAAW,GAAoB,UAAC,EAS5C,EAAA;AARG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,UAAA,EAAhB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACjB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAoC,GAAA,EAAA,CAAA,UAAA,EAAxB,mBAAmB,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACjC,SAAS,GAAAA,YAAA,CAAA,EAAA,EAR6B,sFAS5C,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,IAAM,UAAU,GAAGC,cAAA,CAAA,EACf,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,OAAO,EACb,KAAK,EAAA,KAAA,EACF,EAAA,mBAAmB,CACuB;AAEjD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,aAAa,EAAEA,uBAAM,CAAC,gBAAiB,CAAA,MAAA,CAAA,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAA;YAChFF,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAEA,uBAAM,CAAC,iBAAU,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAI,CAAA,CACxE;AAEb;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACG,oBAAe,EAAAJ,cAAA,CAAA,EAAA,EACR,UAAU,EACd,EAAA,UAAU,EAAEK,oBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EACnF,SAAS,EAAEH,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,KAAA,MAAA,GAAA,MAAA,GAAnB,mBAAmB,CAAE,SAAS,CAAC,EAAA,CAAA;AAE/D,QAAAF,sBAAA,CAAA,aAAA,CAACK,aAAU,EACPN,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAEE,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACvC,UAAU,EAAEE,oBAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,mBAAmB,CACtB,EACG,EAAA,SAAS,IACb,IAAI,EAAC,MAAM,EACb,CAAA,CAAA,CACY;AAE1B;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/amount-title/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, type TitleProps, TitleResponsive } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Цвет денежного значения\n     * @deprecated Используйте titleProps.color\n     */\n    color?: Color;\n\n    /**\n     * Пропсы, которые будут прокинуты в компонент типографики\n     */\n    titleProps?: TitleProps;\n\n    /**\n     * Скрыть денежное значение\n     */\n    hidden?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title\n     */\n    dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const AmountTitle: React.FC<Props> = ({\n    minority,\n    minorUnits = 100,\n    hidden,\n    className,\n    color = 'primary',\n    dataTestId,\n    titleProps: titlePropsFromProps = {},\n    ...restProps\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const titleProps = {\n        tag: 'h4',\n        view: 'small',\n        color,\n        ...titlePropsFromProps,\n    } as Omit<TitleProps, 'className' | 'dataTestId'>;\n\n    if (hidden) {\n        return (\n            <div className={cn(styles.hiddenWrapper, styles[`hiddenWrapper-${titleProps.view}`])}>\n                <div className={cn(styles.hidden, styles[`hidden-${titleProps.view}`])} />\n            </div>\n        );\n    }\n\n    return (\n        <TitleResponsive\n            {...titleProps}\n            dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title')}\n            className={cn(styles.component, titlePropsFromProps?.className)}\n        >\n            <CoreAmount\n                minority={minority || minorUnits}\n                className={cn(styles.weight, className)}\n                dataTestId={getDataTestId(\n                    dataTestId || pureCellContext.dataTestId,\n                    'core-amount-title',\n                )}\n                {...restProps}\n                bold='none'\n            />\n        </TitleResponsive>\n    );\n};\n"],"names":["__rest","useContext","PureCellContext","__assign","React","cn","styles","TitleResponsive","getDataTestId","CoreAmount"],"mappings":";;;;;;;;;;;;;;;;;;;AAoCO,IAAM,WAAW,GAAoB,UAAC,EAS5C,EAAA;AARG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,UAAA,EAAhB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACjB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAoC,GAAA,EAAA,CAAA,UAAA,EAAxB,mBAAmB,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACjC,SAAS,GAAAA,YAAA,CAAA,EAAA,EAR6B,sFAS5C,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAM,UAAU,GAAGC,cAAA,CAAA,EACf,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,OAAO,EACb,KAAK,EAAA,KAAA,EACF,EAAA,mBAAmB,CACuB;AAEjD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,aAAa,EAAEA,uBAAM,CAAC,gBAAiB,CAAA,MAAA,CAAA,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAA;YAChFF,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAEA,uBAAM,CAAC,iBAAU,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAI,CAAA,CACxE;AAEb;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACG,oBAAe,EAAAJ,cAAA,CAAA,EAAA,EACR,UAAU,EACd,EAAA,UAAU,EAAEK,oBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EACnF,SAAS,EAAEH,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,KAAA,MAAA,GAAA,MAAA,GAAnB,mBAAmB,CAAE,SAAS,CAAC,EAAA,CAAA;AAE/D,QAAAF,sBAAA,CAAA,aAAA,CAACK,aAAU,EACPN,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAEE,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACvC,UAAU,EAAEE,oBAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,mBAAmB,CACtB,EACG,EAAA,SAAS,IACb,IAAI,EAAC,MAAM,EACb,CAAA,CAAA,CACY;AAE1B;;;;"}

package/cssm/components/category/component.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 declare type Props = {
     /**
      * Наименование категории

package/cssm/components/category/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cssm$1 = require('@alfalab/core-components-shared/cssm');
 var cssm = require('@alfalab/core-components-typography/cssm');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,7 +15,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Category = function (_a) {
     var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
-    var pureCellContext = React.useContext(component.PureCellContext);
+    var pureCellContext = React.useContext(context.PureCellContext);
     return (React__default.default.createElement("div", { className: styles__default.default.component, "data-test-id": 'cell-pure-category' },
         React__default.default.createElement(cssm.Text, { view: 'primary-small', color: 'secondary', dataTestId: cssm$1.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles__default.default.categoryName }, categoryName),
         categoryPercent !== undefined && (React__default.default.createElement(cssm.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default.default.categoryPercent, dataTestId: cssm$1.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },

package/cssm/components/category/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/category/component.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Наименование категории\n     */\n    categoryName: string;\n\n    /**\n     * Процент категории\n     */\n    categoryPercent?: number;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для наименования категории используется модификатор -category-name,\n     * процент категории -category-percent, слота справа -category-right-addon\n     */\n    dataTestId?: string;\n};\n\nexport const Category: React.FC<Props> = ({\n    categoryName,\n    categoryPercent,\n    rightAddons,\n    dataTestId,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    return (\n        <div className={styles.component} data-test-id='cell-pure-category'>\n            <Text\n                view='primary-small'\n                color='secondary'\n                dataTestId={getDataTestId(\n                    dataTestId || pureCellContext.dataTestId,\n                    'category-name',\n                )}\n                className={styles.categoryName}\n            >\n                {categoryName}\n            </Text>\n            {categoryPercent !== undefined && (\n                <Text\n                    tag='div'\n                    view='primary-small'\n                    color='secondary'\n                    className={styles.categoryPercent}\n                    dataTestId={getDataTestId(\n                        dataTestId || pureCellContext.dataTestId,\n                        'category-percent',\n                    )}\n                >\n                    {categoryPercent}%\n                </Text>\n            )}\n            {rightAddons !== undefined && (\n                <div\n                    className={styles.rightAddon}\n                    data-test-id={getDataTestId(\n                        dataTestId || pureCellContext.dataTestId,\n                        'category-right-addon',\n                    )}\n                >\n                    {rightAddons}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["useContext","PureCellContext","React","styles","Text","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AAiCO,IAAM,QAAQ,GAAoB,UAAC,EAKzC,EAAA;QAJG,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,yBAAe,CAAC;IAEnD,QACIC,8CAAK,SAAS,EAAEC,uBAAM,CAAC,SAAS,kBAAe,oBAAoB,EAAA;AAC/D,QAAAD,sBAAA,CAAA,aAAA,CAACE,SAAI,EAAA,EACD,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,UAAU,EAAEC,oBAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,eAAe,CAClB,EACD,SAAS,EAAEF,uBAAM,CAAC,YAAY,EAAA,EAE7B,YAAY,CACV;AACN,QAAA,eAAe,KAAK,SAAS,KAC1BD,sBAAA,CAAA,aAAA,CAACE,SAAI,EACD,EAAA,GAAG,EAAC,KAAK,EACT,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAED,uBAAM,CAAC,eAAe,EACjC,UAAU,EAAEE,oBAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,kBAAkB,CACrB,EAAA;YAEA,eAAe;gBACb,CACV;QACA,WAAW,KAAK,SAAS,KACtBH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,uBAAM,CAAC,UAAU,EAAA,cAAA,EACdE,oBAAa,CACvB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,sBAAsB,CACzB,EAEA,EAAA,WAAW,CACV,CACT,CACC;AAEd;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/category/component.tsx"],"sourcesContent":["import React, { type ReactNode, useContext } from 'react';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Наименование категории\n     */\n    categoryName: string;\n\n    /**\n     * Процент категории\n     */\n    categoryPercent?: number;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для наименования категории используется модификатор -category-name,\n     * процент категории -category-percent, слота справа -category-right-addon\n     */\n    dataTestId?: string;\n};\n\nexport const Category: React.FC<Props> = ({\n    categoryName,\n    categoryPercent,\n    rightAddons,\n    dataTestId,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    return (\n        <div className={styles.component} data-test-id='cell-pure-category'>\n            <Text\n                view='primary-small'\n                color='secondary'\n                dataTestId={getDataTestId(\n                    dataTestId || pureCellContext.dataTestId,\n                    'category-name',\n                )}\n                className={styles.categoryName}\n            >\n                {categoryName}\n            </Text>\n            {categoryPercent !== undefined && (\n                <Text\n                    tag='div'\n                    view='primary-small'\n                    color='secondary'\n                    className={styles.categoryPercent}\n                    dataTestId={getDataTestId(\n                        dataTestId || pureCellContext.dataTestId,\n                        'category-percent',\n                    )}\n                >\n                    {categoryPercent}%\n                </Text>\n            )}\n            {rightAddons !== undefined && (\n                <div\n                    className={styles.rightAddon}\n                    data-test-id={getDataTestId(\n                        dataTestId || pureCellContext.dataTestId,\n                        'category-right-addon',\n                    )}\n                >\n                    {rightAddons}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["useContext","PureCellContext","React","styles","Text","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AAiCO,IAAM,QAAQ,GAAoB,UAAC,EAKzC,EAAA;QAJG,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;IAEnD,QACIC,8CAAK,SAAS,EAAEC,uBAAM,CAAC,SAAS,kBAAe,oBAAoB,EAAA;AAC/D,QAAAD,sBAAA,CAAA,aAAA,CAACE,SAAI,EAAA,EACD,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,UAAU,EAAEC,oBAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,eAAe,CAClB,EACD,SAAS,EAAEF,uBAAM,CAAC,YAAY,EAAA,EAE7B,YAAY,CACV;AACN,QAAA,eAAe,KAAK,SAAS,KAC1BD,sBAAA,CAAA,aAAA,CAACE,SAAI,EACD,EAAA,GAAG,EAAC,KAAK,EACT,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAED,uBAAM,CAAC,eAAe,EACjC,UAAU,EAAEE,oBAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,kBAAkB,CACrB,EAAA;YAEA,eAAe;gBACb,CACV;QACA,WAAW,KAAK,SAAS,KACtBH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,uBAAM,CAAC,UAAU,EAAA,cAAA,EACdE,oBAAa,CACvB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,sBAAsB,CACzB,EAEA,EAAA,WAAW,CACV,CACT,CACC;AAEd;;;;"}

package/cssm/components/content/component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContentElement } from '../types';
+import { type ContentElement } from '../types';
 declare type Props = {
     /**
      * Компоненты

package/cssm/components/content/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var cssm = require('@alfalab/core-components-shared/cssm');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -17,7 +17,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Content = function (_a) {
     var _b;
     var children = _a.children, dataTestId = _a.dataTestId;
-    var _c = React.useContext(component.PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
+    var _c = React.useContext(context.PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
     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": cssm.getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
 };
 

package/cssm/components/content/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/content/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../component';\nimport { ContentElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: ContentElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -content\n     */\n    dataTestId?: string;\n};\n\nexport const Content: React.FC<Props> = ({ children, dataTestId }) => {\n    const { direction, dataTestId: contextDataTestId } = useContext(PureCellContext);\n\n    return (\n        <section\n            className={cn(styles.component, { [styles.horizontal]: direction === 'horizontal' })}\n            data-test-id={getDataTestId(dataTestId || contextDataTestId, 'content')}\n        >\n            {children}\n        </section>\n    );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAuBO,IAAM,OAAO,GAAoB,UAAC,EAAwB,EAAA;;QAAtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;IACrD,IAAA,EAAA,GAA+CA,gBAAU,CAACC,yBAAe,CAAC,EAAxE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAc,iBAAiB,GAAA,EAAA,CAAA,UAAgC;AAEhF,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,uBAAM,CAAC,UAAU,CAAG,GAAA,SAAS,KAAK,YAAY,EAAG,EAAA,EAAA,EAAA,cAAA,EACtEC,kBAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,SAAS,CAAC,EAAA,EAEtE,QAAQ,CACH;AAElB;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/content/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type ContentElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: ContentElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -content\n     */\n    dataTestId?: string;\n};\n\nexport const Content: React.FC<Props> = ({ children, dataTestId }) => {\n    const { direction, dataTestId: contextDataTestId } = useContext(PureCellContext);\n\n    return (\n        <section\n            className={cn(styles.component, { [styles.horizontal]: direction === 'horizontal' })}\n            data-test-id={getDataTestId(dataTestId || contextDataTestId, 'content')}\n        >\n            {children}\n        </section>\n    );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAuBO,IAAM,OAAO,GAAoB,UAAC,EAAwB,EAAA;;QAAtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;IACrD,IAAA,EAAA,GAA+CA,gBAAU,CAACC,uBAAe,CAAC,EAAxE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAc,iBAAiB,GAAA,EAAA,CAAA,UAAgC;AAEhF,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,uBAAM,CAAC,UAAU,CAAG,GAAA,SAAS,KAAK,YAAY,EAAG,EAAA,EAAA,EAAA,cAAA,EACtEC,kBAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,SAAS,CAAC,EAAA,EAEtE,QAAQ,CACH;AAElB;;;;"}

package/cssm/components/content/index.module.css

@@ -1,7 +1,7 @@
 .component {
     flex-basis: 100%;
     display: grid;
-    grid-template-columns: 1fr auto
+    grid-template-columns: 1fr auto;
 } .component.horizontal {
         align-self: stretch;
     }

package/cssm/components/footer/component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FooterElement } from '../types';
+import { type FooterElement } from '../types';
 declare type Props = {
     /**
      * Компоненты