@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

package/bottom-sheet/cssm/components/header/Component.js

@@ -1,23 +1,34 @@
-import React, { useContext, useEffect } from 'react';
-import cn from 'classnames';
-import { BaseModalContext } from '../../../../base-modal/cssm';
-import { NavigationBar } from '../../../../navigation-bar/cssm';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {
-    const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } = useContext(BaseModalContext);
-    useEffect(() => {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsBaseModal = require('../../../../base-modal/cssm');
+var coreComponentsNavigationBar = require('../../../../navigation-bar/cssm');
+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 Header = function (_a) {
+    var _b;
+    var className = _a.className, sticky = _a.sticky, headerRef = _a.headerRef, headerOffset = _a.headerOffset, title = _a.title, children = _a.children, restProps = tslib.__rest(_a, ["className", "sticky", "headerRef", "headerOffset", "title", "children"]);
+    var _c = React.useContext(coreComponentsBaseModal.BaseModalContext), setHeaderOffset = _c.setHeaderOffset, setHasHeader = _c.setHasHeader, headerHighlighted = _c.headerHighlighted, onClose = _c.onClose;
+    React.useEffect(function () {
         setHeaderOffset(headerOffset);
     }, [headerOffset, setHeaderOffset]);
-    useEffect(() => {
+    React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
-    const hasContent = Boolean(title || children);
-    return (React.createElement(NavigationBar, { ...restProps, ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn(styles.headerWrapper, className, {
-            [styles.highlighted]: hasContent && headerHighlighted && sticky,
-            [styles.sticky]: sticky,
-            [styles.hasContent]: hasContent,
-        }), contentClassName: cn(styles.title) }, children));
+    var hasContent = Boolean(title || children);
+    return (React__default.default.createElement(coreComponentsNavigationBar.NavigationBar, tslib.__assign({}, restProps, { ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn__default.default(styles__default.default.headerWrapper, className, (_b = {},
+            _b[styles__default.default.highlighted] = hasContent && headerHighlighted && sticky,
+            _b[styles__default.default.sticky] = sticky,
+            _b[styles__default.default.hasContent] = hasContent,
+            _b)), contentClassName: cn__default.default(styles__default.default.title) }), children));
 };
 
-export { Header };
+exports.Header = Header;

package/bottom-sheet/cssm/components/swipeable-backdrop/Component.js

@@ -1,12 +1,17 @@
-import React from 'react';
-import { Backdrop } from '../../../../backdrop/cssm';
-
-const SwipeableBackdrop = ({ opacity, handlers, opacityTimeout, style, ...backdropProps }) => (React.createElement("div", { ...handlers, style: {
-        opacity,
-        transition: opacity === 1 ? `opacity ${opacityTimeout}ms ease-in-out` : '',
-        position: 'relative',
-        ...style,
-    } },
-    React.createElement(Backdrop, { ...backdropProps })));
-
-export { SwipeableBackdrop };
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsBackdrop = require('../../../../backdrop/cssm');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SwipeableBackdrop = function (_a) {
+    var opacity = _a.opacity, handlers = _a.handlers, opacityTimeout = _a.opacityTimeout, style = _a.style, backdropProps = tslib.__rest(_a, ["opacity", "handlers", "opacityTimeout", "style"]);
+    return (React__default.default.createElement("div", tslib.__assign({}, handlers, { style: tslib.__assign({ opacity: opacity, transition: opacity === 1 ? "opacity ".concat(opacityTimeout, "ms ease-in-out") : '', position: 'relative' }, style) }),
+        React__default.default.createElement(coreComponentsBackdrop.Backdrop, tslib.__assign({}, backdropProps))));
+};
+
+exports.SwipeableBackdrop = SwipeableBackdrop;

package/bottom-sheet/cssm/consts/swipeConsts.js

@@ -1,5 +1,7 @@
-import { SwipeDirection } from '../enums/swipeEnums.js';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const horizontalDirections = [SwipeDirection.Left, SwipeDirection.Right];
+var enums_swipeEnums = require('../enums/swipeEnums.js');
 
-export { horizontalDirections };
+var horizontalDirections = [enums_swipeEnums.SwipeDirection.Left, enums_swipeEnums.SwipeDirection.Right];
+
+exports.horizontalDirections = horizontalDirections;

package/bottom-sheet/cssm/enums/swipeEnums.js

@@ -1,9 +1,9 @@
-var SwipeDirection;
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.SwipeDirection = void 0;
 (function (SwipeDirection) {
     SwipeDirection["Left"] = "Left";
     SwipeDirection["Right"] = "Right";
     SwipeDirection["Up"] = "Up";
     SwipeDirection["Down"] = "Down";
-})(SwipeDirection || (SwipeDirection = {}));
-
-export { SwipeDirection };
+})(exports.SwipeDirection || (exports.SwipeDirection = {}));

package/bottom-sheet/cssm/index.js

@@ -1,19 +1,10 @@
-export { BottomSheet } from './component.js';
-export { CLOSE_OFFSET, HEADER_OFFSET } from './utils.js';
-import 'react';
-import 'react-div-100vh';
-import 'react-merge-refs';
-import 'react-swipeable';
-import 'classnames';
-import '../../base-modal/cssm';
-import '../../shared/cssm';
-import './components/footer/Component.js';
-import './components/footer/index.module.css';
-import './components/header/Component.js';
-import '../../navigation-bar/cssm';
-import './components/header/index.module.css';
-import './components/swipeable-backdrop/Component.js';
-import '../../backdrop/cssm';
-import './consts/swipeConsts.js';
-import './enums/swipeEnums.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var component = require('./component.js');
+var utils = require('./utils.js');
+
+
+
+exports.BottomSheet = component.BottomSheet;
+exports.CLOSE_OFFSET = utils.CLOSE_OFFSET;
+exports.HEADER_OFFSET = utils.HEADER_OFFSET;

package/bottom-sheet/cssm/shared/index.js

@@ -1,2 +1,7 @@
-export { getBottomSheetTestIds } from '../utils.js';
-import '../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getBottomSheetTestIds = utils.getBottomSheetTestIds;

package/bottom-sheet/cssm/utils.js

@@ -1,15 +1,18 @@
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const TIMEOUT = 500;
-const SWIPE_VELOCITY = 0.4;
-const MARKER_HEIGHT = 24;
-const CLOSE_OFFSET = 0.2;
-const SCROLL_OFFSET = 1;
-const HEADER_OFFSET = 24;
-const convertPercentToNumber = (value, fullHeight, headerOffset = HEADER_OFFSET) => {
-    const maxHeight = fullHeight - headerOffset;
+var coreComponentsShared = require('../../shared/cssm');
+
+var TIMEOUT = 500;
+var SWIPE_VELOCITY = 0.4;
+var MARKER_HEIGHT = 24;
+var CLOSE_OFFSET = 0.2;
+var SCROLL_OFFSET = 1;
+var HEADER_OFFSET = 24;
+var convertPercentToNumber = function (value, fullHeight, headerOffset) {
+    if (headerOffset === void 0) { headerOffset = HEADER_OFFSET; }
+    var maxHeight = fullHeight - headerOffset;
     if (typeof value === 'string') {
-        const percent = parseFloat(value) / 100;
+        var percent = parseFloat(value) / 100;
         if (percent < 0) {
             return Math.min(maxHeight, fullHeight + fullHeight * percent);
         }
@@ -23,13 +26,20 @@ const convertPercentToNumber = (value, fullHeight, headerOffset = HEADER_OFFSET)
 function getBottomSheetTestIds(dataTestId) {
     return {
         bottomSheet: dataTestId,
-        content: getDataTestId(dataTestId, 'content'),
-        footer: getDataTestId(dataTestId, 'footer'),
-        header: getDataTestId(dataTestId, 'header'),
-        title: getDataTestId(dataTestId, 'header-title'),
-        closer: getDataTestId(dataTestId, 'header-closer'),
-        backButton: getDataTestId(dataTestId, 'header-back-button'),
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
+        title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
+        backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
     };
 }
 
-export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber, getBottomSheetTestIds };
+exports.CLOSE_OFFSET = CLOSE_OFFSET;
+exports.HEADER_OFFSET = HEADER_OFFSET;
+exports.MARKER_HEIGHT = MARKER_HEIGHT;
+exports.SCROLL_OFFSET = SCROLL_OFFSET;
+exports.SWIPE_VELOCITY = SWIPE_VELOCITY;
+exports.TIMEOUT = TIMEOUT;
+exports.convertPercentToNumber = convertPercentToNumber;
+exports.getBottomSheetTestIds = getBottomSheetTestIds;

package/button/cssm/Component.responsive.js

@@ -1,28 +1,21 @@
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { ButtonDesktop } from './desktop/Component.desktop.js';
-import { ButtonMobile } from './mobile/Component.mobile.js';
-import './components/base-button/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../shared/cssm';
-import '../../spinner/cssm';
-import '@alfalab/hooks';
-import './components/base-button/default.module.css';
-import './components/base-button/index.module.css';
-import './components/base-button/inverted.module.css';
-import './desktop/default.desktop.module.css';
-import './desktop/desktop.module.css';
-import './desktop/inverted.desktop.module.css';
-import './mobile/default.mobile.module.css';
-import './mobile/inverted.mobile.module.css';
-import './mobile/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Button = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
-    const Component = isDesktop ? ButtonDesktop : ButtonMobile;
-    return (React.createElement(Component, { ref: ref, ...restProps }, children));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var Button = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var Component = isDesktop ? desktop_Component_desktop.ButtonDesktop : mobile_Component_mobile.ButtonMobile;
+    return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
 
-export { Button };
+exports.Button = Button;

package/button/cssm/components/base-button/Component.js

@@ -1,39 +1,50 @@
-import React, { useRef, useState, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { getDataTestId } from '../../../../shared/cssm';
-import { Spinner } from '../../../../spinner/cssm';
-import { useFocus } from '@alfalab/hooks';
-import defaultColors from './default.module.css';
-import commonStyles from './index.module.css';
-import invertedColors from './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-/* eslint-disable complexity */
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsShared = require('../../../../shared/cssm');
+var coreComponentsSpinner = require('../../../../spinner/cssm');
+var hooks = require('@alfalab/hooks');
+var defaultColors = require('./default.module.css');
+var commonStyles = require('./index.module.css');
+var invertedColors = require('./inverted.module.css');
+
+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 defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+
+var colorStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
 /**
  * Минимальное время отображения лоадера - 500мс,
  * чтобы при быстрых ответах от сервера кнопка не «моргала».
  */
-const LOADER_MIN_DISPLAY_INTERVAL = 500;
-const logWarning = (view) => {
+var LOADER_MIN_DISPLAY_INTERVAL = 500;
+var logWarning = function (view) {
     if (process.env.NODE_ENV !== 'development') {
         return;
     }
-    const viewsMap = {
+    var viewsMap = {
         link: 'transparent',
         ghost: 'text',
     };
     // eslint-disable-next-line no-console
     console.warn(
     // eslint-disable-next-line prefer-template
-    `@alfalab/core-components/button: view='${view}' будет удален в следующих мажорных версиях. ` +
-        `Используйте view='${viewsMap[view]}'. Чтобы поменять все кнопки на проекте разом, можно воспользоваться codemod: ` +
+    "@alfalab/core-components/button: view='".concat(view, "' \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D \u0432 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0445 \u043C\u0430\u0436\u043E\u0440\u043D\u044B\u0445 \u0432\u0435\u0440\u0441\u0438\u044F\u0445. ") +
+        "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 view='".concat(viewsMap[view], "'. \u0427\u0442\u043E\u0431\u044B \u043F\u043E\u043C\u0435\u043D\u044F\u0442\u044C \u0432\u0441\u0435 \u043A\u043D\u043E\u043F\u043A\u0438 \u043D\u0430 \u043F\u0440\u043E\u0435\u043A\u0442\u0435 \u0440\u0430\u0437\u043E\u043C, \u043C\u043E\u0436\u043D\u043E \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F codemod: ") +
         'npx @alfalab/core-components-codemod --transformers=button-views-45 src/**/*.tsx');
 };
-const SIZE_TO_CLASSNAME_MAP = {
+var SIZE_TO_CLASSNAME_MAP = {
     xxs: 'size-32',
     xs: 'size-40',
     s: 'size-48',
@@ -47,69 +58,72 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const BaseButton = React.forwardRef(({ allowBackdropBlur, children, view = 'secondary', shape = 'rectangular', textResizing = 'hug', hint, leftAddons, rightAddons, size = 56, block = false, className, spinnerClassName, dataTestId, href, loading = false, nowrap = false, colors = 'default', Component = href ? 'a' : 'button', onClick, styles = {}, colorStylesMap = { default: {}, inverted: {} }, ...restProps }, ref) => {
+var BaseButton = React__default.default.forwardRef(function (_a, ref) {
+    var _b, _c, _d;
+    var allowBackdropBlur = _a.allowBackdropBlur, children = _a.children, _e = _a.view, view = _e === void 0 ? 'secondary' : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.textResizing, textResizing = _g === void 0 ? 'hug' : _g, hint = _a.hint, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, _h = _a.size, size = _h === void 0 ? 56 : _h, _j = _a.block, block = _j === void 0 ? false : _j, className = _a.className, spinnerClassName = _a.spinnerClassName, dataTestId = _a.dataTestId, href = _a.href, _k = _a.loading, loading = _k === void 0 ? false : _k, _l = _a.nowrap, nowrap = _l === void 0 ? false : _l, _m = _a.colors, colors = _m === void 0 ? 'default' : _m, _o = _a.Component, Component = _o === void 0 ? href ? 'a' : 'button' : _o, onClick = _a.onClick, _p = _a.styles, styles = _p === void 0 ? {} : _p, _q = _a.colorStylesMap, colorStylesMap = _q === void 0 ? { default: {}, inverted: {} } : _q, restProps = tslib.__rest(_a, ["allowBackdropBlur", "children", "view", "shape", "textResizing", "hint", "leftAddons", "rightAddons", "size", "block", "className", "spinnerClassName", "dataTestId", "href", "loading", "nowrap", "colors", "Component", "onClick", "styles", "colorStylesMap"]);
     if (['link', 'ghost'].includes(view)) {
         logWarning(view);
     }
-    const buttonRef = useRef(null);
-    const [focused] = useFocus(buttonRef, 'keyboard');
-    const [loaderTimePassed, setLoaderTimePassed] = useState(true);
-    const timerId = useRef(0);
-    const showLoader = loading || !loaderTimePassed;
-    const showHint = hint && ['size-56', 'size-64', 'size-72'].includes(SIZE_TO_CLASSNAME_MAP[size]);
-    const iconOnly = !children;
-    const componentProps = {
-        className: cn(commonStyles.component, commonStyles[view], commonStyles[SIZE_TO_CLASSNAME_MAP[size]], commonStyles[textResizing], shape === 'rectangular' && styles[SIZE_TO_CLASSNAME_MAP[size]], shape === 'rounded' && commonStyles[shape], colorStyles[colors].component, colorStyles[colors][view], colorStylesMap[colors].component, {
-            [commonStyles.allowBackdropBlur]: allowBackdropBlur,
-            [colorStylesMap[colors][view]]: Boolean(colorStylesMap[colors][view]),
-            [commonStyles.focused]: focused,
-            [commonStyles.block]: block,
-            [commonStyles.iconOnly]: iconOnly,
-            [commonStyles.loading]: showLoader,
-            [commonStyles.withRightAddons]: Boolean(rightAddons) && !iconOnly,
-            [commonStyles.withLeftAddons]: Boolean(leftAddons) && !iconOnly,
-            [colorStyles[colors].loading]: showLoader,
-            [colorStylesMap[colors].loading]: showLoader,
-        }, className),
+    var buttonRef = React.useRef(null);
+    var focused = hooks.useFocus(buttonRef, 'keyboard')[0];
+    var _r = React.useState(true), loaderTimePassed = _r[0], setLoaderTimePassed = _r[1];
+    var timerId = React.useRef(0);
+    var showLoader = loading || !loaderTimePassed;
+    var showHint = hint && ['size-56', 'size-64', 'size-72'].includes(SIZE_TO_CLASSNAME_MAP[size]);
+    var iconOnly = !children;
+    var componentProps = {
+        className: cn__default.default(commonStyles__default.default.component, commonStyles__default.default[view], commonStyles__default.default[SIZE_TO_CLASSNAME_MAP[size]], commonStyles__default.default[textResizing], shape === 'rectangular' && styles[SIZE_TO_CLASSNAME_MAP[size]], shape === 'rounded' && commonStyles__default.default[shape], colorStyles[colors].component, colorStyles[colors][view], colorStylesMap[colors].component, (_b = {},
+            _b[commonStyles__default.default.allowBackdropBlur] = allowBackdropBlur,
+            _b[colorStylesMap[colors][view]] = Boolean(colorStylesMap[colors][view]),
+            _b[commonStyles__default.default.focused] = focused,
+            _b[commonStyles__default.default.block] = block,
+            _b[commonStyles__default.default.iconOnly] = iconOnly,
+            _b[commonStyles__default.default.loading] = showLoader,
+            _b[commonStyles__default.default.withRightAddons] = Boolean(rightAddons) && !iconOnly,
+            _b[commonStyles__default.default.withLeftAddons] = Boolean(leftAddons) && !iconOnly,
+            _b[colorStyles[colors].loading] = showLoader,
+            _b[colorStylesMap[colors].loading] = showLoader,
+            _b), className),
         'data-test-id': dataTestId || null,
     };
-    const { disabled, type = 'button', ...restButtonProps } = restProps;
-    const buttonChildren = (React.createElement(React.Fragment, null,
-        leftAddons && React.createElement("span", { className: commonStyles.addons }, leftAddons),
-        children && (React.createElement("span", { className: cn(commonStyles.label, {
-                [commonStyles.nowrap]: nowrap,
-                [commonStyles.stretchText]: !(leftAddons || rightAddons) || textResizing === 'fill',
-            }) },
+    var _s = restProps, disabled = _s.disabled, _t = _s.type, type = _t === void 0 ? 'button' : _t, restButtonProps = tslib.__rest(_s, ["disabled", "type"]);
+    var buttonChildren = (React__default.default.createElement(React__default.default.Fragment, null,
+        leftAddons && React__default.default.createElement("span", { className: commonStyles__default.default.addons }, leftAddons),
+        children && (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.label, (_c = {},
+                _c[commonStyles__default.default.nowrap] = nowrap,
+                _c[commonStyles__default.default.stretchText] = !(leftAddons || rightAddons) || textResizing === 'fill',
+                _c)) },
             children,
-            showHint && React.createElement("span", { className: commonStyles.hint }, hint))),
-        showLoader && (React.createElement(Spinner, { dataTestId: getDataTestId(dataTestId, 'loader'), visible: true, className: cn(commonStyles.loader, colorStyles[colors].loader, colorStylesMap[colors].loader, spinnerClassName) })),
-        rightAddons && React.createElement("span", { className: commonStyles.addons }, rightAddons)));
-    useEffect(() => {
+            showHint && React__default.default.createElement("span", { className: commonStyles__default.default.hint }, hint))),
+        showLoader && (React__default.default.createElement(coreComponentsSpinner.Spinner, { dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'loader'), visible: true, className: cn__default.default(commonStyles__default.default.loader, colorStyles[colors].loader, colorStylesMap[colors].loader, spinnerClassName) })),
+        rightAddons && React__default.default.createElement("span", { className: commonStyles__default.default.addons }, rightAddons)));
+    React.useEffect(function () {
         if (loading) {
             setLoaderTimePassed(false);
-            timerId.current = window.setTimeout(() => {
+            timerId.current = window.setTimeout(function () {
                 setLoaderTimePassed(true);
             }, LOADER_MIN_DISPLAY_INTERVAL);
         }
     }, [loading]);
-    useEffect(() => () => {
+    React.useEffect(function () { return function () {
         window.clearTimeout(timerId.current);
-    }, []);
-    const handleClick = (e) => {
+    }; }, []);
+    var handleClick = function (e) {
         if (disabled || showLoader) {
             e.preventDefault();
             e.stopPropagation();
             return;
         }
-        onClick?.(e);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
     };
     if (href) {
-        const { target } = restProps;
+        var target = restProps.target;
         // Для совместимости с react-router-dom, меняем href на to
-        const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
-        return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...componentProps, ...restProps, ...hrefProps, onClick: handleClick, disabled: disabled || showLoader, ref: mergeRefs([buttonRef, ref]) }, buttonChildren));
+        var hrefProps = (_d = {}, _d[typeof Component === 'string' ? 'href' : 'to'] = href, _d);
+        return (React__default.default.createElement(Component, tslib.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, componentProps, restProps, hrefProps, { onClick: handleClick, disabled: disabled || showLoader, ref: mergeRefs__default.default([buttonRef, ref]) }), buttonChildren));
     }
-    return (React.createElement(Component, { ...componentProps, ...restButtonProps, onClick: handleClick, type: type, disabled: disabled || showLoader, ref: mergeRefs([buttonRef, ref]) }, buttonChildren));
+    return (React__default.default.createElement(Component, tslib.__assign({}, componentProps, restButtonProps, { onClick: handleClick, type: type, disabled: disabled || showLoader, ref: mergeRefs__default.default([buttonRef, ref]) }), buttonChildren));
 });
 
-export { BaseButton, LOADER_MIN_DISPLAY_INTERVAL };
+exports.BaseButton = BaseButton;
+exports.LOADER_MIN_DISPLAY_INTERVAL = LOADER_MIN_DISPLAY_INTERVAL;

package/button/cssm/components/base-button/index.js

@@ -1,10 +1,8 @@
-export { BaseButton, LOADER_MIN_DISPLAY_INTERVAL } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../../shared/cssm';
-import '../../../../spinner/cssm';
-import '@alfalab/hooks';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseButton_Component = require('./Component.js');
+
+
+
+exports.BaseButton = components_baseButton_Component.BaseButton;
+exports.LOADER_MIN_DISPLAY_INTERVAL = components_baseButton_Component.LOADER_MIN_DISPLAY_INTERVAL;

package/button/cssm/desktop/Component.desktop.js

@@ -1,21 +1,23 @@
-import React, { forwardRef } from 'react';
-import { BaseButton } from '../components/base-button/Component.js';
-import defaultColors from './default.desktop.module.css';
-import styles from './desktop.module.css';
-import invertedColors from './inverted.desktop.module.css';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../shared/cssm';
-import '../../../spinner/cssm';
-import '@alfalab/hooks';
-import '../components/base-button/default.module.css';
-import '../components/base-button/index.module.css';
-import '../components/base-button/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var tslib = require('tslib');
+var React = require('react');
+var components_baseButton_Component = require('../components/base-button/Component.js');
+var defaultColors = require('./default.desktop.module.css');
+var styles = require('./desktop.module.css');
+var invertedColors = require('./inverted.desktop.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+
+var colorStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const ButtonDesktop = forwardRef((restProps, ref) => (React.createElement(BaseButton, { ...restProps, ref: ref, styles: styles, colorStylesMap: colorStyles })));
+var ButtonDesktop = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_baseButton_Component.BaseButton, tslib.__assign({}, restProps, { ref: ref, styles: styles__default.default, colorStylesMap: colorStyles }))); });
 
-export { ButtonDesktop };
+exports.ButtonDesktop = ButtonDesktop;

package/button/cssm/desktop/index.js

@@ -1,14 +1,7 @@
-export { ButtonDesktop } from './Component.desktop.js';
-import 'react';
-import '../components/base-button/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../shared/cssm';
-import '../../../spinner/cssm';
-import '@alfalab/hooks';
-import '../components/base-button/default.module.css';
-import '../components/base-button/index.module.css';
-import '../components/base-button/inverted.module.css';
-import './default.desktop.module.css';
-import './desktop.module.css';
-import './inverted.desktop.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.ButtonDesktop = desktop_Component_desktop.ButtonDesktop;

package/button/cssm/index.js

@@ -1,20 +1,7 @@
-export { Button } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './desktop/Component.desktop.js';
-import './components/base-button/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../shared/cssm';
-import '../../spinner/cssm';
-import '@alfalab/hooks';
-import './components/base-button/default.module.css';
-import './components/base-button/index.module.css';
-import './components/base-button/inverted.module.css';
-import './desktop/default.desktop.module.css';
-import './desktop/desktop.module.css';
-import './desktop/inverted.desktop.module.css';
-import './mobile/Component.mobile.js';
-import './mobile/default.mobile.module.css';
-import './mobile/inverted.mobile.module.css';
-import './mobile/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.Button = Component_responsive.Button;

package/button/cssm/mobile/Component.mobile.js

@@ -1,21 +1,23 @@
-import React, { forwardRef } from 'react';
-import { BaseButton } from '../components/base-button/Component.js';
-import defaultColors from './default.mobile.module.css';
-import invertedColors from './inverted.mobile.module.css';
-import styles from './mobile.module.css';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../shared/cssm';
-import '../../../spinner/cssm';
-import '@alfalab/hooks';
-import '../components/base-button/default.module.css';
-import '../components/base-button/index.module.css';
-import '../components/base-button/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var tslib = require('tslib');
+var React = require('react');
+var components_baseButton_Component = require('../components/base-button/Component.js');
+var defaultColors = require('./default.mobile.module.css');
+var invertedColors = require('./inverted.mobile.module.css');
+var styles = require('./mobile.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var colorStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const ButtonMobile = forwardRef((restProps, ref) => (React.createElement(BaseButton, { ...restProps, ref: ref, colorStylesMap: colorStyles, styles: styles })));
+var ButtonMobile = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_baseButton_Component.BaseButton, tslib.__assign({}, restProps, { ref: ref, colorStylesMap: colorStyles, styles: styles__default.default }))); });
 
-export { ButtonMobile };
+exports.ButtonMobile = ButtonMobile;