@alfalab/core-components-pure-cell 1.1.0

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_footerButton_component = require('../../component-22ece846.js');
+require('react');
+require('../../getDataTestId-12a31ec3.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('./index.module.css');
+
+
+
+exports.FooterButton = components_footerButton_component.FooterButton;

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

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

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_footerButton_component = require('../../component-22ece846.js');
+require('react');
+require('../../getDataTestId-12a31ec3.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('./index.module.css');
+
+
+
+exports.FooterButton = components_footerButton_component.FooterButton;

package/dist/cssm/components/footer-button/index.module.css

@@ -0,0 +1,11 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.component {
+    justify-self: start;
+}

package/dist/cssm/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/cssm/components/footer-text/component.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-12a31ec3.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography/dist/cssm');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var FooterText = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'footer-title') }, children));
+};
+
+exports.FooterText = FooterText;

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../getDataTestId-12a31ec3.js');
+require('@alfalab/core-components-typography/dist/cssm');
+var components_footerText_component = require('./component.js');
+
+
+
+exports.FooterText = components_footerText_component.FooterText;

package/dist/cssm/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/cssm/components/graphics/component.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-12a31ec3.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var Graphics = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement("section", { className: styles__default['default'].component, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'graphics') }, children));
+};
+
+exports.Graphics = Graphics;

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../getDataTestId-12a31ec3.js');
+require('./index.module.css');
+var components_graphics_component = require('./component.js');
+
+
+
+exports.Graphics = components_graphics_component.Graphics;

package/dist/cssm/components/graphics/index.module.css

