@alfalab/core-components-pure-cell 1.1.0

package/dist/esm/components/category/index.css

@@ -0,0 +1,36 @@
+/* hash: 1vtgs */
+:root {
+    --color-light-bg-secondary: #f3f4f5;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-3xs: 2px;
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+}
+:root {
+    --border-radius-xl: 16px;
+}
+.pure-cell__component_182xj {
+    display: flex;
+    overflow: hidden;
+    padding: var(--gap-3xs) 0;
+}
+.pure-cell__categoryName_182xj {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.pure-cell__categoryPercent_182xj {
+    padding: 0 var(--gap-xs);
+    background-color: var(--color-light-bg-secondary);
+    border-radius: var(--border-radius-xl);
+    margin-left: var(--gap-2xs);
+}

package/dist/esm/components/category/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/dist/esm/components/category/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../getDataTestId-babf3783.js';
+import '@alfalab/core-components-typography/dist/esm';
+export { Category } from './component.js';

package/dist/esm/components/comment/component.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommentElement } from "../types";
+type Props = {
+    /**
+     * Компоненты
+     */
+    children: CommentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Comment: React.FC<Props>;
+export { Comment };

package/dist/esm/components/comment/component.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-babf3783.js';
+import { Typography } from '@alfalab/core-components-typography/dist/esm';
+
+var styles = {"component":"pure-cell__component_1lilp","text":"pure-cell__text_1lilp"};
+require('./index.css')
+
+var Comment = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId;
+    return (React.createElement("div", { className: styles.component, "data-test-id": getDataTestId(dataTestId, 'comment') },
+        React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', className: styles.text, color: 'primary' }, children)));
+};
+
+export { Comment };

package/dist/esm/components/comment/index.css

@@ -0,0 +1,34 @@
+/* hash: 134ke */
+:root {
+    --color-light-bg-secondary: #f3f4f5;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+    --gap-m: 16px;
+}
+:root {
+    --border-radius-xs: 2px;
+    --border-radius-xxl: 20px;
+}
+.pure-cell__component_1lilp {
+    width: -moz-fit-content;
+    width: fit-content;
+    padding: var(--gap-xs) var(--gap-m);
+    background-color: var(--color-light-bg-secondary);
+    border-radius: var(--border-radius-xs) var(--border-radius-xxl) var(--border-radius-xxl)
+        var(--border-radius-xxl);
+}
+.pure-cell__text_1lilp {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/dist/esm/components/comment/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/dist/esm/components/comment/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../getDataTestId-babf3783.js';
+import '@alfalab/core-components-typography/dist/esm';
+export { Comment } from './component.js';

package/dist/esm/components/content/component.js

@@ -0,0 +1,18 @@
+import '../../component-7afaa00b.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-babf3783.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { C as Content } from '../../component-0a200d52.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/esm';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/esm/components/content/index.css

@@ -0,0 +1,17 @@
+/* hash: hj8x5 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pure-cell__component_1vkg3 {
+    flex-basis: 100%;
+    display: grid
+}
+.pure-cell__component_1vkg3.pure-cell__horizontal_1vkg3 {
+        /* for button */
+        align-self: stretch;
+    }

package/dist/esm/components/content/index.d.ts

@@ -0,0 +1 @@
+export * from "../../component-0a200d52";

package/dist/esm/components/content/index.js

@@ -0,0 +1,18 @@
+import '../../component-7afaa00b.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-babf3783.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { C as Content } from '../../component-0a200d52.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/esm';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/esm/components/footer/component.d.ts

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

package/dist/esm/components/footer/component.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-babf3783.js';
+
+var styles = {"component":"pure-cell__component_12b5m","none":"pure-cell__none_12b5m","default":"pure-cell__default_12b5m"};
+require('./index.css')
+
+var Footer = function (_a) {
+    var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
+    return (React.createElement("footer", { className: cn(styles.component, styles[footerPadding]), "data-test-id": getDataTestId(dataTestId, 'footer') }, children));
+};
+
+export { Footer };

package/dist/esm/components/footer/index.css

@@ -0,0 +1,23 @@
+/* hash: lz89l */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+.pure-cell__component_12b5m {
+    grid-column: 1/3;
+    display: grid;
+    grid-row-gap: var(--gap-xs)
+}
+.pure-cell__component_12b5m.pure-cell__none_12b5m {
+        margin-top: 0;
+    }
+.pure-cell__component_12b5m.pure-cell__default_12b5m {
+        margin-top: var(--gap-xs);
+    }

package/dist/esm/components/footer/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/dist/esm/components/footer/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import 'classnames';
+import '../../getDataTestId-babf3783.js';
+export { Footer } from './component.js';

package/dist/esm/components/footer-button/component.js

@@ -0,0 +1,4 @@
+export { F as FooterButton } from '../../component-7afaa00b.js';
+import 'react';
+import '../../getDataTestId-babf3783.js';
+import '@alfalab/core-components-button/dist/esm';

package/dist/esm/components/footer-button/index.css

@@ -0,0 +1,12 @@
+/* hash: 1ilq0 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pure-cell__component_8ssjt {
+    justify-self: start;
+}

package/dist/esm/components/footer-button/index.d.ts

@@ -0,0 +1 @@
+export * from "../../component-7afaa00b";

package/dist/esm/components/footer-button/index.js

@@ -0,0 +1,4 @@
+export { F as FooterButton } from '../../component-7afaa00b.js';
+import 'react';
+import '../../getDataTestId-babf3783.js';
+import '@alfalab/core-components-button/dist/esm';

package/dist/esm/components/footer-text/component.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import React from 'react';
+import { Color } from "@alfalab/core-components-typography";
+type Props = {
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const FooterText: React.FC<Props>;
+export { Props, FooterText };

package/dist/esm/components/footer-text/component.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-babf3783.js';
+import { Typography } from '@alfalab/core-components-typography/dist/esm';
+
+var FooterText = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
+    return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId, 'footer-title') }, children));
+};
+
+export { FooterText };

package/dist/esm/components/footer-text/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/dist/esm/components/footer-text/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../getDataTestId-babf3783.js';
+import '@alfalab/core-components-typography/dist/esm';
+export { FooterText } from './component.js';

package/dist/esm/components/graphics/component.d.ts

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

package/dist/esm/components/graphics/component.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-babf3783.js';
+
+var styles = {"component":"pure-cell__component_1u4xg"};
+require('./index.css')
+
+var Graphics = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId;
+    return (React.createElement("section", { className: styles.component, "data-test-id": getDataTestId(dataTestId, 'graphics') }, children));
+};
+
+export { Graphics };

package/dist/esm/components/graphics/index.css

@@ -0,0 +1,12 @@
+/* hash: 1rvbe */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pure-cell__component_1u4xg {
+    flex-basis: auto;
+}

package/dist/esm/components/graphics/index.d.ts

@@ -0,0 +1 @@
+export * from "./component";

package/dist/esm/components/graphics/index.js

@@ -0,0 +1,3 @@
+import 'react';
+import '../../getDataTestId-babf3783.js';
+export { Graphics } from './component.js';

package/dist/esm/components/main/component.js

@@ -0,0 +1,18 @@
+import '../../component-7afaa00b.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-babf3783.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { M as Main } from '../../component-0a200d52.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/esm';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/esm/components/main/index.css

@@ -0,0 +1,31 @@
+/* hash: 10lr7 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-3xs: 2px;
+}
+.pure-cell__component_raiu9 {
+    display: flex;
+    flex-direction: column;
+    align-self: center;
+
+    /* can use /r/n */
+    white-space: pre-line
+}
+.pure-cell__component_raiu9.pure-cell__vertical_raiu9 {
+        grid-row-gap: var(--gap-3xs);
+        justify-content: center;
+        align-items: center;
+
+        /* for button */
+        text-align: center;
+    }
+.pure-cell__component_raiu9.pure-cell__reverse_raiu9 {
+        flex-direction: column-reverse;
+    }

package/dist/esm/components/main/index.d.ts

@@ -0,0 +1 @@
+export * from "../../component-0a200d52";

package/dist/esm/components/main/index.js

@@ -0,0 +1,18 @@
+import '../../component-7afaa00b.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-babf3783.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { M as Main } from '../../component-0a200d52.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/esm';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/esm/components/text/component.js

@@ -0,0 +1,18 @@
+import '../../component-7afaa00b.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-babf3783.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { T as Text } from '../../component-0a200d52.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/esm';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/esm/components/text/index.css

@@ -0,0 +1,47 @@
+/* hash: x27qq */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-3xs: 2px;
+    --gap-m: 16px;
+}
+.pure-cell__horizontal_ndofp {
+    padding: var(--gap-3xs) 0;
+}
+.pure-cell__rowLimit1_ndofp {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.pure-cell__rowLimit2_ndofp {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.pure-cell__component_ndofp {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    margin: var(--gap-3xs) 0;
+}
+.pure-cell__component_ndofp .pure-cell__multiline_ndofp {
+        display: -webkit-box;
+        -webkit-line-clamp: 5;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+.pure-cell__component_ndofp .pure-cell__vertical_ndofp {
+        justify-content: center;
+    }
+.pure-cell__title_ndofp {
+    margin-right: var(--gap-m);
+}

package/dist/esm/components/text/index.d.ts

@@ -0,0 +1 @@
+export * from "../../component-0a200d52";

package/dist/esm/components/text/index.js

@@ -0,0 +1,18 @@
+import '../../component-7afaa00b.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-babf3783.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { T as Text } from '../../component-0a200d52.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/esm';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/esm/components/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement, ReactNode } from 'react';
+import { Amount } from "./amount/index";
+import { AmountTitle } from "./amount-title/index";
+import { Comment } from "./comment/index";
+import { FooterButton } from "./footer-button/index";
+import { FooterText } from "./footer-text/index";
+import { Graphics } from "./graphics/index";
+import { Text } from "./text/index";
+type TextElement = ReactElement<typeof Text>;
+type GraphicsElement = ReactElement<typeof Graphics>;
+type AmountElement = ReactElement<typeof Amount>;
+type AmountTitleElement = ReactElement<typeof AmountTitle>;
+type CommentElement = ReactElement<typeof Comment>;
+type FooterButtonElement = ReactElement<typeof FooterButton>;
+type FooterTitleElement = ReactElement<typeof FooterText>;
+type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement> | CommentElement;
+type MainElement = Array<TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement);
+type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
+type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
+type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;
+export { GraphicsElement, CommentElement, FooterElement, MainElement, ContentElement, AddonElement, PureCellElement };

package/dist/esm/components/types.js

@@ -0,0 +1 @@
+

package/dist/esm/components/typesProps.d.ts

@@ -0,0 +1,46 @@
+import { CurrencyCodes } from '@alfalab/data';
+import { ReactNode } from 'react';
+type AmountProps = {
+    /**
+     * Денежное значение в минорных единицах
+     */
+    value: number;
+    /**
+     * Валюта
+     */
+    currency?: CurrencyCodes;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Количество минорных единиц в валюте
+     */
+    minority: number;
+    /**
+     * Делает минорную часть полупрозрачной
+     */
+    transparentMinor?: boolean;
+    /**
+     * Количество минорных единиц в валюте для Клика
+     */
+    minorUnits: number;
+    /**
+     * default - не отображаем копейки, если их значение 0
+     * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
+     */
+    view?: 'default' | 'withZeroMinorPart';
+    /**
+     * Показывать значок + для положительных значений
+     */
+    showPlus?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export { AmountProps };

package/dist/esm/components/typesProps.js

@@ -0,0 +1 @@
+

package/dist/esm/getDataTestId-babf3783.d.ts

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

package/dist/esm/getDataTestId-babf3783.js

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