@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/esm/components/AutocompleteBase/AutocompleteBaseContext.d.ts

@@ -0,0 +1,22 @@
+import type { MouseEvent, RefObject } from 'react';
+import type { AutocompleteBaseDefaultOption, AutocompleteBaseAnchorRef, AutoCompleteBaseInputRef, AutocompleteBaseSize } from './entities';
+import type { AutocompleteBaseDropdownControl, AutocompleteBaseInputControl, AutocompleteBaseOptionsControl, AutocompleteBaseSearchControl, AutocompleteBaseValueControl, AutocompleteBaseInputEventsControl } from './hooks';
+export type AutocompleteBaseContextValue<Option = AutocompleteBaseDefaultOption, Multiple extends boolean = boolean> = {
+    anchorRef: RefObject<AutocompleteBaseAnchorRef>;
+    inputRef: RefObject<AutoCompleteBaseInputRef>;
+    dropdownControl: AutocompleteBaseDropdownControl;
+    searchControl: AutocompleteBaseSearchControl<Option>;
+    optionsControl: AutocompleteBaseOptionsControl<Option>;
+    inputControl: AutocompleteBaseInputControl;
+    inputEventsControl: AutocompleteBaseInputEventsControl;
+    valueControl: AutocompleteBaseValueControl<Option, Multiple>;
+    clear: (event: MouseEvent<HTMLElement>) => void;
+    size: AutocompleteBaseSize;
+    disabled: boolean;
+    multiple: Multiple;
+    loading: boolean;
+    error: boolean;
+};
+export declare const AutocompleteBaseContextDefaultValue: AutocompleteBaseContextValue;
+export declare const AutocompleteBaseContext: import("react").Context<AutocompleteBaseContextValue<AutocompleteBaseDefaultOption, boolean>>;
+export declare const useAutocompleteBaseContext: <Option = AutocompleteBaseDefaultOption, Multiple extends boolean = boolean>() => AutocompleteBaseContextValue<Option, Multiple>;

package/__inner__/esm/components/AutocompleteBase/AutocompleteBaseContext.js

@@ -0,0 +1,59 @@
+import { useContext, createContext } from 'react';
+import { isDev } from '../../constants/environment';
+import { AUTOCOMPLETE_BASE_DEFAULT_SIZE } from './constants';
+export var AutocompleteBaseContextDefaultValue = {
+    anchorRef: {
+        current: null,
+    },
+    inputRef: {
+        current: null,
+    },
+    dropdownControl: {
+        isOpen: false,
+        open: function () { },
+        close: function () { },
+        toggle: function () { },
+    },
+    searchControl: {
+        isActive: false,
+        activate: function () { },
+        deactivate: function () { },
+        search: function () { return []; },
+    },
+    optionsControl: {
+        options: [],
+        filteredOptions: [],
+        isSelected: function () { return false; },
+        hasOptions: false,
+    },
+    valueControl: {
+        value: null,
+        setValue: function () { },
+        hasValue: false,
+        selectedOptionsLength: 0,
+    },
+    inputControl: {
+        value: '',
+        setValue: function () { },
+    },
+    inputEventsControl: {
+        onChange: function () { },
+        onKeyDown: function () { },
+        onBlur: function () { },
+        onClick: function () { },
+    },
+    clear: function () { },
+    size: AUTOCOMPLETE_BASE_DEFAULT_SIZE,
+    disabled: false,
+    multiple: false,
+    loading: false,
+    error: false,
+};
+export var AutocompleteBaseContext = createContext(AutocompleteBaseContextDefaultValue);
+export var useAutocompleteBaseContext = function () {
+    return useContext(AutocompleteBaseContext);
+};
+// Именованный провайдер
+if (isDev) {
+    AutocompleteBaseContext.displayName = 'AutocompleteBaseContext';
+}

package/__inner__/esm/components/AutocompleteBase/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const AUTOCOMPLETE_BASE_DEFAULT_CLOSE_ON_SELECT = true;
+export declare const AUTOCOMPLETE_BASE_DEFAULT_ERROR = false;
+export declare const AUTOCOMPLETE_BASE_DEFAULT_DISABLED = false;
+export declare const AUTOCOMPLETE_BASE_DEFAULT_LOADING = false;
+export declare const AUTOCOMPLETE_BASE_DEFAULT_MULTIPLE = false;
+export declare const AUTOCOMPLETE_BASE_DEFAULT_SIZE = "m";

