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

package/cssm/components/footer-text/index.js

@@ -2,11 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_footerText_component = require('./component.js');
-require('react');
-require('@alfalab/core-components-shared/cssm');
-require('@alfalab/core-components-typography/cssm');
+var components_addon_component = require('../../component-4445c77d.js');
 
 
 
-exports.FooterText = components_footerText_component.FooterText;
+exports.FooterText = components_addon_component.FooterText;

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { GraphicsElement } from "../types";
-type Props = {
-    /**
-     * Компоненты
-     */
-    children: GraphicsElement;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -graphics
-     */
-    dataTestId?: string;
-    /**
-     * Вертикальное выравнивание
-     */
-    verticalAlign?: 'top' | 'center' | 'bottom';
-};
-declare const Graphics: React.FC<Props>;
-export { Props, Graphics };

package/cssm/components/graphics/component.js

@@ -2,20 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var styles = require('./index.module.css');
+require('react');
+require('classnames');
+require('@alfalab/core-components-shared/cssm');
+var components_addon_component = require('../../component-4445c77d.js');
+require('./index.module.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-var Graphics = function (_a) {
-    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles__default.default.component, styles__default.default[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'graphics') }, children));
-};
-
-exports.Graphics = Graphics;
+exports.Graphics = components_addon_component.Graphics;

package/cssm/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-4445c77d";

package/cssm/components/graphics/index.js

@@ -2,12 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_graphics_component = require('./component.js');
-require('react');
-require('classnames');
-require('@alfalab/core-components-shared/cssm');
-require('./index.module.css');
+var components_addon_component = require('../../component-4445c77d.js');
 
 
 
-exports.Graphics = components_graphics_component.Graphics;
+exports.Graphics = components_addon_component.Graphics;

package/cssm/components/main/component.js

@@ -5,34 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_content_component = require('../../component-3ca297e4.js');
+var components_addon_component = require('../../component-4445c77d.js');
 require('./index.module.css');
