@alfalab/core-components 47.0.0-beta.0 → 47.0.0-beta.1

package/select/esm/Component.responsive.js

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-74e64a0c.js';
+import './hook-9053acbd.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/components/base-select/Component.js

@@ -353,9 +353,9 @@ function (_a, ref) {
             return null;
         var listProps = optionsListProps;
         return (React.createElement("div", __assign({}, menuProps, { ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) }),
-            React.createElement(OptionsList, __assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn((_a = {}, _a[mobileStyles.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn((_b = {}, _b[mobileStyles.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, (_c = {},
+            React.createElement(OptionsList, __assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn((_a = {}, _a[mobileStyles.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn((_b = {}, _b[mobileStyles.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, (_c = {},
                     _c[mobileStyles.optionGroup] = view === 'mobile',
-                    _c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search })),
+                    _c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll })),
             view === 'desktop' && React.createElement("div", { className: styles.optionsListBorder })));
     };
     var renderInPopover = function () {

package/select/esm/components/options-list/Component.js

@@ -19,7 +19,7 @@ var createCounter = function () {
 };
 var OptionsList = forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.Optgroup, Optgroup$1 = _f === void 0 ? Optgroup : _f, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _g = _a.visibleOptions, visibleOptions = _g === void 0 ? DEFAULT_VISIBLE_OPTIONS : _g, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _h = _a.showFooter, showFooter = _h === void 0 ? true : _h, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _j = _a.flatOptions, flatOptions = _j === void 0 ? [] : _j, setHighlightedIndex = _a.setHighlightedIndex, selectedItems = _a.selectedItems, addSelectedItem = _a.addSelectedItem, removeSelectedItem = _a.removeSelectedItem, search = _a.search;
+    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.Optgroup, Optgroup$1 = _f === void 0 ? Optgroup : _f, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _g = _a.visibleOptions, visibleOptions = _g === void 0 ? DEFAULT_VISIBLE_OPTIONS : _g, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _h = _a.showFooter, showFooter = _h === void 0 ? true : _h, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _j = _a.flatOptions, flatOptions = _j === void 0 ? [] : _j, setHighlightedIndex = _a.setHighlightedIndex;
     var _k = useState(true), scrollTop = _k[0], setScrollTop = _k[1];
     var _l = useState(false), scrollBottom = _l[0], setScrollBottom = _l[1];
     var query = '(max-width: 1023px)';
@@ -39,7 +39,7 @@ var OptionsList = forwardRef(function (_a, ref) {
     var listRef = useRef(null);
     var scrollbarRef = useRef(null);
     var counter = createCounter();
-    var renderGroup = function (group) { return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return group.options.includes(item); }), addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, search: search }, group.options.map(function (option) { return renderOption(option, counter()); }))); };
+    var renderGroup = function (group) { return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map(function (option) { return renderOption(option, counter()); }))); };
     useVisibleOptions(__assign(__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, invalidate: options }));
     if (options.length === 0 && !emptyPlaceholder && !header && !footer) {
         return null;

package/select/esm/components/virtual-options-list/Component.js

@@ -15,7 +15,7 @@ require('./index.css');
 
 var VirtualOptionsList = forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 48 : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, optionGroupClassName = _a.optionGroupClassName, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup$1 = _g === void 0 ? Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar, setHighlightedIndex = _a.setHighlightedIndex, selectedItems = _a.selectedItems, addSelectedItem = _a.addSelectedItem, removeSelectedItem = _a.removeSelectedItem, search = _a.search;
+    var _c = _a.size, size = _c === void 0 ? 48 : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, optionGroupClassName = _a.optionGroupClassName, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup$1 = _g === void 0 ? Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar, setHighlightedIndex = _a.setHighlightedIndex;
     var listRef = useRef(null);
     var parentRef = useRef(null);
     var scrollbarRef = useRef(null);
@@ -106,9 +106,7 @@ var VirtualOptionsList = forwardRef(function (_a, ref) {
                     _a)), style: {
                     transform: "translateY(".concat(virtualRow.start, "px)"),
                 } },
-                group && (React.createElement(Optgroup$1, { label: group.label, size: size, className: optionGroupClassName, options: group.options, selectedItems: selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) {
-                        return group.options.includes(item);
-                    }), addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, search: search })),
+                group && (React.createElement(Optgroup$1, { label: group.label, size: size, className: optionGroupClassName })),
                 !isGroup(option) && (React.createElement(Option, __assign({}, getOptionProps(option, virtualRow.index))))));
         });
     };

package/select/esm/index.js

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-74e64a0c.js';
+import './hook-9053acbd.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-74e64a0c.js';
+import { u as useSelectWithApply } from '../hook-9053acbd.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/esm/mobile/Component.modal.mobile.js

@@ -37,7 +37,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-74e64a0c.js';
+import '../hook-9053acbd.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/index.js

@@ -38,7 +38,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-74e64a0c.js';
+import '../hook-9053acbd.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-74e64a0c.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-9053acbd.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';