package/__inner__/esm/components/AutocompleteBase/constants.js

@@ -0,0 +1,6 @@
+export var AUTOCOMPLETE_BASE_DEFAULT_CLOSE_ON_SELECT = true;
+export var AUTOCOMPLETE_BASE_DEFAULT_ERROR = false;
+export var AUTOCOMPLETE_BASE_DEFAULT_DISABLED = false;
+export var AUTOCOMPLETE_BASE_DEFAULT_LOADING = false;
+export var AUTOCOMPLETE_BASE_DEFAULT_MULTIPLE = false;
+export var AUTOCOMPLETE_BASE_DEFAULT_SIZE = 'm';

package/__inner__/esm/components/AutocompleteBase/entities/anchorRef.d.ts

@@ -0,0 +1 @@
+export type AutocompleteBaseAnchorRef = HTMLElement;

package/__inner__/esm/components/AutocompleteBase/entities/anchorRef.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/events/index.d.ts

@@ -0,0 +1,2 @@
+export * from './onChange';
+export * from './onInputChange';

package/__inner__/esm/components/AutocompleteBase/entities/events/index.js

@@ -0,0 +1,2 @@
+export * from './onChange';
+export * from './onInputChange';

package/__inner__/esm/components/AutocompleteBase/entities/events/onChange.d.ts

@@ -0,0 +1,8 @@
+import type { SyntheticEvent } from 'react';
+import type { AutocompleteBaseValue } from '../value';
+export declare const autocompleteBaseOnChangeSource: readonly ["select", "input", "unknown"];
+export type AutocompleteBaseOnChangeSource = (typeof autocompleteBaseOnChangeSource)[number];
+export type AutocompleteBaseOnChangeParams = {
+    source: AutocompleteBaseOnChangeSource;
+};
+export type AutocompleteBaseOnChange<Option, Multiple extends boolean> = (event: SyntheticEvent | KeyboardEvent | null, value: AutocompleteBaseValue<Option, Multiple>, params: AutocompleteBaseOnChangeParams) => void;

package/__inner__/esm/components/AutocompleteBase/entities/events/onChange.js

@@ -0,0 +1,5 @@
+export var autocompleteBaseOnChangeSource = [
+    'select',
+    'input',
+    'unknown',
+];

package/__inner__/esm/components/AutocompleteBase/entities/events/onInputChange.d.ts

@@ -0,0 +1,3 @@
+import type { SyntheticEvent } from 'react';
+import type { AutocompleteBaseInputValue } from '../input';
+export type AutocompleteBaseOnInputChange = (event: SyntheticEvent | KeyboardEvent | null, value: AutocompleteBaseInputValue) => void;

package/__inner__/esm/components/AutocompleteBase/entities/events/onInputChange.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/index.d.ts

@@ -0,0 +1,9 @@
+export * from './events';
+export * from './input';
+export * from './open';
+export * from './option';
+export * from './anchorRef';
+export * from './renderDropdown';
+export * from './searchFunction';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/AutocompleteBase/entities/index.js

@@ -0,0 +1,9 @@
+export * from './events';
+export * from './input';
+export * from './open';
+export * from './option';
+export * from './anchorRef';
+export * from './renderDropdown';
+export * from './searchFunction';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/AutocompleteBase/entities/input/changeEvent.d.ts

@@ -0,0 +1,2 @@
+import type { ChangeEvent } from 'react';
+export type AutocompleteBaseInputChangeEvent = ChangeEvent<HTMLInputElement>;

package/__inner__/esm/components/AutocompleteBase/entities/input/changeEvent.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/input/index.d.ts

@@ -0,0 +1,5 @@
+export * from './changeEvent';
+export * from './onChange';
+export * from './ref';
+export * from './render';
+export * from './value';

package/__inner__/esm/components/AutocompleteBase/entities/input/index.js

@@ -0,0 +1,5 @@
+export * from './changeEvent';
+export * from './onChange';
+export * from './ref';
+export * from './render';
+export * from './value';

package/__inner__/esm/components/AutocompleteBase/entities/input/onChange.d.ts

@@ -0,0 +1,3 @@
+import type { AutocompleteBaseInputChangeEvent } from './changeEvent';
+import type { AutocompleteBaseInputValue } from './value';
+export type AutocompleteBaseInputOnChange = (event: AutocompleteBaseInputChangeEvent | null, value: AutocompleteBaseInputValue) => void;

package/__inner__/esm/components/AutocompleteBase/entities/input/onChange.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/input/ref.d.ts

@@ -0,0 +1 @@
+export type AutoCompleteBaseInputRef = HTMLElement;

package/__inner__/esm/components/AutocompleteBase/entities/input/ref.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/input/render.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContentTypeEmptyProps } from '../../../../utils/renderContent';
+export type AutocompleteBaseRenderInput = RenderContentTypeEmptyProps['content'];

package/__inner__/esm/components/AutocompleteBase/entities/input/render.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/input/value.d.ts

@@ -0,0 +1 @@
+export type AutocompleteBaseInputValue = string;

package/__inner__/esm/components/AutocompleteBase/entities/input/value.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/open/index.d.ts

@@ -0,0 +1,2 @@
+export * from './onClose';
+export * from './onOpen';

package/__inner__/esm/components/AutocompleteBase/entities/open/index.js

@@ -0,0 +1,2 @@
+export * from './onClose';
+export * from './onOpen';

package/__inner__/esm/components/AutocompleteBase/entities/open/onClose.d.ts

@@ -0,0 +1 @@
+export type AutocompleteBaseOnClose = () => void;

package/__inner__/esm/components/AutocompleteBase/entities/open/onClose.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/open/onOpen.d.ts

@@ -0,0 +1 @@
+export type AutocompleteBaseOnOpen = () => void;

package/__inner__/esm/components/AutocompleteBase/entities/open/onOpen.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/option/index.d.ts

@@ -0,0 +1,2 @@
+export * from './option';
+export * from './prepare';

package/__inner__/esm/components/AutocompleteBase/entities/option/index.js

@@ -0,0 +1,2 @@
+export * from './option';
+export * from './prepare';

package/__inner__/esm/components/AutocompleteBase/entities/option/option.d.ts

@@ -0,0 +1,11 @@
+export type AutocompleteBaseDefaultOption = {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+} | string;
+export type AutocompleteBaseInternalOption<RawOption> = {
+    id: string | number;
+    label: string;
+    disabled: boolean;
+    raw: RawOption;
+};

package/__inner__/esm/components/AutocompleteBase/entities/option/option.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/option/prepare.d.ts

@@ -0,0 +1,3 @@
+import type { AutocompleteBaseInternalOption } from './option';
+export type AutocompleteBasePropPrepareOption<Option> = (option: Option) => Omit<AutocompleteBaseInternalOption<Option>, 'raw'>;
+export type AutocompleteBasePrepareOption<Option> = (option: Option) => AutocompleteBaseInternalOption<Option>;

package/__inner__/esm/components/AutocompleteBase/entities/option/prepare.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/renderDropdown.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContentTypeEmptyProps } from '../../../utils/renderContent';
+export type AutocompleteBaseRenderDropdown = RenderContentTypeEmptyProps['content'];

package/__inner__/esm/components/AutocompleteBase/entities/renderDropdown.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/searchFunction.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteBaseInternalOption } from './option';
+export type AutocompleteBaseSearchFunction<Option> = (options: AutocompleteBaseInternalOption<Option>[], searchValue: string) => AutocompleteBaseInternalOption<Option>[];

package/__inner__/esm/components/AutocompleteBase/entities/searchFunction.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const autocompleteBaseSize: readonly ["2xs", "xs", "s", "m", "l"];
+export type AutocompleteBaseSize = (typeof autocompleteBaseSize)[number];

package/__inner__/esm/components/AutocompleteBase/entities/size.js

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../../types/FormElementSizeVariant';
+export var autocompleteBaseSize = formElementSizeVariant;

package/__inner__/esm/components/AutocompleteBase/entities/value.d.ts

@@ -0,0 +1,5 @@
+import type { AutocompleteBaseInternalOption } from './option';
+export type AutocompleteBaseInternalSingleValue<Option> = AutocompleteBaseInternalOption<Option>;
+export type AutocompleteBaseInternalMultipleValue<Option> = AutocompleteBaseInternalOption<Option>[];
+export type AutocompleteBaseInternalValue<Option, Multiple extends boolean> = (Multiple extends true ? AutocompleteBaseInternalMultipleValue<Option> : AutocompleteBaseInternalSingleValue<Option>) | null;
+export type AutocompleteBaseValue<Option, Multiple extends boolean> = (Multiple extends true ? Option[] : Option) | null;

package/__inner__/esm/components/AutocompleteBase/entities/value.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useAutocompleteBaseDropdown';
+export * from './useAutocompleteBaseInput';
+export * from './useAutocompleteBaseInputEvents';
+export * from './useAutocompleteBaseOptions';
+export * from './useAutocompleteBaseSearch';
+export * from './useAutocompleteBaseValue';

package/__inner__/esm/components/AutocompleteBase/hooks/index.js

@@ -0,0 +1,6 @@
+export * from './useAutocompleteBaseDropdown';
+export * from './useAutocompleteBaseInput';
+export * from './useAutocompleteBaseInputEvents';
+export * from './useAutocompleteBaseOptions';
+export * from './useAutocompleteBaseSearch';
+export * from './useAutocompleteBaseValue';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutocompleteBaseDropdown';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseDropdown/index.js

@@ -0,0 +1,2 @@
+export * from './useAutocompleteBaseDropdown';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseDropdown/types.d.ts

@@ -0,0 +1,6 @@
+export type AutocompleteBaseDropdownControl = {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseDropdown/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseDropdown/useAutocompleteBaseDropdown.d.ts

@@ -0,0 +1,8 @@
+import type { AutocompleteBaseOnClose } from '../../entities';
+import type { AutocompleteBaseDropdownControl } from './types';
+export declare const useAutocompleteBaseDropdown: ({ open: openProp, defaultOpen, onClose, onOpen, }: {
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
+    onClose: AutocompleteBaseOnClose | undefined;
+    onOpen: AutocompleteBaseOnClose | undefined;
+}) => AutocompleteBaseDropdownControl;

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseDropdown/useAutocompleteBaseDropdown.js

@@ -0,0 +1,36 @@
+import { __read } from "tslib";
+import { useControlled } from '../../../../hooks/useControlled';
+export var useAutocompleteBaseDropdown = function (_a) {
+    var openProp = _a.open, defaultOpen = _a.defaultOpen, onClose = _a.onClose, onOpen = _a.onOpen;
+    var _b = __read(useControlled({
+        value: openProp,
+        defaultValue: defaultOpen,
+        name: 'AutocompleteBaseDropdown',
+        state: 'open',
+    }), 2), isOpen = _b[0], setIsOpen = _b[1];
+    /** Закрытие */
+    var close = function () {
+        setIsOpen(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    /** Открытие */
+    var open = function () {
+        setIsOpen(true);
+        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    };
+    /** Переключатель открытия и закрытия */
+    var toggle = function () {
+        if (isOpen) {
+            close();
+        }
+        else {
+            open();
+        }
+    };
+    return {
+        isOpen: isOpen !== null && isOpen !== void 0 ? isOpen : false,
+        open: open,
+        close: close,
+        toggle: toggle,
+    };
+};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutocompleteBaseInput';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInput/index.js

@@ -0,0 +1,2 @@
+export * from './useAutocompleteBaseInput';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInput/types.d.ts

@@ -0,0 +1,5 @@
+import type { AutocompleteBaseInputOnChange, AutocompleteBaseInputValue } from '../../entities';
+export type AutocompleteBaseInputControl = {
+    value: AutocompleteBaseInputValue;
+    setValue: AutocompleteBaseInputOnChange;
+};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInput/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInput/useAutocompleteBaseInput.d.ts

@@ -0,0 +1,6 @@
+import type { AutocompleteBaseInputOnChange, AutocompleteBaseInputValue } from '../../entities';
+import type { AutocompleteBaseInputControl } from './types';
+export declare const useAutocompleteBaseInput: ({ inputValue: inputValueProp, onChange, }: {
+    inputValue: AutocompleteBaseInputValue | undefined;
+    onChange: AutocompleteBaseInputOnChange | undefined;
+}) => AutocompleteBaseInputControl;

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInput/useAutocompleteBaseInput.js

@@ -0,0 +1,19 @@
+import { __read } from "tslib";
+import { useControlled } from '../../../../hooks/useControlled';
+export var useAutocompleteBaseInput = function (_a) {
+    var inputValueProp = _a.inputValue, onChange = _a.onChange;
+    var _b = __read(useControlled({
+        value: inputValueProp,
+        defaultValue: '',
+        name: 'AutocompleteBaseInput',
+        state: 'inputValue',
+    }), 2), inputValue = _b[0], setInputValueState = _b[1];
+    var setInputValue = function (event, value) {
+        setInputValueState(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, value !== null && value !== void 0 ? value : '');
+    };
+    return {
+        value: inputValue !== null && inputValue !== void 0 ? inputValue : '',
+        setValue: setInputValue,
+    };
+};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInputEvents/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutocompleteBaseInputEvents';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInputEvents/index.js

@@ -0,0 +1,2 @@
+export * from './useAutocompleteBaseInputEvents';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInputEvents/types.d.ts

@@ -0,0 +1,12 @@
+import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from 'react';
+import type { AutocompleteBaseInputChangeEvent } from '../../entities';
+export type AutocompleteBaseInputEventsOnBlur = FocusEventHandler<HTMLElement>;
+export type AutocompleteBaseInputEventsOnClick = MouseEventHandler<HTMLElement>;
+export type AutocompleteBaseInputEventsOnChange = (event: AutocompleteBaseInputChangeEvent) => void;
+export type AutocompleteBaseInputEventsOnKeyDown = KeyboardEventHandler<HTMLElement>;
+export type AutocompleteBaseInputEventsControl = {
+    onChange: AutocompleteBaseInputEventsOnChange;
+    onBlur: AutocompleteBaseInputEventsOnBlur;
+    onClick: AutocompleteBaseInputEventsOnClick;
+    onKeyDown: AutocompleteBaseInputEventsOnKeyDown;
+};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInputEvents/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInputEvents/useAutocompleteBaseInputEvents.d.ts

@@ -0,0 +1,13 @@
+import type { AutocompleteBaseDropdownControl } from '../useAutocompleteBaseDropdown';
+import type { AutocompleteBaseInputControl } from '../useAutocompleteBaseInput';
+import type { AutocompleteBaseSearchControl } from '../useAutocompleteBaseSearch';
+import type { AutocompleteBaseValueControl } from '../useAutocompleteBaseValue';
+import type { AutocompleteBaseInputEventsControl } from './types';
+export declare const useAutocompleteBaseInputEvents: <Option, Multiple extends boolean>({ multiple, inputControl, valueControl, dropdownControl, searchControl, allowCustomValue, }: {
+    multiple: Multiple;
+    inputControl: AutocompleteBaseInputControl;
+    valueControl: AutocompleteBaseValueControl<Option, Multiple>;
+    dropdownControl: AutocompleteBaseDropdownControl;
+    searchControl: AutocompleteBaseSearchControl<Option>;
+    allowCustomValue: boolean | undefined;
+}) => AutocompleteBaseInputEventsControl;

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseInputEvents/useAutocompleteBaseInputEvents.js

@@ -0,0 +1,93 @@
+import { __read, __spreadArray } from "tslib";
+import { useEffect } from 'react';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+import { isKeys } from '../../../../utils/isKeys';
+import { isSingleInternalValue, isMultipleInternalValue } from '../../utils';
+export var useAutocompleteBaseInputEvents = function (_a) {
+    var multiple = _a.multiple, inputControl = _a.inputControl, valueControl = _a.valueControl, dropdownControl = _a.dropdownControl, searchControl = _a.searchControl, allowCustomValue = _a.allowCustomValue;
+    var lastInputValue = useStoredValue('');
+    var observableValuesAllowCustomValueSync = (function () {
+        if (isMultipleInternalValue(valueControl.value, multiple) ||
+            !valueControl.value) {
+            return [];
+        }
+        var observableValues = [];
+        Object.entries(valueControl.value).forEach(function (_a) {
+            var _b = __read(_a, 2), _key = _b[0], value = _b[1];
+            var key = _key;
+            if (key === 'raw') {
+                return;
+            }
+            observableValues.push(value);
+        });
+        return observableValues;
+    })();
+    useEffect(function () {
+        var _a;
+        if (allowCustomValue || multiple) {
+            return;
+        }
+        var value = valueControl.value;
+        if (isSingleInternalValue(value, multiple)) {
+            lastInputValue.current = (_a = value === null || value === void 0 ? void 0 : value.label) !== null && _a !== void 0 ? _a : '';
+            if (lastInputValue.current !== inputControl.value) {
+                inputControl.setValue(null, lastInputValue.current);
+            }
+        }
+    }, __spreadArray(__spreadArray([], __read(observableValuesAllowCustomValueSync), false), [allowCustomValue], false));
+    var onChange = function (event) {
+        var value = event.target.value;
+        // Открываем список при вводе первого символа (при условии, что список еще не открыт)
+        if (value.length && !dropdownControl.isOpen) {
+            dropdownControl.open();
+        }
+        if (multiple) {
+            inputControl.setValue(event, value);
+        }
+        if (value && !multiple) {
+            inputControl.setValue(event, value);
+        }
+        if (!value && !multiple) {
+            valueControl.setValue(event, null, {
+                source: 'input',
+            });
+        }
+        searchControl.activate(value);
+    };
+    /** Актуализация значения текстового поля после его покидания */
+    var onBlur = function () {
+        if (allowCustomValue) {
+            return;
+        }
+        if (inputControl.value !== lastInputValue.current) {
+            inputControl.setValue(null, lastInputValue.current);
+        }
+    };
+    /** Открытие списка по клику на текстовом поле */
+    var onClick = function () {
+        dropdownControl.toggle();
+    };
+    /** Управление элементом контроля через клавиатуру */
+    var onKeyDown = function (event) {
+        if (isKeys(event, ['ArrowDown', 'ArrowUp']) && !dropdownControl.isOpen) {
+            event.preventDefault();
+            dropdownControl.open();
+        }
+        var value = valueControl.value;
+        if (isMultipleInternalValue(value, multiple) &&
+            isKeys(event, ['Backspace']) &&
+            !inputControl.value) {
+            if (value) {
+                valueControl.setValue(event, value[value.length - 1] || null, {
+                    source: 'input',
+                });
+            }
+        }
+    };
+    return {
+        onChange: onChange,
+        onBlur: onBlur,
+        onClick: onClick,
+        onKeyDown: onKeyDown,
+    };
+};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseOptions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutocompleteBaseOptions';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseOptions/index.js

@@ -0,0 +1,2 @@
+export * from './useAutocompleteBaseOptions';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseOptions/types.d.ts

@@ -0,0 +1,8 @@
+import type { AutocompleteBaseInternalOption } from '../../entities';
+export type AutocompleteBaseOptionsIsSelected<Option> = (option: AutocompleteBaseInternalOption<Option>) => boolean;
+export type AutocompleteBaseOptionsControl<Option> = {
+    options: AutocompleteBaseInternalOption<Option>[];
+    filteredOptions: AutocompleteBaseInternalOption<Option>[];
+    isSelected: AutocompleteBaseOptionsIsSelected<Option>;
+    hasOptions: boolean;
+};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseOptions/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/hooks/useAutocompleteBaseOptions/useAutocompleteBaseOptions.d.ts

@@ -0,0 +1,11 @@
+import type { AutocompleteBasePrepareOption } from '../../entities';
+import type { AutocompleteBaseSearchControl } from '../useAutocompleteBaseSearch';
+import type { AutocompleteBaseValueControl } from '../useAutocompleteBaseValue';
+import type { AutocompleteBaseOptionsControl } from './types';
+export declare const useAutocompleteBaseOptions: <Option, Multiple extends boolean>({ options: optionsProp, prepare, searchControl, valueControl, multiple, }: {
+    options: Option[];
+    prepare: AutocompleteBasePrepareOption<Option>;
+    searchControl: AutocompleteBaseSearchControl<Option>;
+    valueControl: AutocompleteBaseValueControl<Option, Multiple>;
+    multiple: boolean;
+}) => AutocompleteBaseOptionsControl<Option>;