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

package/amount/cssm/pure/index.js

@@ -1,5 +1,7 @@
-export { PureAmount } from './component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/utils';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var pure_component = require('./component.js');
+
+
+
+exports.PureAmount = pure_component.PureAmount;

package/amount-input/cssm/Component.js

@@ -1,65 +1,78 @@
-import React, { forwardRef, useCallback, useState, useEffect, Fragment } from 'react';
-import cn from 'classnames';
-import { Input } from '../../input/cssm';
-import { withSuffix } from '../../with-suffix/cssm';
-import { formatAmount, THINSP } from '@alfalab/utils';
-import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
-import defaultColors from './default.module.css';
-import styles from './index.module.css';
-import invertedColors from './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsInput = require('../../input/cssm');
+var coreComponentsWithSuffix = require('../../with-suffix/cssm');
+var utils = require('@alfalab/utils');
+var utils_index = require('./utils/index.js');
+var defaultColors = require('./default.module.css');
+var styles = 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 cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+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 SuffixInput = withSuffix(Input);
+var SuffixInput = coreComponentsWithSuffix.withSuffix(coreComponentsInput.Input);
 /**
  * Компонент для ввода денежных значений
  */
-const AmountInput = forwardRef(({ view = 'default', value = null, integerLength: integerLengthProp = 9, minority = 100, currency = 'RUR', suffix = currency, codeFormat = 'symbolic', placeholder = `0\u2009${suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix}`, integersOnly = false, positiveOnly = true, bold = true, colors = 'default', className, focusedClassName, dataTestId, clear = false, onChange, onClear, onBlur, breakpoint = 1024, onKeyDown, transparentMinor = true, ...restProps }, ref) => {
-    const integerLength = Math.min(integerLengthProp, 15);
-    const getFormattedAmount = useCallback((val) => {
+var AmountInput = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? 1024 : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
+    var integerLength = Math.min(integerLengthProp, 15);
+    var getFormattedAmount = React.useCallback(function (val) {
         if (val === '' || val === null || val === '-')
             return '';
-        return formatAmount({
+        return utils.formatAmount({
             value: +val,
-            currency,
-            minority,
-            view,
+            currency: currency,
+            minority: minority,
+            view: view,
             negativeSymbol: 'hyphen-minus',
         }).formatted;
     }, [currency, minority, view]);
-    const [inputValue, setInputValue] = useState(() => getFormattedAmount(value));
-    const [majorPart, minorPart] = inputValue.split(',');
-    const currencyCode = getCurrencyCodeWithFormat(currency, codeFormat);
-    useEffect(() => {
-        const currentAmountValue = getAmountValueFromStr(inputValue, minority);
+    var _u = React.useState(function () { return getFormattedAmount(value); }), inputValue = _u[0], setInputValue = _u[1];
+    var _v = inputValue.split(','), majorPart = _v[0], minorPart = _v[1];
+    var currencyCode = utils_index.getCurrencyCodeWithFormat(currency, codeFormat);
+    React.useEffect(function () {
+        var currentAmountValue = utils_index.getAmountValueFromStr(inputValue, minority);
         if (currentAmountValue !== value) {
             setInputValue(getFormattedAmount(value));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value, getFormattedAmount]);
-    const handleChange = (e) => {
-        const input = e.target;
-        let enteredValue = input.value
+    var handleChange = function (e) {
+        var input = e.target;
+        var enteredValue = input.value
             .replace(/\s/g, '')
             .replace('.', ',')
             .replace(/[^0-9,-]/g, '');
         if (integersOnly) {
-            [enteredValue] = enteredValue.split(',');
+            enteredValue = enteredValue.split(',')[0];
         }
         // Сокращение минимальной длины мажорной части числа до 0 позволяет ввести "," => "0,"
-        const isCorrectEnteredValue = RegExp(`(^${positiveOnly ? '' : '-?'}[0-9]{0,${integerLength}}(,([0-9]+)?)?$|^\\s*$)`).test(enteredValue);
+        var isCorrectEnteredValue = RegExp("(^".concat(positiveOnly ? '' : '-?', "[0-9]{0,").concat(integerLength, "}(,([0-9]+)?)?$|^\\s*$)")).test(enteredValue);
         if (isCorrectEnteredValue) {
-            const newFormattedValue = getFormattedValue(enteredValue, currency, minority);
+            var newFormattedValue = utils_index.getFormattedValue(enteredValue, currency, minority);
             if (newFormattedValue === inputValue) {
-                const caret = input.selectionStart;
-                window.requestAnimationFrame(() => {
-                    input.selectionStart = caret;
-                    input.selectionEnd = caret;
+                var caret_1 = input.selectionStart;
+                window.requestAnimationFrame(function () {
+                    input.selectionStart = caret_1;
+                    input.selectionEnd = caret_1;
                 });
             }
             else {
@@ -69,76 +82,76 @@ const AmountInput = forwardRef(({ view = 'default', value = null, integerLength:
                  * или запятая - каретка прыгает в конец и ее необходимо ставить в правильное место
                  */
                 // Узнаем длину оригинального инпута с условием обрезания лишних символов
-                const [head, tail] = input.value.split(/\.|,/);
-                let notFormattedEnteredValueLength = head.length;
+                var _a = input.value.split(/\.|,/), head = _a[0], tail = _a[1];
+                var notFormattedEnteredValueLength = head.length;
                 if (tail) {
                     notFormattedEnteredValueLength += 1; // запятая или точка
                     notFormattedEnteredValueLength += tail.slice(0, minority.toString().length - 1).length; // символы в минорной части
                 }
-                const diff = newFormattedValue.length - notFormattedEnteredValueLength;
-                const caret = input.selectionStart + diff;
-                window.requestAnimationFrame(() => {
-                    input.selectionStart = caret;
-                    input.selectionEnd = caret;
+                var diff = newFormattedValue.length - notFormattedEnteredValueLength;
+                var caret_2 = input.selectionStart + diff;
+                window.requestAnimationFrame(function () {
+                    input.selectionStart = caret_2;
+                    input.selectionEnd = caret_2;
                 });
             }
             setInputValue(newFormattedValue);
-            onChange?.(e, {
-                value: getAmountValueFromStr(newFormattedValue, minority),
+            onChange === null || onChange === void 0 ? void 0 : onChange(e, {
+                value: utils_index.getAmountValueFromStr(newFormattedValue, minority),
                 valueString: newFormattedValue,
             });
         }
         else {
             // Не двигаем каретку когда вставляется невалидный символ
-            const caret = input.selectionStart - 1;
-            window.requestAnimationFrame(() => {
-                input.selectionStart = caret;
-                input.selectionEnd = caret;
+            var caret_3 = input.selectionStart - 1;
+            window.requestAnimationFrame(function () {
+                input.selectionStart = caret_3;
+                input.selectionEnd = caret_3;
             });
         }
     };
-    const handleKeyDown = (event) => {
-        const isModifierKeys = event.ctrlKey || event.altKey || event.metaKey || event.shiftKey;
+    var handleKeyDown = function (event) {
+        var isModifierKeys = event.ctrlKey || event.altKey || event.metaKey || event.shiftKey;
         // Не двигаем каретку когда вводится невалидный символ
         if (!isModifierKeys && event.key.length === 1 && /[^0-9,.-]/.test(event.key)) {
             event.preventDefault();
         }
-        onKeyDown?.(event);
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    const handleClear = useCallback((event) => {
+    var handleClear = React.useCallback(function (event) {
         setInputValue('');
         if (onClear) {
             onClear(event);
         }
     }, [onClear]);
-    const handleBlur = (event) => {
+    var handleBlur = function (event) {
         if (view === 'withZeroMinorPart') {
-            const newValue = getAmountValueFromStr(inputValue, minority);
+            var newValue = utils_index.getAmountValueFromStr(inputValue, minority);
             if (newValue !== null) {
-                const formatted = getFormattedAmount(newValue);
+                var formatted = getFormattedAmount(newValue);
                 if (formatted !== inputValue) {
                     setInputValue(formatted);
-                    onChange?.(event, {
+                    onChange === null || onChange === void 0 ? void 0 : onChange(event, {
                         value: newValue,
                         valueString: formatted,
                     });
                 }
             }
         }
-        onBlur?.(event);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
-    return (React.createElement("div", { className: cn(styles.container, {
-            [styles.bold]: bold,
-            [styles.filled]: Boolean(inputValue),
-        }) },
-        React.createElement(SuffixInput, { ...restProps, suffix: React.createElement(Fragment, null,
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.container, (_b = {},
+            _b[styles__default.default.bold] = bold,
+            _b[styles__default.default.filled] = Boolean(inputValue),
+            _b)) },
+        React__default.default.createElement(SuffixInput, tslib.__assign({}, restProps, { suffix: React__default.default.createElement(React.Fragment, null,
                 majorPart,
-                React.createElement("span", { className: cn({
-                        [colorStyles[colors].minorPartAndCurrency]: transparentMinor,
-                    }) },
-                    minorPart !== undefined && `,${minorPart}`,
-                    THINSP,
-                    suffix === currency ? currencyCode : suffix)), suffixContainerClassName: styles.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn(styles.component, className), focusedClassName: focusedClassName, inputClassName: styles.input, onChange: handleChange, onClear: handleClear, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: 'decimal', pattern: `[${positiveOnly ? '' : '-'}0-9\\s\\.,]*`, dataTestId: dataTestId, ref: ref, breakpoint: breakpoint })));
+                React__default.default.createElement("span", { className: cn__default.default((_c = {},
+                        _c[colorStyles[colors].minorPartAndCurrency] = transparentMinor,
+                        _c)) },
+                    minorPart !== undefined && ",".concat(minorPart),
+                    utils.THINSP,
+                    suffix === currency ? currencyCode : suffix)), suffixContainerClassName: styles__default.default.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn__default.default(styles__default.default.component, className), focusedClassName: focusedClassName, inputClassName: styles__default.default.input, onChange: handleChange, onClear: handleClear, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: 'decimal', pattern: "[".concat(positiveOnly ? '' : '-', "0-9\\s\\.,]*"), dataTestId: dataTestId, ref: ref, breakpoint: breakpoint }))));
 });
 
-export { AmountInput };
+exports.AmountInput = AmountInput;

package/amount-input/cssm/index.js

@@ -1,10 +1,7 @@
-export { AmountInput } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../input/cssm';
-import '../../with-suffix/cssm';
-import '@alfalab/utils';
-import './utils/index.js';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.AmountInput = Component.AmountInput;

package/amount-input/cssm/utils/index.js

@@ -1,4 +1,6 @@
-import { formatAmount, getCurrencySymbol } from '@alfalab/utils';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@alfalab/utils');
 
 /**
  * https://github.com/core-ds/utils
@@ -15,20 +17,20 @@ function getFormattedValue(enteredValue, currency, minority) {
         return enteredValue;
     }
     // eslint-disable-next-line prefer-const
-    let [head, tail] = enteredValue.split(',');
+    var _a = enteredValue.split(','), head = _a[0], tail = _a[1];
     // При вводе "-," указываем, что имеется в виду "-0,"
     if (head === '-') {
         head = '-0';
     }
-    let { majorPart } = formatAmount({
+    var majorPart = utils.formatAmount({
         value: Number(head) * minority,
-        currency,
-        minority,
+        currency: currency,
+        minority: minority,
         negativeSymbol: 'hyphen-minus',
-    });
+    }).majorPart;
     // Так как -0 === 0, formatAmount возвращает положительное значение. Исправляем это здесь
     if (/^-(,|0),?/.test(enteredValue) && majorPart === '0') {
-        majorPart = `-${majorPart}`;
+        majorPart = "-".concat(majorPart);
     }
     if (!tail && enteredValue.includes(',')) {
         return majorPart.concat(',');
@@ -48,7 +50,9 @@ function getCurrencyCodeWithFormat(currency, codeFormat) {
     if (!currency) {
         return '';
     }
-    return codeFormat === 'symbolic' ? getCurrencySymbol(currency) : currency;
+    return codeFormat === 'symbolic' ? utils.getCurrencySymbol(currency) : currency;
 }
 
-export { getAmountValueFromStr, getCurrencyCodeWithFormat, getFormattedValue };
+exports.getAmountValueFromStr = getAmountValueFromStr;
+exports.getCurrencyCodeWithFormat = getCurrencyCodeWithFormat;
+exports.getFormattedValue = getFormattedValue;

package/attach/cssm/Component.js

@@ -1,17 +1,27 @@
-import React, { useState, useRef, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Button } from '../../button/cssm';
-import { KeyboardFocusable } from '../../keyboard-focusable/cssm';
-import { ProgressBar } from '../../progress-bar/cssm';
-import { PaperclipMIcon } from '@alfalab/icons-glyph/PaperclipMIcon';
-import { PaperclipSIcon } from '@alfalab/icons-glyph/PaperclipSIcon';
-import { pluralize } from '@alfalab/utils';
-import { truncateFilename } from './utils/index.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];
-const SIZE_TO_CLASSNAME_MAP = {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsButton = require('../../button/cssm');
+var coreComponentsKeyboardFocusable = require('../../keyboard-focusable/cssm');
+var coreComponentsProgressBar = require('../../progress-bar/cssm');
+var PaperclipMIcon = require('@alfalab/icons-glyph/PaperclipMIcon');
+var PaperclipSIcon = require('@alfalab/icons-glyph/PaperclipSIcon');
+var utils = require('@alfalab/utils');
+var utils_index = require('./utils/index.js');
+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 mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];
+var SIZE_TO_CLASSNAME_MAP = {
     xxs: 'size-32',
     xs: 'size-40',
     s: 'size-48',
@@ -23,24 +33,26 @@ const SIZE_TO_CLASSNAME_MAP = {
     56: 'size-56',
     64: 'size-64',
 };
-const Attach = React.forwardRef(({ size = 48, accept, buttonContent = 'Выберите файл', buttonProps = {}, className, fileClassName, noFileClassName, disabled, dataTestId, id, maxFilenameLength, multiple, noFileText = 'Нет файла', progressBarPercent, defaultValue, value, onChange, onClear, ...restProps }, ref) => {
-    const uncontrolled = value === undefined;
-    const [files, setFiles] = useState(defaultValue || []);
-    const inputRef = useRef(null);
-    const labelRef = useRef(null);
-    const buttonRef = useRef(null);
-    const getDefaultLeftAddon = () => {
-        let IconComponent;
+var Attach = React__default.default.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.size, size = _c === void 0 ? 48 : _c, accept = _a.accept, _d = _a.buttonContent, buttonContent = _d === void 0 ? 'Выберите файл' : _d, _e = _a.buttonProps, buttonProps = _e === void 0 ? {} : _e, className = _a.className, fileClassName = _a.fileClassName, noFileClassName = _a.noFileClassName, disabled = _a.disabled, dataTestId = _a.dataTestId, id = _a.id, maxFilenameLength = _a.maxFilenameLength, multiple = _a.multiple, _f = _a.noFileText, noFileText = _f === void 0 ? 'Нет файла' : _f, progressBarPercent = _a.progressBarPercent, defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, onClear = _a.onClear, restProps = tslib.__rest(_a, ["size", "accept", "buttonContent", "buttonProps", "className", "fileClassName", "noFileClassName", "disabled", "dataTestId", "id", "maxFilenameLength", "multiple", "noFileText", "progressBarPercent", "defaultValue", "value", "onChange", "onClear"]);
+    var uncontrolled = value === undefined;
+    var _g = React.useState(defaultValue || []), files = _g[0], setFiles = _g[1];
+    var inputRef = React.useRef(null);
+    var labelRef = React.useRef(null);
+    var buttonRef = React.useRef(null);
+    var getDefaultLeftAddon = function () {
+        var IconComponent;
         if (['size-40', 'size-32'].includes(SIZE_TO_CLASSNAME_MAP[size])) {
-            IconComponent = PaperclipSIcon;
+            IconComponent = PaperclipSIcon.PaperclipSIcon;
         }
         else {
-            IconComponent = PaperclipMIcon;
+            IconComponent = PaperclipMIcon.PaperclipMIcon;
         }
-        return React.createElement(IconComponent, { className: styles.icon });
+        return React__default.default.createElement(IconComponent, { className: styles__default.default.icon });
     };
-    const handleInputChange = (event) => {
-        const filesArray = event.target.files ? Array.from(event.target.files) : [];
+    var handleInputChange = function (event) {
+        var filesArray = event.target.files ? Array.from(event.target.files) : [];
         if (onChange) {
             onChange(event, { files: filesArray });
         }
@@ -51,7 +63,7 @@ const Attach = React.forwardRef(({ size = 48, accept, buttonContent = 'Выбе
             inputRef.current.value = '';
         }
     };
-    const handleButtonClick = (event) => {
+    var handleButtonClick = function (event) {
         if (labelRef.current) {
             labelRef.current.click();
         }
@@ -62,7 +74,7 @@ const Attach = React.forwardRef(({ size = 48, accept, buttonContent = 'Выбе
             buttonProps.onClick(event);
         }
     };
-    const handleClearClick = (ev) => {
+    var handleClearClick = function (ev) {
         if (uncontrolled) {
             setFiles([]);
         }
@@ -70,28 +82,31 @@ const Attach = React.forwardRef(({ size = 48, accept, buttonContent = 'Выбе
             onClear(ev);
         }
     };
-    const statusTextContent = files.length === 1 ? (truncateFilename(files[0].name, maxFilenameLength)) : (React.createElement("abbr", { className: styles.abbreviation, title: files.map((file) => file.name).join() },
+    var statusTextContent = files.length === 1 ? (utils_index.truncateFilename(files[0].name, maxFilenameLength)) : (React__default.default.createElement("abbr", { className: styles__default.default.abbreviation, title: files.map(function (file) { return file.name; }).join() },
         files.length,
         " ",
-        pluralize(files.length, ...MULTIPLE_TEXTS)));
-    useEffect(() => {
+        utils.pluralize.apply(void 0, tslib.__spreadArray([files.length], MULTIPLE_TEXTS, false))));
+    React.useEffect(function () {
         if (!uncontrolled) {
             setFiles(value || []);
         }
     }, [uncontrolled, value]);
-    return (React.createElement("div", { className: cn(styles.component, styles[SIZE_TO_CLASSNAME_MAP[size]], {
-            [styles.disabled]: disabled,
-        }, className) },
-        React.createElement(Button, { ...buttonProps, size: size, disabled: disabled, view: buttonProps?.view || 'secondary', leftAddons: buttonProps?.leftAddons || getDefaultLeftAddon(), onClick: handleButtonClick, ref: buttonRef },
-            React.createElement("span", null, buttonContent)),
-        React.createElement("label", { className: styles.label, htmlFor: id, ref: labelRef },
-            React.createElement("input", { ...restProps, className: styles.control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs([ref, inputRef]), "data-test-id": dataTestId })),
-        files && files.length > 0 ? (React.createElement("div", { className: cn(styles.file, fileClassName) },
-            React.createElement("span", null, statusTextContent),
-            React.createElement(KeyboardFocusable, null, (targetRef, focused) => (React.createElement("button", { "aria-label": '\u043E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', type: 'button', className: cn(styles.clear, {
-                    [styles.focused]: focused,
-                }), onClick: handleClearClick, ref: targetRef }))),
-            progressBarPercent && (React.createElement(ProgressBar, { className: styles.progressBar, value: progressBarPercent, view: 'positive' })))) : (React.createElement("div", { className: cn(styles.noFile, noFileClassName) }, noFileText))));
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], (_b = {},
+            _b[styles__default.default.disabled] = disabled,
+            _b), className) },
+        React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.view) || 'secondary', leftAddons: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftAddons) || getDefaultLeftAddon(), onClick: handleButtonClick, ref: buttonRef }),
+            React__default.default.createElement("span", null, buttonContent)),
+        React__default.default.createElement("label", { className: styles__default.default.label, htmlFor: id, ref: labelRef },
+            React__default.default.createElement("input", tslib.__assign({}, restProps, { className: styles__default.default.control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs__default.default([ref, inputRef]), "data-test-id": dataTestId }))),
+        files && files.length > 0 ? (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.file, fileClassName) },
+            React__default.default.createElement("span", null, statusTextContent),
+            React__default.default.createElement(coreComponentsKeyboardFocusable.KeyboardFocusable, null, function (targetRef, focused) {
+                var _a;
+                return (React__default.default.createElement("button", { "aria-label": '\u043E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', type: 'button', className: cn__default.default(styles__default.default.clear, (_a = {},
+                        _a[styles__default.default.focused] = focused,
+                        _a)), onClick: handleClearClick, ref: targetRef }));
+            }),
+            progressBarPercent && (React__default.default.createElement(coreComponentsProgressBar.ProgressBar, { className: styles__default.default.progressBar, value: progressBarPercent, view: 'positive' })))) : (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.noFile, noFileClassName) }, noFileText))));
 });
 
-export { Attach };
+exports.Attach = Attach;

package/attach/cssm/index.js

@@ -1,12 +1,7 @@
-export { Attach } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../button/cssm';
-import '../../keyboard-focusable/cssm';
-import '../../progress-bar/cssm';
-import '@alfalab/icons-glyph/PaperclipMIcon';
-import '@alfalab/icons-glyph/PaperclipSIcon';
-import '@alfalab/utils';
-import './utils/index.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Attach = Component.Attach;

package/attach/cssm/utils/index.js

@@ -1,9 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 function truncateFilename(filename, maxFilenameLength) {
     if (maxFilenameLength && filename.length > maxFilenameLength) {
-        const lengthOfPart = Math.round(maxFilenameLength / 2) - 1;
-        return `${filename.substr(0, lengthOfPart)}…${filename.substr(filename.length - lengthOfPart)}`;
+        var lengthOfPart = Math.round(maxFilenameLength / 2) - 1;
+        return "".concat(filename.substr(0, lengthOfPart), "\u2026").concat(filename.substr(filename.length - lengthOfPart));
     }
     return filename;
 }
 
-export { truncateFilename };
+exports.truncateFilename = truncateFilename;

package/backdrop/cssm/Component.js

@@ -1,12 +1,22 @@
-import React, { useRef } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import cn from 'classnames';
-import styles from './index.module.css';
-
-const Backdrop = ({ className, open = false, invisible = false, timeout = 200, children, onClose, dataTestId, transitionClassNames = styles, ...restProps }) => {
-    const nodeRef = useRef(null);
-    return (React.createElement(CSSTransition, { timeout: timeout, unmountOnExit: true, classNames: transitionClassNames, in: !invisible && open, appear: true, ...restProps, nodeRef: nodeRef },
-        React.createElement("div", { ref: nodeRef, "aria-hidden": true, onClick: onClose, "data-test-id": dataTestId, className: cn(styles.backdrop, className) }, children)));
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var cn = require('classnames');
+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 Backdrop = function (_a) {
+    var className = _a.className, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.invisible, invisible = _c === void 0 ? false : _c, _d = _a.timeout, timeout = _d === void 0 ? 200 : _d, children = _a.children, onClose = _a.onClose, dataTestId = _a.dataTestId, _e = _a.transitionClassNames, transitionClassNames = _e === void 0 ? styles__default.default : _e, restProps = tslib.__rest(_a, ["className", "open", "invisible", "timeout", "children", "onClose", "dataTestId", "transitionClassNames"]);
+    var nodeRef = React.useRef(null);
+    return (React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ timeout: timeout, unmountOnExit: true, classNames: transitionClassNames, in: !invisible && open, appear: true }, restProps, { nodeRef: nodeRef }),
+        React__default.default.createElement("div", { ref: nodeRef, "aria-hidden": true, onClick: onClose, "data-test-id": dataTestId, className: cn__default.default(styles__default.default.backdrop, className) }, children)));
 };
 
-export { Backdrop };
+exports.Backdrop = Backdrop;

package/backdrop/cssm/index.js

@@ -1,5 +1,7 @@
-export { Backdrop } from './Component.js';
-import 'react';
-import 'react-transition-group';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Backdrop = Component.Backdrop;

package/badge/cssm/Component.js

@@ -1,6 +1,15 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+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);
 
 function getSize(height) {
     if (height >= 16 && height <= 18)
@@ -19,25 +28,25 @@ function getSize(height) {
  * @deprecated Используйте StatusBadge или Indicator
  */
 // eslint-disable-next-line complexity
-const Badge = ({ className, size = 'm', view, visibleIconOutline = false, visibleColorOutline = false, content, height = 16, iconColor, color = 'accent', iconUnderlayColor = 'static-light', dataTestId, }) => {
-    const isCountView = view === 'count';
-    const isHidden = isCountView && typeof content === 'number' && content <= 0;
-    const componentContent = isCountView && content && content >= 100 ? '99+' : content;
-    const heightSize = getSize(height);
-    return (React.createElement("div", { className: cn(!isCountView && styles.wrapper, iconColor && styles[iconColor], {
-            [styles[size]]: !isCountView,
-            [styles.outline]: !isCountView && visibleIconOutline,
-            [styles.outlineColor]: !isCountView && visibleColorOutline,
-            [styles.countWrapper]: isCountView,
-        }, className), "data-test-id": dataTestId },
-        React.createElement("div", { className: cn(styles.component, styles[size], styles[view], styles[`background-${color}`], styles[`graphic-${iconUnderlayColor}`], iconColor && styles[iconColor], {
-                [styles[heightSize]]: isCountView,
-                [styles.isHidden]: isHidden,
-                [styles.dot]: !content,
-                [styles.outlineCount]: isCountView && visibleIconOutline,
-            }), style: {
-                ...(isCountView && content && { height, minWidth: height }),
-            } }, componentContent)));
+var Badge = function (_a) {
+    var _b, _c;
+    var className = _a.className, _d = _a.size, size = _d === void 0 ? 'm' : _d, view = _a.view, _e = _a.visibleIconOutline, visibleIconOutline = _e === void 0 ? false : _e, _f = _a.visibleColorOutline, visibleColorOutline = _f === void 0 ? false : _f, content = _a.content, _g = _a.height, height = _g === void 0 ? 16 : _g, iconColor = _a.iconColor, _h = _a.color, color = _h === void 0 ? 'accent' : _h, _j = _a.iconUnderlayColor, iconUnderlayColor = _j === void 0 ? 'static-light' : _j, dataTestId = _a.dataTestId;
+    var isCountView = view === 'count';
+    var isHidden = isCountView && typeof content === 'number' && content <= 0;
+    var componentContent = isCountView && content && content >= 100 ? '99+' : content;
+    var heightSize = getSize(height);
+    return (React__default.default.createElement("div", { className: cn__default.default(!isCountView && styles__default.default.wrapper, iconColor && styles__default.default[iconColor], (_b = {},
+            _b[styles__default.default[size]] = !isCountView,
+            _b[styles__default.default.outline] = !isCountView && visibleIconOutline,
+            _b[styles__default.default.outlineColor] = !isCountView && visibleColorOutline,
+            _b[styles__default.default.countWrapper] = isCountView,
+            _b), className), "data-test-id": dataTestId },
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[size], styles__default.default[view], styles__default.default["background-".concat(color)], styles__default.default["graphic-".concat(iconUnderlayColor)], iconColor && styles__default.default[iconColor], (_c = {},
+                _c[styles__default.default[heightSize]] = isCountView,
+                _c[styles__default.default.isHidden] = isHidden,
+                _c[styles__default.default.dot] = !content,
+                _c[styles__default.default.outlineCount] = isCountView && visibleIconOutline,
+                _c)), style: tslib.__assign({}, (isCountView && content && { height: height, minWidth: height })) }, componentContent)));
 };
 
-export { Badge };
+exports.Badge = Badge;