package/select/esm/presets/useSelectWithApply/hook.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../../shared/esm';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-74e64a0c.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-9053acbd.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-74e64a0c.js';
+export { O as OptionsListWithApply } from '../../../hook-9053acbd.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-74e64a0c";
+export * from "../../../hook-9053acbd";

package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-74e64a0c.js';
+export { O as OptionsListWithApply } from '../../../hook-9053acbd.js';
 import 'tslib';
 import 'react';
 import '../../../utils.js';

package/select/esm/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-74e64a0c.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-9053acbd.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/esm/typings.d.ts

@@ -479,18 +479,6 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
-    /**
-     * Обработчик добавления в список выбранных вариантов
-     */
-    addSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Обработчик удаления из списка выбранных вариантов
-     */
-    removeSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Значение поиска
-     */
-    search?: string;
 };
 type OptgroupProps = {
     /**
@@ -510,26 +498,6 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
-    /**
-     * Список вариантов выбора в группе
-     */
-    options?: OptionShape[];
-    /**
-     * Список выбранных вариантов в группе
-     */
-    selectedItems?: OptionShape[];
-    /**
-     * Обработчик добавления в список выбранных вариантов
-     */
-    addSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Обработчик удаления из списка выбранных вариантов
-     */
-    removeSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Значение поиска
-     */
-    search?: string;
 };
 type OptionProps = {
     /**

package/select/mobile/Component.mobile.js

@@ -14,7 +14,7 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4828b821.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/modern/Component.responsive.js

@@ -40,7 +40,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-6af684e1.js';
+import './hook-b222c7a6.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/components/base-select/Component.js

@@ -348,9 +348,9 @@ const BaseSelect = forwardRef(
             return null;
         const listProps = optionsListProps;
         return (React.createElement("div", { ...menuProps, ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) },
-            React.createElement(OptionsList, { ...listProps, ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn({ [mobileStyles.optionsList]: view === 'mobile' }), scrollbarClassName: cn({ [mobileStyles.scrollbar]: view === 'mobile' }), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, {
+            React.createElement(OptionsList, { ...listProps, ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn({ [mobileStyles.optionsList]: view === 'mobile' }), scrollbarClassName: cn({ [mobileStyles.scrollbar]: view === 'mobile' }), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, {
                     [mobileStyles.optionGroup]: view === 'mobile',
-                }), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search }),
+                }), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll }),
             view === 'desktop' && React.createElement("div", { className: styles.optionsListBorder })));
     };
     const renderInPopover = () => {

package/select/modern/components/options-list/Component.js

@@ -16,7 +16,7 @@ const createCounter = () => {
     // eslint-disable-next-line no-plusplus
     return () => count++;
 };
-const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, scrollbarClassName, Option, getOptionProps, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, onScroll, open, header, footer, showFooter = true, optionsListWidth, nativeScrollbar: nativeScrollbarProp, flatOptions = [], setHighlightedIndex, selectedItems, addSelectedItem, removeSelectedItem, search, }, ref) => {
+const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, scrollbarClassName, Option, getOptionProps, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, onScroll, open, header, footer, showFooter = true, optionsListWidth, nativeScrollbar: nativeScrollbarProp, flatOptions = [], setHighlightedIndex, }, ref) => {
     const [scrollTop, setScrollTop] = useState(true);
     const [scrollBottom, setScrollBottom] = useState(false);
     const query = '(max-width: 1023px)';
@@ -34,7 +34,7 @@ const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, sc
     const listRef = useRef(null);
     const scrollbarRef = useRef(null);
     const counter = createCounter();
-    const renderGroup = (group) => (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: selectedItems?.filter((item) => group.options.includes(item)), addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, search: search }, group.options.map((option) => renderOption(option, counter()))));
+    const renderGroup = (group) => (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map((option) => renderOption(option, counter()))));
     useVisibleOptions({
         ...(!nativeScrollbar && { styleTargetRef: scrollbarRef }),
         visibleOptions,

package/select/modern/components/virtual-options-list/Component.js

@@ -12,7 +12,7 @@ import { Optgroup } from '../optgroup/Component.js';
 const styles = {"virtualOptionsList":"select__virtualOptionsList_p60lz","virtualOptionsListHeader":"select__virtualOptionsListHeader_p60lz","virtualOptionsListFooter":"select__virtualOptionsListFooter_p60lz","withBorder":"select__withBorder_p60lz","scrollable":"select__scrollable_p60lz","inner":"select__inner_p60lz","virtualRow":"select__virtualRow_p60lz","highlighted":"select__highlighted_p60lz","emptyPlaceholder":"select__emptyPlaceholder_p60lz","size-64":"select__size-64_p60lz","size-72":"select__size-72_p60lz"};
 require('./index.css');
 
-const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlightedIndex = -1, optionGroupClassName, className, getOptionProps, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, header, footer, showFooter = true, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, setHighlightedIndex, selectedItems, addSelectedItem, removeSelectedItem, search, }, ref) => {
+const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlightedIndex = -1, optionGroupClassName, className, getOptionProps, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, header, footer, showFooter = true, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, setHighlightedIndex, }, ref) => {
     const listRef = useRef(null);
     const parentRef = useRef(null);
     const scrollbarRef = useRef(null);
@@ -99,7 +99,7 @@ const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlighte
             }), style: {
                 transform: `translateY(${virtualRow.start}px)`,
             } },
-            group && (React.createElement(Optgroup$1, { label: group.label, size: size, className: optionGroupClassName, options: group.options, selectedItems: selectedItems?.filter((item) => group.options.includes(item)), addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, search: search })),
+            group && (React.createElement(Optgroup$1, { label: group.label, size: size, className: optionGroupClassName })),
             !isGroup(option) && (React.createElement(Option, { ...getOptionProps(option, virtualRow.index) }))));
     });
     const contentNodeProps = {

package/select/modern/index.js

@@ -40,7 +40,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-6af684e1.js';
+import './hook-b222c7a6.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-6af684e1.js';
+import { u as useSelectWithApply } from '../hook-b222c7a6.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/modern/mobile/Component.modal.mobile.js

@@ -36,7 +36,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-6af684e1.js';
+import '../hook-b222c7a6.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/index.js

@@ -37,7 +37,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-6af684e1.js';
+import '../hook-b222c7a6.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-6af684e1.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b222c7a6.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

package/select/modern/presets/useSelectWithApply/hook.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-6af684e1.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-b222c7a6.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-6af684e1.js';
+export { O as OptionsListWithApply } from '../../../hook-b222c7a6.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-6af684e1";
+export * from "../../../hook-b222c7a6";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-6af684e1.js';
+export { O as OptionsListWithApply } from '../../../hook-b222c7a6.js';
 import 'react';
 import '../../../utils.js';
 import '../../../../../shared/modern';

package/select/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-6af684e1.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b222c7a6.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/modern/typings.d.ts

@@ -479,18 +479,6 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
-    /**
-     * Обработчик добавления в список выбранных вариантов
-     */
-    addSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Обработчик удаления из списка выбранных вариантов
-     */
-    removeSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Значение поиска
-     */
-    search?: string;
 };
 type OptgroupProps = {
     /**
@@ -510,26 +498,6 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
-    /**
-     * Список вариантов выбора в группе
-     */
-    options?: OptionShape[];
-    /**
-     * Список выбранных вариантов в группе
-     */
-    selectedItems?: OptionShape[];
-    /**
-     * Обработчик добавления в список выбранных вариантов
-     */
-    addSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Обработчик удаления из списка выбранных вариантов
-     */
-    removeSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Значение поиска
-     */
-    search?: string;
 };
 type OptionProps = {
     /**

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4828b821.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-4828b821.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-4828b821.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-0bb52889";
+export * from "../../../hook-4828b821";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-4828b821.js');
 
 
 

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4828b821.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/select/typings.d.ts

@@ -479,18 +479,6 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
-    /**
-     * Обработчик добавления в список выбранных вариантов
-     */
-    addSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Обработчик удаления из списка выбранных вариантов
-     */
-    removeSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Значение поиска
-     */
-    search?: string;
 };
 type OptgroupProps = {
     /**
@@ -510,26 +498,6 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
-    /**
-     * Список вариантов выбора в группе
-     */
-    options?: OptionShape[];
-    /**
-     * Список выбранных вариантов в группе
-     */
-    selectedItems?: OptionShape[];
-    /**
-     * Обработчик добавления в список выбранных вариантов
-     */
-    addSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Обработчик удаления из списка выбранных вариантов
-     */
-    removeSelectedItem?: (item: OptionShape) => void;
-    /**
-     * Значение поиска
-     */
-    search?: string;
 };
 type OptionProps = {
     /**

package/side-panel/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-e8737dea.js');
+var layout_module = require('../../layout.module-8f6fbc6c.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/components/footer/Component.js

@@ -5,7 +5,7 @@ var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-e8737dea.js');
+var layout_module = require('../../layout.module-8f6fbc6c.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/esm/Component.responsive.js

@@ -8,7 +8,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-2920265f.js';
+import './layout.module-213a8df5.js';
 import '../../navigation-bar-private/esm';
 import './consts.js';
 import './Context.js';

package/side-panel/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-2920265f.js';
+import { l as layoutStyles } from '../../layout.module-213a8df5.js';
 
 var styles = {"component":"side-panel__component_w9q3j"};
 require('./index.css');

package/side-panel/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-2920265f.js';
+import '../../layout.module-213a8df5.js';

package/side-panel/esm/components/footer/Component.desktop.js

@@ -7,7 +7,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-2920265f.js';
+import '../../layout.module-213a8df5.js';
 
 var styles = {"sticky":"side-panel__sticky_13w0c","size-500":"side-panel__size-500_13w0c"};
 require('./desktop.css');

package/side-panel/esm/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-2920265f.js';
+import { l as layoutStyles } from '../../layout.module-213a8df5.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_11ctg","sticky":"side-panel__sticky_11ctg","highlighted":"side-panel__highlighted_11ctg"};

package/side-panel/esm/components/footer/Component.mobile.js

@@ -6,7 +6,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-2920265f.js';
+import '../../layout.module-213a8df5.js';
 
 var styles = {"footer":"side-panel__footer_ezvfb","sticky":"side-panel__sticky_ezvfb"};
 require('./mobile.css');