npm - @alfalab/core-components - Versions diffs - 44.7.0-beta.1 → 44.7.1 - Mend

@alfalab/core-components 44.7.0-beta.1 → 44.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1216) hide show

package/select/components/option/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1egnt */
+/* hash: xpwmj */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #d5d6dc;

package/select/components/options-list/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 49c3c */
+/* hash: 5zzwp */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;

package/select/components/search/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 17th9 */
+/* hash: sfzah */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/select/components/virtual-options-list/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 2mxw1 */
+/* hash: 13kku */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #d5d6dc;

package/select/cssm/components/base-option/index.module.css CHANGED Viewed

@@ -65,9 +65,9 @@
         padding: 0 0 0 var(--gap-s)
     } .option.checkmarkBefore.mobile {
             padding-left: var(--gap-m);
-        } .option.checkmarkAfter {
+        } .option.checkmarkAfter.checkmarkAfter {
         padding: 0 var(--gap-s) 0 0
-    } .option.checkmarkAfter.mobile {
+    } .option.checkmarkAfter.checkmarkAfter.mobile {
             padding-right: var(--gap-l);
         } .option.textContent {
         padding: var(--gap-s)

package/select/cssm/components/base-select/Component.js CHANGED Viewed

@@ -35,6 +35,7 @@ function (_a, ref) {
     var listRef = React.useRef(null);
     var initiatorRef = React.useRef(null);
     var searchRef = React.useRef(null);
+    var alreadyClickedRef = React.useRef(false);
     var scrollableContainerRef = React.useRef(null);
     var onOpenRef = React.useRef(onOpen);
     var _3 = React__default.default.useState(''), searchState = _3[0], setSearchState = _3[1];
@@ -95,24 +96,6 @@ function (_a, ref) {
         isItemDisabled: isItemDisabled,
         defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,
         scrollIntoView: scrollIntoView,
-        onSelectedItemChange: function (changes) {
-            var selectedItem = changes.selectedItem || initiatorRef.current;
-            if (selectedItem && !selectedItem.disabled) {
-                var alreadySelected = selectedItems.includes(selectedItem);
-                var allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
-                if (alreadySelected && allowRemove) {
-                    removeSelectedItem(selectedItem);
-                }
-                if (!alreadySelected) {
-                    if (multiple) {
-                        addSelectedItem(selectedItem);
-                    }
-                    else {
-                        setSelectedItems([selectedItem]);
-                    }
-                }
-            }
-        },
         onIsOpenChange: function (changes) {
             if (onOpenRef.current) {
                 /**
@@ -141,9 +124,16 @@ function (_a, ref) {
                 }
             }
         },
+        // eslint-disable-next-line complexity
         stateReducer: function (state, actionAndChanges) {
             var type = actionAndChanges.type, changes = actionAndChanges.changes;
+            var selectedItem = changes.selectedItem;
             switch (type) {
+                case downshift.useCombobox.stateChangeTypes.InputBlur:
+                    if (view === 'mobile') {
+                        return state;
+                    }
+                    return changes;
                 case downshift.useCombobox.stateChangeTypes.InputKeyDownArrowDown:
                     if (!circularNavigation && state.highlightedIndex === options.length - 1) {
                         return tslib.__assign(tslib.__assign({}, changes), { highlightedIndex: state.highlightedIndex });
@@ -155,36 +145,42 @@ function (_a, ref) {
                     }
                     return changes;
                 case downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
-                case downshift.useCombobox.stateChangeTypes.ItemClick: {
-                    var selectedItem = changes.selectedItem;
+                case downshift.useCombobox.stateChangeTypes.ItemClick:
                     initiatorRef.current = selectedItem || null;
-                    return tslib.__assign(tslib.__assign({}, changes), { selectedItem: state.selectedItem === selectedItem ? null : selectedItem, isOpen: !closeOnSelect || (view === 'mobile' && multiple),
+                    if (selectedItem && !selectedItem.disabled && !alreadyClickedRef.current) {
+                        // TODO!!! Проблема downshift + React 18. ItemClick срабатывает дважды. См https://github.com/downshift-js/downshift/issues/1384
+                        if (view === 'mobile' && React__default.default.version.indexOf('18') === 0) {
+                            alreadyClickedRef.current = true;
+                            setTimeout(function () {
+                                alreadyClickedRef.current = false;
+                            });
+                        }
+                        var alreadySelected = selectedItems.includes(selectedItem);
+                        var allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
+                        if (alreadySelected && allowRemove) {
+                            removeSelectedItem(selectedItem);
+                        }
+                        if (!alreadySelected) {
+                            if (multiple) {
+                                addSelectedItem(selectedItem);
+                            }
+                            else {
+                                setSelectedItems([selectedItem]);
+                            }
+                        }
+                    }
+                    return tslib.__assign(tslib.__assign({}, changes), { isOpen: !closeOnSelect || (view === 'mobile' && multiple),
                         // при closeOnSelect === false - сохраняем подсвеченный индекс
                         highlightedIndex: state.isOpen && !closeOnSelect
                             ? state.highlightedIndex
                             : changes.highlightedIndex });
-                }
                 default:
                     return changes;
             }
         },
     }), open = _7.isOpen, getMenuProps = _7.getMenuProps, getInputProps = _7.getInputProps, getItemProps = _7.getItemProps, getLabelProps = _7.getLabelProps, highlightedIndex = _7.highlightedIndex, toggleMenu = _7.toggleMenu, openMenu = _7.openMenu, closeMenu = _7.closeMenu, setHighlightedIndex = _7.setHighlightedIndex;
-    React.useEffect(function () {
-        /*
-         * При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом
-         * Скорее всего это исправят в будущих версиях downshift
-         */
-        if (openProp !== undefined) {
-            if (openProp) {
-                openMenu();
-            }
-            else {
-                closeMenu();
-            }
-        }
-    }, [openProp, openMenu, closeMenu]);
+    var menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
     var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs__default.default([ref, fieldRef]) }));
