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

package/indicator/cssm/Component.js

@@ -1,6 +1,57 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 function getSize(height, value) {
     if (!height) {
@@ -41,7 +92,7 @@ function borderStyles(border, view) {
         outlineStyle: 'solid',
     };
 }
-const SIZE_TO_CLASSNAME_MAP = {
+var SIZE_TO_CLASSNAME_MAP = {
     xs: 'size-8',
     s: 'size-20',
     m: 'size-24',
@@ -53,18 +104,14 @@ const SIZE_TO_CLASSNAME_MAP = {
     40: 'size-40',
     48: 'size-48',
 };
-const Indicator = forwardRef(({ value, view, color, backgroundColor, height, border, className, dataTestId, style, size = getSize(height, value), ...restProps }, ref) => {
-    const showContent = typeof value !== 'undefined' && SIZE_TO_CLASSNAME_MAP[size] !== 'size-8';
-    return (React.createElement("div", { ref: ref, className: cn(styles.component, styles[SIZE_TO_CLASSNAME_MAP[size]], view && styles[view], border === true && styles.border, className), style: {
-            ...style,
-            ...(!view && {
-                backgroundColor,
-                color,
-            }),
-            height,
-            minWidth: height,
-            ...borderStyles(border, view),
-        }, "data-test-id": dataTestId, ...restProps }, showContent && React.createElement("span", { className: styles.content }, formatValue(value))));
+var Indicator = React.forwardRef(function (_a, ref) {
+    var value = _a.value, view = _a.view, color = _a.color, backgroundColor = _a.backgroundColor, height = _a.height, border = _a.border, className = _a.className, dataTestId = _a.dataTestId, style = _a.style, _b = _a.size, size = _b === void 0 ? getSize(height, value) : _b, restProps = __rest(_a, ["value", "view", "color", "backgroundColor", "height", "border", "className", "dataTestId", "style", "size"]);
+    var showContent = typeof value !== 'undefined' && SIZE_TO_CLASSNAME_MAP[size] !== 'size-8';
+    return (React__default.default.createElement("div", __assign({ ref: ref, className: cn__default.default(styles__default.default.component, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], view && styles__default.default[view], border === true && styles__default.default.border, className), style: __assign(__assign(__assign(__assign({}, style), (!view && {
+            backgroundColor: backgroundColor,
+            color: color,
+        })), { height: height, minWidth: height }), borderStyles(border, view)), "data-test-id": dataTestId }, restProps), showContent && React__default.default.createElement("span", { className: styles__default.default.content }, formatValue(value))));
 });
 
-export { Indicator, SIZE_TO_CLASSNAME_MAP };
+exports.Indicator = Indicator;
+exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;

package/indicator/cssm/index.js

@@ -1,4 +1,8 @@
-export { Indicator, SIZE_TO_CLASSNAME_MAP } from './Component.js';
-import 'react';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Indicator = Component.Indicator;
+exports.SIZE_TO_CLASSNAME_MAP = Component.SIZE_TO_CLASSNAME_MAP;

package/input/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Input = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.InputDesktop : mobile_Component_mobile.InputMobile;

package/input/components/base-input/Component.d.ts

@@ -140,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/input/cssm/Component.responsive.js

@@ -1,32 +1,22 @@
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { InputDesktop } from './desktop/Component.desktop.js';
-import { InputMobile } from './mobile/Component.mobile.js';
-import '../../form-control/cssm/desktop';
-import './components/base-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../badge/cssm';
-import '../../shared/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import './components/clear-button/Component.js';
-import '../../button/cssm';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import './components/clear-button/default.module.css';
-import './components/clear-button/index.module.css';
-import './components/clear-button/inverted.module.css';
-import './components/base-input/default.module.css';
-import './components/base-input/index.module.css';
-import './components/base-input/inverted.module.css';
-import '../../form-control/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Input = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
-    const Component = isDesktop ? InputDesktop : InputMobile;
-    return React.createElement(Component, { ref: ref, ...restProps });
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/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 Input = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
+    var Component = isDesktop ? desktop_Component_desktop.InputDesktop : mobile_Component_mobile.InputMobile;
+    return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });
 
-export { Input };
+exports.Input = Input;

package/input/cssm/components/base-input/Component.d.ts

@@ -140,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

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

@@ -1,26 +1,33 @@
-import React, { useRef, useState, useCallback, Fragment } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Badge } from '../../../../badge/cssm';
-import { getDataTestId } from '../../../../shared/cssm';
-import { useFocus } from '@alfalab/hooks';
-import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import { ClearButton } from '../clear-button/Component.js';
-import defaultColors from './default.module.css';
-import styles from './index.module.css';
-import invertedColors from './inverted.module.css';
-import '../../../../button/cssm';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import '../clear-button/default.module.css';
-import '../clear-button/index.module.css';
-import '../clear-button/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorCommonStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsBadge = require('../../../../badge/cssm');
+var coreComponentsShared = require('../../../../shared/cssm');
+var hooks = require('@alfalab/hooks');
+var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
+var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
+var components_clearButton_Component = require('../clear-button/Component.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 mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+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 colorCommonStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const SIZE_TO_CLASSNAME_MAP = {
+var SIZE_TO_CLASSNAME_MAP = {
     s: 'size-48',
     m: 'size-56',
     l: 'size-64',
@@ -30,19 +37,21 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, colors = 'default', bottomAddons, dataTestId, clear = false, disabled, error, success, hint, className, fieldClassName, inputClassName, labelClassName, addonsClassName, rightAddonsProps, leftAddonsProps, focusedClassName, filledClassName, label, labelView = 'inner', leftAddons, onFocus, onBlur, onChange, onClear, onClick, onMouseDown, onMouseUp, onAnimationStart, rightAddons, value, defaultValue, wrapperRef, readOnly: readOnlyProp, FormControlComponent, disableUserInput, ...restProps }, ref) => {
-    const uncontrolled = value === undefined;
-    const readOnly = readOnlyProp || disableUserInput;
-    const inputRef = useRef(null);
-    const [focusVisible] = useFocus(inputRef, 'keyboard');
-    const [focused, setFocused] = useState(restProps.autoFocus);
-    const [stateValue, setStateValue] = useState(defaultValue || '');
-    const filled = Boolean(uncontrolled ? stateValue : value);
-    const [autofilled, setAutofilled] = useState(false);
+var BaseInput = React__default.default.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.type, type = _e === void 0 ? 'text' : _e, _f = _a.block, block = _f === void 0 ? false : _f, _g = _a.colors, colors = _g === void 0 ? 'default' : _g, bottomAddons = _a.bottomAddons, dataTestId = _a.dataTestId, _h = _a.clear, clear = _h === void 0 ? false : _h, disabled = _a.disabled, error = _a.error, success = _a.success, hint = _a.hint, className = _a.className, fieldClassName = _a.fieldClassName, inputClassName = _a.inputClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, rightAddonsProps = _a.rightAddonsProps, leftAddonsProps = _a.leftAddonsProps, focusedClassName = _a.focusedClassName, filledClassName = _a.filledClassName, label = _a.label, _j = _a.labelView, labelView = _j === void 0 ? 'inner' : _j, leftAddons = _a.leftAddons, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onClear = _a.onClear, onClick = _a.onClick, onMouseDown = _a.onMouseDown, onMouseUp = _a.onMouseUp, onAnimationStart = _a.onAnimationStart, rightAddons = _a.rightAddons, value = _a.value, defaultValue = _a.defaultValue, wrapperRef = _a.wrapperRef, readOnlyProp = _a.readOnly, FormControlComponent = _a.FormControlComponent, disableUserInput = _a.disableUserInput, restProps = tslib.__rest(_a, ["size", "type", "block", "colors", "bottomAddons", "dataTestId", "clear", "disabled", "error", "success", "hint", "className", "fieldClassName", "inputClassName", "labelClassName", "addonsClassName", "rightAddonsProps", "leftAddonsProps", "focusedClassName", "filledClassName", "label", "labelView", "leftAddons", "onFocus", "onBlur", "onChange", "onClear", "onClick", "onMouseDown", "onMouseUp", "onAnimationStart", "rightAddons", "value", "defaultValue", "wrapperRef", "readOnly", "FormControlComponent", "disableUserInput"]);
+    var uncontrolled = value === undefined;
+    var readOnly = readOnlyProp || disableUserInput;
+    var inputRef = React.useRef(null);
+    var focusVisible = hooks.useFocus(inputRef, 'keyboard')[0];
+    var _k = React.useState(restProps.autoFocus), focused = _k[0], setFocused = _k[1];
+    var _l = React.useState(defaultValue || ''), stateValue = _l[0], setStateValue = _l[1];
+    var filled = Boolean(uncontrolled ? stateValue : value);
+    var _m = React.useState(false), autofilled = _m[0], setAutofilled = _m[1];
     // отображаем крестик только для заполненного и активного инпута
-    const clearButtonVisible = clear && filled && !disabled && !readOnly;
-    const hasInnerLabel = label && labelView === 'inner';
-    const handleInputFocus = useCallback((event) => {
+    var clearButtonVisible = clear && filled && !disabled && !readOnly;
+    var hasInnerLabel = label && labelView === 'inner';
+    var handleInputFocus = React.useCallback(function (event) {
         if (!readOnly) {
             setFocused(true);
         }
@@ -50,13 +59,13 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
             onFocus(event);
         }
     }, [onFocus, readOnly]);
-    const handleInputBlur = useCallback((event) => {
+    var handleInputBlur = React.useCallback(function (event) {
         setFocused(false);
         if (onBlur) {
             onBlur(event);
         }
     }, [onBlur]);
-    const handleInputChange = useCallback((event) => {
+    var handleInputChange = React.useCallback(function (event) {
         if (onChange) {
             onChange(event, { value: event.target.value });
         }
@@ -64,7 +73,7 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
             setStateValue(event.target.value);
         }
     }, [onChange, uncontrolled]);
-    const handleClear = useCallback((event) => {
+    var handleClear = React.useCallback(function (event) {
         if (!clearButtonVisible)
             return;
         if (uncontrolled) {
@@ -77,32 +86,32 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
             inputRef.current.focus();
         }
     }, [clearButtonVisible, focused, onClear, uncontrolled]);
-    const handleAnimationStart = useCallback((event) => {
+    var handleAnimationStart = React.useCallback(function (event) {
         if (onAnimationStart) {
             onAnimationStart(event);
         }
         setAutofilled(event.animationName.includes('start'));
     }, [onAnimationStart]);
-    const renderRightAddons = () => {
-        const addonsVisible = clearButtonVisible || rightAddons || error || success;
-        return (addonsVisible && (React.createElement(Fragment, null,
-            clearButtonVisible && (React.createElement(ClearButton, { onClick: handleClear, disabled: disabled, colors: colors })),
+    var renderRightAddons = function () {
+        var addonsVisible = clearButtonVisible || rightAddons || error || success;
+        return (addonsVisible && (React__default.default.createElement(React.Fragment, null,
+            clearButtonVisible && (React__default.default.createElement(components_clearButton_Component.ClearButton, { onClick: handleClear, disabled: disabled, colors: colors })),
             rightAddons,
-            error && (React.createElement("div", { className: styles.errorIcon, "data-addon": 'error-icon' },
-                React.createElement(Badge, { view: 'icon', size: 'm', iconColor: 'negative', content: React.createElement(ExclamationCircleMIcon, { className: styles.errorColorIcon }) }))),
-            success && !error && (React.createElement("div", { className: styles.successIcon },
-                React.createElement(Badge, { view: 'icon', size: 'm', iconColor: 'positive', content: React.createElement(CheckmarkCircleMIcon, { className: styles.successColorIcon }) }))))));
+            error && (React__default.default.createElement("div", { className: styles__default.default.errorIcon, "data-addon": 'error-icon' },
+                React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', size: 'm', iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, { className: styles__default.default.errorColorIcon }) }))),
+            success && !error && (React__default.default.createElement("div", { className: styles__default.default.successIcon },
+                React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', size: 'm', iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default.default.successColorIcon }) }))))));
     };
-    return FormControlComponent ? (React.createElement(FormControlComponent, { ref: wrapperRef, className: cn(className, focused && focusedClassName, filled && filledClassName), fieldClassName: cn(fieldClassName, {
-            [styles.focusVisible]: focusVisible,
-        }), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
-        React.createElement("input", { ...restProps, className: cn(styles.input, colorCommonStyles[colors].input, {
-                [colorCommonStyles[colors].disableUserInput]: disableUserInput,
-                [colorCommonStyles[colors].error]: error,
-                [styles[SIZE_TO_CLASSNAME_MAP[size]]]: hasInnerLabel,
-                [styles.hasInnerLabel]: hasInnerLabel,
-                [colorCommonStyles[colors].hasInnerLabel]: hasInnerLabel,
-            }, inputClassName), disabled: disabled, onBlur: handleInputBlur, onFocus: handleInputFocus, onChange: handleInputChange, onAnimationStart: handleAnimationStart, ref: mergeRefs([ref, inputRef]), type: type, value: uncontrolled ? stateValue : value, readOnly: readOnly, "data-test-id": dataTestId, "aria-label": typeof label === 'string' ? label : undefined }))) : null;
+    return FormControlComponent ? (React__default.default.createElement(FormControlComponent, { ref: wrapperRef, className: cn__default.default(className, focused && focusedClassName, filled && filledClassName), fieldClassName: cn__default.default(fieldClassName, (_b = {},
+            _b[styles__default.default.focusVisible] = focusVisible,
+            _b)), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
+        React__default.default.createElement("input", tslib.__assign({}, restProps, { className: cn__default.default(styles__default.default.input, colorCommonStyles[colors].input, (_c = {},
+                _c[colorCommonStyles[colors].disableUserInput] = disableUserInput,
+                _c[colorCommonStyles[colors].error] = error,
+                _c[styles__default.default[SIZE_TO_CLASSNAME_MAP[size]]] = hasInnerLabel,
+                _c[styles__default.default.hasInnerLabel] = hasInnerLabel,
+                _c[colorCommonStyles[colors].hasInnerLabel] = hasInnerLabel,
+                _c), inputClassName), disabled: disabled, onBlur: handleInputBlur, onFocus: handleInputFocus, onChange: handleInputChange, onAnimationStart: handleAnimationStart, ref: mergeRefs__default.default([ref, inputRef]), type: type, value: uncontrolled ? stateValue : value, readOnly: readOnly, "data-test-id": dataTestId, "aria-label": typeof label === 'string' ? label : undefined })))) : null;
 });
 
-export { BaseInput };
+exports.BaseInput = BaseInput;

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

@@ -1,18 +1,7 @@
-export { BaseInput } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../../badge/cssm';
-import '../../../../shared/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import '../clear-button/Component.js';
-import '../../../../button/cssm';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import '../clear-button/default.module.css';
-import '../clear-button/index.module.css';
-import '../clear-button/inverted.module.css';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseInput_Component = require('./Component.js');
+
+
+
+exports.BaseInput = components_baseInput_Component.BaseInput;

package/input/cssm/components/clear-button/Component.js

@@ -1,17 +1,30 @@
-import React from 'react';
-import cn from 'classnames';
-import { Button } from '../../../../button/cssm';
-import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
-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 React = require('react');
+var cn = require('classnames');
+var coreComponentsButton = require('../../../../button/cssm');
+var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
+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,
+};
+var preventDefault = function (e) { return e.preventDefault(); };
+var ClearButton = function (_a) {
+    var colors = _a.colors, disabled = _a.disabled, onClick = _a.onClick;
+    return (React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles__default.default.clearButton, onClick: onClick, tabIndex: -1, onMouseDown: preventDefault },
+        React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default.default(styles__default.default.clearIcon, colorStyles[colors].clearIcon) })));
 };
-const preventDefault = (e) => e.preventDefault();
-const ClearButton = ({ colors, disabled, onClick }) => (React.createElement(Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: onClick, tabIndex: -1, onMouseDown: preventDefault },
-    React.createElement(CrossCircleMIcon, { className: cn(styles.clearIcon, colorStyles[colors].clearIcon) })));
 
-export { ClearButton };
+exports.ClearButton = ClearButton;

package/input/cssm/components/clear-button/index.js

@@ -1,8 +1,7 @@
-export { ClearButton } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../button/cssm';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_clearButton_Component = require('./Component.js');
+
+
+
+exports.ClearButton = components_clearButton_Component.ClearButton;

package/input/cssm/desktop/Component.desktop.js

@@ -1,23 +1,14 @@
-import React, { forwardRef } from 'react';
-import { FormControlDesktop } from '../../../form-control/cssm/desktop';
-import { BaseInput } from '../components/base-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../badge/cssm';
-import '../../../shared/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import '../components/clear-button/Component.js';
-import '../../../button/cssm';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import '../components/clear-button/default.module.css';
-import '../components/clear-button/index.module.css';
-import '../components/clear-button/inverted.module.css';
-import '../components/base-input/default.module.css';
-import '../components/base-input/index.module.css';
-import '../components/base-input/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const InputDesktop = forwardRef((restProps, ref) => (React.createElement(BaseInput, { ...restProps, FormControlComponent: FormControlDesktop, ref: ref })));
+var tslib = require('tslib');
+var React = require('react');
+var desktop = require('../../../form-control/cssm/desktop');
+var components_baseInput_Component = require('../components/base-input/Component.js');
 
-export { InputDesktop };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var InputDesktop = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_baseInput_Component.BaseInput, tslib.__assign({}, restProps, { FormControlComponent: desktop.FormControlDesktop, ref: ref }))); });
+
+exports.InputDesktop = InputDesktop;

package/input/cssm/desktop/index.js

@@ -1,20 +1,7 @@
-export { InputDesktop } from './Component.desktop.js';
-import 'react';
-import '../../../form-control/cssm/desktop';
-import '../components/base-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../badge/cssm';
-import '../../../shared/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import '../components/clear-button/Component.js';
-import '../../../button/cssm';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import '../components/clear-button/default.module.css';
-import '../components/clear-button/index.module.css';
-import '../components/clear-button/inverted.module.css';
-import '../components/base-input/default.module.css';
-import '../components/base-input/index.module.css';
-import '../components/base-input/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.InputDesktop = desktop_Component_desktop.InputDesktop;

package/input/cssm/index.js

@@ -1,24 +1,7 @@
-export { Input } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './desktop/Component.desktop.js';
-import '../../form-control/cssm/desktop';
-import './components/base-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../badge/cssm';
-import '../../shared/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import './components/clear-button/Component.js';
-import '../../button/cssm';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import './components/clear-button/default.module.css';
-import './components/clear-button/index.module.css';
-import './components/clear-button/inverted.module.css';
-import './components/base-input/default.module.css';
-import './components/base-input/index.module.css';
-import './components/base-input/inverted.module.css';
-import './mobile/Component.mobile.js';
-import '../../form-control/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.Input = Component_responsive.Input;

package/input/cssm/mobile/Component.mobile.js

@@ -1,23 +1,14 @@
-import React, { forwardRef } from 'react';
-import { FormControlMobile } from '../../../form-control/cssm/mobile';
-import { BaseInput } from '../components/base-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../badge/cssm';
-import '../../../shared/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import '../components/clear-button/Component.js';
-import '../../../button/cssm';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import '../components/clear-button/default.module.css';
-import '../components/clear-button/index.module.css';
-import '../components/clear-button/inverted.module.css';
-import '../components/base-input/default.module.css';
-import '../components/base-input/index.module.css';
-import '../components/base-input/inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const InputMobile = forwardRef((restProps, ref) => (React.createElement(BaseInput, { ...restProps, FormControlComponent: FormControlMobile, ref: ref })));
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('../../../form-control/cssm/mobile');
+var components_baseInput_Component = require('../components/base-input/Component.js');
 
-export { InputMobile };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var InputMobile = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_baseInput_Component.BaseInput, tslib.__assign({}, restProps, { FormControlComponent: mobile.FormControlMobile, ref: ref }))); });
+
+exports.InputMobile = InputMobile;