@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.20

package/arrow-button/index.js

@@ -1,55 +1,6 @@
 "use strict";
-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.ArrowButton = void 0;
-const react_1 = __importDefault(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const arrow_button_module_scss_1 = __importDefault(require("./arrow-button.module.scss"));
-const arrow_up_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-up"));
-const arrow_right_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-right"));
-const arrow_down_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-down"));
-const arrow_left_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-left"));
-const arrow_up_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/arrow-up"));
-const arrow_right_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/arrow-right"));
-const arrow_down_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/arrow-down"));
-const arrow_left_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/arrow-left"));
-const cx = bind_1.default.bind(arrow_button_module_scss_1.default);
-const ICONS = {
-    s: {
-        up: arrow_up_2.default,
-        right: arrow_right_2.default,
-        down: arrow_down_2.default,
-        left: arrow_left_2.default,
-    },
-    l: {
-        up: arrow_up_1.default,
-        right: arrow_right_1.default,
-        down: arrow_down_1.default,
-        left: arrow_left_1.default,
-    },
-};
-/**
- * Компонент круглой кнопки со стрелкой.
- * @param props Свойства. Поддерживаются свойства элемента button.
- * @return Элемент.
- */
-const ArrowButton = (_a) => {
-    var { size = 'l', direction = 'right', className, 'data-testid': testId = 'arrow-button' } = _a, buttonProps = __rest(_a, ["size", "direction", "className", 'data-testid']);
-    const Icon = ICONS[size][direction];
-    return (react_1.default.createElement("button", Object.assign({ type: 'button' }, buttonProps, { className: cx('arrow-button', `size-${size}`, className), "data-testid": testId }),
-        react_1.default.createElement(Icon, { "aria-hidden": true, fill: 'currentColor' })));
-};
-exports.ArrowButton = ArrowButton;
+var arrow_button_1 = require("./arrow-button");
+Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return arrow_button_1.ArrowButton; } });
+//# sourceMappingURL=index.js.map

package/arrow-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/arrow-button/index.ts"],"names":[],"mappings":";;;AACA,+CAA6C;AAApC,2GAAA,WAAW,OAAA"}

package/arrow-button/types.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonHTMLAttributes } from 'react';
+import type { WithTestId } from '../types';
+export type ArrowButtonSize = 's' | 'l';
+export type ArrowDirection = 'up' | 'right' | 'down' | 'left';
+export interface ArrowButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'children'>, WithTestId {
+    /** Размер. */
+    size?: ArrowButtonSize;
+    /** Направление (отвечает за иконку). */
+    direction?: ArrowDirection;
+}

package/arrow-button/types.js

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

package/arrow-button/types.js.map

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