-require('tslib');
-require('react-merge-refs');
-require('@alfalab/core-components-comment/cssm');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('../addon/index.module.css');
-require('../amount/component.js');
-require('@alfalab/core-components-amount/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('../amount/index.module.css');
-require('../amount-title/component.js');
-require('../amount-title/index.module.css');
-require('../category/component.js');
-require('../category/index.module.css');
-require('../footer/component.js');
-require('../footer/index.module.css');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button/cssm');
-require('../footer-button/index.module.css');
-require('../footer-text/component.js');
-require('../graphics/component.js');
-require('../graphics/index.module.css');
-require('../text/index.module.css');
-require('../../index.module.css');
-require('../content/index.module.css');
 
 
 
-exports.Main = components_content_component.Main;
+exports.Main = components_addon_component.Main;

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

@@ -1 +1 @@
-export * from "../../component-3ca297e4";
+export * from "../../component-4445c77d";

package/cssm/components/main/index.js

@@ -2,37 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-3ca297e4.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-comment/cssm');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('@alfalab/core-components-shared/cssm');
-require('../addon/index.module.css');
-require('../amount/component.js');
-require('@alfalab/core-components-amount/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('../amount/index.module.css');
-require('../amount-title/component.js');
-require('../amount-title/index.module.css');
-require('../category/component.js');
-require('../category/index.module.css');
-require('../footer/component.js');
-require('../footer/index.module.css');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button/cssm');
-require('../footer-button/index.module.css');
-require('../footer-text/component.js');
-require('../graphics/component.js');
-require('../graphics/index.module.css');
-require('./index.module.css');
-require('../text/index.module.css');
-require('../../index.module.css');
-require('../content/index.module.css');
+var components_addon_component = require('../../component-4445c77d.js');
 
 
 
-exports.Main = components_content_component.Main;
+exports.Main = components_addon_component.Main;

package/cssm/components/text/component.js

@@ -6,33 +6,9 @@ require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_content_component = require('../../component-3ca297e4.js');
+var components_addon_component = require('../../component-4445c77d.js');
 require('./index.module.css');
-require('tslib');
-require('react-merge-refs');
-require('@alfalab/core-components-comment/cssm');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('../addon/index.module.css');
-require('../amount/component.js');
-require('@alfalab/core-components-amount/cssm');
-require('../amount/index.module.css');
-require('../amount-title/component.js');
-require('../amount-title/index.module.css');
-require('../category/component.js');
-require('../category/index.module.css');
-require('../footer/component.js');
-require('../footer/index.module.css');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button/cssm');
-require('../footer-button/index.module.css');
-require('../footer-text/component.js');
-require('../graphics/component.js');
-require('../graphics/index.module.css');
-require('../main/index.module.css');
-require('../../index.module.css');
-require('../content/index.module.css');
 
 
 
-exports.Text = components_content_component.Text;
+exports.Text = components_addon_component.Text;

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

@@ -1 +1 @@
-export * from "../../component-3ca297e4";
+export * from "../../component-4445c77d";

package/cssm/components/text/index.js

@@ -2,37 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-3ca297e4.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-comment/cssm');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('@alfalab/core-components-shared/cssm');
-require('../addon/index.module.css');
-require('../amount/component.js');
-require('@alfalab/core-components-amount/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('../amount/index.module.css');
-require('../amount-title/component.js');
-require('../amount-title/index.module.css');
-require('../category/component.js');
-require('../category/index.module.css');
-require('../footer/component.js');
-require('../footer/index.module.css');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button/cssm');
-require('../footer-button/index.module.css');
-require('../footer-text/component.js');
-require('../graphics/component.js');
-require('../graphics/index.module.css');
-require('../main/index.module.css');
-require('./index.module.css');
-require('../../index.module.css');
-require('../content/index.module.css');
+var components_addon_component = require('../../component-4445c77d.js');
 
 
 
-exports.Text = components_content_component.Text;
+exports.Text = components_addon_component.Text;

package/cssm/index.d.ts

@@ -1 +1 @@
-export { PureCell } from "./component-5a229016";
+export { PureCell } from "./component-fd7196d2";

package/cssm/index.js

@@ -2,37 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('./component-3ca297e4.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-comment/cssm');
-require('@alfalab/hooks');
-require('./components/addon/component.js');
-require('@alfalab/core-components-shared/cssm');
-require('./components/addon/index.module.css');
-require('./components/amount/component.js');
-require('@alfalab/core-components-amount/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('./components/amount/index.module.css');
-require('./components/amount-title/component.js');
-require('./components/amount-title/index.module.css');
-require('./components/category/component.js');
-require('./components/category/index.module.css');
-require('./components/footer/component.js');
-require('./components/footer/index.module.css');
-require('./components/footer-button/component.js');
-require('@alfalab/core-components-button/cssm');
-require('./components/footer-button/index.module.css');
-require('./components/footer-text/component.js');
-require('./components/graphics/component.js');
-require('./components/graphics/index.module.css');
-require('./components/main/index.module.css');
-require('./components/text/index.module.css');
-require('./index.module.css');
-require('./components/content/index.module.css');
+var components_addon_component = require('./component-4445c77d.js');
 
 
 
-exports.PureCell = components_content_component.PureCell;
+exports.PureCell = components_addon_component.PureCell;

package/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPureCellTestIds } from "../utils";

package/cssm/shared/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getPureCellTestIds = utils.getPureCellTestIds;

package/cssm/utils.d.ts

@@ -0,0 +1,20 @@
+declare function getPureCellTestIds(dataTestId: string): {
+    pureCell: string;
+    addon: string;
+    amount: string;
+    amountText: string;
+    amountTitle: string;
+    coreAmountTitle: string;
+    categoryName: string;
+    categoryPercent: string;
+    categoryRightAddon: string;
+    content: string;
+    footer: string;
+    footerButton: string;
+    extraSubtitle: string;
+    graphics: string;
+    main: string;
+    textContent: string;
+    textValue: string;
+};
+export { getPureCellTestIds };

package/cssm/utils.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
+
+function getPureCellTestIds(dataTestId) {
+    return {
+        pureCell: dataTestId,
+        addon: coreComponentsShared.getDataTestId(dataTestId, 'addon'),
+        amount: coreComponentsShared.getDataTestId(dataTestId, 'amount'),
+        amountText: coreComponentsShared.getDataTestId(dataTestId, 'amount-text'),
+        amountTitle: coreComponentsShared.getDataTestId(dataTestId, 'amount-title'),
+        coreAmountTitle: coreComponentsShared.getDataTestId(dataTestId, 'core-amount-title'),
+        categoryName: coreComponentsShared.getDataTestId(dataTestId, 'category-name'),
+        categoryPercent: coreComponentsShared.getDataTestId(dataTestId, 'category-percent'),
+        categoryRightAddon: coreComponentsShared.getDataTestId(dataTestId, 'category-right-addon'),
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        footerButton: coreComponentsShared.getDataTestId(dataTestId, 'button'),
+        extraSubtitle: coreComponentsShared.getDataTestId(dataTestId, 'footer-title'),
+        graphics: coreComponentsShared.getDataTestId(dataTestId, 'graphics'),
+        main: coreComponentsShared.getDataTestId(dataTestId, 'main'),
+        textContent: coreComponentsShared.getDataTestId(dataTestId, 'text_content'),
+        textValue: coreComponentsShared.getDataTestId(dataTestId, 'text_value'),
+    };
+}
+
+exports.getPureCellTestIds = getPureCellTestIds;

package/esm/component-7bedc2d7.d.ts

@@ -0,0 +1,211 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode, AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+import { MainElement, GraphicsElement, FooterElement, ContentElement, AddonElement } from "./components/types";
+import { Color, TitleProps } from "@alfalab/core-components-typography";
+import { ButtonProps } from "@alfalab/core-components-button";
+import { AmountProps as AmountType } from "./components/typesProps";
+type Props = {
+    /**
+     * Компоненты
+     */
+    children: MainElement;
+    /**
+     * Позволяет изменить расположение блоков внутри main
+     */
+    isReverse?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -main
+     */
+    dataTestId?: string;
+};
+declare const Main: React.FC<Props>;
+type Props$0 = {
+    /**
+     * Компоненты
+     */
+    children: GraphicsElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -graphics
+     */
+    dataTestId?: string;
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "top" | "center" | "bottom";
+};
+declare const Graphics: React.FC<Props$0>;
+type Props$1 = {
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer-title
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const FooterText: React.FC<Props$1>;
+type ComponentProps = Omit<ButtonProps, "dataTestId"> & {
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -button
+     */
+    dataTestId?: string;
+};
+type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+declare const FooterButton: React.ForwardRefExoticComponent<FooterButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+type Props$2 = {
+    /**
+     * Компоненты
+     */
+    children: FooterElement;
+    /**
+     * Вертикальные отступы
+     */
+    footerPadding?: "default" | "none";
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer
+     */
+    dataTestId?: string;
+};
+declare const Footer: React.FC<Props$2>;
+type Props$3 = {
+    /**
+     * Компоненты
+     */
+    children: ContentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -content
+     */
+    dataTestId?: string;
+};
+declare const Content: React.FC<Props$3>;
+type Props$4 = {
+    /**
+     * Наименование категории
+     */
+    categoryName: string;
+    /**
+     * Процент категории
+     */
+    categoryPercent?: number;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для наименования категории используется модификатор -category-name,
+     * процент категории -category-percent, слота справа -category-right-addon
+     */
+    dataTestId?: string;
+};
+declare const Category: React.FC<Props$4>;
+type Props$5 = {
+    /**
+     * Цвет денежного значения
+     * @deprecated Используйте titleProps.color
+     */
+    color?: Color;
+    /**
+     * Пропсы, которые будут прокинуты в компонент типографики
+     */
+    titleProps?: TitleProps;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const AmountTitle: React.FC<Props$5>;
+type Props$6 = {
+    /**
+     * Начертание шрифта денежного значения
+     */
+    weight?: "bold" | "normal";
+    /**
+     * Размер денежного значения
+     */
+    textView?: "component" | "primary-small";
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-text, для компонента Amount -amount
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const Amount: React.FC<Props$6>;
+type Props$7 = {
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "auto" | "top" | "center" | "bottom";
+    /**
+     * Горизонтальные отступы
+     */
+    addonPadding?: "default" | "none";
+    /**
+     * Компоненты
+     */
+    children: AddonElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -addon
+     */
+    dataTestId?: string;
+};
+declare const Addon: React.FC<Props$7>;
+type Props$8 = {
+    /**
+     * Контент
+     */
+    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$8>;
+export { Main, Props$0 as Props, Graphics, FooterText, FooterButton, Footer, Content, Category, AmountTitle, Amount, Addon, Text };