@hh.ru/magritte-ui-select 8.0.3 → 8.0.5

package/Select.js

@@ -133,6 +133,7 @@ const Select = ({ type, options, multiple, value: _value, maxSelectedOptions, lo
                 renderTrigger({
                     values: selectedLabels,
                     expanded: showOptions,
+                    toggleExpanded: toggleListVisibility,
                     onChange: () => {
                         if (disabled) {
                             return;

package/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../src/Select.tsx"],"sourcesContent":["import {\n    ReactElement,\n    useState,\n    useRef,\n    useLayoutEffect,\n    useCallback,\n    KeyboardEventHandler,\n    SyntheticEvent,\n} from 'react';\n\nimport {\n    findNextFocusableElement,\n    keyboardKeys,\n    keyboardMatch,\n    keyboardMatches,\n} from '@hh.ru/magritte-common-keyboard';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { SelectBottomSheet } from '@hh.ru/magritte-ui-select/SelectBottomSheet';\nimport { SelectDrop } from '@hh.ru/magritte-ui-select/SelectDrop';\nimport { SelectProps, TriggerPropsWithRef, FocusStateType, SetSearchValue } from '@hh.ru/magritte-ui-select/types';\nimport { useSelectOptionsList } from '@hh.ru/magritte-ui-select/useSelectOptionsList';\nimport { useSelectSearch } from '@hh.ru/magritte-ui-select/useSelectSearch';\nimport { useSelectState } from '@hh.ru/magritte-ui-select/useSelectState';\nimport { Trigger } from '@hh.ru/magritte-ui-trigger';\n\nconst SelectTriggerDefault = (triggerProps: TriggerPropsWithRef): ReactElement => {\n    return <Trigger {...triggerProps} />;\n};\n\nconst focusOptionsList = (event: SyntheticEvent, drop: HTMLElement | null | undefined, direction: 'up' | 'down') => {\n    if (drop) {\n        const nextFocusableElement = findNextFocusableElement(drop, null, direction, 'list');\n        if (nextFocusableElement !== null) {\n            event.preventDefault();\n            nextFocusableElement.focus();\n        }\n    }\n};\n\nexport const Select = <MultipleType extends boolean, DataType>({\n    type,\n    options,\n    multiple,\n    value: _value,\n    maxSelectedOptions,\n    loading,\n    error,\n    searchable: _searchable,\n    bottomSheetHeight = 'full-screen',\n    onChange: onChangeHandler,\n    renderTrigger = SelectTriggerDefault,\n    triggerProps,\n    renderMobileItem,\n    renderDesktopItem,\n    name,\n    maxWidth,\n    maxHeight = 460,\n    useInitialValuesOnClearAction,\n    renderAlertOnExitWithoutSaving,\n    renderButtonsContainer,\n    renderHeader,\n    headerTitle: _headerTitle,\n    clearButton,\n    applyChangesButton,\n    plain = false,\n    widthEqualToActivator = true,\n    renderContentBefore,\n    onBlur,\n    onFocus,\n    onDropOpen,\n    onDropClose,\n    onBottomSheetClose,\n    onBottomSheetOpen,\n}: SelectProps<MultipleType, DataType>): ReactElement => {\n    const { isMobile } = useBreakpoint();\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [useSearchInput, setUseSearchInput] = useState<boolean>(false);\n    const [forcedState, setForcedState] = useState<FocusStateType>(null);\n    const dropRef = useRef<HTMLDivElement>(null);\n\n    const { activatorRef, optionsListRef, onOptionsListClose, toggleListVisibility, showOptions } =\n        useSelectOptionsList(isMobile);\n    const prevVisibleRef = useRef<boolean>(showOptions);\n    const { optionList, searchValue, setSearchValue } = useSelectSearch<DataType>(showOptions, options, optionsListRef);\n    const hasChangesButton = multiple && Boolean(applyChangesButton);\n    const {\n        values,\n        onChange,\n        clearSelectedValues,\n        setInitialValues,\n        selectedLabels,\n        setSelectedValues,\n        setInitialValuesWithoutOnChange,\n        initialValuesOnOpening,\n    } = useSelectState<DataType, MultipleType>(\n        !!multiple,\n        _value || [],\n        options,\n        showOptions,\n        hasChangesButton,\n        onChangeHandler\n    );\n\n    const optionsListRefCallback = useMultipleRefs(optionsListRef, dropRef);\n    const showedByFocus = useRef<boolean>(false);\n    const isLimitExceeded =\n        maxSelectedOptions !== undefined && Array.isArray(values) && values.length >= maxSelectedOptions;\n    const { size, stretched, label: triggerLabel, disabled } = triggerProps;\n    const sizeProp = size === 'large' ? ({ size: 'large' } as const) : ({ size: 'medium' } as const);\n    const inputWrapperStyles = stretched ? { with: '100%' } : { maxWidth: activatorRef.current?.offsetWidth };\n    const searchable = _searchable && (size === 'large' || size === 'medium');\n    const dataQa = triggerProps['data-qa'] || 'magritte-select-activator';\n\n    useLayoutEffect(() => {\n        if (searchable && !isMobile) {\n            return;\n        }\n        if (!showOptions && prevVisibleRef.current) {\n            setInitialValuesWithoutOnChange();\n            if (forcedState === 'focus') {\n                activatorRef.current?.focus();\n                setForcedState?.(null);\n                showedByFocus.current = false;\n            }\n        }\n        if (!forcedState && !showOptions && prevVisibleRef.current) {\n            onBlur?.();\n        }\n        prevVisibleRef.current = showOptions;\n    }, [activatorRef, forcedState, isMobile, onBlur, searchable, setInitialValuesWithoutOnChange, showOptions]);\n\n    useLayoutEffect(() => {\n        if (!searchable || isMobile) {\n            return;\n        }\n        if (forcedState === 'focus' || forcedState === 'focusAndSelect') {\n            setUseSearchInput(true);\n        }\n    }, [forcedState, isMobile, searchable]);\n\n    useLayoutEffect(() => {\n        if (!useSearchInput || !inputRef.current) {\n            return;\n        }\n        if (forcedState === 'focus') {\n            inputRef.current.focus();\n        }\n        if (forcedState === 'focusAndSelect') {\n            inputRef.current?.focus();\n            inputRef.current?.select();\n        }\n        if (!showOptions && prevVisibleRef.current) {\n            setInitialValuesWithoutOnChange();\n        }\n        if (!forcedState && !showOptions) {\n            setUseSearchInput(false);\n            if (prevVisibleRef.current) {\n                onBlur?.();\n            }\n        }\n        prevVisibleRef.current = showOptions;\n    }, [forcedState, onBlur, setForcedState, useSearchInput, showOptions, setInitialValuesWithoutOnChange]);\n\n    const handleKeyDown = useCallback<KeyboardEventHandler>(\n        (event) => {\n            if (showOptions && keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                showedByFocus.current = false;\n                setForcedState('focus');\n                toggleListVisibility();\n                return;\n            }\n\n            // движение по списку опций\n            if (showOptions && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp)) {\n                focusOptionsList(event, dropRef?.current, 'up');\n                return;\n            }\n\n            if (showOptions && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown)) {\n                focusOptionsList(event, dropRef?.current, 'down');\n                return;\n            }\n\n            // после закрытия пользователь решил что-то поделать опять\n            if (\n                !showOptions &&\n                !keyboardMatches(event.nativeEvent, [keyboardKeys.Tab, keyboardKeys.Escape, keyboardKeys.Space])\n            ) {\n                toggleListVisibility();\n            }\n        },\n        [showOptions, toggleListVisibility]\n    );\n\n    return (\n        <>\n            {!useSearchInput &&\n                renderTrigger({\n                    values: selectedLabels,\n                    expanded: showOptions,\n                    onChange: () => {\n                        if (disabled) {\n                            return;\n                        }\n                        // открываем по фокусу, закрываем по клику\n                        // повторно открываем по клику (события фокуса уже не будет)\n                        if (showedByFocus.current) {\n                            showedByFocus.current = false;\n                            return;\n                        }\n                        toggleListVisibility();\n                    },\n                    onClear: () => clearSelectedValues(),\n                    ref: activatorRef,\n                    onKeyDown: handleKeyDown,\n                    onBlur: () => {\n                        setForcedState(null);\n                        if (showOptions && optionList.length === 0) {\n                            toggleListVisibility();\n                        }\n                    },\n                    onFocus: () => {\n                        if (disabled) {\n                            return;\n                        }\n                        if (!showOptions && forcedState !== 'focus' && forcedState !== 'focusAndSelect') {\n                            onFocus?.();\n                            setForcedState('focus');\n                            toggleListVisibility();\n                        }\n                        showedByFocus.current = true;\n                    },\n                    'data-qa': dataQa,\n                    setSearchValue,\n                    ...triggerProps,\n                } as TriggerPropsWithRef & SetSearchValue)}\n            {useSearchInput && (\n                <div style={inputWrapperStyles}>\n                    <BaseInput\n                        {...sizeProp}\n                        ref={inputRef}\n                        wrapperRef={activatorRef}\n                        value={searchValue}\n                        onChange={setSearchValue}\n                        onKeyDown={handleKeyDown}\n                        onBlur={() => {\n                            setForcedState(null);\n                            if (showOptions && optionList.length === 0) {\n                                toggleListVisibility();\n                            }\n                        }}\n                        data-qa=\"magritte-select-activator-input\"\n                        placeholder={selectedLabels.length > 0 ? selectedLabels.join(', ') : triggerLabel}\n                        autoComplete=\"off\"\n                    />\n                </div>\n            )}\n            {isMobile && (\n                <SelectBottomSheet\n                    applyChangesButton={applyChangesButton}\n                    clearButton={clearButton}\n                    clearSelectedValues={clearSelectedValues}\n                    error={error}\n                    height={searchable || Boolean(error) || loading ? 'full-screen' : bottomSheetHeight}\n                    visible={showOptions}\n                    value={values}\n                    isLimitExceeded={isLimitExceeded}\n                    name={name}\n                    multiple={multiple}\n                    type={type}\n                    loading={loading}\n                    searchable={_searchable}\n                    useInitialValuesOnClearAction={useInitialValuesOnClearAction}\n                    initialValuesOnOpening={initialValuesOnOpening}\n                    renderItem={renderMobileItem}\n                    renderAlertOnExitWithoutSaving={renderAlertOnExitWithoutSaving}\n                    renderButtonsContainer={renderButtonsContainer}\n                    renderHeader={renderHeader}\n                    headerTitle={_headerTitle || triggerLabel}\n                    optionList={optionList}\n                    optionsListRef={optionsListRefCallback}\n                    onChange={onChange}\n                    onClose={onOptionsListClose}\n                    searchValue={searchValue}\n                    setSearchValue={setSearchValue}\n                    setInitialValues={setInitialValues}\n                    setSelectedValues={setSelectedValues}\n                    onBottomSheetClose={onBottomSheetClose}\n                    onBottomSheetOpen={onBottomSheetOpen}\n                />\n            )}\n            {!isMobile && (\n                <SelectDrop\n                    activatorRef={activatorRef}\n                    applyChangesButton={applyChangesButton}\n                    clearButton={clearButton}\n                    clearSelectedValues={clearSelectedValues}\n                    isLimitExceeded={isLimitExceeded}\n                    name={name}\n                    multiple={multiple}\n                    maxWidth={maxWidth}\n                    type={type}\n                    loading={loading}\n                    useInitialValuesOnClearAction={useInitialValuesOnClearAction}\n                    onClose={onOptionsListClose}\n                    renderItem={renderDesktopItem}\n                    renderButtonsContainer={renderButtonsContainer}\n                    plain={plain}\n                    optionList={optionList}\n                    optionsListRef={optionsListRefCallback}\n                    value={values}\n                    onChange={onChange}\n                    searchValue={searchValue}\n                    searchable={searchable}\n                    setSearchValue={setSearchValue}\n                    setInitialValues={setInitialValues}\n                    visible={!error && showOptions}\n                    widthEqualToActivator={widthEqualToActivator}\n                    renderContentBefore={renderContentBefore}\n                    setForcedState={setForcedState}\n                    setSelectedValues={setSelectedValues}\n                    maxHeight={maxHeight}\n                    onDropOpen={onDropOpen}\n                    onDropClose={onDropClose}\n                />\n            )}\n        </>\n    );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../src/Select.tsx"],"sourcesContent":["import {\n    ReactElement,\n    useState,\n    useRef,\n    useLayoutEffect,\n    useCallback,\n    KeyboardEventHandler,\n    SyntheticEvent,\n} from 'react';\n\nimport {\n    findNextFocusableElement,\n    keyboardKeys,\n    keyboardMatch,\n    keyboardMatches,\n} from '@hh.ru/magritte-common-keyboard';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { SelectBottomSheet } from '@hh.ru/magritte-ui-select/SelectBottomSheet';\nimport { SelectDrop } from '@hh.ru/magritte-ui-select/SelectDrop';\nimport { SelectProps, TriggerPropsWithRef, FocusStateType, SetSearchValue } from '@hh.ru/magritte-ui-select/types';\nimport { useSelectOptionsList } from '@hh.ru/magritte-ui-select/useSelectOptionsList';\nimport { useSelectSearch } from '@hh.ru/magritte-ui-select/useSelectSearch';\nimport { useSelectState } from '@hh.ru/magritte-ui-select/useSelectState';\nimport { Trigger } from '@hh.ru/magritte-ui-trigger';\n\nconst SelectTriggerDefault = (triggerProps: TriggerPropsWithRef): ReactElement => {\n    return <Trigger {...triggerProps} />;\n};\n\nconst focusOptionsList = (event: SyntheticEvent, drop: HTMLElement | null | undefined, direction: 'up' | 'down') => {\n    if (drop) {\n        const nextFocusableElement = findNextFocusableElement(drop, null, direction, 'list');\n        if (nextFocusableElement !== null) {\n            event.preventDefault();\n            nextFocusableElement.focus();\n        }\n    }\n};\n\nexport const Select = <MultipleType extends boolean, DataType>({\n    type,\n    options,\n    multiple,\n    value: _value,\n    maxSelectedOptions,\n    loading,\n    error,\n    searchable: _searchable,\n    bottomSheetHeight = 'full-screen',\n    onChange: onChangeHandler,\n    renderTrigger = SelectTriggerDefault,\n    triggerProps,\n    renderMobileItem,\n    renderDesktopItem,\n    name,\n    maxWidth,\n    maxHeight = 460,\n    useInitialValuesOnClearAction,\n    renderAlertOnExitWithoutSaving,\n    renderButtonsContainer,\n    renderHeader,\n    headerTitle: _headerTitle,\n    clearButton,\n    applyChangesButton,\n    plain = false,\n    widthEqualToActivator = true,\n    renderContentBefore,\n    onBlur,\n    onFocus,\n    onDropOpen,\n    onDropClose,\n    onBottomSheetClose,\n    onBottomSheetOpen,\n}: SelectProps<MultipleType, DataType>): ReactElement => {\n    const { isMobile } = useBreakpoint();\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [useSearchInput, setUseSearchInput] = useState<boolean>(false);\n    const [forcedState, setForcedState] = useState<FocusStateType>(null);\n    const dropRef = useRef<HTMLDivElement>(null);\n\n    const { activatorRef, optionsListRef, onOptionsListClose, toggleListVisibility, showOptions } =\n        useSelectOptionsList(isMobile);\n    const prevVisibleRef = useRef<boolean>(showOptions);\n    const { optionList, searchValue, setSearchValue } = useSelectSearch<DataType>(showOptions, options, optionsListRef);\n    const hasChangesButton = multiple && Boolean(applyChangesButton);\n    const {\n        values,\n        onChange,\n        clearSelectedValues,\n        setInitialValues,\n        selectedLabels,\n        setSelectedValues,\n        setInitialValuesWithoutOnChange,\n        initialValuesOnOpening,\n    } = useSelectState<DataType, MultipleType>(\n        !!multiple,\n        _value || [],\n        options,\n        showOptions,\n        hasChangesButton,\n        onChangeHandler\n    );\n\n    const optionsListRefCallback = useMultipleRefs(optionsListRef, dropRef);\n    const showedByFocus = useRef<boolean>(false);\n    const isLimitExceeded =\n        maxSelectedOptions !== undefined && Array.isArray(values) && values.length >= maxSelectedOptions;\n    const { size, stretched, label: triggerLabel, disabled } = triggerProps;\n    const sizeProp = size === 'large' ? ({ size: 'large' } as const) : ({ size: 'medium' } as const);\n    const inputWrapperStyles = stretched ? { with: '100%' } : { maxWidth: activatorRef.current?.offsetWidth };\n    const searchable = _searchable && (size === 'large' || size === 'medium');\n    const dataQa = triggerProps['data-qa'] || 'magritte-select-activator';\n\n    useLayoutEffect(() => {\n        if (searchable && !isMobile) {\n            return;\n        }\n        if (!showOptions && prevVisibleRef.current) {\n            setInitialValuesWithoutOnChange();\n            if (forcedState === 'focus') {\n                activatorRef.current?.focus();\n                setForcedState?.(null);\n                showedByFocus.current = false;\n            }\n        }\n        if (!forcedState && !showOptions && prevVisibleRef.current) {\n            onBlur?.();\n        }\n        prevVisibleRef.current = showOptions;\n    }, [activatorRef, forcedState, isMobile, onBlur, searchable, setInitialValuesWithoutOnChange, showOptions]);\n\n    useLayoutEffect(() => {\n        if (!searchable || isMobile) {\n            return;\n        }\n        if (forcedState === 'focus' || forcedState === 'focusAndSelect') {\n            setUseSearchInput(true);\n        }\n    }, [forcedState, isMobile, searchable]);\n\n    useLayoutEffect(() => {\n        if (!useSearchInput || !inputRef.current) {\n            return;\n        }\n        if (forcedState === 'focus') {\n            inputRef.current.focus();\n        }\n        if (forcedState === 'focusAndSelect') {\n            inputRef.current?.focus();\n            inputRef.current?.select();\n        }\n        if (!showOptions && prevVisibleRef.current) {\n            setInitialValuesWithoutOnChange();\n        }\n        if (!forcedState && !showOptions) {\n            setUseSearchInput(false);\n            if (prevVisibleRef.current) {\n                onBlur?.();\n            }\n        }\n        prevVisibleRef.current = showOptions;\n    }, [forcedState, onBlur, setForcedState, useSearchInput, showOptions, setInitialValuesWithoutOnChange]);\n\n    const handleKeyDown = useCallback<KeyboardEventHandler>(\n        (event) => {\n            if (showOptions && keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                showedByFocus.current = false;\n                setForcedState('focus');\n                toggleListVisibility();\n                return;\n            }\n\n            // движение по списку опций\n            if (showOptions && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp)) {\n                focusOptionsList(event, dropRef?.current, 'up');\n                return;\n            }\n\n            if (showOptions && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown)) {\n                focusOptionsList(event, dropRef?.current, 'down');\n                return;\n            }\n\n            // после закрытия пользователь решил что-то поделать опять\n            if (\n                !showOptions &&\n                !keyboardMatches(event.nativeEvent, [keyboardKeys.Tab, keyboardKeys.Escape, keyboardKeys.Space])\n            ) {\n                toggleListVisibility();\n            }\n        },\n        [showOptions, toggleListVisibility]\n    );\n\n    return (\n        <>\n            {!useSearchInput &&\n                renderTrigger({\n                    values: selectedLabels,\n                    expanded: showOptions,\n                    toggleExpanded: toggleListVisibility,\n                    onChange: () => {\n                        if (disabled) {\n                            return;\n                        }\n                        // открываем по фокусу, закрываем по клику\n                        // повторно открываем по клику (события фокуса уже не будет)\n                        if (showedByFocus.current) {\n                            showedByFocus.current = false;\n                            return;\n                        }\n                        toggleListVisibility();\n                    },\n                    onClear: () => clearSelectedValues(),\n                    ref: activatorRef,\n                    onKeyDown: handleKeyDown,\n                    onBlur: () => {\n                        setForcedState(null);\n                        if (showOptions && optionList.length === 0) {\n                            toggleListVisibility();\n                        }\n                    },\n                    onFocus: () => {\n                        if (disabled) {\n                            return;\n                        }\n                        if (!showOptions && forcedState !== 'focus' && forcedState !== 'focusAndSelect') {\n                            onFocus?.();\n                            setForcedState('focus');\n                            toggleListVisibility();\n                        }\n                        showedByFocus.current = true;\n                    },\n                    'data-qa': dataQa,\n                    setSearchValue,\n                    ...triggerProps,\n                } as TriggerPropsWithRef & SetSearchValue)}\n            {useSearchInput && (\n                <div style={inputWrapperStyles}>\n                    <BaseInput\n                        {...sizeProp}\n                        ref={inputRef}\n                        wrapperRef={activatorRef}\n                        value={searchValue}\n                        onChange={setSearchValue}\n                        onKeyDown={handleKeyDown}\n                        onBlur={() => {\n                            setForcedState(null);\n                            if (showOptions && optionList.length === 0) {\n                                toggleListVisibility();\n                            }\n                        }}\n                        data-qa=\"magritte-select-activator-input\"\n                        placeholder={selectedLabels.length > 0 ? selectedLabels.join(', ') : triggerLabel}\n                        autoComplete=\"off\"\n                    />\n                </div>\n            )}\n            {isMobile && (\n                <SelectBottomSheet\n                    applyChangesButton={applyChangesButton}\n                    clearButton={clearButton}\n                    clearSelectedValues={clearSelectedValues}\n                    error={error}\n                    height={searchable || Boolean(error) || loading ? 'full-screen' : bottomSheetHeight}\n                    visible={showOptions}\n                    value={values}\n                    isLimitExceeded={isLimitExceeded}\n                    name={name}\n                    multiple={multiple}\n                    type={type}\n                    loading={loading}\n                    searchable={_searchable}\n                    useInitialValuesOnClearAction={useInitialValuesOnClearAction}\n                    initialValuesOnOpening={initialValuesOnOpening}\n                    renderItem={renderMobileItem}\n                    renderAlertOnExitWithoutSaving={renderAlertOnExitWithoutSaving}\n                    renderButtonsContainer={renderButtonsContainer}\n                    renderHeader={renderHeader}\n                    headerTitle={_headerTitle || triggerLabel}\n                    optionList={optionList}\n                    optionsListRef={optionsListRefCallback}\n                    onChange={onChange}\n                    onClose={onOptionsListClose}\n                    searchValue={searchValue}\n                    setSearchValue={setSearchValue}\n                    setInitialValues={setInitialValues}\n                    setSelectedValues={setSelectedValues}\n                    onBottomSheetClose={onBottomSheetClose}\n                    onBottomSheetOpen={onBottomSheetOpen}\n                />\n            )}\n            {!isMobile && (\n                <SelectDrop\n                    activatorRef={activatorRef}\n                    applyChangesButton={applyChangesButton}\n                    clearButton={clearButton}\n                    clearSelectedValues={clearSelectedValues}\n                    isLimitExceeded={isLimitExceeded}\n                    name={name}\n                    multiple={multiple}\n                    maxWidth={maxWidth}\n                    type={type}\n                    loading={loading}\n                    useInitialValuesOnClearAction={useInitialValuesOnClearAction}\n                    onClose={onOptionsListClose}\n                    renderItem={renderDesktopItem}\n                    renderButtonsContainer={renderButtonsContainer}\n                    plain={plain}\n                    optionList={optionList}\n                    optionsListRef={optionsListRefCallback}\n                    value={values}\n                    onChange={onChange}\n                    searchValue={searchValue}\n                    searchable={searchable}\n                    setSearchValue={setSearchValue}\n                    setInitialValues={setInitialValues}\n                    visible={!error && showOptions}\n                    widthEqualToActivator={widthEqualToActivator}\n                    renderContentBefore={renderContentBefore}\n                    setForcedState={setForcedState}\n                    setSelectedValues={setSelectedValues}\n                    maxHeight={maxHeight}\n                    onDropOpen={onDropOpen}\n                    onDropClose={onDropClose}\n                />\n            )}\n        </>\n    );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/SelectBottomSheet.js

@@ -18,7 +18,7 @@ import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-typography';
 
-var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_8-0-3","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_8-0-3","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_8-0-3","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_8-0-3","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_8-0-3","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_8-0-3","loading":"magritte-loading___VpU1J_8-0-3","error-wrapper":"magritte-error-wrapper___P7jYg_8-0-3","errorWrapper":"magritte-error-wrapper___P7jYg_8-0-3"};
+var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_8-0-5","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_8-0-5","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_8-0-5","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_8-0-5","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_8-0-5","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_8-0-5","loading":"magritte-loading___VpU1J_8-0-5","error-wrapper":"magritte-error-wrapper___P7jYg_8-0-5","errorWrapper":"magritte-error-wrapper___P7jYg_8-0-5"};
 
 const SelectOptionDefault = ({ label, input, type }) => {
     if (type === 'delimiter') {

package/SelectDrop.js

@@ -13,7 +13,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-icon/icon';
 import '@hh.ru/magritte-ui-typography';
 
-var styles = {"select-drop":"magritte-select-drop___jn4O-_8-0-3","selectDrop":"magritte-select-drop___jn4O-_8-0-3","select-drop-header":"magritte-select-drop-header___fMmio_8-0-3","selectDropHeader":"magritte-select-drop-header___fMmio_8-0-3","select-drop_plain":"magritte-select-drop_plain___VL8Fz_8-0-3","selectDropPlain":"magritte-select-drop_plain___VL8Fz_8-0-3","label-option-plain":"magritte-label-option-plain___BvBH8_8-0-3","labelOptionPlain":"magritte-label-option-plain___BvBH8_8-0-3","loading":"magritte-loading___AMiuq_8-0-3"};
+var styles = {"select-drop":"magritte-select-drop___jn4O-_8-0-5","selectDrop":"magritte-select-drop___jn4O-_8-0-5","select-drop-header":"magritte-select-drop-header___fMmio_8-0-5","selectDropHeader":"magritte-select-drop-header___fMmio_8-0-5","select-drop_plain":"magritte-select-drop_plain___VL8Fz_8-0-5","selectDropPlain":"magritte-select-drop_plain___VL8Fz_8-0-5","label-option-plain":"magritte-label-option-plain___BvBH8_8-0-5","labelOptionPlain":"magritte-label-option-plain___BvBH8_8-0-5","loading":"magritte-loading___AMiuq_8-0-5"};
 
 const SelectOptionDefault = ({ label, input, type, plain, }) => {
     if (type === 'delimiter') {

package/SelectOption.js

@@ -9,7 +9,7 @@ import { Radio, Checkbox } from '@hh.ru/magritte-ui-checkbox-radio';
 import { CheckOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"select-option-label":"magritte-select-option-label___bYo2l_8-0-3","selectOptionLabel":"magritte-select-option-label___bYo2l_8-0-3","select-option-label_desktop":"magritte-select-option-label_desktop___bceen_8-0-3","selectOptionLabelDesktop":"magritte-select-option-label_desktop___bceen_8-0-3","select-delimiter":"magritte-select-delimiter___WyeR6_8-0-3","selectDelimiter":"magritte-select-delimiter___WyeR6_8-0-3"};
+var styles = {"select-option-label":"magritte-select-option-label___bYo2l_8-0-5","selectOptionLabel":"magritte-select-option-label___bYo2l_8-0-5","select-option-label_desktop":"magritte-select-option-label_desktop___bceen_8-0-5","selectOptionLabelDesktop":"magritte-select-option-label_desktop___bceen_8-0-5","select-delimiter":"magritte-select-delimiter___WyeR6_8-0-5","selectDelimiter":"magritte-select-delimiter___WyeR6_8-0-5"};
 
 const CheckableComponent = ({ type, value, checked, name, onChange }) => {
     if (type === 'label') {

package/index.css

@@ -1,11 +1,11 @@
-.magritte-select-option-label___bYo2l_8-0-3{
+.magritte-select-option-label___bYo2l_8-0-5{
   display:flex;
   max-height:56px;
 }
-.magritte-select-option-label_desktop___bceen_8-0-3{
+.magritte-select-option-label_desktop___bceen_8-0-5{
   max-height:24px;
 }
-.magritte-select-delimiter___WyeR6_8-0-3{
+.magritte-select-delimiter___WyeR6_8-0-5{
   padding-left:16px;
   padding-top:12px;
 }
@@ -13,44 +13,44 @@
 :root{
   --magritte-static-space-400-v19-1-0:16px;
 }
-.magritte-select-bottom-sheet___1RZDJ_8-0-3{
+.magritte-select-bottom-sheet___1RZDJ_8-0-5{
   display:flex;
   flex-direction:column;
   padding:0 var(--magritte-static-space-400-v19-1-0);
   padding-bottom:16px;
 }
-.magritte-select-bottom-sheet_checkbox___hwTgo_8-0-3,
-.magritte-select-bottom-sheet_radio___qvFFV_8-0-3{
+.magritte-select-bottom-sheet_checkbox___hwTgo_8-0-5,
+.magritte-select-bottom-sheet_radio___qvFFV_8-0-5{
   gap:12px;
 }
-.magritte-loading___VpU1J_8-0-3{
+.magritte-loading___VpU1J_8-0-5{
   display:flex;
   align-items:center;
   height:100%;
   justify-content:center;
 }
-.magritte-error-wrapper___P7jYg_8-0-3{
+.magritte-error-wrapper___P7jYg_8-0-5{
   height:100%;
 }
 
-.magritte-select-drop___jn4O-_8-0-3{
+.magritte-select-drop___jn4O-_8-0-5{
   display:flex;
   flex-direction:column;
   gap:8px;
 }
-.magritte-select-drop-header___fMmio_8-0-3{
+.magritte-select-drop-header___fMmio_8-0-5{
   display:flex;
   flex-direction:column;
   margin-bottom:8px;
 }
-.magritte-select-drop_plain___VL8Fz_8-0-3{
+.magritte-select-drop_plain___VL8Fz_8-0-5{
   gap:16px;
 }
-.magritte-label-option-plain___BvBH8_8-0-3{
+.magritte-label-option-plain___BvBH8_8-0-5{
   display:flex;
   justify-content:center;
 }
-.magritte-loading___AMiuq_8-0-3{
+.magritte-loading___AMiuq_8-0-5{
   display:flex;
   align-items:center;
   height:150px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-select",
-  "version": "8.0.3",
+  "version": "8.0.5",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -31,21 +31,21 @@
     "@hh.ru/magritte-common-keyboard": "4.0.2",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
     "@hh.ru/magritte-ui-action": "4.4.10",
-    "@hh.ru/magritte-ui-action-bar": "2.2.2",
-    "@hh.ru/magritte-ui-bottom-sheet": "5.3.29",
+    "@hh.ru/magritte-ui-action-bar": "2.2.3",
+    "@hh.ru/magritte-ui-bottom-sheet": "5.4.0",
     "@hh.ru/magritte-ui-breakpoint": "4.0.3",
     "@hh.ru/magritte-ui-button": "5.2.2",
     "@hh.ru/magritte-ui-button-stack": "2.1.21",
     "@hh.ru/magritte-ui-cell": "4.0.16",
     "@hh.ru/magritte-ui-checkable-card": "3.0.42",
     "@hh.ru/magritte-ui-checkbox-radio": "3.0.22",
-    "@hh.ru/magritte-ui-drop": "7.2.0",
+    "@hh.ru/magritte-ui-drop": "7.2.1",
     "@hh.ru/magritte-ui-icon": "7.9.0",
     "@hh.ru/magritte-ui-input": "6.0.16",
     "@hh.ru/magritte-ui-loader": "1.3.5",
-    "@hh.ru/magritte-ui-navigation-bar": "6.0.13",
+    "@hh.ru/magritte-ui-navigation-bar": "6.1.0",
     "@hh.ru/magritte-ui-trigger": "3.0.1",
     "@hh.ru/magritte-ui-typography": "3.0.16"
   },
-  "gitHead": "12abe2b68f9a64a35f1233c0cf03e3951c1193e6"
+  "gitHead": "28f0047131e30b5dffcde531d862e0a8159a7bf2"
 }