package/autocomplete/autocomplete.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { AutocompleteProps } from './types';
 /**
  * Поле ввода с подсказками.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Autocomplete({ children, loading, filterOption, dropdownProps, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd, baseInputProps, ...restProps }: AutocompleteProps): JSX.Element;
+export declare function Autocomplete({ children, loading, filterOption, dropdownProps, onMenuOpen, onMenuClose, optionsStub, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd, baseInputProps, ...restProps }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;

package/autocomplete/autocomplete.js

@@ -1,87 +1,79 @@
 "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"));
+exports.Autocomplete = Autocomplete;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const menu_1 = require("./menu");
 const dropdown_1 = require("../dropdown");
 const dropdown_item_1 = require("../dropdown-item");
 const utils_1 = require("../dropdown-item/utils");
-const dropdown_loading_1 = require("../_internal/dropdown-loading");
 const react_2 = require("@floating-ui/react");
 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 autocomplete_module_scss_1 = __importDefault(require("./autocomplete.module.scss"));
+const scroll_to_child_1 = require("../helpers/scroll-to-child");
+const lifecycle_1 = require("../_internal/lifecycle");
+const utils_2 = require("./utils");
+const portal_1 = require("../portal");
+const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
+const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
+const autocomplete_m_scss_1 = __importDefault(require("./autocomplete.m.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, onMenuOpen, onMenuClose, optionsStub = ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: 's', noHover: true, children: "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })), 
+// 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 viewportRef = (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, dropdown_1.dropdownFloatingConfig)() });
+    const floatingStyle = (0, dropdown_1.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 [currentValue, setCurrentValue] = (0, react_1.useState)(() => `${value ?? defaultValue ?? ''}`);
     const items = react_1.Children.toArray(children).filter((item) => utils_1.DropdownItemUtils.is(item) && filterOption(item, currentValue));
-    const canShowMenu = !disabled && (currentValue.length > 0 || items.length > 0);
-    const menuShown = needMenu && canShowMenu;
+    const hasItems = items.length > 0;
+    const hasItemsStub = Boolean(optionsStub);
+    const hasValue = currentValue.length > 0;
+    const hasMenuContent = hasItems || (hasValue && (loading || hasItemsStub));
+    const menuShown = !disabled && needMenu && hasMenuContent;
+    (0, react_1.useImperativeHandle)(restProps?.inputRef, () => inputRef.current);
+    (0, react_1.useImperativeHandle)(baseInputProps?.inputRef, () => inputRef.current);
     const selectItem = (0, react_1.useCallback)((item) => {
-        inputRef.current && (0, events_1.triggerInput)(inputRef.current, utils_1.DropdownItemUtils.getValue(item));
-        setNeedMenu(false);
-        setActiveIndex(-1);
-    }, [inputRef]);
+        (0, utils_2.when)(inputRef.current, input => {
+            const prevValue = input.value;
+            const nextValue = utils_1.DropdownItemUtils.getValue(item);
+            if (prevValue !== nextValue) {
+                input.value = nextValue;
+                // ВАЖНО: отправляем события чтобы их можно было получить через baseInputProps.inputRef+addEventListener
+                // ВАЖНО: отправляем события чтобы на них заполнились поля target
+                const nativeEventInput = new Event('input');
+                const nativeEventChange = new Event('change');
+                input.dispatchEvent(nativeEventInput);
+                input.dispatchEvent(nativeEventChange);
+                // ВАЖНО: синтетические события отправляем строго после нативных (как это делает React)
+                const syntheticEventInput = new utils_2.NaiveSyntheticEvent(nativeEventInput, input);
+                const syntheticEventChange = new utils_2.NaiveSyntheticEvent(nativeEventInput, input);
+                onInput?.(syntheticEventInput);
+                onChange?.(syntheticEventChange, { reason: 'suggestionSelect' });
+            }
+            setCurrentValue(input.value);
+            setNeedMenu(false);
+            setActiveIndex(-1);
+        });
+    }, [onInput, onChange]);
     (0, hooks_1.useIsomorphicLayoutEffect)(() => {
         inputRef.current && setCurrentValue(inputRef.current.value);
     }, [value]);
-    const onKeyDown = baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.onKeyDown;
+    const onKeyDown = baseInputProps?.onKeyDown;
     const handleKeyDown = (0, react_1.useCallback)(event => {
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        onKeyDown?.(event);
         switch (event.code) {
             case 'Escape': {
                 setNeedMenu(false);
@@ -101,7 +93,7 @@ function Autocomplete(_a) {
             case 'ArrowUp': {
                 if (menuShown) {
                     event.preventDefault();
-                    setActiveIndex(n => { var _a; return (_a = utils_1.DropdownItemUtils.asLoopedIterator(items, n).prev()) !== null && _a !== void 0 ? _a : -1; });
+                    setActiveIndex(n => utils_1.DropdownItemUtils.asLoopedIterator(items, n).prev() ?? -1);
                 }
                 else {
                     setNeedMenu(true);
@@ -111,7 +103,7 @@ function Autocomplete(_a) {
             case 'ArrowDown': {
                 if (menuShown) {
                     event.preventDefault();
-                    setActiveIndex(n => { var _a; return (_a = utils_1.DropdownItemUtils.asLoopedIterator(items, n).next()) !== null && _a !== void 0 ? _a : -1; });
+                    setActiveIndex(n => utils_1.DropdownItemUtils.asLoopedIterator(items, n).next() ?? -1);
                 }
                 else {
                     setNeedMenu(true);
@@ -120,56 +112,67 @@ 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 => {
-                        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))))));
+    // прокрутка до активного элемента списка
+    (0, react_1.useEffect)(() => {
+        const itemSelector = `[role="option"]`;
+        const menu = viewportRef.current;
+        const item = menu?.querySelectorAll(itemSelector)[activeIndex];
+        if (menu && item instanceof HTMLElement) {
+            (0, scroll_to_child_1.scrollToChild)(menu, item);
+        }
+    }, [activeIndex]);
+    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?.(e);
+                    setNeedMenu(true);
+                }, onBlur: e => {
+                    onBlur?.(e);
+                    setNeedMenu(false);
+                    setActiveIndex(-1);
+                }, onChange: e => {
+                    onChange?.(e, { reason: 'userInput' });
+                    setNeedMenu(true);
+                    setActiveIndex(-1);
+                    setCurrentValue(e.target.value);
+                }, blockProps: {
+                    ...restProps.blockProps,
+                    onMouseDown: event => {
+                        !disabled && setNeedMenu(a => !a);
+                        restProps.blockProps?.onMouseDown?.(event);
+                    },
+                }, baseInputProps: {
+                    ...baseInputProps,
+                    onKeyDown: handleKeyDown,
+                }, adornmentEnd: typeof adornmentEnd === 'function' ? adornmentEnd({ menuShown }) : adornmentEnd }), menuShown && ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(lifecycle_1.Lifecycle, { onMount: onMenuOpen, onUnmount: onMenuClose, children: (0, jsx_runtime_1.jsxs)(menu_1.AutocompleteMenu, { ...dropdownProps, rootRef: refs.setFloating, viewportRef: viewportRef, style: { ...floatingStyle, ...dropdownProps?.style }, onDismiss: () => setNeedMenu(false), onMouseDown: event => {
+                            // предотвращение расфокусировки поля при клике внутри меню
+                            // необходимо чтобы можно было взяться мышкой за полосу прокрутки
+                            if (document.activeElement &&
+                                inputRef.current &&
+                                document.activeElement === inputRef.current) {
+                                event.preventDefault();
+                            }
+                        }, children: [!loading &&
+                                items.length > 0 &&
+                                items.map((item, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { role: 'option', checked: index === activeIndex, ...item.props, onMouseDown: event => {
+                                        event.preventDefault();
+                                        item.props.onMouseDown?.(event);
+                                    }, onClick: event => {
+                                        if (!item.props.disabled) {
+                                            item.props.onClick?.(event);
+                                            !event.defaultPrevented && selectItem(item);
+                                        }
+                                    } }, index))), !loading && items.length === 0 && optionsStub, loading && (0, jsx_runtime_1.jsx)(dropdown_1.DropdownLoading, {})] }) }) }))] }));
 }
-exports.Autocomplete = Autocomplete;
 /**
  * Фильтр вариантов выбора по умолчанию.
  * @param item Вариант из меню.
@@ -185,6 +188,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 ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
+    return (0, jsx_runtime_1.jsx)(ArrowSVG, { className: autocomplete_m_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/menu.d.ts

@@ -0,0 +1,8 @@
+import { DropdownProps } from '../dropdown';
+/**
+ * Выпадающее меню для Autocomplete.
+ * @inheritdoc
+ */
+export declare function AutocompleteMenu({ rootRef, children, onDismiss, ...restProps }: DropdownProps & {
+    onDismiss?: VoidFunction;
+}): import("react/jsx-runtime").JSX.Element;

