@alfalab/core-components 42.0.0-beta.1 → 42.0.0-beta.2

package/pure-cell/component-33ab43b6.js

@@ -1,119 +0,0 @@
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var coreComponentsComment = require('../comment');
-var hooks = require('@alfalab/hooks');
-var components_addon_component = require('./components/addon/component.js');
-var components_amount_component = require('./components/amount/component.js');
-var components_amountTitle_component = require('./components/amount-title/component.js');
-var components_category_component = require('./components/category/component.js');
-var coreComponentsShared = require('../shared');
-var components_footer_component = require('./components/footer/component.js');
-var components_footerButton_component = require('./components/footer-button/component.js');
-var components_footerText_component = require('./components/footer-text/component.js');
-var components_graphics_component = require('./components/graphics/component.js');
-var coreComponentsTypography = require('../typography');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var styles$3 = {"component":"pure-cell__component_ficf1","horizontal":"pure-cell__horizontal_ficf1"};
-require('./components/content/index.css');
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, dataTestId = _a.dataTestId;
-    var direction = React.useContext(PureCellContext).direction;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
-};
-
-var styles$2 = {"component":"pure-cell__component_1dbo2","vertical":"pure-cell__vertical_1dbo2","reverse":"pure-cell__reverse_1dbo2"};
-require('./components/main/index.css');
-
-var Main = function (_a) {
-    var _b;
-    var children = _a.children, isReverse = _a.isReverse, dataTestId = _a.dataTestId;
-    var _c = React.useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles$2.component, styles$2[direction], (_b = {},
-            _b[styles$2.reverse] = isReverse,
-            _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'main') }, children));
-};
-
-var styles$1 = {"horizontal":"pure-cell__horizontal_13j6k","rowLimit1":"pure-cell__rowLimit1_13j6k","rowLimit2":"pure-cell__rowLimit2_13j6k","component":"pure-cell__component_13j6k","vertical":"pure-cell__vertical_13j6k","title":"pure-cell__title_13j6k","value":"pure-cell__value_13j6k"};
-require('./components/text/index.css');
-
-var Text = function (_a) {
-    var _b;
-    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
-    var _d = React.useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
-    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
-    return (React__default.default.createElement("div", { className: cn__default.default(styles$1.component, (_b = {},
-            _b[styles$1.vertical] = direction !== 'horizontal',
-            _b)) },
-        React__default.default.createElement("div", { className: styles$1.title },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React__default.default.createElement("div", { className: styles$1.value },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'text_value') }, value)))));
-};
-
-var styles = {"component":"pure-cell__component_1p3r1","horizontal":"pure-cell__horizontal_1p3r1","vertical":"pure-cell__vertical_1p3r1","button":"pure-cell__button_1p3r1","link":"pure-cell__link_1p3r1","none":"pure-cell__none_1p3r1","airy":"pure-cell__airy_1p3r1","defaultPadding":"pure-cell__defaultPadding_1p3r1","compact":"pure-cell__compact_1p3r1","tiny":"pure-cell__tiny_1p3r1","left":"pure-cell__left_1p3r1","right":"pure-cell__right_1p3r1","both":"pure-cell__both_1p3r1","focused":"pure-cell__focused_1p3r1"};
-require('./index.css');
-
-// 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"]);
-    var cellRef = React.useRef(null);
-    var focused = hooks.useFocus(cellRef, 'keyboard')[0];
-    var addClasses = (_b = {},
-        _b[styles.component] = true,
-        _b[styles.focused] = focused,
-        _b[styles[direction]] = true,
-        _b[styles.defaultPadding] = verticalPadding === 'default',
-        _b[styles[verticalPadding]] = verticalPadding !== 'default',
-        _b[styles[horizontalPadding]] = true,
-        _b);
-    if (href) {
-        var target = restProps.target;
-        // Для совместимости с react-router-dom, меняем href на to
-        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
-        return (React__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.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    if (onClick) {
-        return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    return (React__default.default.createElement(Component, { ref: ref, tabIndex: 0, className: cn__default.default(addClasses, className), "data-test-id": dataTestId },
-        React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-var PureCell = Object.assign(PureCellComponent, {
-    Main: Main,
-    Graphics: components_graphics_component.Graphics,
-    Content: Content,
-    Text: Text,
-    Amount: components_amount_component.Amount,
-    AmountTitle: components_amountTitle_component.AmountTitle,
-    Addon: components_addon_component.Addon,
-    Footer: components_footer_component.Footer,
-    ExtraSubtitle: components_footerText_component.FooterText,
-    FooterButton: components_footerButton_component.FooterButton,
-    Comment: coreComponentsComment.Comment,
-    Category: components_category_component.Category,
-});
-
-exports.Content = Content;
-exports.Main = Main;
-exports.PureCell = PureCell;
-exports.PureCellContext = PureCellContext;
-exports.Text = Text;

package/pure-cell/esm/component-fca9e649.js

@@ -1,111 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useRef, useContext } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Comment } from '../../comment/esm';
-import { useFocus } from '@alfalab/hooks';
-import { Addon } from './components/addon/component.js';
-import { Amount } from './components/amount/component.js';
-import { AmountTitle } from './components/amount-title/component.js';
-import { Category } from './components/category/component.js';
-import { getDataTestId } from '../../shared/esm';
-import { Footer } from './components/footer/component.js';
-import { FooterButton } from './components/footer-button/component.js';
-import { FooterText } from './components/footer-text/component.js';
-import { Graphics } from './components/graphics/component.js';
-import { Typography } from '../../typography/esm';
-import '../../amount/esm';
-import '../../button/esm';
-
-var styles$3 = {"component":"pure-cell__component_ficf1","horizontal":"pure-cell__horizontal_ficf1"};
-require('./components/content/index.css');
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, dataTestId = _a.dataTestId;
-    var direction = useContext(PureCellContext).direction;
-    return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
-};
-
-var styles$2 = {"component":"pure-cell__component_1dbo2","vertical":"pure-cell__vertical_1dbo2","reverse":"pure-cell__reverse_1dbo2"};
-require('./components/main/index.css');
-
-var Main = function (_a) {
-    var _b;
-    var children = _a.children, isReverse = _a.isReverse, dataTestId = _a.dataTestId;
-    var _c = useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
-    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
-            _b[styles$2.reverse] = isReverse,
-            _b)), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
-};
-
-var styles$1 = {"horizontal":"pure-cell__horizontal_13j6k","rowLimit1":"pure-cell__rowLimit1_13j6k","rowLimit2":"pure-cell__rowLimit2_13j6k","component":"pure-cell__component_13j6k","vertical":"pure-cell__vertical_13j6k","title":"pure-cell__title_13j6k","value":"pure-cell__value_13j6k"};
-require('./components/text/index.css');
-
-var Text = function (_a) {
-    var _b;
-    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
-    var _d = useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
-    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
-    return (React.createElement("div", { className: cn(styles$1.component, (_b = {},
-            _b[styles$1.vertical] = direction !== 'horizontal',
-            _b)) },
-        React.createElement("div", { className: styles$1.title },
-            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React.createElement("div", { className: styles$1.value },
-            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
-};
-
-var styles = {"component":"pure-cell__component_1p3r1","horizontal":"pure-cell__horizontal_1p3r1","vertical":"pure-cell__vertical_1p3r1","button":"pure-cell__button_1p3r1","link":"pure-cell__link_1p3r1","none":"pure-cell__none_1p3r1","airy":"pure-cell__airy_1p3r1","defaultPadding":"pure-cell__defaultPadding_1p3r1","compact":"pure-cell__compact_1p3r1","tiny":"pure-cell__tiny_1p3r1","left":"pure-cell__left_1p3r1","right":"pure-cell__right_1p3r1","both":"pure-cell__both_1p3r1","focused":"pure-cell__focused_1p3r1"};
-require('./index.css');
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-var PureCellContext = React.createContext({});
-var PureCellComponent = forwardRef(function (_a, ref) {
-    var _b, _c;
-    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = __rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
-    var cellRef = useRef(null);
-    var focused = useFocus(cellRef, 'keyboard')[0];
-    var addClasses = (_b = {},
-        _b[styles.component] = true,
-        _b[styles.focused] = focused,
-        _b[styles[direction]] = true,
-        _b[styles.defaultPadding] = verticalPadding === 'default',
-        _b[styles[verticalPadding]] = verticalPadding !== 'default',
-        _b[styles[horizontalPadding]] = true,
-        _b);
-    if (href) {
-        var target = restProps.target;
-        // Для совместимости с react-router-dom, меняем href на to
-        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
-        return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    if (onClick) {
-        return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
-        React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-var PureCell = Object.assign(PureCellComponent, {
-    Main: Main,
-    Graphics: Graphics,
-    Content: Content,
-    Text: Text,
-    Amount: Amount,
-    AmountTitle: AmountTitle,
-    Addon: Addon,
-    Footer: Footer,
-    ExtraSubtitle: FooterText,
-    FooterButton: FooterButton,
-    Comment: Comment,
-    Category: Category,
-});
-
-export { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };

package/pure-cell/modern/component-23abcd9f.js

@@ -1,103 +0,0 @@
-import React, { forwardRef, useRef, useContext } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Comment } from '../../comment/modern';
-import { useFocus } from '@alfalab/hooks';
-import { Addon } from './components/addon/component.js';
-import { Amount } from './components/amount/component.js';
-import { AmountTitle } from './components/amount-title/component.js';
-import { Category } from './components/category/component.js';
-import { getDataTestId } from '../../shared/modern';
-import { Footer } from './components/footer/component.js';
-import { FooterButton } from './components/footer-button/component.js';
-import { FooterText } from './components/footer-text/component.js';
-import { Graphics } from './components/graphics/component.js';
-import { Typography } from '../../typography/modern';
-import '../../amount/modern';
-import '../../button/modern';
-
-const styles$3 = {"component":"pure-cell__component_ficf1","horizontal":"pure-cell__horizontal_ficf1"};
-require('./components/content/index.css');
-
-const Content = ({ children, dataTestId }) => {
-    const { direction } = useContext(PureCellContext);
-    return (React.createElement("section", { className: cn(styles$3.component, { [styles$3.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
-};
-
-const styles$2 = {"component":"pure-cell__component_1dbo2","vertical":"pure-cell__vertical_1dbo2","reverse":"pure-cell__reverse_1dbo2"};
-require('./components/main/index.css');
-
-const Main = ({ children, isReverse, dataTestId }) => {
-    const { direction = 'horizontal' } = useContext(PureCellContext);
-    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], {
-            [styles$2.reverse]: isReverse,
-        }), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
-};
-
-const styles$1 = {"horizontal":"pure-cell__horizontal_13j6k","rowLimit1":"pure-cell__rowLimit1_13j6k","rowLimit2":"pure-cell__rowLimit2_13j6k","component":"pure-cell__component_13j6k","vertical":"pure-cell__vertical_13j6k","title":"pure-cell__title_13j6k","value":"pure-cell__value_13j6k"};
-require('./components/text/index.css');
-
-const Text = ({ children, value, rowLimit, view = 'component', titleWeight, titleColor, valueColor, dataTestId, }) => {
-    const { direction = 'horizontal' } = useContext(PureCellContext);
-    const className = rowLimit && styles$1[`rowLimit${rowLimit}`];
-    return (React.createElement("div", { className: cn(styles$1.component, {
-            [styles$1.vertical]: direction !== 'horizontal',
-        }) },
-        React.createElement("div", { className: styles$1.title },
-            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React.createElement("div", { className: styles$1.value },
-            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
-};
-
-const styles = {"component":"pure-cell__component_1p3r1","horizontal":"pure-cell__horizontal_1p3r1","vertical":"pure-cell__vertical_1p3r1","button":"pure-cell__button_1p3r1","link":"pure-cell__link_1p3r1","none":"pure-cell__none_1p3r1","airy":"pure-cell__airy_1p3r1","defaultPadding":"pure-cell__defaultPadding_1p3r1","compact":"pure-cell__compact_1p3r1","tiny":"pure-cell__tiny_1p3r1","left":"pure-cell__left_1p3r1","right":"pure-cell__right_1p3r1","both":"pure-cell__both_1p3r1","focused":"pure-cell__focused_1p3r1"};
-require('./index.css');
-
-/* eslint-disable react/jsx-no-constructed-context-values */
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const PureCellContext = React.createContext({});
-const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
-    const cellRef = useRef(null);
-    const [focused] = useFocus(cellRef, 'keyboard');
-    const addClasses = {
-        [styles.component]: true,
-        [styles.focused]: focused,
-        [styles[direction]]: true,
-        [styles.defaultPadding]: verticalPadding === 'default',
-        [styles[verticalPadding]]: verticalPadding !== 'default',
-        [styles[horizontalPadding]]: true,
-    };
-    if (href) {
-        const { target } = restProps;
-        // Для совместимости с react-router-dom, меняем href на to
-        const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
-        return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
-            React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-    }
-    if (onClick) {
-        return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
-            React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-    }
-    return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
-        React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-const PureCell = Object.assign(PureCellComponent, {
-    Main,
-    Graphics,
-    Content,
-    Text,
-    Amount,
-    AmountTitle,
-    Addon,
-    Footer,
-    ExtraSubtitle: FooterText,
-    FooterButton,
-    Comment,
-    Category,
-});
-
-export { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };

package/radio-group/Component.d.ts

@@ -1,68 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from "react";
-type Direction = 'horizontal' | 'vertical';
-type RadioGroupType = 'radio' | 'tag';
-type RadioGroupProps = {
-    /**
-     * Заголовок группы
-     */
-    label?: ReactNode;
-    /**
-     * Направление
-     */
-    direction?: Direction;
-    /**
-     * Тип компонента
-     */
-    type?: RadioGroupType;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Текст подсказки снизу
-     */
-    hint?: ReactNode;
-    /**
-     * Дочерние элементы. Ожидаются компоненты `Radio` или `Tag`
-     */
-    children: ReactNode;
-    /**
-     * Обработчик изменения значения 'checked' одного из дочерних компонентов
-     */
-    onChange?: (event: ChangeEvent | MouseEvent, payload: {
-        value: string;
-        name?: string;
-    }) => void;
-    /**
-     * Обработчик блюра.
-     */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Обработчик фокуса.
-     */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Управление возможностью изменения состояния 'checked' дочерних компонентов Radio | Tag
-     */
-    disabled?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Атрибут name для всех дочерних компонентов
-     */
-    name?: string;
-    /**
-     * Value выбранного дочернего элемента
-     */
-    value?: string | null;
-};
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };

package/radio-group/Component.js

@@ -1,57 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var hooks = require('@alfalab/hooks');
-
-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 = {"component":"radio-group__component_10bp5","error":"radio-group__error_10bp5","radioList":"radio-group__radioList_10bp5","vertical":"radio-group__vertical_10bp5","radio":"radio-group__radio_10bp5","horizontal":"radio-group__horizontal_10bp5","tagLabel":"radio-group__tagLabel_10bp5","label":"radio-group__label_10bp5","sub":"radio-group__sub_10bp5","errorMessage":"radio-group__errorMessage_10bp5","hint":"radio-group__hint_10bp5","hiddenInput":"radio-group__hiddenInput_10bp5"};
-require('./index.css');
-
-var RadioGroup = React.forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
-    var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
-    hooks.useDidUpdateEffect(function () {
-        setStateValue(value);
-    }, [value]);
-    var isChecked = function (childValue) {
-        return value !== null && (value || stateValue) === childValue;
-    };
-    var handleChange = function (event, childValue) {
-        setStateValue(childValue);
-        if (onChange) {
-            onChange(event, { name: name, value: childValue });
-        }
-    };
-    var renderRadio = function (child) {
-        var _a = child.props, childClassName = _a.className, childValue = _a.value;
-        return React.cloneElement(child, tslib.__assign(tslib.__assign({ onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: isChecked(childValue), name: name, className: cn__default.default(childClassName, styles.radio) }));
-    };
-    var renderTag = function (child) {
-        var childValue = child.props.value;
-        var checked = isChecked(childValue);
-        var clone = React.cloneElement(child, tslib.__assign(tslib.__assign({ onClick: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: checked, name: name, tabIndex: -1 }));
-        return (React__default.default.createElement("label", { className: cn__default.default(styles.radio, styles.tagLabel) },
-            React__default.default.createElement("input", { type: 'radio', autoComplete: 'off', onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles.hiddenInput, value: child.props.value }),
-            clone));
-    };
-    var errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.component, styles[type], styles[direction], (_b = {}, _b[styles.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
-        label ? React__default.default.createElement("span", { className: styles.label }, label) : null,
-        children ? (React__default.default.createElement("div", { className: styles.radioList, onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
-            if (React.isValidElement(child)) {
-                return type === 'radio' ? renderRadio(child) : renderTag(child);
-            }
-            return null;
-        }))) : null,
-        errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles.sub, styles.errorMessage), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles.sub, styles.hint) }, hint))));
-});
-
-exports.RadioGroup = RadioGroup;

package/radio-group/cssm/Component.d.ts

@@ -1,68 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from "react";
-type Direction = 'horizontal' | 'vertical';
-type RadioGroupType = 'radio' | 'tag';
-type RadioGroupProps = {
-    /**
-     * Заголовок группы
-     */
-    label?: ReactNode;
-    /**
-     * Направление
-     */
-    direction?: Direction;
-    /**
-     * Тип компонента
-     */
-    type?: RadioGroupType;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Текст подсказки снизу
-     */
-    hint?: ReactNode;
-    /**
-     * Дочерние элементы. Ожидаются компоненты `Radio` или `Tag`
-     */
-    children: ReactNode;
-    /**
-     * Обработчик изменения значения 'checked' одного из дочерних компонентов
-     */
-    onChange?: (event: ChangeEvent | MouseEvent, payload: {
-        value: string;
-        name?: string;
-    }) => void;
-    /**
-     * Обработчик блюра.
-     */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Обработчик фокуса.
-     */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Управление возможностью изменения состояния 'checked' дочерних компонентов Radio | Tag
-     */
-    disabled?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Атрибут name для всех дочерних компонентов
-     */
-    name?: string;
-    /**
-     * Value выбранного дочернего элемента
-     */
-    value?: string | null;
-};
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };

package/radio-group/cssm/Component.js

@@ -1,56 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var hooks = require('@alfalab/hooks');
-var styles = 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 RadioGroup = React.forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
-    var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
-    hooks.useDidUpdateEffect(function () {
-        setStateValue(value);
-    }, [value]);
-    var isChecked = function (childValue) {
-        return value !== null && (value || stateValue) === childValue;
-    };
-    var handleChange = function (event, childValue) {
-        setStateValue(childValue);
-        if (onChange) {
-            onChange(event, { name: name, value: childValue });
-        }
-    };
-    var renderRadio = function (child) {
-        var _a = child.props, childClassName = _a.className, childValue = _a.value;
-        return React.cloneElement(child, tslib.__assign(tslib.__assign({ onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: isChecked(childValue), name: name, className: cn__default.default(childClassName, styles__default.default.radio) }));
-    };
-    var renderTag = function (child) {
-        var childValue = child.props.value;
-        var checked = isChecked(childValue);
-        var clone = React.cloneElement(child, tslib.__assign(tslib.__assign({ onClick: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: checked, name: name, tabIndex: -1 }));
-        return (React__default.default.createElement("label", { className: cn__default.default(styles__default.default.radio, styles__default.default.tagLabel) },
-            React__default.default.createElement("input", { type: 'radio', autoComplete: 'off', onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles__default.default.hiddenInput, value: child.props.value }),
-            clone));
-    };
-    var errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[type], styles__default.default[direction], (_b = {}, _b[styles__default.default.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
-        label ? React__default.default.createElement("span", { className: styles__default.default.label }, label) : null,
-        children ? (React__default.default.createElement("div", { className: styles__default.default.radioList, onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
-            if (React.isValidElement(child)) {
-                return type === 'radio' ? renderRadio(child) : renderTag(child);
-            }
-            return null;
-        }))) : null,
-        errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.sub, styles__default.default.errorMessage), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.sub, styles__default.default.hint) }, hint))));
-});
-
-exports.RadioGroup = RadioGroup;