-    var _8 = getMenuProps({ ref: listRef }, { suppressRefError: true }), menuRef = _8.ref, menuProps = tslib.__rest(_8, ["ref"]);
     var handleEntered = function (node, isAppearing) {
         var _a, _b, _c, _d, _e;
         if (showSearch)
@@ -335,7 +331,7 @@ function (_a, ref) {
                 _a[mobileStyles__default.default.search] = view === 'mobile',
                 _a)), ref: mergeRefs__default.default([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
     };
-    var _9 = optionsListProps, header = _9.header, emptyPlaceholder = _9.emptyPlaceholder;
+    var _8 = optionsListProps, header = _8.header, emptyPlaceholder = _8.emptyPlaceholder;
     var renderOptionsListHeader = function () {
         if (header || (view === 'desktop' && showSearch)) {
             return (React__default.default.createElement(React__default.default.Fragment, null,
@@ -358,7 +354,7 @@ function (_a, ref) {
         if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch)
             return null;
         var listProps = optionsListProps;
-        return (React__default.default.createElement("div", tslib.__assign({}, menuProps, { ref: view === 'desktop' ? menuRef : undefined, className: cn__default.default(optionsListClassName, view === 'mobile' && mobileStyles__default.default.optionsListWrapper, view === 'desktop' && styles__default.default.optionsListWrapper) }),
+        return (React__default.default.createElement("div", tslib.__assign({}, menuProps, { className: cn__default.default(optionsListClassName, view === 'mobile' && mobileStyles__default.default.optionsListWrapper, view === 'desktop' && styles__default.default.optionsListWrapper) }),
             React__default.default.createElement(OptionsList, tslib.__assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn__default.default((_a = {}, _a[mobileStyles__default.default.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn__default.default((_b = {}, _b[mobileStyles__default.default.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: coreComponentsShared.getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn__default.default(optionGroupClassName, (_c = {},
                     _c[mobileStyles__default.default.optionGroup] = view === 'mobile',
                     _c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll })),
@@ -372,7 +368,7 @@ function (_a, ref) {
     };
     var renderInBottomSheet = function () {
         if (!nativeSelect && BottomSheet) {
-            return (React__default.default.createElement(BottomSheet, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles__default.default.sheet, contentClassName: mobileStyles__default.default.sheetContent, containerClassName: mobileStyles__default.default.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default' }, bottomSheetProps, { sheetContainerRef: menuRef, scrollableContainerRef: scrollableContainerRef, onClose: function () {
+            return (React__default.default.createElement(BottomSheet, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles__default.default.sheet, contentClassName: mobileStyles__default.default.sheetContent, containerClassName: mobileStyles__default.default.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default' }, bottomSheetProps, { scrollableContainerRef: scrollableContainerRef, onClose: function () {
                     var _a;
                     closeMenu();
                     (_a = bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 : bottomSheetProps.onClose) === null || _a === void 0 ? void 0 : _a.call(bottomSheetProps);
@@ -384,7 +380,7 @@ function (_a, ref) {
     };
     var renderInModalMobile = function () {
         if (!nativeSelect && ModalMobile) {
-            return (React__default.default.createElement(ModalMobile, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'modal'), open: open, hasCloser: true }, modalProps, { componentRef: menuRef, onClose: function () {
+            return (React__default.default.createElement(ModalMobile, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'modal'), open: open, hasCloser: true }, modalProps, { onClose: function () {
                     var _a;
                     var args = [];
                     for (var _i = 0; _i < arguments.length; _i++) {

package/select/cssm/components/base-select/mobile.module.css CHANGED Viewed

@@ -46,9 +46,9 @@
     flex: 1;
 } .search {
     padding: var(--gap-xs);
-} .option {
+} .option.option {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .option:before {
+} .option.option:before {
         display: none;
     } .optionGroup {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);

package/select/cssm/components/checkmark/index.module.css CHANGED Viewed

@@ -60,9 +60,9 @@
 } .before.multiple {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .after {
+    } .after.after {
     display: var(--select-checkmark-after-display)
-} .after.single {
+} .after.after.single {
         display: var(--select-checkmark-after-display-single);
     } .colorIcon {
     color: var(--color-light-status-positive);

package/select/esm/Component.responsive.js CHANGED Viewed

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-70d4d250.js';
+import './hook-693c40bc.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/arrow/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1appp */
+/* hash: 1jl2k */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/select/esm/components/base-checkmark/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 7oo6u */
+/* hash: 1pz12 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/select/esm/components/base-option/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: njoj2 */
+/* hash: 1ohbh */
 :root {
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -67,9 +67,9 @@
         padding: 0 0 0 var(--gap-s)
     } .select__option_13bmv.select__checkmarkBefore_13bmv.select__mobile_13bmv {
             padding-left: var(--gap-m);
-        } .select__option_13bmv.select__checkmarkAfter_13bmv {
+        } .select__option_13bmv.select__checkmarkAfter_13bmv.select__checkmarkAfter_13bmv {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_13bmv.select__checkmarkAfter_13bmv.select__mobile_13bmv {
+    } .select__option_13bmv.select__checkmarkAfter_13bmv.select__checkmarkAfter_13bmv.select__mobile_13bmv {
             padding-right: var(--gap-l);
         } .select__option_13bmv.select__textContent_13bmv {
         padding: var(--gap-s)

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

@@ -1,5 +1,5 @@
-import { __assign, __rest, __spreadArray } from 'tslib';
-import React, { forwardRef, useRef, useMemo, useEffect, useCallback } from 'react';
+import { __assign, __spreadArray } from 'tslib';
+import React, { forwardRef, useRef, useMemo, useCallback, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
@@ -29,6 +29,7 @@ function (_a, ref) {
     var listRef = useRef(null);
     var initiatorRef = useRef(null);
     var searchRef = useRef(null);
+    var alreadyClickedRef = useRef(false);
     var scrollableContainerRef = useRef(null);
     var onOpenRef = useRef(onOpen);
     var _3 = React.useState(''), searchState = _3[0], setSearchState = _3[1];
@@ -89,24 +90,6 @@ function (_a, ref) {
         isItemDisabled: isItemDisabled,
         defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,
         scrollIntoView: scrollIntoView,
-        onSelectedItemChange: function (changes) {
-            var selectedItem = changes.selectedItem || initiatorRef.current;
-            if (selectedItem && !selectedItem.disabled) {
-                var alreadySelected = selectedItems.includes(selectedItem);
-                var allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
-                if (alreadySelected && allowRemove) {
-                    removeSelectedItem(selectedItem);
-                }
-                if (!alreadySelected) {
-                    if (multiple) {
-                        addSelectedItem(selectedItem);
-                    }
-                    else {
-                        setSelectedItems([selectedItem]);
-                    }
-                }
-            }
-        },
         onIsOpenChange: function (changes) {
             if (onOpenRef.current) {
                 /**
@@ -135,9 +118,16 @@ function (_a, ref) {
                 }
             }
         },
+        // eslint-disable-next-line complexity
         stateReducer: function (state, actionAndChanges) {
             var type = actionAndChanges.type, changes = actionAndChanges.changes;
+            var selectedItem = changes.selectedItem;
             switch (type) {
+                case useCombobox.stateChangeTypes.InputBlur:
+                    if (view === 'mobile') {
+                        return state;
+                    }
+                    return changes;
                 case useCombobox.stateChangeTypes.InputKeyDownArrowDown:
                     if (!circularNavigation && state.highlightedIndex === options.length - 1) {
                         return __assign(__assign({}, changes), { highlightedIndex: state.highlightedIndex });
@@ -149,36 +139,42 @@ function (_a, ref) {
                     }
                     return changes;
                 case useCombobox.stateChangeTypes.InputKeyDownEnter:
-                case useCombobox.stateChangeTypes.ItemClick: {
-                    var selectedItem = changes.selectedItem;
+                case useCombobox.stateChangeTypes.ItemClick:
                     initiatorRef.current = selectedItem || null;
-                    return __assign(__assign({}, changes), { selectedItem: state.selectedItem === selectedItem ? null : selectedItem, isOpen: !closeOnSelect || (view === 'mobile' && multiple),
+                    if (selectedItem && !selectedItem.disabled && !alreadyClickedRef.current) {
+                        // TODO!!! Проблема downshift + React 18. ItemClick срабатывает дважды. См https://github.com/downshift-js/downshift/issues/1384
+                        if (view === 'mobile' && React.version.indexOf('18') === 0) {
+                            alreadyClickedRef.current = true;
+                            setTimeout(function () {
+                                alreadyClickedRef.current = false;
+                            });
+                        }
+                        var alreadySelected = selectedItems.includes(selectedItem);
+                        var allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
+                        if (alreadySelected && allowRemove) {
+                            removeSelectedItem(selectedItem);
+                        }
+                        if (!alreadySelected) {
+                            if (multiple) {
+                                addSelectedItem(selectedItem);
+                            }
+                            else {
+                                setSelectedItems([selectedItem]);
+                            }
+                        }
+                    }
+                    return __assign(__assign({}, changes), { isOpen: !closeOnSelect || (view === 'mobile' && multiple),
                         // при closeOnSelect === false - сохраняем подсвеченный индекс
                         highlightedIndex: state.isOpen && !closeOnSelect
                             ? state.highlightedIndex
                             : changes.highlightedIndex });
-                }
                 default:
                     return changes;
             }
         },
     }), open = _7.isOpen, getMenuProps = _7.getMenuProps, getInputProps = _7.getInputProps, getItemProps = _7.getItemProps, getLabelProps = _7.getLabelProps, highlightedIndex = _7.highlightedIndex, toggleMenu = _7.toggleMenu, openMenu = _7.openMenu, closeMenu = _7.closeMenu, setHighlightedIndex = _7.setHighlightedIndex;
-    useEffect(function () {
-        /*
-         * При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом
-         * Скорее всего это исправят в будущих версиях downshift
-         */
-        if (openProp !== undefined) {
-            if (openProp) {
-                openMenu();
-            }
-            else {
-                closeMenu();
-            }
-        }
-    }, [openProp, openMenu, closeMenu]);
+    var menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
     var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));
-    var _8 = getMenuProps({ ref: listRef }, { suppressRefError: true }), menuRef = _8.ref, menuProps = __rest(_8, ["ref"]);
     var handleEntered = function (node, isAppearing) {
         var _a, _b, _c, _d, _e;
         if (showSearch)
@@ -329,7 +325,7 @@ function (_a, ref) {
                 _a[mobileStyles.search] = view === 'mobile',
                 _a)), ref: mergeRefs([searchRef, ((_c = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _c === void 0 ? void 0 : _c.ref) || null]) })));
     };
-    var _9 = optionsListProps, header = _9.header, emptyPlaceholder = _9.emptyPlaceholder;
+    var _8 = optionsListProps, header = _8.header, emptyPlaceholder = _8.emptyPlaceholder;
     var renderOptionsListHeader = function () {
         if (header || (view === 'desktop' && showSearch)) {
             return (React.createElement(React.Fragment, null,
@@ -352,7 +348,7 @@ function (_a, ref) {
         if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch)
             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) }),
+        return (React.createElement("div", __assign({}, menuProps, { 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, 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 })),
@@ -366,7 +362,7 @@ function (_a, ref) {
     };
     var renderInBottomSheet = function () {
         if (!nativeSelect && BottomSheet) {
-            return (React.createElement(BottomSheet, __assign({ dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default' }, bottomSheetProps, { sheetContainerRef: menuRef, scrollableContainerRef: scrollableContainerRef, onClose: function () {
+            return (React.createElement(BottomSheet, __assign({ dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default' }, bottomSheetProps, { scrollableContainerRef: scrollableContainerRef, onClose: function () {
                     var _a;
                     closeMenu();
                     (_a = bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 : bottomSheetProps.onClose) === null || _a === void 0 ? void 0 : _a.call(bottomSheetProps);
@@ -378,7 +374,7 @@ function (_a, ref) {
     };
     var renderInModalMobile = function () {
         if (!nativeSelect && ModalMobile) {
-            return (React.createElement(ModalMobile, __assign({ dataTestId: getDataTestId(dataTestId, 'modal'), open: open, hasCloser: true }, modalProps, { componentRef: menuRef, onClose: function () {
+            return (React.createElement(ModalMobile, __assign({ dataTestId: getDataTestId(dataTestId, 'modal'), open: open, hasCloser: true }, modalProps, { onClose: function () {
                     var _a;
                     var args = [];
                     for (var _i = 0; _i < arguments.length; _i++) {

package/select/esm/components/base-select/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1no3p */
+/* hash: 1lxfw */
 :root {
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;

package/select/esm/components/base-select/mobile.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1hsf5 */
+/* hash: gus78 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -47,9 +47,9 @@
     flex: 1;
 } .select__search_jo8og {
     padding: var(--gap-xs);
-} .select__option_jo8og {
+} .select__option_jo8og.select__option_jo8og {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_jo8og:before {
+} .select__option_jo8og.select__option_jo8og:before {
         display: none;
     } .select__optionGroup_jo8og {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);

package/select/esm/components/checkmark/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1k3d8 */
+/* hash: lzw5i */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-1500: #0e0e0e;
@@ -61,9 +61,9 @@
 } .select__before_u7j1e.select__multiple_u7j1e {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_u7j1e {
+    } .select__after_u7j1e.select__after_u7j1e {
     display: var(--select-checkmark-after-display)
-} .select__after_u7j1e.select__single_u7j1e {
+} .select__after_u7j1e.select__after_u7j1e.select__single_u7j1e {
         display: var(--select-checkmark-after-display-single);
     } .select__colorIcon_u7j1e {
     color: var(--color-light-status-positive);

package/select/esm/components/checkmark-mobile/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: f4emb */
+/* hash: vv5t0 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/select/esm/components/field/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: g653q */
+/* hash: sn4y8 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;

package/select/esm/components/footer/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1l55o */
+/* hash: 1mvth */
 :root {
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;

package/select/esm/components/optgroup/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 17ovn */
+/* hash: 15y7u */
 :root {
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;

package/select/esm/components/option/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1egnt */
+/* hash: xpwmj */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #d5d6dc;

package/select/esm/components/options-list/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 49c3c */
+/* hash: 5zzwp */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;

package/select/esm/components/search/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 17th9 */
+/* hash: sfzah */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/select/esm/components/virtual-options-list/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 2mxw1 */
+/* hash: 13kku */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #d5d6dc;

package/select/esm/index.js CHANGED Viewed

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-70d4d250.js';
+import './hook-693c40bc.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 CHANGED Viewed

@@ -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-70d4d250.js';
+import { u as useSelectWithApply } from '../hook-693c40bc.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 CHANGED Viewed

@@ -37,7 +37,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-70d4d250.js';
+import '../hook-693c40bc.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 CHANGED Viewed

@@ -38,7 +38,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-70d4d250.js';
+import '../hook-693c40bc.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 CHANGED Viewed

@@ -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-70d4d250.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-693c40bc.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';

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

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../../shared/esm';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-70d4d250.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-693c40bc.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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-70d4d250.js';
+export { O as OptionsListWithApply } from '../../../hook-693c40bc.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: vrnud */
+/* hash: 1wpat */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */