@ozen-ui/kit 0.83.3 → 0.84.0

package/__inner__/cjs/components/AutocompleteBase/AutocompleteBase.js

@@ -16,7 +16,7 @@ var AutocompleteBase = function (inProps) {
         props: inProps,
         name: 'AutocompleteBase',
     });
-    var dropdown = props.dropdown, input = props.input, inputValueProp = props.inputValue, _a = props.multiple, multiple = _a === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_MULTIPLE : _a, valueProp = props.value, defaultValue = props.defaultValue, searchFunctionProp = props.searchFunction, optionsProp = props.options, _b = props.prepareOption, prepareOptionProp = _b === void 0 ? utils_1.autocompleteBaseDefaultPrepareOption : _b, openProp = props.open, defaultOpen = props.defaultOpen, onOpen = props.onOpen, onClose = props.onClose, _c = props.size, size = _c === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_SIZE : _c, _d = props.disabled, disabled = _d === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_DISABLED : _d, onChange = props.onChange, allowCustomValue = props.allowCustomValue, _e = props.loading, loading = _e === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_LOADING : _e, _f = props.closeOnSelect, closeOnSelect = _f === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_CLOSE_ON_SELECT : _f, _g = props.error, error = _g === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_ERROR : _g, onInputChange = props.onInputChange;
+    var dropdown = props.dropdown, input = props.input, inputValueProp = props.inputValue, _a = props.multiple, multiple = _a === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_MULTIPLE : _a, valueProp = props.value, defaultValue = props.defaultValue, searchFunctionProp = props.searchFunction, optionsProp = props.options, _b = props.prepareOption, prepareOptionProp = _b === void 0 ? utils_1.autocompleteBaseDefaultPrepareOption : _b, openProp = props.open, defaultOpen = props.defaultOpen, onOpen = props.onOpen, onClose = props.onClose, _c = props.size, size = _c === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_SIZE : _c, _d = props.disabled, disabled = _d === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_DISABLED : _d, onChange = props.onChange, allowCustomValue = props.allowCustomValue, _e = props.loading, loading = _e === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_LOADING : _e, _f = props.closeOnSelect, closeOnSelect = _f === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_CLOSE_ON_SELECT : _f, _g = props.error, error = _g === void 0 ? constants_1.AUTOCOMPLETE_BASE_DEFAULT_ERROR : _g, onInputChange = props.onInputChange, onOpenChange = props.onOpenChange;
     var anchorRef = (0, react_1.useRef)(null);
     var inputRef = (0, react_1.useRef)(null);
     var dropdownControl = (0, hooks_1.useAutocompleteBaseDropdown)({
@@ -24,6 +24,7 @@ var AutocompleteBase = function (inProps) {
         defaultOpen: defaultOpen,
         onOpen: onOpen,
         onClose: onClose,
+        onOpenChange: onOpenChange,
     });
     var searchControl = (0, hooks_1.useAutocompleteBaseSearch)(searchFunctionProp);
     var prepareOption = function (option) { return (tslib_1.__assign(tslib_1.__assign({}, prepareOptionProp(option)), { raw: option })); };
@@ -58,6 +59,7 @@ var AutocompleteBase = function (inProps) {
         filteredOptions: filteredOptions,
         valueControl: valueControl,
         multiple: multiple,
+        prepareOption: prepareOption,
     });
     var inputEventsControl = (0, hooks_1.useAutocompleteBaseInputEvents)({
         multiple: multiple,

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

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./onClose"), exports);
 tslib_1.__exportStar(require("./onOpen"), exports);
+tslib_1.__exportStar(require("./onOpenChange"), exports);

package/__inner__/cjs/components/AutocompleteBase/entities/open/onOpenChange.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -4,7 +4,7 @@ exports.useAutocompleteBaseDropdown = void 0;
 var tslib_1 = require("tslib");
 var useControlled_1 = require("../../../../hooks/useControlled");
 var useAutocompleteBaseDropdown = function (_a) {
-    var openProp = _a.open, defaultOpen = _a.defaultOpen, onClose = _a.onClose, onOpen = _a.onOpen;
+    var openProp = _a.open, defaultOpen = _a.defaultOpen, onClose = _a.onClose, onOpen = _a.onOpen, onOpenChange = _a.onOpenChange;
     var _b = tslib_1.__read((0, useControlled_1.useControlled)({
         value: openProp,
         defaultValue: defaultOpen,
@@ -15,11 +15,13 @@ var useAutocompleteBaseDropdown = function (_a) {
     var close = function () {
         setIsOpen(false);
         onClose === null || onClose === void 0 ? void 0 : onClose();
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
     };
     /** Открытие */
     var open = function () {
         setIsOpen(true);
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
     };
     /** Переключатель открытия и закрытия */
     var toggle = function () {

package/__inner__/cjs/components/AutocompleteBase/hooks/useAutocompleteBaseOptions/useAutocompleteBaseOptions.js

@@ -3,13 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAutocompleteBaseOptions = void 0;
 var utils_1 = require("../../utils");
 var useAutocompleteBaseOptions = function (_a) {
-    var options = _a.options, filteredOptions = _a.filteredOptions, valueControl = _a.valueControl, multiple = _a.multiple;
+    var options = _a.options, filteredOptions = _a.filteredOptions, valueControl = _a.valueControl, multiple = _a.multiple, prepareOption = _a.prepareOption;
     var isSelected = function (option) {
-        var _a, _b, _c;
-        if ((0, utils_1.isMultipleInternalValue)(valueControl.value, multiple)) {
-            return ((_b = (_a = valueControl.value) === null || _a === void 0 ? void 0 : _a.some(function (selectedOption) { return selectedOption.id === option.id; })) !== null && _b !== void 0 ? _b : false);
+        var valueState = valueControl.value;
+        if (valueState === null || valueState === undefined) {
+            return false;
         }
-        return ((_c = valueControl.value) === null || _c === void 0 ? void 0 : _c.id) === option.id;
+        var id = (function () {
+            if ((0, utils_1.isId)(option)) {
+                return option;
+            }
+            if ((0, utils_1.isInternalOption)(option)) {
+                return option.id;
+            }
+            return prepareOption(option).id;
+        })();
+        if ((0, utils_1.isMultipleInternalValue)(valueState, multiple)) {
+            return valueState.some(function (option) { return option.id === id; });
+        }
+        return valueState.id === id;
     };
     var hasOptions = (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) > 0;
     return {

package/__inner__/cjs/components/AutocompleteBase/hooks/useAutocompleteBaseValue/useAutocompleteBaseValue.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAutocompleteBaseValue = void 0;
 var tslib_1 = require("tslib");
+var logger_1 = require("@ozen-ui/logger");
 var useControlled_1 = require("../../../../hooks/useControlled");
 var array_1 = require("../../../../utils/array");
 var isNotNil_1 = require("../../../../utils/isNotNil");
@@ -31,9 +32,9 @@ var useAutocompleteBaseValue = function (_a) {
         onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(event, option, params);
     };
     var setValue = function (event, optionId, paramsProp) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         var source = paramsProp.source;
-        var option = optionId === null
+        var option = optionId === null || (0, array_1.isArray)(optionId)
             ? null
             : options.find(function (option) { return option.id === optionId; });
         if (option === undefined) {
@@ -43,7 +44,19 @@ var useAutocompleteBaseValue = function (_a) {
         var params = tslib_1.__assign(tslib_1.__assign({}, inProps), { onChange: onChange });
         if ((0, utils_1.isMultipleProps)(params) &&
             (0, utils_1.isMultipleInternalValue)(valueState, multiple)) {
-            if (option === null) {
+            if ((0, array_1.isArray)(optionId)) {
+                var preparedOptions_1 = [];
+                optionId.forEach(function (optionId) {
+                    var option = options.find(function (option) { return option.id === optionId; });
+                    if (!option) {
+                        logger_1.logger.error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043D\u0430\u0439\u0442\u0438 option \u0434\u043B\u044F \"".concat(optionId, "\""));
+                        return;
+                    }
+                    preparedOptions_1.push(option.raw);
+                });
+                (_a = params.onChange) === null || _a === void 0 ? void 0 : _a.call(params, event, preparedOptions_1, { source: source });
+            }
+            else if (option === null) {
                 onChange === null || onChange === void 0 ? void 0 : onChange(event, null, { source: source });
             }
             else {
@@ -64,13 +77,13 @@ var useAutocompleteBaseValue = function (_a) {
                     }
                     return value_1.map(function (option) { return option.raw; });
                 })();
-                (_a = params.onChange) === null || _a === void 0 ? void 0 : _a.call(params, event, result, { source: source });
+                (_b = params.onChange) === null || _b === void 0 ? void 0 : _b.call(params, event, result, { source: source });
             }
             searchControl.deactivate();
         }
         else if ((0, utils_1.isSingleProps)(params)) {
-            inputValue = (_b = option === null || option === void 0 ? void 0 : option.label) !== null && _b !== void 0 ? _b : '';
-            (_c = params.onChange) === null || _c === void 0 ? void 0 : _c.call(params, event, (_d = option === null || option === void 0 ? void 0 : option.raw) !== null && _d !== void 0 ? _d : null, { source: source });
+            inputValue = (_c = option === null || option === void 0 ? void 0 : option.label) !== null && _c !== void 0 ? _c : '';
+            (_d = params.onChange) === null || _d === void 0 ? void 0 : _d.call(params, event, (_e = option === null || option === void 0 ? void 0 : option.raw) !== null && _e !== void 0 ? _e : null, { source: source });
             if (option) {
                 searchControl.deactivate();
             }

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseDropdown/AutocompleteBaseDropdown.js

@@ -15,7 +15,7 @@ var AutocompleteBaseContext_1 = require("../../AutocompleteBaseContext");
 var cnAutocompleteBaseDropdown = (0, classname_1.cn)('AutocompleteBaseDropdown');
 exports.AutocompleteBaseDropdown = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var children = _a.children, _b = _a.strategy, strategy = _b === void 0 ? 'absolute' : _b, _c = _a.offset, offset = _c === void 0 ? [0, 4] : _c, _d = _a.placement, placement = _d === void 0 ? 'bottom-start' : _d, _e = _a.as, as = _e === void 0 ? Paper_1.Paper : _e, className = _a.className, onExited = _a.onExited, popoverProps = tslib_1.__rest(_a, ["children", "strategy", "offset", "placement", "as", "className", "onExited"]);
-    var _f = (0, AutocompleteBaseContext_1.useAutocompleteBaseContext)(), size = _f.size, dropdownControl = _f.dropdownControl, searchControl = _f.searchControl, anchorRef = _f.anchorRef, inputRef = _f.inputRef;
+    var _f = (0, AutocompleteBaseContext_1.useAutocompleteBaseContext)(), size = _f.size, dropdownControl = _f.dropdownControl, searchControl = _f.searchControl, anchorRef = _f.anchorRef;
     var radius = (0, getPaperSizeToFormElement_1.getPaperSizeToFormElement)(size);
     var updateStored = (0, useStoredValue_1.useStoredValue)(null);
     var resizeObserver = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function () {
@@ -23,11 +23,11 @@ exports.AutocompleteBaseDropdown = (0, polymorphicComponentWithRef_1.polymorphic
         (_a = updateStored.current) === null || _a === void 0 ? void 0 : _a.call(updateStored);
     });
     (0, react_1.useEffect)(function () {
-        var input = inputRef.current;
+        var input = anchorRef.current;
         if (input) {
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(inputRef.current);
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(anchorRef.current);
         }
-    }, [inputRef]);
+    }, [anchorRef]);
     return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ offset: offset, strategy: strategy, placement: placement, setUpdate: function (update) {
             updateStored.current = update;
         }, as: as, transitionProps: { classNames: 'AutocompleteBaseDropdown-animation' }, className: cnAutocompleteBaseDropdown('', [className]), equalAnchorWidth: true, disableReturnFocus: true, disableEnforceFocus: true, onExited: function () {

package/__inner__/cjs/components/AutocompleteBase/utils/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./isId"), exports);
+tslib_1.__exportStar(require("./isInternalOption"), exports);
 tslib_1.__exportStar(require("./isMultiple"), exports);
 tslib_1.__exportStar(require("./isSingle"), exports);
 tslib_1.__exportStar(require("./prepareOption"), exports);

package/__inner__/cjs/components/AutocompleteBase/utils/isId.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isId = void 0;
+var utils_1 = require("../../../utils");
+var isId = function (value) {
+    return (0, utils_1.isString)(value) || (0, utils_1.isNumber)(value);
+};
+exports.isId = isId;

package/__inner__/cjs/components/AutocompleteBase/utils/isInternalOption.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isInternalOption = void 0;
+var utils_1 = require("../../../utils");
+var isInternalOption = function (value) {
+    return (0, utils_1.isPlainObject)(value) &&
+        Object.keys(value).length === 4 &&
+        'raw' in value &&
+        'disabled' in value &&
+        'label' in value &&
+        'id' in value;
+};
+exports.isInternalOption = isInternalOption;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/AutocompleteListCardDropdown.js

@@ -18,7 +18,7 @@ exports.AutocompleteListCardDropdown = (0, polymorphicComponentWithRef_1.polymor
         name: 'AutocompleteListCardDropdown',
     });
     var _a = props.as, as = _a === void 0 ? constants_1.AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG : _a, onClose = props.onClose, other = tslib_1.__rest(props, ["as", "onClose"]);
-    var _b = (0, context_1.useAutocompleteListCardContext)(), inputRef = _b.inputRef, size = _b.size, dropdownControl = _b.dropdownControl, multiple = _b.multiple, valueControl = _b.valueControl, disabled = _b.disabled;
+    var _b = (0, context_1.useAutocompleteListCardContext)(), anchorRef = _b.anchorRef, size = _b.size, dropdownControl = _b.dropdownControl, multiple = _b.multiple, valueControl = _b.valueControl, disabled = _b.disabled;
     var children = (0, hooks_1.useAutocompleteListCardDropdownChildren)();
     var updateStored = (0, useStoredValue_1.useStoredValue)(null);
     var resizeObserver = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function () {
@@ -26,12 +26,12 @@ exports.AutocompleteListCardDropdown = (0, polymorphicComponentWithRef_1.polymor
         (_a = updateStored.current) === null || _a === void 0 ? void 0 : _a.call(updateStored);
     });
     (0, react_1.useEffect)(function () {
-        var input = inputRef.current;
+        var input = anchorRef.current;
         if (input) {
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(inputRef.current);
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(anchorRef.current);
         }
-    }, [inputRef]);
-    return (react_1.default.createElement(DataListCard_1.DataListCard, tslib_1.__assign({}, other, { ref: ref, as: as, anchorRef: inputRef, size: size, open: dropdownControl.isOpen, onClose: function () {
+    }, [anchorRef]);
+    return (react_1.default.createElement(DataListCard_1.DataListCard, tslib_1.__assign({}, other, { ref: ref, as: as, anchorRef: anchorRef, size: size, open: dropdownControl.isOpen, onClose: function () {
             onClose === null || onClose === void 0 ? void 0 : onClose();
             dropdownControl.close();
         }, setUpdate: function (update) {

package/__inner__/cjs/components/ButtonBase/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./ButtonBase"), exports);
+tslib_1.__exportStar(require("./constants"), exports);

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

@@ -13,7 +13,7 @@ export var AutocompleteBase = function (inProps) {
         props: inProps,
         name: 'AutocompleteBase',
     });
-    var dropdown = props.dropdown, input = props.input, inputValueProp = props.inputValue, _a = props.multiple, multiple = _a === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_MULTIPLE : _a, valueProp = props.value, defaultValue = props.defaultValue, searchFunctionProp = props.searchFunction, optionsProp = props.options, _b = props.prepareOption, prepareOptionProp = _b === void 0 ? autocompleteBaseDefaultPrepareOption : _b, openProp = props.open, defaultOpen = props.defaultOpen, onOpen = props.onOpen, onClose = props.onClose, _c = props.size, size = _c === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_SIZE : _c, _d = props.disabled, disabled = _d === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_DISABLED : _d, onChange = props.onChange, allowCustomValue = props.allowCustomValue, _e = props.loading, loading = _e === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_LOADING : _e, _f = props.closeOnSelect, closeOnSelect = _f === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_CLOSE_ON_SELECT : _f, _g = props.error, error = _g === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_ERROR : _g, onInputChange = props.onInputChange;
+    var dropdown = props.dropdown, input = props.input, inputValueProp = props.inputValue, _a = props.multiple, multiple = _a === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_MULTIPLE : _a, valueProp = props.value, defaultValue = props.defaultValue, searchFunctionProp = props.searchFunction, optionsProp = props.options, _b = props.prepareOption, prepareOptionProp = _b === void 0 ? autocompleteBaseDefaultPrepareOption : _b, openProp = props.open, defaultOpen = props.defaultOpen, onOpen = props.onOpen, onClose = props.onClose, _c = props.size, size = _c === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_SIZE : _c, _d = props.disabled, disabled = _d === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_DISABLED : _d, onChange = props.onChange, allowCustomValue = props.allowCustomValue, _e = props.loading, loading = _e === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_LOADING : _e, _f = props.closeOnSelect, closeOnSelect = _f === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_CLOSE_ON_SELECT : _f, _g = props.error, error = _g === void 0 ? AUTOCOMPLETE_BASE_DEFAULT_ERROR : _g, onInputChange = props.onInputChange, onOpenChange = props.onOpenChange;
     var anchorRef = useRef(null);
     var inputRef = useRef(null);
     var dropdownControl = useAutocompleteBaseDropdown({
@@ -21,6 +21,7 @@ export var AutocompleteBase = function (inProps) {
         defaultOpen: defaultOpen,
         onOpen: onOpen,
         onClose: onClose,
+        onOpenChange: onOpenChange,
     });
     var searchControl = useAutocompleteBaseSearch(searchFunctionProp);
     var prepareOption = function (option) { return (__assign(__assign({}, prepareOptionProp(option)), { raw: option })); };
@@ -55,6 +56,7 @@ export var AutocompleteBase = function (inProps) {
         filteredOptions: filteredOptions,
         valueControl: valueControl,
         multiple: multiple,
+        prepareOption: prepareOption,
     });
     var inputEventsControl = useAutocompleteBaseInputEvents({
         multiple: multiple,

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

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

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

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

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

@@ -1,7 +1,7 @@
 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 openProp = _a.open, defaultOpen = _a.defaultOpen, onClose = _a.onClose, onOpen = _a.onOpen, onOpenChange = _a.onOpenChange;
     var _b = __read(useControlled({
         value: openProp,
         defaultValue: defaultOpen,
@@ -12,11 +12,13 @@ export var useAutocompleteBaseDropdown = function (_a) {
     var close = function () {
         setIsOpen(false);
         onClose === null || onClose === void 0 ? void 0 : onClose();
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
     };
     /** Открытие */
     var open = function () {
         setIsOpen(true);
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
     };
     /** Переключатель открытия и закрытия */
     var toggle = function () {

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

@@ -1,12 +1,24 @@
-import { isMultipleInternalValue } from '../../utils';
+import { isId, isInternalOption, isMultipleInternalValue } from '../../utils';
 export var useAutocompleteBaseOptions = function (_a) {
-    var options = _a.options, filteredOptions = _a.filteredOptions, valueControl = _a.valueControl, multiple = _a.multiple;
+    var options = _a.options, filteredOptions = _a.filteredOptions, valueControl = _a.valueControl, multiple = _a.multiple, prepareOption = _a.prepareOption;
     var isSelected = function (option) {
-        var _a, _b, _c;
-        if (isMultipleInternalValue(valueControl.value, multiple)) {
-            return ((_b = (_a = valueControl.value) === null || _a === void 0 ? void 0 : _a.some(function (selectedOption) { return selectedOption.id === option.id; })) !== null && _b !== void 0 ? _b : false);
+        var valueState = valueControl.value;
+        if (valueState === null || valueState === undefined) {
+            return false;
         }
-        return ((_c = valueControl.value) === null || _c === void 0 ? void 0 : _c.id) === option.id;
+        var id = (function () {
+            if (isId(option)) {
+                return option;
+            }
+            if (isInternalOption(option)) {
+                return option.id;
+            }
+            return prepareOption(option).id;
+        })();
+        if (isMultipleInternalValue(valueState, multiple)) {
+            return valueState.some(function (option) { return option.id === id; });
+        }
+        return valueState.id === id;
     };
     var hasOptions = (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) > 0;
     return {

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

@@ -1,4 +1,5 @@
 import { __assign, __read, __spreadArray } from "tslib";
+import { logger } from '@ozen-ui/logger';
 import { useControlled } from '../../../../hooks/useControlled';
 import { isArray } from '../../../../utils/array';
 import { isNotNil } from '../../../../utils/isNotNil';
@@ -28,9 +29,9 @@ export var useAutocompleteBaseValue = function (_a) {
         onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(event, option, params);
     };
     var setValue = function (event, optionId, paramsProp) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         var source = paramsProp.source;
-        var option = optionId === null
+        var option = optionId === null || isArray(optionId)
             ? null
             : options.find(function (option) { return option.id === optionId; });
         if (option === undefined) {
@@ -40,7 +41,19 @@ export var useAutocompleteBaseValue = function (_a) {
         var params = __assign(__assign({}, inProps), { onChange: onChange });
         if (isMultipleProps(params) &&
             isMultipleInternalValue(valueState, multiple)) {
-            if (option === null) {
+            if (isArray(optionId)) {
+                var preparedOptions_1 = [];
+                optionId.forEach(function (optionId) {
+                    var option = options.find(function (option) { return option.id === optionId; });
+                    if (!option) {
+                        logger.error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043D\u0430\u0439\u0442\u0438 option \u0434\u043B\u044F \"".concat(optionId, "\""));
+                        return;
+                    }
+                    preparedOptions_1.push(option.raw);
+                });
+                (_a = params.onChange) === null || _a === void 0 ? void 0 : _a.call(params, event, preparedOptions_1, { source: source });
+            }
+            else if (option === null) {
                 onChange === null || onChange === void 0 ? void 0 : onChange(event, null, { source: source });
             }
             else {
@@ -61,13 +74,13 @@ export var useAutocompleteBaseValue = function (_a) {
                     }
                     return value_1.map(function (option) { return option.raw; });
                 })();
-                (_a = params.onChange) === null || _a === void 0 ? void 0 : _a.call(params, event, result, { source: source });
+                (_b = params.onChange) === null || _b === void 0 ? void 0 : _b.call(params, event, result, { source: source });
             }
             searchControl.deactivate();
         }
         else if (isSingleProps(params)) {
-            inputValue = (_b = option === null || option === void 0 ? void 0 : option.label) !== null && _b !== void 0 ? _b : '';
-            (_c = params.onChange) === null || _c === void 0 ? void 0 : _c.call(params, event, (_d = option === null || option === void 0 ? void 0 : option.raw) !== null && _d !== void 0 ? _d : null, { source: source });
+            inputValue = (_c = option === null || option === void 0 ? void 0 : option.label) !== null && _c !== void 0 ? _c : '';
+            (_d = params.onChange) === null || _d === void 0 ? void 0 : _d.call(params, event, (_e = option === null || option === void 0 ? void 0 : option.raw) !== null && _e !== void 0 ? _e : null, { source: source });
             if (option) {
                 searchControl.deactivate();
             }

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseDropdown/AutocompleteBaseDropdown.js

@@ -12,7 +12,7 @@ import { useAutocompleteBaseContext } from '../../AutocompleteBaseContext';
 var cnAutocompleteBaseDropdown = cn('AutocompleteBaseDropdown');
 export var AutocompleteBaseDropdown = polymorphicComponentWithRef(function (_a, ref) {
     var children = _a.children, _b = _a.strategy, strategy = _b === void 0 ? 'absolute' : _b, _c = _a.offset, offset = _c === void 0 ? [0, 4] : _c, _d = _a.placement, placement = _d === void 0 ? 'bottom-start' : _d, _e = _a.as, as = _e === void 0 ? Paper : _e, className = _a.className, onExited = _a.onExited, popoverProps = __rest(_a, ["children", "strategy", "offset", "placement", "as", "className", "onExited"]);
-    var _f = useAutocompleteBaseContext(), size = _f.size, dropdownControl = _f.dropdownControl, searchControl = _f.searchControl, anchorRef = _f.anchorRef, inputRef = _f.inputRef;
+    var _f = useAutocompleteBaseContext(), size = _f.size, dropdownControl = _f.dropdownControl, searchControl = _f.searchControl, anchorRef = _f.anchorRef;
     var radius = getPaperSizeToFormElement(size);
     var updateStored = useStoredValue(null);
     var resizeObserver = useCreateResizeObserver(function () {
@@ -20,11 +20,11 @@ export var AutocompleteBaseDropdown = polymorphicComponentWithRef(function (_a,
         (_a = updateStored.current) === null || _a === void 0 ? void 0 : _a.call(updateStored);
     });
     useEffect(function () {
-        var input = inputRef.current;
+        var input = anchorRef.current;
         if (input) {
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(inputRef.current);
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(anchorRef.current);
         }
-    }, [inputRef]);
+    }, [anchorRef]);
     return (React.createElement(Popover, __assign({ offset: offset, strategy: strategy, placement: placement, setUpdate: function (update) {
             updateStored.current = update;
         }, as: as, transitionProps: { classNames: 'AutocompleteBaseDropdown-animation' }, className: cnAutocompleteBaseDropdown('', [className]), equalAnchorWidth: true, disableReturnFocus: true, disableEnforceFocus: true, onExited: function () {

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

@@ -1,3 +1,5 @@
+export * from './isId';
+export * from './isInternalOption';
 export * from './isMultiple';
 export * from './isSingle';
 export * from './prepareOption';

package/__inner__/esm/components/AutocompleteBase/utils/isId.js

@@ -0,0 +1,4 @@
+import { isNumber, isString } from '../../../utils';
+export var isId = function (value) {
+    return isString(value) || isNumber(value);
+};

package/__inner__/esm/components/AutocompleteBase/utils/isInternalOption.js

@@ -0,0 +1,9 @@
+import { isPlainObject } from '../../../utils';
+export var isInternalOption = function (value) {
+    return isPlainObject(value) &&
+        Object.keys(value).length === 4 &&
+        'raw' in value &&
+        'disabled' in value &&
+        'label' in value &&
+        'id' in value;
+};

package/__inner__/esm/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/AutocompleteListCardDropdown.js

@@ -15,7 +15,7 @@ export var AutocompleteListCardDropdown = polymorphicComponentWithRef(function (
         name: 'AutocompleteListCardDropdown',
     });
     var _a = props.as, as = _a === void 0 ? AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG : _a, onClose = props.onClose, other = __rest(props, ["as", "onClose"]);
-    var _b = useAutocompleteListCardContext(), inputRef = _b.inputRef, size = _b.size, dropdownControl = _b.dropdownControl, multiple = _b.multiple, valueControl = _b.valueControl, disabled = _b.disabled;
+    var _b = useAutocompleteListCardContext(), anchorRef = _b.anchorRef, size = _b.size, dropdownControl = _b.dropdownControl, multiple = _b.multiple, valueControl = _b.valueControl, disabled = _b.disabled;
     var children = useAutocompleteListCardDropdownChildren();
     var updateStored = useStoredValue(null);
     var resizeObserver = useCreateResizeObserver(function () {
@@ -23,12 +23,12 @@ export var AutocompleteListCardDropdown = polymorphicComponentWithRef(function (
         (_a = updateStored.current) === null || _a === void 0 ? void 0 : _a.call(updateStored);
     });
     useEffect(function () {
-        var input = inputRef.current;
+        var input = anchorRef.current;
         if (input) {
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(inputRef.current);
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(anchorRef.current);
         }
-    }, [inputRef]);
-    return (React.createElement(DataListCard, __assign({}, other, { ref: ref, as: as, anchorRef: inputRef, size: size, open: dropdownControl.isOpen, onClose: function () {
+    }, [anchorRef]);
+    return (React.createElement(DataListCard, __assign({}, other, { ref: ref, as: as, anchorRef: anchorRef, size: size, open: dropdownControl.isOpen, onClose: function () {
             onClose === null || onClose === void 0 ? void 0 : onClose();
             dropdownControl.close();
         }, setUpdate: function (update) {

package/__inner__/esm/components/ButtonBase/index.js

@@ -1 +1,2 @@
 export * from './ButtonBase';
+export * from './constants';

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

@@ -1 +1 @@
-export type AutoCompleteBaseInputRef = HTMLElement;
+export type AutoCompleteBaseInputRef = HTMLInputElement;

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

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

package/__inner__/types/components/AutocompleteBase/entities/open/onOpenChange.d.ts

@@ -0,0 +1 @@
+export type AutocompleteBaseOnOpenChange = (isOpen: boolean) => void;

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

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

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

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

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

@@ -1,9 +1,10 @@
-import type { AutocompleteBaseInternalOption } from '../../entities';
+import type { AutocompleteBaseInternalOption, AutocompleteBasePrepareOption } from '../../entities';
 import type { AutocompleteBaseValueControl } from '../useAutocompleteBaseValue';
 import type { AutocompleteBaseOptionsControl } from './types';
-export declare const useAutocompleteBaseOptions: <Option, Multiple extends boolean>({ options, filteredOptions, valueControl, multiple, }: {
+export declare const useAutocompleteBaseOptions: <Option, Multiple extends boolean>({ options, filteredOptions, valueControl, multiple, prepareOption, }: {
     options: AutocompleteBaseInternalOption<Option>[];
     filteredOptions: AutocompleteBaseInternalOption<Option>[];
     valueControl: AutocompleteBaseValueControl<Option, Multiple>;
     multiple: boolean;
+    prepareOption: AutocompleteBasePrepareOption<Option>;
 }) => AutocompleteBaseOptionsControl<Option>;

package/__inner__/types/components/AutocompleteBase/hooks/useAutocompleteBaseValue/types.d.ts

@@ -3,10 +3,10 @@ import type { AutocompleteBaseInternalValue, AutocompleteBaseOnChangeSource, Aut
 export type AutocompleteBaseValueControlSetValueParams = {
     source: AutocompleteBaseOnChangeSource;
 };
-export type AutocompleteBaseValueControlSetValue = (event: SyntheticEvent | KeyboardEvent | null, optionId: AutocompleteBaseOptionId | null, params: AutocompleteBaseValueControlSetValueParams) => void;
+export type AutocompleteBaseValueControlSetValue<Multiple extends boolean> = (event: SyntheticEvent | KeyboardEvent | null, optionId: Multiple extends true ? AutocompleteBaseOptionId | AutocompleteBaseOptionId[] | null : AutocompleteBaseOptionId | null, params: AutocompleteBaseValueControlSetValueParams) => void;
 export type AutocompleteBaseValueControl<Option, Multiple extends boolean> = {
     value: AutocompleteBaseInternalValue<Option, Multiple> | undefined;
-    setValue: AutocompleteBaseValueControlSetValue;
+    setValue: AutocompleteBaseValueControlSetValue<Multiple>;
     hasValue: boolean;
     selectedOptionsLength: number;
 };

package/__inner__/types/components/AutocompleteBase/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { AutocompleteBaseOnInputChange, AutocompleteBaseOnChange, AutocompleteBaseOnClose, AutocompleteBaseOnOpen, AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption, AutocompleteBaseSearchFunction, AutocompleteBaseSize, AutocompleteBaseValue } from './entities';
+import type { AutocompleteBaseOnInputChange, AutocompleteBaseOnChange, AutocompleteBaseOnClose, AutocompleteBaseOnOpen, AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption, AutocompleteBaseSearchFunction, AutocompleteBaseSize, AutocompleteBaseValue, AutocompleteBaseOnOpenChange } from './entities';
 export type AutocompleteBaseProps<Option = AutocompleteBaseDefaultOption, Multiple extends boolean = false> = {
     /** Если `true` из списка можно выбрать несколько вариантов */
     multiple?: Multiple;
@@ -21,6 +21,8 @@ export type AutocompleteBaseProps<Option = AutocompleteBaseDefaultOption, Multip
     onOpen?: AutocompleteBaseOnOpen;
     /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
     onClose?: AutocompleteBaseOnClose;
+    /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие/открытие */
+    onOpenChange?: AutocompleteBaseOnOpenChange;
     /** Функция обратного вызова, которая будет вызвана при выборе значения */
     onChange?: AutocompleteBaseOnChange<Option, Multiple>;
     /** Функция обратного вызова, которая будет вызвана при вводе значения с клавиатуры */

package/__inner__/types/components/AutocompleteBase/utils/index.d.ts

@@ -1,3 +1,5 @@
+export * from './isId';
+export * from './isInternalOption';
 export * from './isMultiple';
 export * from './isSingle';
 export * from './prepareOption';

package/__inner__/types/components/AutocompleteBase/utils/isId.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteBaseOptionId } from '../entities';
+export declare const isId: (value: unknown) => value is AutocompleteBaseOptionId;

package/__inner__/types/components/AutocompleteBase/utils/isInternalOption.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteBaseInternalOption } from '../entities';
+export declare const isInternalOption: (value: unknown) => value is AutocompleteBaseInternalOption<unknown>;

package/__inner__/types/components/ButtonBase/index.d.ts

@@ -1 +1,2 @@
 export * from './ButtonBase';
+export * from './constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.83.3",
+  "version": "0.84.0",
   "description": "React component library",
   "files": [
     "*"
@@ -29,9 +29,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.83.3",
-    "@ozen-ui/icons": "0.83.3",
-    "@ozen-ui/logger": "0.83.3"
+    "@ozen-ui/fonts": "0.84.0",
+    "@ozen-ui/icons": "0.84.0",
+    "@ozen-ui/logger": "0.84.0"
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.0"