@sima-land/ui-nucleons 45.0.0-alpha.0 → 45.0.0-alpha.10

package/autocomplete/autocomplete.js

@@ -1,44 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const dropdown_1 = require("../dropdown");
 const dropdown_item_1 = require("../dropdown-item");
 const utils_1 = require("../dropdown-item/utils");
@@ -48,24 +15,23 @@ const input_1 = require("../input");
 const hooks_1 = require("../hooks");
 const utils_2 = require("../dropdown/utils");
 const events_1 = require("../helpers/events");
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
+const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Down"));
+const Up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Up"));
 const autocomplete_module_scss_1 = __importDefault(require("./autocomplete.module.scss"));
 /**
  * Поле ввода с подсказками.
  * @param props Свойства.
  * @return Элемент.
  */
-function Autocomplete(_a) {
-    var { 
-    // specific Autocomplete props:
-    children, loading, filterOption = defaultFilterOption, dropdownProps, 
-    // rest props:
-    autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd = getDefaultAdornmentEnd, baseInputProps } = _a, restProps = __rest(_a, ["children", "loading", "filterOption", "dropdownProps", "autoComplete", "autoFocus", "defaultValue", "disabled", "id", "name", "onBlur", "onChange", "onFocus", "onInput", "placeholder", "readOnly", "required", "type", "value", "adornmentEnd", "baseInputProps"]);
+function Autocomplete({ 
+// specific Autocomplete props:
+children, loading, filterOption = defaultFilterOption, dropdownProps, 
+// rest props:
+autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd = getDefaultAdornmentEnd, baseInputProps, ...restProps }) {
     const inputRef = (0, react_1.useRef)(null);
     const [needMenu, setNeedMenu] = (0, react_1.useState)(false);
-    const _b = (0, react_2.useFloating)(Object.assign({ open: needMenu }, (0, utils_2.dropdownFloatingConfig)())), { refs } = _b, floating = __rest(_b, ["refs"]);
-    const floatingStyle = (0, utils_2.useDropdownFloatingStyle)(Object.assign({ refs }, floating));
+    const { refs, ...floating } = (0, react_2.useFloating)({ open: needMenu, ...(0, utils_2.dropdownFloatingConfig)() });
+    const floatingStyle = (0, utils_2.useDropdownFloatingStyle)({ refs, ...floating });
     const [activeIndex, setActiveIndex] = (0, react_1.useState)(-1);
     const [currentValue, setCurrentValue] = (0, react_1.useState)(() => { var _a; return `${(_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : ''}`; });
     const items = react_1.Children.toArray(children).filter((item) => utils_1.DropdownItemUtils.is(item) && filterOption(item, currentValue));
@@ -120,54 +86,50 @@ function Autocomplete(_a) {
             }
         }
     }, [menuShown, activeIndex, items, selectItem, onKeyDown]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(input_1.Input, Object.assign({}, restProps, {
-            autoComplete,
-            autoFocus,
-            defaultValue,
-            disabled,
-            id,
-            name,
-            onInput,
-            placeholder,
-            readOnly,
-            required,
-            type,
-            value,
-        }, { inputRef: inputRef, blockRef: refs.setReference, onFocus: e => {
-                onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-                setNeedMenu(true);
-            }, onBlur: e => {
-                onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                setNeedMenu(false);
-                setActiveIndex(-1);
-            }, onChange: e => {
-                onChange === null || onChange === void 0 ? void 0 : onChange(e);
-                setNeedMenu(true);
-                setActiveIndex(-1);
-                setCurrentValue(e.target.value);
-            }, 
-            // @todo выяснить надо ли переключать меню при клике и раскомментировать/убрать
-            // blockProps={{
-            //   onMouseDown: () => {
-            //     !disabled && setNeedMenu(a => !a);
-            //   },
-            // }}
-            baseInputProps: Object.assign(Object.assign({}, baseInputProps), { onKeyDown: handleKeyDown }), adornmentEnd: typeof adornmentEnd === 'function' ? adornmentEnd({ menuShown }) : adornmentEnd })),
-        react_1.default.createElement(react_2.FloatingPortal, { id: '' }, menuShown && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({ ref: refs.setFloating }, dropdownProps, { style: Object.assign(Object.assign({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style), floatingStyle) }),
-            !loading &&
-                items.length > 0 &&
-                items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, Object.assign({ key: index, checked: index === activeIndex }, item.props, { onMouseDown: e => {
-                        var _a, _b;
-                        e.preventDefault();
-                        (_b = (_a = item.props).onMouseDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-                    }, onClick: e => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(input_1.Input, { ...restProps, autoComplete,
+                autoFocus,
+                defaultValue,
+                disabled,
+                id,
+                name,
+                onInput,
+                placeholder,
+                readOnly,
+                required,
+                type,
+                value, inputRef: inputRef, blockRef: refs.setReference, onFocus: e => {
+                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                    setNeedMenu(true);
+                }, onBlur: e => {
+                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+                    setNeedMenu(false);
+                    setActiveIndex(-1);
+                }, onChange: e => {
+                    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+                    setNeedMenu(true);
+                    setActiveIndex(-1);
+                    setCurrentValue(e.target.value);
+                }, blockProps: {
+                    ...restProps.blockProps,
+                    onMouseDown: event => {
                         var _a, _b;
-                        (_b = (_a = item.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-                        !e.defaultPrevented && selectItem(item);
-                    } })))),
-            !loading && items.length === 0 && (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 's', noHover: true }, "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E")),
-            loading && react_1.default.createElement(dropdown_loading_1.DropdownLoading, null))))));
+                        !disabled && setNeedMenu(a => !a);
+                        (_b = (_a = restProps.blockProps) === null || _a === void 0 ? void 0 : _a.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+                    },
+                }, baseInputProps: {
+                    ...baseInputProps,
+                    onKeyDown: handleKeyDown,
+                }, adornmentEnd: typeof adornmentEnd === 'function' ? adornmentEnd({ menuShown }) : adornmentEnd }), (0, jsx_runtime_1.jsx)(react_2.FloatingPortal, { id: '', children: menuShown && ((0, jsx_runtime_1.jsxs)(dropdown_1.Dropdown, { ref: refs.setFloating, ...dropdownProps, style: { ...dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style, ...floatingStyle }, children: [!loading &&
+                            items.length > 0 &&
+                            items.map((item, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { checked: index === activeIndex, ...item.props, onMouseDown: e => {
+                                    var _a, _b;
+                                    e.preventDefault();
+                                    (_b = (_a = item.props).onMouseDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                                }, onClick: e => {
+                                    var _a, _b;
+                                    (_b = (_a = item.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                                    !e.defaultPrevented && selectItem(item);
+                                } }, index))), !loading && items.length === 0 && ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: 's', noHover: true, children: "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })), loading && (0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, {})] })) })] }));
 }
 exports.Autocomplete = Autocomplete;
 /**
@@ -185,6 +147,7 @@ function defaultFilterOption(item, inputValue) {
  * @return Элемент.
  */
 function getDefaultAdornmentEnd(data) {
-    const ArrowSVG = data.menuShown ? up_1.default : down_1.default;
-    return react_1.default.createElement(ArrowSVG, { className: autocomplete_module_scss_1.default.arrow, "data-testid": 'autocomplete:arrow-up' });
+    const ArrowSVG = data.menuShown ? Up_1.default : Down_1.default;
+    return (0, jsx_runtime_1.jsx)(ArrowSVG, { className: autocomplete_module_scss_1.default.arrow, "data-testid": 'autocomplete:arrow-up' });
 }
+//# sourceMappingURL=autocomplete.js.map

package/autocomplete/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../src/autocomplete/autocomplete.tsx"],"names":[],"mappings":"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"}

package/autocomplete/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
 var autocomplete_1 = require("./autocomplete");
 Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return autocomplete_1.Autocomplete; } });
+//# sourceMappingURL=index.js.map

package/autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";;;AACA,+CAA8C;AAArC,4GAAA,YAAY,OAAA"}

package/autocomplete/types.d.ts

@@ -1,9 +1,8 @@
 import type { ReactNode } from 'react';
 import type { DropdownProps } from '../dropdown';
 import type { DropdownItemElement } from '../dropdown-item/types';
-import type { FieldBlockProps } from '../field-block';
 import type { InputProps } from '../input';
-export interface AutocompleteProps extends InputProps {
+export interface AutocompleteProps extends Omit<InputProps, 'adornmentEnd'> {
     /** Содержимое. */
     children?: ReactNode;
     /** Выводить вместо списка спиннер. */
@@ -11,7 +10,7 @@ export interface AutocompleteProps extends InputProps {
     /** Получив опцию должен определить, нужно ли выводить ее в списке. */
     filterOption?: (option: DropdownItemElement, inputValue: string) => boolean;
     /** Украшение после основного содержимого. */
-    adornmentEnd?: FieldBlockProps['adornmentEnd'] | ((data: {
+    adornmentEnd?: ReactNode | ((data: {
         menuShown: boolean;
     }) => ReactNode);
     /** Свойства выпадающего списка. */

package/autocomplete/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/autocomplete/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/autocomplete/types.ts"],"names":[],"mappings":""}

package/autocomplete-deprecated/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { DropdownItemProps } from '../dropdown-item';
 import { TextFieldProps } from '../text-field';
 export interface AutocompleteProps extends Omit<TextFieldProps, 'ref' | 'value' | 'defaultValue'> {
@@ -25,4 +25,4 @@ export interface AutocompleteProps extends Omit<TextFieldProps, 'ref' | 'value'
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const Autocomplete: ({ items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem, preset, "data-testid": dataTestId, ...restProps }: AutocompleteProps) => JSX.Element;
+export declare const Autocomplete: ({ items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem, preset, "data-testid": dataTestId, ...restProps }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;

package/autocomplete-deprecated/index.js

@@ -1,50 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const dropdown_1 = require("../dropdown");
 const dropdown_item_1 = require("../dropdown-item");
 const text_field_1 = require("../text-field");
 const dropdown_2 = require("../_internal/utils/dropdown");
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
+const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Down"));
+const Up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Up"));
 const dropdown_loading_1 = require("../_internal/dropdown-loading");
 const bind_1 = __importDefault(require("classnames/bind"));
 const autocomplete_module_scss_1 = __importDefault(require("./autocomplete.module.scss"));
@@ -55,8 +22,7 @@ const cx = bind_1.default.bind(autocomplete_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-const Autocomplete = (_a) => {
-    var { items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId } = _a, restProps = __rest(_a, ["items", "itemSize", "onSelect", "onChange", "onKeyDown", "style", "className", "value", "defaultValue", "loading", "renderItem", "preset", 'data-testid']);
+const Autocomplete = ({ items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId, ...restProps }) => {
     const osComponentRef = (0, react_1.useRef)(null);
     const fieldRef = (0, react_1.useRef)(null);
     const menuRef = (0, react_1.useRef)(null);
@@ -64,7 +30,7 @@ const Autocomplete = (_a) => {
     const [realValue, setRealValue] = (0, react_1.useState)(value || defaultValue);
     const [activeIndex, setActiveIndex] = (0, react_1.useState)(null);
     const needMenu = preset === 'filled-only-list' ? withMenu && realValue && realValue.length > 0 : withMenu;
-    const arrowIcon = needMenu ? (react_1.default.createElement(up_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-up' })) : (react_1.default.createElement(down_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-down' }));
+    const arrowIcon = needMenu ? ((0, jsx_runtime_1.jsx)(Up_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-up' })) : ((0, jsx_runtime_1.jsx)(Down_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-down' }));
     const endAdornment = preset === 'default' ? arrowIcon : undefined;
     (0, react_1.useEffect)(() => {
         setRealValue(value);
@@ -85,46 +51,45 @@ const Autocomplete = (_a) => {
                 });
         }
     }, [activeIndex]);
-    return (react_1.default.createElement("div", { style: style, className: cx('root', className), "data-testid": dataTestId },
-        react_1.default.createElement(text_field_1.TextField, Object.assign({}, restProps, { ref: fieldRef, focused: withMenu, endAdornment: endAdornment, "data-testid": 'autocomplete:field', variant: 'desktop', value: realValue, multiline: false, className: cx('field'), onFocus: () => {
-                toggleMenu(true);
-                setActiveIndex(null);
-            }, onBlur: () => {
-                toggleMenu(false);
-            }, onChange: (event) => {
-                setRealValue(event.target.value);
-                setActiveIndex(0);
-                onChange === null || onChange === void 0 ? void 0 : onChange(event);
-            }, onKeyDown: (event) => {
-                const size = (items === null || items === void 0 ? void 0 : items.length) || 0;
-                let nextIndex;
-                switch (event.key) {
-                    case 'ArrowDown':
-                        nextIndex = (activeIndex !== null ? size + activeIndex + 1 : 0) % size;
-                        break;
-                    case 'ArrowUp':
-                        nextIndex = (size + Number(activeIndex) - 1) % size;
-                        break;
-                    case 'Enter':
-                        if (items && activeIndex !== null && items.length > activeIndex) {
-                            onSelect && onSelect(items[activeIndex]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('root', className), "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsx)(text_field_1.TextField, { ...restProps, ref: fieldRef, focused: withMenu, endAdornment: endAdornment, "data-testid": 'autocomplete:field', variant: 'desktop', value: realValue, multiline: false, className: cx('field'), onFocus: () => {
+                    toggleMenu(true);
+                    setActiveIndex(null);
+                }, onBlur: () => {
+                    toggleMenu(false);
+                }, onChange: (event) => {
+                    setRealValue(event.target.value);
+                    setActiveIndex(0);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
+                }, onKeyDown: (event) => {
+                    const size = (items === null || items === void 0 ? void 0 : items.length) || 0;
+                    let nextIndex;
+                    switch (event.key) {
+                        case 'ArrowDown':
+                            nextIndex = (activeIndex !== null ? size + activeIndex + 1 : 0) % size;
+                            break;
+                        case 'ArrowUp':
+                            nextIndex = (size + Number(activeIndex) - 1) % size;
+                            break;
+                        case 'Enter':
+                            if (items && activeIndex !== null && items.length > activeIndex) {
+                                onSelect && onSelect(items[activeIndex]);
+                                toggleMenu(false);
+                            }
+                            break;
+                    }
+                    if (typeof nextIndex === 'number') {
+                        event.preventDefault(); // не даём каретке в поле перемещаться
+                        setActiveIndex(nextIndex);
+                    }
+                    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+                } }), needMenu && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...(0, dropdown_2.placeDropdown)(restProps.size), ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef }, children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items && items.length > 0 ? (items.map((item, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: itemSize, role: 'menuitem', checked: index === activeIndex, onMouseDown: event => {
+                            // чтобы при нажатии на опцию предотвратить blur на поле
+                            event.preventDefault();
+                        }, onClick: () => {
+                            onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
+                            setActiveIndex(null);
                             toggleMenu(false);
-                        }
-                        break;
-                }
-                if (typeof nextIndex === 'number') {
-                    event.preventDefault(); // не даём каретке в поле перемещаться
-                    setActiveIndex(nextIndex);
-                }
-                onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-            } })),
-        needMenu && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(restProps.size), { ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : (react_1.default.createElement(react_1.default.Fragment, null, items && items.length > 0 ? (items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: itemSize, key: index, role: 'menuitem', checked: index === activeIndex, onMouseDown: event => {
-                // чтобы при нажатии на опцию предотвратить blur на поле
-                event.preventDefault();
-            }, onClick: () => {
-                onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
-                setActiveIndex(null);
-                toggleMenu(false);
-            } }, renderItem(item))))) : (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 'm', noHover: true }, "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"))))))));
+                        }, children: renderItem(item) }, index)))) : ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: 'm', noHover: true, children: "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })) })) }))] }));
 };
 exports.Autocomplete = Autocomplete;
+//# sourceMappingURL=index.js.map

package/autocomplete-deprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/autocomplete-deprecated/index.tsx"],"names":[],"mappings":"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"}

package/avatar/avatar.d.ts

@@ -0,0 +1,7 @@
+import { AvatarProps } from '.';
+/**
+ * Компонент аватара.
+ * @param props Свойства компонента.
+ * @return Элемент.
+ */
+export declare function Avatar({ src, className, style, children, 'data-testid': testId, }: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/avatar/avatar.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const bind_1 = __importDefault(require("classnames/bind"));
+const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
+const cx = bind_1.default.bind(avatar_module_scss_1.default);
+/**
+ * Компонент аватара.
+ * @param props Свойства компонента.
+ * @return Элемент.
+ */
+function Avatar({ src, className, style, children, 'data-testid': testId = 'avatar', }) {
+    const [needImage, toggleNeedImage] = (0, react_1.useState)(() => Boolean(src));
+    (0, react_1.useEffect)(() => {
+        toggleNeedImage(Boolean(src));
+    }, [src]);
+    const rootClassName = cx('root', needImage && 'image-overlay', className);
+    return ((0, jsx_runtime_1.jsxs)("span", { className: rootClassName, style: style, "data-testid": testId, children: [needImage && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("img", { src: src, alt: '', className: cx('image'), onError: () => toggleNeedImage(false) }) })), !needImage && (0, jsx_runtime_1.jsx)("span", { className: cx('content'), children: children })] }));
+}
+exports.Avatar = Avatar;
+//# sourceMappingURL=avatar.js.map

package/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/avatar/avatar.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA4C;AAC5C,2DAAyC;AACzC,8EAA0C;AAG1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EACrB,GAAG,EACH,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,QAAQ,GACpB;IACZ,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,IAAI,eAAe,EAAE,SAAS,CAAC,CAAC;IAE1E,OAAO,CACL,kCAAM,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,aAE9D,SAAS,IAAI,CACZ,2DACE,gCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GAAI,GACtF,CACJ,EAGA,CAAC,SAAS,IAAI,iCAAM,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAQ,IAC3D,CACR,CAAC;AACJ,CAAC;AA5BD,wBA4BC"}

package/avatar/avatar.module.scss

@@ -1,14 +1,4 @@
-$sizes: 40, 48, 56, 64, 72, 80, 104;
-
-$textSizes: (
-  40: 12,
-  48: 16,
-  56: 16,
-  64: 16,
-  72: 16,
-  80: 16,
-  104: 24,
-);
+@use '../colors';
 
 @mixin layer {
   position: absolute;
@@ -27,46 +17,36 @@ $textSizes: (
   flex-shrink: 0;
   border-radius: 50%;
   overflow: hidden;
+  width: var(--avatar-size, 72px);
+  height: var(--avatar-size, 72px);
+  color: var(--avatar-text-color, #{colors.$basic-gray87});
   &::before {
     @include layer;
     content: '';
     display: block;
-    background: var(--avatar-color, none);
+    background: var(--avatar-color, #{colors.$basic-gray4});
     opacity: var(--avatar-color-opacity, 1);
   }
+  &.image-overlay::after {
+    @include layer;
+    content: '';
+    pointer-events: none;
+    background: #000;
+    opacity: 0.04;
+  }
 }
 
-@each $size in $sizes {
-  .size-#{$size} {
-    width: #{$size}px;
-    height: #{$size}px;
-    .monogram {
-      font-size: #{map-get($textSizes, $size)}px;
-    }
-  }
+.image {
+  @include layer;
+  object-fit: cover;
 }
 
-.monogram {
+.content {
+  font-size: var(--avatar-font-size, calc(var(--avatar-size, 72px) / 3));
   position: relative;
-  padding: 0 8px;
   font-weight: 600;
   white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
 
-.icon {
-  position: relative;
-  fill: currentColor;
-}
-
-.layer {
-  @include layer;
-  &.image {
-    object-fit: cover;
-  }
-  &.image-overlay {
-    background: #000;
-    opacity: 0.04;
-  }
+  // ВАЖНО: чтобы например обертка в виде ссылки не накидывала text-decoration: underline
+  text-decoration: none;
 }

package/avatar/index.d.ts

@@ -1,30 +1,3 @@
-import { CSSProperties } from 'react';
-import { Token } from '../colors';
-export interface AvatarProps {
-    /** Цвет аватара без картинки. */
-    bgColor?: Token;
-    /** Цвет аватара без картинки. */
-    bgOpacity?: number;
-    /** Класс. */
-    className?: string;
-    /** Ссылка на картинку. */
-    imageUrl?: string;
-    /** Монограмма без картинки. */
-    monogram?: string;
-    /** Размер аватара. */
-    size?: number;
-    /** Стиль элементов rect/image, формирующего маску "super ellipse". */
-    style?: CSSProperties;
-    /** Цвет текста без картинки. */
-    textColor?: Token;
-    /** Текст без картинки. */
-    title?: string;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Компонент аватара.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-export declare const Avatar: ({ size: sizeProp, imageUrl, bgColor, bgOpacity, textColor, title, monogram, className, style, "data-testid": testId, }: AvatarProps) => JSX.Element;
+export type { AvatarProps, AvatarStyle } from './types';
+export { Avatar } from './avatar';
+export { getNameInitials, getAvatarIconProps, getUserAvatarProps, getUserAvatarColor, } from './utils';