@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.50

package/dist/alert/alert-body.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertBody = AlertBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
+const bind_1 = __importDefault(require("classnames/bind"));
+const alert_body_m_scss_1 = __importDefault(require("./alert-body.m.scss"));
+const cx = bind_1.default.bind(alert_body_m_scss_1.default);
+/**
+ * Основной контент Alert.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function AlertBody({ children, className, rootRef, withScrollDisable = false, scrollDisableOptions, ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    (0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
+    (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
+    return ((0, jsx_runtime_1.jsx)("div", { ...restProps, ref: ref, className: cx('body', className), children: children }));
+}
+//# sourceMappingURL=alert-body.js.map

package/dist/alert/alert-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-body.js","sourceRoot":"","sources":["../../src/alert/alert-body.tsx"],"names":[],"mappings":";;;;;AAaA,8BAmBC;;AAhCD,iCAAoD;AACpD,oEAAkE;AAElE,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,GAAG,SAAS,EACG;IACf,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,oCAAiB,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEpF,IAAA,2BAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAyB,CAAC,CAAC;IAElE,OAAO,CACL,mCAAS,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,YAC3D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/alert/alert-body.m.scss

@@ -0,0 +1,3 @@
+.body {
+  flex-grow: 1;
+}

package/dist/alert/alert.d.ts

@@ -0,0 +1,8 @@
+import { AlertProps } from './types';
+/**
+ * Алерт - небольшое модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
+ * Обычно используется для подтверждения действия или выбора действия из списка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Alert({ children, onClose, className, 'data-testid': testId, ...restProps }: AlertProps): import("react/jsx-runtime").JSX.Element;

package/dist/alert/alert.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = Alert;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const modal_overlay_1 = require("../modal-overlay");
+const plate_1 = require("../plate");
+const top_bar_1 = require("../top-bar");
+const bottom_bar_1 = require("../bottom-bar");
+const define_slots_1 = require("../helpers/define-slots");
+const utils_1 = require("../modal-overlay/utils");
+const alert_body_1 = require("./alert-body");
+const bind_1 = __importDefault(require("classnames/bind"));
+const alert_m_scss_1 = __importDefault(require("./alert.m.scss"));
+const cx = bind_1.default.bind(alert_m_scss_1.default);
+/**
+ * Алерт - небольшое модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
+ * Обычно используется для подтверждения действия или выбора действия из списка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Alert({ children, onClose, className, 'data-testid': testId = 'alert', ...restProps }) {
+    const { topBar, body, bottomBar } = (0, define_slots_1.defineSlots)(children, {
+        topBar: top_bar_1.TopBar,
+        body: alert_body_1.AlertBody,
+        bottomBar: bottom_bar_1.BottomBar,
+    });
+    const overlayClickBind = (0, utils_1.useExactClick)(onClose);
+    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { className: alert_m_scss_1.default.overlay, ...overlayClickBind, children: (0, jsx_runtime_1.jsxs)(plate_1.Plate, { ...restProps, rounds: 'm', shadow: 'z4', className: cx('alert', className), "data-testid": testId, children: [topBar, body, bottomBar] }) }));
+}
+//# sourceMappingURL=alert.js.map

package/dist/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;AAmBA,sBA8BC;;AAjDD,oDAAgD;AAChD,oCAAiC;AACjC,wCAAoC;AACpC,8CAA0C;AAC1C,0DAAsD;AACtD,kDAAuD;AAEvD,6CAAyC;AACzC,2DAAyC;AACzC,kEAAoC;AAEpC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,sBAAM,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,SAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACD;IACX,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACxD,MAAM,EAAE,gBAAM;QACd,IAAI,EAAE,sBAAS;QACf,SAAS,EAAE,sBAAS;KACrB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,uBAAC,4BAAY,IAAC,SAAS,EAAE,sBAAM,CAAC,OAAO,KAAM,gBAAgB,YAC3D,wBAAC,aAAK,OACA,SAAS,EACb,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,iBACpB,MAAM,aAElB,MAAM,EACN,IAAI,EACJ,SAAS,IACJ,GACK,CAChB,CAAC;AACJ,CAAC"}

package/dist/alert/index.d.ts

@@ -0,0 +1,3 @@
+export type { AlertProps, AlertBodyProps } from './types';
+export { Alert } from './alert';
+export { AlertBody } from './alert-body';

package/dist/alert/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertBody = exports.Alert = void 0;
+var alert_1 = require("./alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+var alert_body_1 = require("./alert-body");
+Object.defineProperty(exports, "AlertBody", { enumerable: true, get: function () { return alert_body_1.AlertBody; } });
+//# sourceMappingURL=index.js.map

package/dist/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}

package/dist/alert/types.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { WithPageScrollLock } from '../_internal/page-scroll-lock';
+import type { WithTestId } from '../types';
+export interface AlertProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
+    /** Будет вызвана при закрытии окна нажатием на затемнение. */
+    onClose?: VoidFunction;
+}
+export interface AlertBodyProps extends HTMLAttributes<HTMLDivElement>, WithTestId, WithPageScrollLock {
+    rootRef?: Ref<HTMLDivElement>;
+}