@@ -0,0 +1,11 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.component {
+    flex-basis: auto;
+}

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-22ece846.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-12a31ec3.js');
+require('../addon/index.module.css');
+require('../addon/component.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('../amount/index.module.css');
+require('../amount/component.js');
+require('../amount-title/index.module.css');
+require('../amount-title/component.js');
+require('../category/index.module.css');
+require('../category/component.js');
+require('../comment/index.module.css');
+require('../comment/component.js');
+require('../content/index.module.css');
+var components_content_component = require('../../component-a5914e3d.js');
+require('../footer/index.module.css');
+require('../footer/component.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('../footer-button/index.module.css');
+require('../footer-text/component.js');
+require('../graphics/index.module.css');
+require('../graphics/component.js');
+require('./index.module.css');
+require('../text/index.module.css');
+require('../../index.module.css');
+
+
+
+exports.Main = components_content_component.Main;

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

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

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-22ece846.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-12a31ec3.js');
+require('../addon/index.module.css');
+require('../addon/component.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('../amount/index.module.css');
+require('../amount/component.js');
+require('../amount-title/index.module.css');
+require('../amount-title/component.js');
+require('../category/index.module.css');
+require('../category/component.js');
+require('../comment/index.module.css');
+require('../comment/component.js');
+require('../content/index.module.css');
+var components_content_component = require('../../component-a5914e3d.js');
+require('../footer/index.module.css');
+require('../footer/component.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('../footer-button/index.module.css');
+require('../footer-text/component.js');
+require('../graphics/index.module.css');
+require('../graphics/component.js');
+require('./index.module.css');
+require('../text/index.module.css');
+require('../../index.module.css');
+
+
+
+exports.Main = components_content_component.Main;

package/dist/cssm/components/main/index.module.css

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

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-22ece846.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-12a31ec3.js');
+require('../addon/index.module.css');
+require('../addon/component.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('../amount/index.module.css');
+require('../amount/component.js');
+require('../amount-title/index.module.css');
+require('../amount-title/component.js');
+require('../category/index.module.css');
+require('../category/component.js');
+require('../comment/index.module.css');
+require('../comment/component.js');
+require('../content/index.module.css');
+var components_content_component = require('../../component-a5914e3d.js');
+require('../footer/index.module.css');
+require('../footer/component.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('../footer-button/index.module.css');
+require('../footer-text/component.js');
+require('../graphics/index.module.css');
+require('../graphics/component.js');
+require('../main/index.module.css');
+require('./index.module.css');
+require('../../index.module.css');
+
+
+
+exports.Text = components_content_component.Text;

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

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

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-22ece846.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-12a31ec3.js');
+require('../addon/index.module.css');
+require('../addon/component.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('../amount/index.module.css');
+require('../amount/component.js');
+require('../amount-title/index.module.css');
+require('../amount-title/component.js');
+require('../category/index.module.css');
+require('../category/component.js');
+require('../comment/index.module.css');
+require('../comment/component.js');
+require('../content/index.module.css');
+var components_content_component = require('../../component-a5914e3d.js');
+require('../footer/index.module.css');
+require('../footer/component.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('../footer-button/index.module.css');
+require('../footer-text/component.js');
+require('../graphics/index.module.css');
+require('../graphics/component.js');
+require('../main/index.module.css');
+require('./index.module.css');
+require('../../index.module.css');
+
+
+
+exports.Text = components_content_component.Text;

package/dist/cssm/components/text/index.module.css

@@ -0,0 +1,46 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-3xs: 2px;
+    --gap-m: 16px;
+}
+.horizontal {
+    padding: var(--gap-3xs) 0;
+}
+.rowLimit1 {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.rowLimit2 {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.component {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    margin: var(--gap-3xs) 0;
+}
+.component .multiline {
+        display: -webkit-box;
+        -webkit-line-clamp: 5;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+.component .vertical {
+        justify-content: center;
+    }
+.title {
+    margin-right: var(--gap-m);
+}

package/dist/cssm/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/cssm/components/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cssm/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/cssm/components/typesProps.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cssm/getDataTestId-12a31ec3.d.ts

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

package/dist/cssm/getDataTestId-12a31ec3.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-" + element.toLowerCase() : '';
+    return dataTestId ? "" + dataTestId + elementPart : undefined;
+};
+
+exports.getDataTestId = getDataTestId;

package/dist/cssm/index.d.ts

@@ -0,0 +1 @@
+export { PureCell } from "./component-7b7f28f3";

package/dist/cssm/index.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./component-22ece846.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('./getDataTestId-12a31ec3.js');
+require('./components/addon/index.module.css');
+require('./components/addon/component.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('./components/amount/index.module.css');
+require('./components/amount/component.js');
+require('./components/amount-title/index.module.css');
+require('./components/amount-title/component.js');
+require('./components/category/index.module.css');
+require('./components/category/component.js');
+require('./components/comment/index.module.css');
+require('./components/comment/component.js');
+require('./components/content/index.module.css');
+var components_content_component = require('./component-a5914e3d.js');
+require('./components/footer/index.module.css');
+require('./components/footer/component.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('./components/footer-button/index.module.css');
+require('./components/footer-text/component.js');
+require('./components/graphics/index.module.css');
+require('./components/graphics/component.js');
+require('./components/main/index.module.css');
+require('./components/text/index.module.css');
+require('./index.module.css');
+
+
+
+exports.PureCell = components_content_component.PureCell;

package/dist/cssm/index.module.css

@@ -0,0 +1,87 @@
+.component {
+    text-align: unset;
+}
+
+.horizontal {
+    display: flex;
+    width: 100%;
+    grid-column-gap: var(--gap-m);
+}
+
+.vertical {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    grid-row-gap: var(--gap-s);
+}
+
+.button {
+    font-family: inherit;
+    background: none;
+    border: 0;
+    border-radius: 0;
+    cursor: pointer;
+    transition: opacity 0.15s ease-in-out;
+    padding: 0
+}
+
+.button:hover {
+        opacity: 0.8;
+    }
+
+.button:active {
+        opacity: 0.6;
+    }
+
+.link {
+    text-decoration: none;
+    color: inherit;
+    cursor: pointer;
+    transition: opacity 0.15s ease-in-out
+}
+
+.link:hover {
+        opacity: 0.8;
+    }
+
+.link:active {
+        opacity: 0.6;
+    }
+
+.none {
+    padding: 0;
+}
+
+.airy {
+    padding: var(--gap-m) 0;
+}
+
+.default {
+    padding: var(--gap-s) 0;
+}
+
+.compact {
+    padding: var(--gap-xs) 0;
+}
+
+.tiny {
+    padding: var(--gap-2xs) 0;
+}
+
+.left {
+    padding-left: var(--gap-m);
+}
+
+.right {
+    padding-right: var(--gap-m);
+}
+
+.both {
+    padding-right: var(--gap-m);
+    padding-left: var(--gap-m);
+}
+
+.focused {
+    outline: 2px solid var(--focus-color);
+    outline-offset: 2px;
+}