package/autocomplete/menu.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteMenu = AutocompleteMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const dropdown_1 = require("../dropdown");
+/**
+ * Выпадающее меню для Autocomplete.
+ * @inheritdoc
+ */
+function AutocompleteMenu({ rootRef, children, onDismiss, ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
+    // скрытие меню при прокрутке колесом за пределами меню
+    (0, dropdown_1.useDismissByWheel)(ref, () => {
+        onDismiss?.();
+    });
+    return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...restProps, rootRef: ref, children: children }));
+}
+//# sourceMappingURL=menu.js.map

package/autocomplete/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/autocomplete/menu.tsx"],"names":[],"mappings":";;AAOA,4CAoBC;;AA3BD,iCAAoD;AACpD,0CAAyE;AAEzE;;;GAGG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACiC;IAC7C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,2BAAmB,EAA+C,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,uDAAuD;IACvD,IAAA,4BAAiB,EAAC,GAAG,EAAE,GAAG,EAAE;QAC1B,SAAS,EAAE,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,mBAAQ,OAAK,SAAS,EAAE,OAAO,EAAE,GAAG,YAClC,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC"}

package/autocomplete/types.d.ts

@@ -1,9 +1,9 @@
-import type { ReactNode } from 'react';
+import type { ChangeEvent, 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 type AutocompleteChangeReason = 'userInput' | 'suggestionSelect';
+export interface AutocompleteProps extends Omit<InputProps, 'adornmentEnd' | 'onChange'> {
     /** Содержимое. */
     children?: ReactNode;
     /** Выводить вместо списка спиннер. */
@@ -11,9 +11,18 @@ export interface AutocompleteProps extends InputProps {
     /** Получив опцию должен определить, нужно ли выводить ее в списке. */
     filterOption?: (option: DropdownItemElement, inputValue: string) => boolean;
     /** Украшение после основного содержимого. */
-    adornmentEnd?: FieldBlockProps['adornmentEnd'] | ((data: {
+    adornmentEnd?: ReactNode | ((data: {
         menuShown: boolean;
     }) => ReactNode);
-    /** Свойства выпадающего списка. */
-    dropdownProps?: Pick<DropdownProps, 'className' | 'style'>;
+    /** Свойства компонента Dropdown. */
+    dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
+    /** Сработает при открытии меню. */
+    onMenuOpen?: VoidFunction;
+    /** Сработает при закрытии меню. */
+    onMenuClose?: VoidFunction;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, meta: {
+        reason: AutocompleteChangeReason;
+    }) => void;
+    /** Заглушка, которая будет выведена если подсказок нет. */
+    optionsStub?: 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/utils.d.ts

@@ -0,0 +1,36 @@
+import type { SyntheticEvent } from 'react';
+/**
+ * Наивная реализация синтетического события.
+ * Не рекомендуется к использованию за пределами библиотеки.
+ */
+export declare class NaiveSyntheticEvent<T extends Element = Element> implements SyntheticEvent<T> {
+    nativeEvent: Event;
+    currentTarget: EventTarget & T;
+    target: EventTarget & T;
+    bubbles: boolean;
+    cancelable: boolean;
+    defaultPrevented: boolean;
+    eventPhase: number;
+    isTrusted: boolean;
+    timeStamp: number;
+    type: string;
+    /** @inheritdoc */
+    constructor(nativeEvent: Event, target: T);
+    /** @inheritdoc */
+    persist(): undefined;
+    /** @inheritdoc */
+    stopPropagation(): void;
+    /** @inheritdoc */
+    isPropagationStopped(): boolean;
+    /** @inheritdoc */
+    preventDefault(): void;
+    /** @inheritdoc */
+    isDefaultPrevented(): boolean;
+}
+/**
+ * Вызывает переданную функцию только если переданное значение не является null или undefined.
+ * @param value Значение.
+ * @param callback Функция.
+ * @return Результат функции или undefined.
+ */
+export declare function when<A, B>(value: A, callback: (value: NonNullable<A>) => B): B | undefined;

package/autocomplete/utils.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NaiveSyntheticEvent = void 0;
+exports.when = when;
+/**
+ * Наивная реализация синтетического события.
+ * Не рекомендуется к использованию за пределами библиотеки.
+ */
+class NaiveSyntheticEvent {
+    nativeEvent;
+    currentTarget;
+    target;
+    bubbles;
+    cancelable;
+    defaultPrevented;
+    eventPhase;
+    isTrusted;
+    timeStamp;
+    type;
+    /** @inheritdoc */
+    constructor(nativeEvent, target) {
+        this.target = target;
+        this.currentTarget = target;
+        this.nativeEvent = nativeEvent;
+        this.type = nativeEvent.type;
+        this.timeStamp = nativeEvent.timeStamp;
+        this.bubbles = nativeEvent.bubbles;
+        this.cancelable = nativeEvent.cancelable;
+        this.defaultPrevented = nativeEvent.defaultPrevented;
+        this.eventPhase = nativeEvent.eventPhase;
+        this.isTrusted = nativeEvent.isTrusted;
+    }
+    /** @inheritdoc */
+    persist() {
+        return void 0;
+    }
+    /** @inheritdoc */
+    stopPropagation() {
+        this.nativeEvent.stopPropagation();
+    }
+    /** @inheritdoc */
+    isPropagationStopped() {
+        return false;
+    }
+    /** @inheritdoc */
+    preventDefault() {
+        this.nativeEvent.preventDefault();
+        this.defaultPrevented = this.nativeEvent.defaultPrevented;
+    }
+    /** @inheritdoc */
+    isDefaultPrevented() {
+        return this.defaultPrevented;
+    }
+}
+exports.NaiveSyntheticEvent = NaiveSyntheticEvent;
+/**
+ * Вызывает переданную функцию только если переданное значение не является null или undefined.
+ * @param value Значение.
+ * @param callback Функция.
+ * @return Результат функции или undefined.
+ */
+function when(value, callback) {
+    return value !== null && value !== undefined ? callback(value) : undefined;
+}
+//# sourceMappingURL=utils.js.map

package/autocomplete/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/autocomplete/utils.ts"],"names":[],"mappings":";;;AAiEA,oBAEC;AAjED;;;GAGG;AACH,MAAa,mBAAmB;IAC9B,WAAW,CAAQ;IACnB,aAAa,CAAkB;IAC/B,MAAM,CAAkB;IACxB,OAAO,CAAU;IACjB,UAAU,CAAU;IACpB,gBAAgB,CAAU;IAC1B,UAAU,CAAS;IACnB,SAAS,CAAU;IACnB,SAAS,CAAS;IAClB,IAAI,CAAS;IAEb,kBAAkB;IAClB,YAAY,WAAkB,EAAE,MAAS;QACvC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;QACzC,IAAI,CAAC,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;QACrD,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC;IACzC,CAAC;IAED,kBAAkB;IAClB,OAAO;QACL,OAAO,KAAK,CAAC,CAAC;IAChB,CAAC;IAED,kBAAkB;IAClB,eAAe;QACb,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC;IAED,kBAAkB;IAClB,oBAAoB;QAClB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,kBAAkB;IAClB,cAAc;QACZ,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC;QAClC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC;IAC5D,CAAC;IAED,kBAAkB;IAClB,kBAAkB;QAChB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;CACF;AAnDD,kDAmDC;AAED;;;;;GAKG;AACH,SAAgB,IAAI,CAAO,KAAQ,EAAE,QAAsC;IACzE,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC7E,CAAC"}

package/avatar/avatar.d.ts

@@ -0,0 +1,7 @@
+import type { AvatarProps } from './types';
+/**
+ * Аватар - блок для репрезентации пользователя с помощью картинки, инициалов или иконки-заглушки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Avatar({ src, className, style, children, 'data-testid': testId, }: AvatarProps): import("react/jsx-runtime").JSX.Element;