package/dist/alert/types.js

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

package/dist/alert/types.js.map

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

package/dist/arrow-button/arrow-button.d.ts

@@ -0,0 +1,7 @@
+import type { ArrowButtonProps } from './types';
+/**
+ * Кнопка-стрелка - круглая кнопка со стрелкой.
+ * @param props Свойства. Поддерживаются свойства элемента button.
+ * @return Элемент.
+ */
+export declare function ArrowButton({ size, direction, className, 'data-testid': testId, ...buttonProps }: ArrowButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/arrow-button/arrow-button.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowButton = ArrowButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowUp"));
+const ArrowRight_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowRight"));
+const ArrowDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowDown"));
+const ArrowLeft_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowLeft"));
+const ArrowUp_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowUp"));
+const ArrowRight_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowRight"));
+const ArrowDown_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowDown"));
+const ArrowLeft_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowLeft"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const arrow_button_m_scss_1 = __importDefault(require("./arrow-button.m.scss"));
+const cx = bind_1.default.bind(arrow_button_m_scss_1.default);
+const ICONS = {
+    s: {
+        up: ArrowUp_2.default,
+        right: ArrowRight_2.default,
+        down: ArrowDown_2.default,
+        left: ArrowLeft_2.default,
+    },
+    l: {
+        up: ArrowUp_1.default,
+        right: ArrowRight_1.default,
+        down: ArrowDown_1.default,
+        left: ArrowLeft_1.default,
+    },
+};
+/**
+ * Кнопка-стрелка - круглая кнопка со стрелкой.
+ * @param props Свойства. Поддерживаются свойства элемента button.
+ * @return Элемент.
+ */
+function ArrowButton({ size = 'l', direction = 'right', className, 'data-testid': testId = 'arrow-button', ...buttonProps }) {
+    const Icon = ICONS[size][direction];
+    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', ...buttonProps, className: cx('arrow-button', `size-${size}`, className), "data-testid": testId, children: (0, jsx_runtime_1.jsx)(Icon, { "aria-hidden": true, fill: 'currentColor' }) }));
+}
+//# sourceMappingURL=arrow-button.js.map

package/dist/arrow-button/arrow-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button.js","sourceRoot":"","sources":["../../src/arrow-button/arrow-button.tsx"],"names":[],"mappings":";;;;;AAmCA,kCAmBC;;AApDD,+FAAqE;AACrE,qGAA2E;AAC3E,mGAAyE;AACzE,mGAAyE;AACzE,+FAA0E;AAC1E,qGAAgF;AAChF,mGAA8E;AAC9E,mGAA8E;AAC9E,2DAAyC;AACzC,gFAA2C;AAE3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAM,CAAC,CAAC;AAEnC,MAAM,KAAK,GAAG;IACZ,CAAC,EAAE;QACD,EAAE,EAAE,iBAAU;QACd,KAAK,EAAE,oBAAa;QACpB,IAAI,EAAE,mBAAY;QAClB,IAAI,EAAE,mBAAY;KACyD;IAC7E,CAAC,EAAE;QACD,EAAE,EAAE,iBAAK;QACT,KAAK,EAAE,oBAAQ;QACf,IAAI,EAAE,mBAAO;QACb,IAAI,EAAE,mBAAO;KAC8D;CACrE,CAAC;AAEX;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,OAAO,EACnB,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,cAAc,EACtC,GAAG,WAAW,EACG;IACjB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,KACT,WAAW,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,iBAC3C,MAAM,YAEnB,uBAAC,IAAI,yBAAa,IAAI,EAAC,cAAc,GAAG,GACjC,CACV,CAAC;AACJ,CAAC"}

package/dist/arrow-button/arrow-button.m.scss

@@ -0,0 +1,44 @@
+@use '../colors';
+@use '../utils';
+@use '../shadows';
+
+.arrow-button {
+  @include utils.focus-visible;
+}
+
+.arrow-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  border-radius: 50%;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  box-sizing: border-box;
+  transition: box-shadow 200ms ease-out;
+  color: colors.$basic-gray87;
+  &:not(:disabled):hover {
+    cursor: pointer;
+  }
+  &:disabled {
+    color: colors.$basic-gray24;
+  }
+  &.size-s {
+    width: 32px;
+    height: 32px;
+    @include shadows.box-shadow('z2');
+    &:not(:disabled):hover {
+      @include shadows.box-shadow('z3');
+    }
+  }
+  &.size-l {
+    width: 56px;
+    height: 56px;
+    @include shadows.box-shadow('z3');
+    &:not(:disabled):hover {
+      @include shadows.box-shadow('z4');
+    }
+  }
+}

package/dist/arrow-button/index.d.ts

@@ -0,0 +1,2 @@
+export type { ArrowButtonSize, ArrowDirection, ArrowButtonProps } from './types';
+export { ArrowButton } from './arrow-button';

package/dist/arrow-button/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowButton = void 0;
+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/dist/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/dist/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/dist/arrow-button/types.js

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

package/dist/arrow-button/types.js.map

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

package/dist/autocomplete/autocomplete.d.ts

@@ -0,0 +1,16 @@
+import { AutocompleteProps } from './types';
+import { Elements } from '@floating-ui/react';
+/**
+ * Поле ввода с подсказками.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+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;
+/**
+ * Функция для расчёта высоты выпадающего списка и применения вычисленного значения к элементу.
+ * @param input Входящие параметры floating-ui для расчёта.
+ */
+export declare function setDropdownHeight({ availableHeight, elements, }: {
+    elements: Elements;
+    availableHeight: number;
+}): void;

package/dist/autocomplete/autocomplete.js

@@ -0,0 +1,228 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Autocomplete = Autocomplete;
+exports.setDropdownHeight = setDropdownHeight;
+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 react_2 = require("@floating-ui/react");
+const input_1 = require("../input");
+const hooks_1 = require("../hooks");
+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({ 
+// 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 [currentValue, setCurrentValue] = (0, react_1.useState)(() => `${value ?? defaultValue ?? ''}`);
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(-1);
+    const items = react_1.Children.toArray(children).filter((item) => utils_1.DropdownItemUtils.is(item) && filterOption(item, currentValue));
+    const { floatingStyle, refs } = useFloatingStyle(needMenu, items.length);
+    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, selectedIndex) => {
+        (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', selectedIndex });
+            }
+            setCurrentValue(input.value);
+            setNeedMenu(false);
+            setActiveIndex(-1);
+        });
+    }, [onInput, onChange]);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        inputRef.current && setCurrentValue(inputRef.current.value);
+    }, [value]);
+    const onKeyDown = baseInputProps?.onKeyDown;
+    const handleKeyDown = (0, react_1.useCallback)(event => {
+        onKeyDown?.(event);
+        switch (event.code) {
+            case 'Escape': {
+                setNeedMenu(false);
+                break;
+            }
+            case 'Enter': {
+                if (menuShown) {
+                    const item = items[activeIndex];
+                    item && selectItem(item, activeIndex);
+                    setNeedMenu(false);
+                }
+                else {
+                    setNeedMenu(true);
+                }
+                break;
+            }
+            case 'ArrowUp': {
+                if (menuShown) {
+                    event.preventDefault();
+                    setActiveIndex(n => utils_1.DropdownItemUtils.asLoopedIterator(items, n).prev() ?? -1);
+                }
+                else {
+                    setNeedMenu(true);
+                }
+                break;
+            }
+            case 'ArrowDown': {
+                if (menuShown) {
+                    event.preventDefault();
+                    setActiveIndex(n => utils_1.DropdownItemUtils.asLoopedIterator(items, n).next() ?? -1);
+                }
+                else {
+                    setNeedMenu(true);
+                }
+                break;
+            }
+        }
+    }, [menuShown, activeIndex, items, selectItem, onKeyDown]);
+    // прокрутка до активного элемента списка
+    (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, className: dropdownProps?.className, 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);
+                                        }
+                                    } }, index))), !loading && items.length === 0 && optionsStub, loading && (0, jsx_runtime_1.jsx)(dropdown_1.DropdownLoading, {})] }) }) }))] }));
+}
+/**
+ * Формирует стили и создаёт ref-ы для меню.
+ * @param open Нужно ли выводить меню.
+ * @param itemsCount Количество элементов в выпадающем списке.
+ * @return Объект со стилями и ref-ами необходимыми для выпадающего меню.
+ */
+function useFloatingStyle(open, itemsCount) {
+    const floatingConfig = (0, dropdown_1.dropdownFloatingConfig)();
+    const { refs, ...floating } = (0, react_2.useFloating)({
+        open,
+        ...floatingConfig,
+        middleware: [...floatingConfig.middleware, (0, react_2.size)(getFloatingSizeOptions, [itemsCount])],
+    });
+    return { refs, floatingStyle: (0, dropdown_1.useDropdownFloatingStyle)({ refs, ...floating }) };
+}
+/**
+ * Функция для формирования настроек middleware size библиотеки floating-ui.
+ * @return Настройки middleware size библиотеки floating-ui.
+ */
+const getFloatingSizeOptions = () => ({
+    rootBoundary: 'viewport',
+    apply: setDropdownHeight,
+    padding: 16,
+});
+/**
+ * Функция для расчёта высоты выпадающего списка и применения вычисленного значения к элементу.
+ * @param input Входящие параметры floating-ui для расчёта.
+ */
+function setDropdownHeight({ availableHeight, elements, }) {
+    elements.floating.style.height = 'auto';
+    if (elements.floating.scrollHeight >= availableHeight) {
+        elements.floating.style.height = `${availableHeight}px`;
+    }
+}
+/**
+ * Фильтр вариантов выбора по умолчанию.
+ * @param item Вариант из меню.
+ * @param inputValue Текущее значение в поле.
+ * @return Нужно ли выводить опцию.
+ */
+function defaultFilterOption(item, inputValue) {
+    return utils_1.DropdownItemUtils.getValue(item).toLowerCase().includes(inputValue.toLowerCase());
+}
+/**
+ * Возвращает стандартную стрелку для поля ввода с подсказками.
+ * @param data Данные о состоянии поля.
+ * @return Элемент.
+ */
+function getDefaultAdornmentEnd(data) {
+    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/dist/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/dist/autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export type { AutocompleteProps, AutocompleteChangeMeta } from './types';
+export { Autocomplete } from './autocomplete';

package/dist/autocomplete/index.js

@@ -0,0 +1,6 @@
+"use strict";
+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/dist/autocomplete/index.js.map

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

package/dist/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/dist/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/dist/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/dist/autocomplete/types.d.ts

@@ -0,0 +1,31 @@
+import type { ChangeEvent, ReactNode } from 'react';
+import type { DropdownProps } from '../dropdown';
+import type { DropdownItemElement } from '../dropdown-item/types';
+import type { InputProps } from '../input';
+export type AutocompleteChangeMeta = {
+    reason: 'userInput';
+} | {
+    reason: 'suggestionSelect';
+    selectedIndex: number;
+};
+export interface AutocompleteProps extends Omit<InputProps, 'adornmentEnd' | 'onChange'> {
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Выводить вместо списка спиннер. */
+    loading?: boolean;
+    /** Получив опцию должен определить, нужно ли выводить ее в списке. */
+    filterOption?: (option: DropdownItemElement, inputValue: string) => boolean;
+    /** Украшение после основного содержимого. */
+    adornmentEnd?: ReactNode | ((data: {
+        menuShown: boolean;
+    }) => ReactNode);
+    /** Свойства компонента Dropdown. */
+    dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
+    /** Сработает при открытии меню. */
+    onMenuOpen?: VoidFunction;
+    /** Сработает при закрытии меню. */
+    onMenuClose?: VoidFunction;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, meta: AutocompleteChangeMeta) => void;
+    /** Заглушка, которая будет выведена если подсказок нет. */
+    optionsStub?: ReactNode;
+}

package/dist/autocomplete/types.js

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

package/dist/autocomplete/types.js.map

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