@hh.ru/magritte-ui-select 12.8.27 → 12.9.0

package/Select.js

@@ -22,7 +22,7 @@ import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-icon/icon';
 import '@hh.ru/magritte-ui-input';
 import '@hh.ru/magritte-ui-loader';
-import '@hh.ru/magritte-ui-navigation-bar';
+import '@hh.ru/magritte-ui-nav-bar';
 import './SelectError.js';
 import '@hh.ru/magritte-ui-icon/variants/icon';
 import '@hh.ru/magritte-ui-spacing';

package/SelectBottomSheet.js

@@ -1,5 +1,5 @@
 import './index.css';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, isValidElement, cloneElement, useCallback } from 'react';
 import classnames from 'classnames';
 import { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
@@ -11,7 +11,7 @@ import { CellText, Cell } from '@hh.ru/magritte-ui-cell';
 import { CrossOutlinedSize24, ArrowPathClockwiseOutlinedSize24, CheckOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { SearchInput } from '@hh.ru/magritte-ui-input';
 import { Loader } from '@hh.ru/magritte-ui-loader';
-import { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';
+import { NavBar } from '@hh.ru/magritte-ui-nav-bar';
 import { SelectError } from './SelectError.js';
 import { SelectOption } from './SelectOption.js';
 import { getChecked } from './getChecked.js';
@@ -25,7 +25,7 @@ import '@hh.ru/magritte-common-use-disabled';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import '@hh.ru/magritte-ui-checkbox-radio';
 
-var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_12-8-27","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_12-8-27","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-8-27","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-8-27","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_12-8-27","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_12-8-27","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_12-8-27","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_12-8-27","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_12-8-27","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_12-8-27","error-wrapper":"magritte-error-wrapper___P7jYg_12-8-27","errorWrapper":"magritte-error-wrapper___P7jYg_12-8-27"};
+var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_12-9-0","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_12-9-0","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-9-0","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-9-0","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_12-9-0","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_12-9-0","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_12-9-0","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_12-9-0","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_12-9-0","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_12-9-0","error-wrapper":"magritte-error-wrapper___P7jYg_12-9-0","errorWrapper":"magritte-error-wrapper___P7jYg_12-9-0"};
 
 const SelectOptionDefault = ({ data, input, type, checked, plain, }) => {
     if (type === 'delimiter') {
@@ -44,11 +44,11 @@ const RenderButtonsContainerDefault = ({ clearButton, applyChangesButton, loadin
     return jsx(ActionBar, { primaryActions: primaryActions });
 };
 const RenderHeaderDefault = ({ onCloseBottomSheet, searchValue, setSearchValue, searchable, headerTitle, onSearchSubmit, optionsCount, onCloseBottomSheetWithUpdateValues, searchTrl, closeTrl, }) => {
-    return (jsx(NavigationBar, { title: headerTitle, right: jsx(CrossOutlinedSize24, { onClick: onCloseBottomSheet, "data-qa": "select-bottom-sheet-navigation-close", "aria-label": closeTrl }), options: searchable && (jsx(SearchInput, { clearable: true, size: "medium", value: searchValue, onChange: setSearchValue, onKeyDown: (event) => {
-                if (onSearchSubmit && keyboardMatch(event.nativeEvent, keyboardKeys.Enter)) {
-                    onSearchSubmit(event, onCloseBottomSheet, optionsCount, onCloseBottomSheetWithUpdateValues);
-                }
-            }, "data-qa": "bottom-sheet-navigation-input", autoComplete: "off", "aria-label": searchTrl, "data-magritte-select-seach-input": true })) }));
+    return (jsxs(NavBar, { children: [jsx(NavBar.Pane, { children: jsx(NavBar.Actions, { centered: true, right: jsx(CrossOutlinedSize24, { onClick: onCloseBottomSheet, "data-qa": "select-bottom-sheet-navigation-close", "aria-label": closeTrl }), children: jsx(NavBar.TitleContainer, { centered: true, title: headerTitle }) }) }), searchable && (jsx(NavBar.Pane, { children: jsx(SearchInput, { clearable: true, size: "medium", value: searchValue, onChange: setSearchValue, onKeyDown: (event) => {
+                        if (onSearchSubmit && keyboardMatch(event.nativeEvent, keyboardKeys.Enter)) {
+                            onSearchSubmit(event, onCloseBottomSheet, optionsCount, onCloseBottomSheetWithUpdateValues);
+                        }
+                    }, "data-qa": "bottom-sheet-navigation-input", autoComplete: "off", "aria-label": searchTrl, "data-magritte-select-seach-input": true }) }))] }));
 };
 const SelectBottomSheet = ({ id, type, name, multiple, clearButton: _clearButton, applyChangesButton: _applyChangesButton, useInitialValuesOnClearAction, loading, error, renderHeader = RenderHeaderDefault, renderItem = SelectOptionDefault, renderButtonsContainer = RenderButtonsContainerDefault, renderAlertOnExitWithoutSaving, headerTitle, onClose, visible, optionList, optionsListRef, searchValue, setSearchValue, searchable, value: values, onChange, clearSelectedValuesOrUseInitialValues, isLimitExceeded, initialValuesOnOpening, setSelectedValues, onBottomSheetOpen, onBottomSheetClose, onSearchSubmit, onApply, onClear, emptyOptionsHint, emptyOptionsSearchHint, searchInProgress, internalError, reload, innerErrorTrls, optionDataQa, hasChangesApplyButton, ...props }) => {
     const valuesArr = Array.isArray(values) ? values : [values];

package/SelectBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBottomSheet.js","sources":["src/SelectBottomSheet.tsx"],"sourcesContent":["import {\n    ComponentProps,\n    ReactElement,\n    ReactNode,\n    cloneElement,\n    useCallback,\n    useRef,\n    useState,\n    isValidElement,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { ActionBar } from '@hh.ru/magritte-ui-action-bar';\nimport { BottomSheet, BottomSheetFooter } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { Button } from '@hh.ru/magritte-ui-button';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport {\n    ArrowPathClockwiseOutlinedSize24,\n    CrossOutlinedSize24,\n    CheckOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { SearchInput } from '@hh.ru/magritte-ui-input';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\nimport { SelectError } from '@hh.ru/magritte-ui-select/SelectError';\nimport { SelectOption } from '@hh.ru/magritte-ui-select/SelectOption';\nimport { getChecked } from '@hh.ru/magritte-ui-select/getChecked';\nimport { isArraysEquals } from '@hh.ru/magritte-ui-select/isArraysEquals';\nimport {\n    OnChangeAction,\n    SelectBottomSheetProps,\n    RenderOptionTypeProps,\n    RenderHeaderProps,\n    RenderButtonsContainerProps,\n} from '@hh.ru/magritte-ui-select/types';\n\nimport styles from './select-bottom-sheet.less';\n\nconst SelectOptionDefault = <DataType extends StaticDataFetcherItem>({\n    data,\n    input,\n    type,\n    checked,\n    plain,\n}: RenderOptionTypeProps<DataType>): ReactElement => {\n    if (type === 'delimiter') {\n        return (\n            <CellText maxLines={1} style=\"secondary\">\n                {data.text}\n            </CellText>\n        );\n    }\n    if (type === 'label') {\n        return (\n            <Cell Element=\"div\" right={checked && plain ? <CheckOutlinedSize24 /> : undefined} vertPadding>\n                <CellText maxLines={1}>{data.text}</CellText>\n            </Cell>\n        );\n    }\n    return (\n        <Cell Element=\"div\" align=\"center\" right={input}>\n            <CellText maxLines={1}>{data.text}</CellText>\n        </Cell>\n    );\n};\n\nconst RenderButtonsContainerDefault = ({\n    clearButton,\n    applyChangesButton,\n    loading,\n}: RenderButtonsContainerProps): ReactNode => {\n    if ((!clearButton && !applyChangesButton) || loading) {\n        return null;\n    }\n    const primaryActions = [clearButton, applyChangesButton].filter(Boolean);\n    return <ActionBar primaryActions={primaryActions} />;\n};\n\nexport const RenderHeaderDefault = ({\n    onCloseBottomSheet,\n    searchValue,\n    setSearchValue,\n    searchable,\n    headerTitle,\n    onSearchSubmit,\n    optionsCount,\n    onCloseBottomSheetWithUpdateValues,\n    searchTrl,\n    closeTrl,\n}: RenderHeaderProps): ReactNode => {\n    return (\n        <NavigationBar\n            title={headerTitle}\n            right={\n                <CrossOutlinedSize24\n                    onClick={onCloseBottomSheet}\n                    data-qa=\"select-bottom-sheet-navigation-close\"\n                    aria-label={closeTrl}\n                />\n            }\n            options={\n                searchable && (\n                    <SearchInput\n                        clearable\n                        size=\"medium\"\n                        value={searchValue}\n                        onChange={setSearchValue}\n                        onKeyDown={(event) => {\n                            if (onSearchSubmit && keyboardMatch(event.nativeEvent, keyboardKeys.Enter)) {\n                                onSearchSubmit(\n                                    event,\n                                    onCloseBottomSheet,\n                                    optionsCount,\n                                    onCloseBottomSheetWithUpdateValues\n                                );\n                            }\n                        }}\n                        data-qa=\"bottom-sheet-navigation-input\"\n                        autoComplete=\"off\"\n                        aria-label={searchTrl}\n                        data-magritte-select-seach-input\n                    />\n                )\n            }\n        />\n    );\n};\n\nexport const SelectBottomSheet = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({\n    id,\n    type,\n    name,\n    multiple,\n    clearButton: _clearButton,\n    applyChangesButton: _applyChangesButton,\n    useInitialValuesOnClearAction,\n    loading,\n    error,\n    renderHeader = RenderHeaderDefault,\n    renderItem = SelectOptionDefault,\n    renderButtonsContainer = RenderButtonsContainerDefault,\n    renderAlertOnExitWithoutSaving,\n    headerTitle,\n    onClose,\n    visible,\n    optionList,\n    optionsListRef,\n    searchValue,\n    setSearchValue,\n    searchable,\n    value: values,\n    onChange,\n    clearSelectedValuesOrUseInitialValues,\n    isLimitExceeded,\n    initialValuesOnOpening,\n    setSelectedValues,\n    onBottomSheetOpen,\n    onBottomSheetClose,\n    onSearchSubmit,\n    onApply,\n    onClear,\n    emptyOptionsHint,\n    emptyOptionsSearchHint,\n    searchInProgress,\n    internalError,\n    reload,\n    innerErrorTrls,\n    optionDataQa,\n    hasChangesApplyButton,\n    ...props\n}: SelectBottomSheetProps<MultipleType, DataType>): ReactElement => {\n    const valuesArr = Array.isArray(values) ? values : [values];\n    const [alertVisible, setAlertVisible] = useState(false);\n    const showAlertOnExitWithoutSaving = Boolean(renderAlertOnExitWithoutSaving);\n    const showErrorPlaceholder = Boolean(error);\n    const cancelCloseFuncRef = useRef<VoidFunction | null>(null);\n\n    const onCloseWithAlertCheck = (cancelCloseFunc: VoidFunction | null) => {\n        if (showAlertOnExitWithoutSaving && multiple) {\n            const haveUnsavingChanges = !isArraysEquals<string>(\n                initialValuesOnOpening.current?.map((item) => item.value) ?? [],\n                // eslint-disable-next-line no-nested-ternary\n                Array.isArray(values) ? values.map((item) => item.value) : values ? [values.value] : []\n            );\n            if (haveUnsavingChanges) {\n                cancelCloseFuncRef.current = cancelCloseFunc;\n                setAlertVisible(true);\n            } else {\n                onClose();\n            }\n        } else {\n            onClose();\n        }\n    };\n\n    const applyTrl = useTranslation('Select', 'apply');\n    const clearTrl = useTranslation('Select', 'clear');\n    const clearButton =\n        _clearButton &&\n        isValidElement<ComponentProps<typeof Button>>(_clearButton) &&\n        cloneElement(_clearButton, {\n            key: 'clearButton',\n            size: 'medium',\n            'data-qa': 'magritte-select-clear-action-on-xs',\n            'aria-label': _clearButton.props['aria-label'] || clearTrl,\n            onClick: () => {\n                clearSelectedValuesOrUseInitialValues();\n            },\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const applyChangesButton =\n        hasChangesApplyButton &&\n        isValidElement<ComponentProps<typeof Button>>(_applyChangesButton) &&\n        cloneElement(_applyChangesButton, {\n            key: 'applyChangesButton',\n            size: 'medium',\n            'data-qa': 'magritte-select-apply-on-xs',\n            'aria-label': _applyChangesButton.props['aria-label'] || applyTrl,\n            onClick: () => {\n                setSelectedValues();\n                onClose();\n                onApply?.({\n                    isMobile: true,\n                    searchValue,\n                    optionsCount: optionList.length,\n                    selectedOptionsCount: valuesArr.length,\n                });\n            },\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const handleChange: OnChangeAction<DataType> = useCallback(\n        (...args) => {\n            if (!multiple && !hasChangesApplyButton) {\n                onClose();\n            }\n            onChange(...args);\n        },\n        [multiple, onChange, onClose, hasChangesApplyButton]\n    );\n\n    const emptyOptionsHintVisible =\n        optionList.length === 0 &&\n        !searchValue &&\n        !!emptyOptionsHint &&\n        !loading &&\n        !showErrorPlaceholder &&\n        !searchInProgress &&\n        !internalError;\n\n    const emptyOptionsSearchHintVisible =\n        optionList.length === 0 &&\n        searchValue &&\n        !!emptyOptionsSearchHint &&\n        !loading &&\n        !showErrorPlaceholder &&\n        !searchInProgress &&\n        !internalError;\n\n    const footer = !showErrorPlaceholder ? (\n        renderButtonsContainer({\n            clearButton,\n            applyChangesButton,\n            searchValue,\n            optionsCount: optionList.length,\n            loading,\n            isError: Boolean(internalError && innerErrorTrls),\n            emptyOptionsHintVisible: Boolean(emptyOptionsHintVisible || emptyOptionsSearchHintVisible),\n        })\n    ) : (\n        <BottomSheetFooter>{error && error.resetButton}</BottomSheetFooter>\n    );\n\n    const onCloseBottomSheetWithUpdateValues = () => {\n        setSelectedValues();\n        onCloseWithAlertCheck(null);\n    };\n\n    const optionsVisible =\n        !loading &&\n        !emptyOptionsSearchHintVisible &&\n        !emptyOptionsHintVisible &&\n        !internalError &&\n        !showErrorPlaceholder;\n\n    const searchTrl = useTranslation('Select', 'search');\n    const closeTrl = useTranslation('Select', 'close');\n    const header = renderHeader({\n        onCloseBottomSheet: () => onCloseWithAlertCheck(null),\n        searchValue,\n        setSearchValue,\n        searchable,\n        headerTitle,\n        onSearchSubmit,\n        optionsCount: optionList.length,\n        onCloseBottomSheetWithUpdateValues,\n        searchTrl,\n        closeTrl,\n    });\n    const haveHeader = Boolean(header);\n\n    return (\n        <>\n            <BottomSheet\n                {...props}\n                id={id}\n                ref={optionsListRef}\n                allowScrollWhileFocused\n                keyboardOverlaysFooter={false}\n                visible={visible}\n                showDivider={'with-scroll'}\n                withContentPaddings={showErrorPlaceholder}\n                header={header}\n                onClose={onCloseWithAlertCheck}\n                footer={\n                    internalError && innerErrorTrls ? (\n                        <BottomSheetFooter>\n                            <Button\n                                mode=\"primary\"\n                                style=\"accent\"\n                                size=\"medium\"\n                                onClick={reload}\n                                stretched\n                                icon={<ArrowPathClockwiseOutlinedSize24 />}\n                            >\n                                {innerErrorTrls.reloadButton}\n                            </Button>\n                        </BottomSheetFooter>\n                    ) : (\n                        footer\n                    )\n                }\n                onAppear={onBottomSheetOpen}\n                onAfterExit={onBottomSheetClose}\n            >\n                {internalError && innerErrorTrls && <SelectError innerErrorTrls={innerErrorTrls} reload={reload} />}\n                {emptyOptionsSearchHintVisible && (\n                    <div className={styles.fullScreenPlaceholder}>{emptyOptionsSearchHint}</div>\n                )}\n                {emptyOptionsHintVisible && <div className={styles.fullScreenPlaceholder}>{emptyOptionsHint}</div>}\n                {loading && !showErrorPlaceholder && (\n                    <div className={styles.fullScreenPlaceholder}>\n                        <Loader size={24} />\n                    </div>\n                )}\n                {showErrorPlaceholder && <div className={styles.errorWrapper}>{error && error.placeholder}</div>}\n                {optionsVisible && (\n                    <div\n                        role={'listbox'}\n                        className={classnames(styles.selectBottomSheet, styles[`select-bottom-sheet_${type}`], {\n                            [styles.selectBottomSheetWithoutHeader]: !haveHeader,\n                        })}\n                        data-qa=\"magritte-select-option-list-on-xs\"\n                    >\n                        {optionList.map(({ disabled: _disabled, type: optionType, ...option }) => {\n                            const checked = Boolean(option.data && getChecked<DataType>(option.data, values ?? []));\n                            const disabled = !checked && (_disabled || isLimitExceeded);\n                            return (\n                                <SelectOption\n                                    key={option.data.value}\n                                    name={name}\n                                    checked={checked}\n                                    onChange={handleChange}\n                                    render={renderItem}\n                                    disabled={disabled}\n                                    type={optionType || type}\n                                    plain={type === 'label'}\n                                    multiple={multiple}\n                                    data-qa={optionDataQa}\n                                    isMobile\n                                    {...option}\n                                />\n                            );\n                        })}\n                    </div>\n                )}\n            </BottomSheet>\n            {renderAlertOnExitWithoutSaving?.({\n                alertVisible,\n                onCloseAlert: () => {\n                    cancelCloseFuncRef.current?.();\n                    cancelCloseFuncRef.current = null;\n                    setAlertVisible(false);\n                },\n                onClosePickerAndAlert: () => {\n                    cancelCloseFuncRef.current = null;\n                    setAlertVisible(false);\n                    onClose();\n                },\n            })}\n        </>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SelectBottomSheet.js","sources":["src/SelectBottomSheet.tsx"],"sourcesContent":["import {\n    ComponentProps,\n    ReactElement,\n    ReactNode,\n    cloneElement,\n    useCallback,\n    useRef,\n    useState,\n    isValidElement,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { ActionBar } from '@hh.ru/magritte-ui-action-bar';\nimport { BottomSheet, BottomSheetFooter } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { Button } from '@hh.ru/magritte-ui-button';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport {\n    ArrowPathClockwiseOutlinedSize24,\n    CrossOutlinedSize24,\n    CheckOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { SearchInput } from '@hh.ru/magritte-ui-input';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { NavBar } from '@hh.ru/magritte-ui-nav-bar';\nimport { SelectError } from '@hh.ru/magritte-ui-select/SelectError';\nimport { SelectOption } from '@hh.ru/magritte-ui-select/SelectOption';\nimport { getChecked } from '@hh.ru/magritte-ui-select/getChecked';\nimport { isArraysEquals } from '@hh.ru/magritte-ui-select/isArraysEquals';\nimport {\n    OnChangeAction,\n    SelectBottomSheetProps,\n    RenderOptionTypeProps,\n    RenderHeaderProps,\n    RenderButtonsContainerProps,\n} from '@hh.ru/magritte-ui-select/types';\n\nimport styles from './select-bottom-sheet.less';\n\nconst SelectOptionDefault = <DataType extends StaticDataFetcherItem>({\n    data,\n    input,\n    type,\n    checked,\n    plain,\n}: RenderOptionTypeProps<DataType>): ReactElement => {\n    if (type === 'delimiter') {\n        return (\n            <CellText maxLines={1} style=\"secondary\">\n                {data.text}\n            </CellText>\n        );\n    }\n    if (type === 'label') {\n        return (\n            <Cell Element=\"div\" right={checked && plain ? <CheckOutlinedSize24 /> : undefined} vertPadding>\n                <CellText maxLines={1}>{data.text}</CellText>\n            </Cell>\n        );\n    }\n    return (\n        <Cell Element=\"div\" align=\"center\" right={input}>\n            <CellText maxLines={1}>{data.text}</CellText>\n        </Cell>\n    );\n};\n\nconst RenderButtonsContainerDefault = ({\n    clearButton,\n    applyChangesButton,\n    loading,\n}: RenderButtonsContainerProps): ReactNode => {\n    if ((!clearButton && !applyChangesButton) || loading) {\n        return null;\n    }\n    const primaryActions = [clearButton, applyChangesButton].filter(Boolean);\n    return <ActionBar primaryActions={primaryActions} />;\n};\n\nexport const RenderHeaderDefault = ({\n    onCloseBottomSheet,\n    searchValue,\n    setSearchValue,\n    searchable,\n    headerTitle,\n    onSearchSubmit,\n    optionsCount,\n    onCloseBottomSheetWithUpdateValues,\n    searchTrl,\n    closeTrl,\n}: RenderHeaderProps): ReactNode => {\n    return (\n        <NavBar>\n            <NavBar.Pane>\n                <NavBar.Actions\n                    centered\n                    right={\n                        <CrossOutlinedSize24\n                            onClick={onCloseBottomSheet}\n                            data-qa=\"select-bottom-sheet-navigation-close\"\n                            aria-label={closeTrl}\n                        />\n                    }\n                >\n                    <NavBar.TitleContainer centered title={headerTitle} />\n                </NavBar.Actions>\n            </NavBar.Pane>\n            {searchable && (\n                <NavBar.Pane>\n                    <SearchInput\n                        clearable\n                        size=\"medium\"\n                        value={searchValue}\n                        onChange={setSearchValue}\n                        onKeyDown={(event) => {\n                            if (onSearchSubmit && keyboardMatch(event.nativeEvent, keyboardKeys.Enter)) {\n                                onSearchSubmit(\n                                    event,\n                                    onCloseBottomSheet,\n                                    optionsCount,\n                                    onCloseBottomSheetWithUpdateValues\n                                );\n                            }\n                        }}\n                        data-qa=\"bottom-sheet-navigation-input\"\n                        autoComplete=\"off\"\n                        aria-label={searchTrl}\n                        data-magritte-select-seach-input\n                    />\n                </NavBar.Pane>\n            )}\n        </NavBar>\n    );\n};\n\nexport const SelectBottomSheet = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({\n    id,\n    type,\n    name,\n    multiple,\n    clearButton: _clearButton,\n    applyChangesButton: _applyChangesButton,\n    useInitialValuesOnClearAction,\n    loading,\n    error,\n    renderHeader = RenderHeaderDefault,\n    renderItem = SelectOptionDefault,\n    renderButtonsContainer = RenderButtonsContainerDefault,\n    renderAlertOnExitWithoutSaving,\n    headerTitle,\n    onClose,\n    visible,\n    optionList,\n    optionsListRef,\n    searchValue,\n    setSearchValue,\n    searchable,\n    value: values,\n    onChange,\n    clearSelectedValuesOrUseInitialValues,\n    isLimitExceeded,\n    initialValuesOnOpening,\n    setSelectedValues,\n    onBottomSheetOpen,\n    onBottomSheetClose,\n    onSearchSubmit,\n    onApply,\n    onClear,\n    emptyOptionsHint,\n    emptyOptionsSearchHint,\n    searchInProgress,\n    internalError,\n    reload,\n    innerErrorTrls,\n    optionDataQa,\n    hasChangesApplyButton,\n    ...props\n}: SelectBottomSheetProps<MultipleType, DataType>): ReactElement => {\n    const valuesArr = Array.isArray(values) ? values : [values];\n    const [alertVisible, setAlertVisible] = useState(false);\n    const showAlertOnExitWithoutSaving = Boolean(renderAlertOnExitWithoutSaving);\n    const showErrorPlaceholder = Boolean(error);\n    const cancelCloseFuncRef = useRef<VoidFunction | null>(null);\n\n    const onCloseWithAlertCheck = (cancelCloseFunc: VoidFunction | null) => {\n        if (showAlertOnExitWithoutSaving && multiple) {\n            const haveUnsavingChanges = !isArraysEquals<string>(\n                initialValuesOnOpening.current?.map((item) => item.value) ?? [],\n                // eslint-disable-next-line no-nested-ternary\n                Array.isArray(values) ? values.map((item) => item.value) : values ? [values.value] : []\n            );\n            if (haveUnsavingChanges) {\n                cancelCloseFuncRef.current = cancelCloseFunc;\n                setAlertVisible(true);\n            } else {\n                onClose();\n            }\n        } else {\n            onClose();\n        }\n    };\n\n    const applyTrl = useTranslation('Select', 'apply');\n    const clearTrl = useTranslation('Select', 'clear');\n    const clearButton =\n        _clearButton &&\n        isValidElement<ComponentProps<typeof Button>>(_clearButton) &&\n        cloneElement(_clearButton, {\n            key: 'clearButton',\n            size: 'medium',\n            'data-qa': 'magritte-select-clear-action-on-xs',\n            'aria-label': _clearButton.props['aria-label'] || clearTrl,\n            onClick: () => {\n                clearSelectedValuesOrUseInitialValues();\n            },\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const applyChangesButton =\n        hasChangesApplyButton &&\n        isValidElement<ComponentProps<typeof Button>>(_applyChangesButton) &&\n        cloneElement(_applyChangesButton, {\n            key: 'applyChangesButton',\n            size: 'medium',\n            'data-qa': 'magritte-select-apply-on-xs',\n            'aria-label': _applyChangesButton.props['aria-label'] || applyTrl,\n            onClick: () => {\n                setSelectedValues();\n                onClose();\n                onApply?.({\n                    isMobile: true,\n                    searchValue,\n                    optionsCount: optionList.length,\n                    selectedOptionsCount: valuesArr.length,\n                });\n            },\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const handleChange: OnChangeAction<DataType> = useCallback(\n        (...args) => {\n            if (!multiple && !hasChangesApplyButton) {\n                onClose();\n            }\n            onChange(...args);\n        },\n        [multiple, onChange, onClose, hasChangesApplyButton]\n    );\n\n    const emptyOptionsHintVisible =\n        optionList.length === 0 &&\n        !searchValue &&\n        !!emptyOptionsHint &&\n        !loading &&\n        !showErrorPlaceholder &&\n        !searchInProgress &&\n        !internalError;\n\n    const emptyOptionsSearchHintVisible =\n        optionList.length === 0 &&\n        searchValue &&\n        !!emptyOptionsSearchHint &&\n        !loading &&\n        !showErrorPlaceholder &&\n        !searchInProgress &&\n        !internalError;\n\n    const footer = !showErrorPlaceholder ? (\n        renderButtonsContainer({\n            clearButton,\n            applyChangesButton,\n            searchValue,\n            optionsCount: optionList.length,\n            loading,\n            isError: Boolean(internalError && innerErrorTrls),\n            emptyOptionsHintVisible: Boolean(emptyOptionsHintVisible || emptyOptionsSearchHintVisible),\n        })\n    ) : (\n        <BottomSheetFooter>{error && error.resetButton}</BottomSheetFooter>\n    );\n\n    const onCloseBottomSheetWithUpdateValues = () => {\n        setSelectedValues();\n        onCloseWithAlertCheck(null);\n    };\n\n    const optionsVisible =\n        !loading &&\n        !emptyOptionsSearchHintVisible &&\n        !emptyOptionsHintVisible &&\n        !internalError &&\n        !showErrorPlaceholder;\n\n    const searchTrl = useTranslation('Select', 'search');\n    const closeTrl = useTranslation('Select', 'close');\n    const header = renderHeader({\n        onCloseBottomSheet: () => onCloseWithAlertCheck(null),\n        searchValue,\n        setSearchValue,\n        searchable,\n        headerTitle,\n        onSearchSubmit,\n        optionsCount: optionList.length,\n        onCloseBottomSheetWithUpdateValues,\n        searchTrl,\n        closeTrl,\n    });\n    const haveHeader = Boolean(header);\n\n    return (\n        <>\n            <BottomSheet\n                {...props}\n                id={id}\n                ref={optionsListRef}\n                allowScrollWhileFocused\n                keyboardOverlaysFooter={false}\n                visible={visible}\n                showDivider={'with-scroll'}\n                withContentPaddings={showErrorPlaceholder}\n                header={header}\n                onClose={onCloseWithAlertCheck}\n                footer={\n                    internalError && innerErrorTrls ? (\n                        <BottomSheetFooter>\n                            <Button\n                                mode=\"primary\"\n                                style=\"accent\"\n                                size=\"medium\"\n                                onClick={reload}\n                                stretched\n                                icon={<ArrowPathClockwiseOutlinedSize24 />}\n                            >\n                                {innerErrorTrls.reloadButton}\n                            </Button>\n                        </BottomSheetFooter>\n                    ) : (\n                        footer\n                    )\n                }\n                onAppear={onBottomSheetOpen}\n                onAfterExit={onBottomSheetClose}\n            >\n                {internalError && innerErrorTrls && <SelectError innerErrorTrls={innerErrorTrls} reload={reload} />}\n                {emptyOptionsSearchHintVisible && (\n                    <div className={styles.fullScreenPlaceholder}>{emptyOptionsSearchHint}</div>\n                )}\n                {emptyOptionsHintVisible && <div className={styles.fullScreenPlaceholder}>{emptyOptionsHint}</div>}\n                {loading && !showErrorPlaceholder && (\n                    <div className={styles.fullScreenPlaceholder}>\n                        <Loader size={24} />\n                    </div>\n                )}\n                {showErrorPlaceholder && <div className={styles.errorWrapper}>{error && error.placeholder}</div>}\n                {optionsVisible && (\n                    <div\n                        role={'listbox'}\n                        className={classnames(styles.selectBottomSheet, styles[`select-bottom-sheet_${type}`], {\n                            [styles.selectBottomSheetWithoutHeader]: !haveHeader,\n                        })}\n                        data-qa=\"magritte-select-option-list-on-xs\"\n                    >\n                        {optionList.map(({ disabled: _disabled, type: optionType, ...option }) => {\n                            const checked = Boolean(option.data && getChecked<DataType>(option.data, values ?? []));\n                            const disabled = !checked && (_disabled || isLimitExceeded);\n                            return (\n                                <SelectOption\n                                    key={option.data.value}\n                                    name={name}\n                                    checked={checked}\n                                    onChange={handleChange}\n                                    render={renderItem}\n                                    disabled={disabled}\n                                    type={optionType || type}\n                                    plain={type === 'label'}\n                                    multiple={multiple}\n                                    data-qa={optionDataQa}\n                                    isMobile\n                                    {...option}\n                                />\n                            );\n                        })}\n                    </div>\n                )}\n            </BottomSheet>\n            {renderAlertOnExitWithoutSaving?.({\n                alertVisible,\n                onCloseAlert: () => {\n                    cancelCloseFuncRef.current?.();\n                    cancelCloseFuncRef.current = null;\n                    setAlertVisible(false);\n                },\n                onClosePickerAndAlert: () => {\n                    cancelCloseFuncRef.current = null;\n                    setAlertVisible(false);\n                    onClose();\n                },\n            })}\n        </>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/SelectDrop.js

@@ -22,7 +22,7 @@ import '@hh.ru/magritte-common-use-disabled';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import '@hh.ru/magritte-ui-checkbox-radio';
 
-var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_12-8-27","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_12-8-27","select-drop-container":"magritte-select-drop-container___hee1p_12-8-27","selectDropContainer":"magritte-select-drop-container___hee1p_12-8-27","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_12-8-27","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_12-8-27","select-drop-container_with-footer":"magritte-select-drop-container_with-footer___6wp-L_12-8-27","selectDropContainerWithFooter":"magritte-select-drop-container_with-footer___6wp-L_12-8-27","select-drop":"magritte-select-drop___jn4O-_12-8-27","selectDrop":"magritte-select-drop___jn4O-_12-8-27","select-drop-header":"magritte-select-drop-header___fMmio_12-8-27","selectDropHeader":"magritte-select-drop-header___fMmio_12-8-27","select-drop_plain":"magritte-select-drop_plain___VL8Fz_12-8-27","selectDropPlain":"magritte-select-drop_plain___VL8Fz_12-8-27","label-option":"magritte-label-option___2N7t9_12-8-27","labelOption":"magritte-label-option___2N7t9_12-8-27","loading":"magritte-loading___AMiuq_12-8-27","hint":"magritte-hint___6qaFl_12-8-27"};
+var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_12-9-0","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_12-9-0","select-drop-container":"magritte-select-drop-container___hee1p_12-9-0","selectDropContainer":"magritte-select-drop-container___hee1p_12-9-0","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_12-9-0","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_12-9-0","select-drop-container_with-footer":"magritte-select-drop-container_with-footer___6wp-L_12-9-0","selectDropContainerWithFooter":"magritte-select-drop-container_with-footer___6wp-L_12-9-0","select-drop":"magritte-select-drop___jn4O-_12-9-0","selectDrop":"magritte-select-drop___jn4O-_12-9-0","select-drop-header":"magritte-select-drop-header___fMmio_12-9-0","selectDropHeader":"magritte-select-drop-header___fMmio_12-9-0","select-drop_plain":"magritte-select-drop_plain___VL8Fz_12-9-0","selectDropPlain":"magritte-select-drop_plain___VL8Fz_12-9-0","label-option":"magritte-label-option___2N7t9_12-9-0","labelOption":"magritte-label-option___2N7t9_12-9-0","loading":"magritte-loading___AMiuq_12-9-0","hint":"magritte-hint___6qaFl_12-9-0"};
 
 const SelectOptionDefault = ({ data, input, type, plain, checked, }) => {
     if (type === 'delimiter') {

package/SelectEmptyHint.js

@@ -6,7 +6,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
 import { Title } from '@hh.ru/magritte-ui-title';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_12-8-27","selectEmptyHint":"magritte-select-empty-hint___B39XJ_12-8-27","icon":"magritte-icon___F0GQx_12-8-27","icon-init":"magritte-icon-init___GWK-V_12-8-27","iconInit":"magritte-icon-init___GWK-V_12-8-27","icon-search":"magritte-icon-search___ZsqO-_12-8-27","iconSearch":"magritte-icon-search___ZsqO-_12-8-27"};
+var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_12-9-0","selectEmptyHint":"magritte-select-empty-hint___B39XJ_12-9-0","icon":"magritte-icon___F0GQx_12-9-0","icon-init":"magritte-icon-init___GWK-V_12-9-0","iconInit":"magritte-icon-init___GWK-V_12-9-0","icon-search":"magritte-icon-search___ZsqO-_12-9-0","iconSearch":"magritte-icon-search___ZsqO-_12-9-0"};
 
 const SelectEmptyHint = ({ title, titleElement, description, type }) => {
     return (jsxs("div", { className: styles.selectEmptyHint, children: [type === 'init' && (jsx("div", { className: classnames(styles.icon, styles.iconInit), children: jsx(MagnifierOutlinedSize24, {}) })), type === 'emptySearch' && (jsx("div", { className: classnames(styles.icon, styles.iconSearch), children: jsx(EmojiHalfsadOutlinedSize24, {}) })), jsx(VSpacing, { default: 32 }), jsx(Title, { Element: titleElement, size: "small", children: title }), jsx(VSpacing, { default: 8 }), Boolean(description) && (jsx(Text, { typography: "paragraph-2-regular", style: "secondary", children: description }))] }));

package/SelectError.js

@@ -7,7 +7,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
 import { Title } from '@hh.ru/magritte-ui-title';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"error-container":"magritte-error-container___t9B5w_12-8-27","errorContainer":"magritte-error-container___t9B5w_12-8-27"};
+var styles = {"error-container":"magritte-error-container___t9B5w_12-9-0","errorContainer":"magritte-error-container___t9B5w_12-9-0"};
 
 const SelectError = ({ innerErrorTrls, reload, }) => {
     const { isMobile } = useBreakpoint();

package/SelectModal.js

@@ -24,7 +24,7 @@ import '@hh.ru/magritte-common-use-disabled';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import '@hh.ru/magritte-ui-checkbox-radio';
 
-var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_12-8-27","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_12-8-27","select-modal":"magritte-select-modal___f9wc6_12-8-27","selectModal":"magritte-select-modal___f9wc6_12-8-27","select-modal_plain":"magritte-select-modal_plain___0rP39_12-8-27","selectModalPlain":"magritte-select-modal_plain___0rP39_12-8-27","label-option":"magritte-label-option___kFAuR_12-8-27","labelOption":"magritte-label-option___kFAuR_12-8-27","layer-full-height":"magritte-layer-full-height___cJX-K_12-8-27","layerFullHeight":"magritte-layer-full-height___cJX-K_12-8-27"};
+var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_12-9-0","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_12-9-0","select-modal":"magritte-select-modal___f9wc6_12-9-0","selectModal":"magritte-select-modal___f9wc6_12-9-0","select-modal_plain":"magritte-select-modal_plain___0rP39_12-9-0","selectModalPlain":"magritte-select-modal_plain___0rP39_12-9-0","label-option":"magritte-label-option___kFAuR_12-9-0","labelOption":"magritte-label-option___kFAuR_12-9-0","layer-full-height":"magritte-layer-full-height___cJX-K_12-9-0","layerFullHeight":"magritte-layer-full-height___cJX-K_12-9-0"};
 
 const SelectOptionDefault = ({ data, input, type, plain, checked, }) => {
     if (type === 'delimiter') {

package/SelectOption.js

@@ -8,7 +8,7 @@ import { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/Checkabl
 import { Radio, Checkbox } from '@hh.ru/magritte-ui-checkbox-radio';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_12-8-27","selectOptionPlain":"magritte-select-option-plain___dfz4a_12-8-27","select-option-plain_active":"magritte-select-option-plain_active___AQSQS_12-8-27","selectOptionPlainActive":"magritte-select-option-plain_active___AQSQS_12-8-27","select-delimiter":"magritte-select-delimiter___WyeR6_12-8-27","selectDelimiter":"magritte-select-delimiter___WyeR6_12-8-27"};
+var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_12-9-0","selectOptionPlain":"magritte-select-option-plain___dfz4a_12-9-0","select-option-plain_active":"magritte-select-option-plain_active___AQSQS_12-9-0","selectOptionPlainActive":"magritte-select-option-plain_active___AQSQS_12-9-0","select-delimiter":"magritte-select-delimiter___WyeR6_12-9-0","selectDelimiter":"magritte-select-delimiter___WyeR6_12-9-0"};
 
 const CheckableComponent = ({ type, value, checked, name, onChange, 'data-qa': dataQa, }) => {
     if (type === 'label') {

package/UncontrolledSelect.js

@@ -17,7 +17,7 @@ import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-icon/icon';
 import '@hh.ru/magritte-ui-input';
 import '@hh.ru/magritte-ui-loader';
-import '@hh.ru/magritte-ui-navigation-bar';
+import '@hh.ru/magritte-ui-nav-bar';
 import './SelectError.js';
 import '@hh.ru/magritte-ui-icon/variants/icon';
 import '@hh.ru/magritte-ui-spacing';

package/index.css

@@ -1,4 +1,4 @@
-.magritte-error-container___t9B5w_12-8-27{
+.magritte-error-container___t9B5w_12-9-0{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -6,13 +6,13 @@
   justify-content:center;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-error-container___t9B5w_12-8-27{
+  body.magritte-old-layout .magritte-error-container___t9B5w_12-9-0{
     min-height:320px;
     height:auto;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-error-container___t9B5w_12-8-27{
+  body:not(.magritte-old-layout) .magritte-error-container___t9B5w_12-9-0{
     min-height:320px;
     height:auto;
   }
@@ -21,89 +21,89 @@
 :root{
   --magritte-color-component-input-stroke-state-accent-focused-accessible-v24-7-1:#0070ff7a;
 }
-.magritte-select-option-plain___dfz4a_12-8-27{
+.magritte-select-option-plain___dfz4a_12-9-0{
   border-radius:8px;
 }
-.magritte-select-option-plain___dfz4a_12-8-27.focus-visible{
+.magritte-select-option-plain___dfz4a_12-9-0.focus-visible{
   outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v24-7-1) solid 4px;
 }
-.magritte-select-option-plain___dfz4a_12-8-27:hover{
+.magritte-select-option-plain___dfz4a_12-9-0:hover{
   cursor:default;
 }
-.magritte-select-option-plain_active___AQSQS_12-8-27:hover{
+.magritte-select-option-plain_active___AQSQS_12-9-0:hover{
   cursor:pointer;
 }
-.magritte-select-delimiter___WyeR6_12-8-27{
+.magritte-select-delimiter___WyeR6_12-9-0{
   padding-left:16px;
   padding-top:12px;
 }
 
-.magritte-select-bottom-sheet___1RZDJ_12-8-27{
+.magritte-select-bottom-sheet___1RZDJ_12-9-0{
   display:flex;
   flex-direction:column;
   padding:0 16px;
   padding-bottom:16px;
 }
-.magritte-select-bottom-sheet_checkbox___hwTgo_12-8-27,
-.magritte-select-bottom-sheet_radio___qvFFV_12-8-27{
+.magritte-select-bottom-sheet_checkbox___hwTgo_12-9-0,
+.magritte-select-bottom-sheet_radio___qvFFV_12-9-0{
   gap:12px;
 }
-.magritte-select-bottom-sheet_without-header___KOKVh_12-8-27{
+.magritte-select-bottom-sheet_without-header___KOKVh_12-9-0{
   padding-top:16px;
 }
-.magritte-full-screen-placeholder___zPC8k_12-8-27{
+.magritte-full-screen-placeholder___zPC8k_12-9-0{
   display:flex;
   flex-direction:column;
   align-items:center;
   height:100%;
   justify-content:center;
 }
-.magritte-error-wrapper___P7jYg_12-8-27{
+.magritte-error-wrapper___P7jYg_12-9-0{
   height:100%;
 }
 
-.magritte-select-drop-container-wrapper___OHM0q_12-8-27{
+.magritte-select-drop-container-wrapper___OHM0q_12-9-0{
   display:flex;
   flex-direction:column;
 }
-.magritte-select-drop-container___hee1p_12-8-27{
+.magritte-select-drop-container___hee1p_12-9-0{
   display:flex;
   flex-direction:column;
   padding:12px;
   margin:calc(-1 * 12px);
 }
-.magritte-select-drop-container_plain___766zl_12-8-27{
+.magritte-select-drop-container_plain___766zl_12-9-0{
   padding:24px;
   margin:calc(-1 * 24px);
 }
-.magritte-select-drop-container_with-footer___6wp-L_12-8-27{
+.magritte-select-drop-container_with-footer___6wp-L_12-9-0{
   margin-bottom:0;
   padding-bottom:0;
 }
-.magritte-select-drop___jn4O-_12-8-27{
+.magritte-select-drop___jn4O-_12-9-0{
   display:flex;
   flex-direction:column;
   gap:8px;
 }
-.magritte-select-drop-header___fMmio_12-8-27{
+.magritte-select-drop-header___fMmio_12-9-0{
   display:flex;
   flex-direction:column;
   margin-bottom:8px;
 }
-.magritte-select-drop_plain___VL8Fz_12-8-27{
+.magritte-select-drop_plain___VL8Fz_12-9-0{
   gap:16px;
 }
-.magritte-label-option___2N7t9_12-8-27{
+.magritte-label-option___2N7t9_12-9-0{
   display:flex;
   justify-content:center;
 }
-.magritte-loading___AMiuq_12-8-27{
+.magritte-loading___AMiuq_12-9-0{
   display:flex;
   align-items:center;
   height:150px;
   justify-content:center;
 }
-.magritte-hint___6qaFl_12-8-27{
+.magritte-hint___6qaFl_12-9-0{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -111,24 +111,24 @@
   justify-content:center;
 }
 
-.magritte-select-modal-wrapper___5BhtC_12-8-27{
+.magritte-select-modal-wrapper___5BhtC_12-9-0{
   display:flex;
   flex-direction:column;
   flex-grow:1;
 }
-.magritte-select-modal___f9wc6_12-8-27{
+.magritte-select-modal___f9wc6_12-9-0{
   display:flex;
   flex-direction:column;
   gap:12px;
 }
-.magritte-select-modal_plain___0rP39_12-8-27{
+.magritte-select-modal_plain___0rP39_12-9-0{
   gap:0;
 }
-.magritte-label-option___kFAuR_12-8-27{
+.magritte-label-option___kFAuR_12-9-0{
   display:flex;
   justify-content:center;
 }
-.magritte-layer-full-height___cJX-K_12-8-27{
+.magritte-layer-full-height___cJX-K_12-9-0{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -155,14 +155,14 @@
   --magritte-color-background-accent-secondary-v24-7-1:#F1F4F7;
   --magritte-color-icon-accent-v24-7-1:#7195AF;
 }
-.magritte-select-empty-hint___B39XJ_12-8-27{
+.magritte-select-empty-hint___B39XJ_12-9-0{
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-content:center;
   align-items:center;
 }
-.magritte-icon___F0GQx_12-8-27{
+.magritte-icon___F0GQx_12-9-0{
   display:flex;
   align-items:center;
   justify-content:center;
@@ -170,11 +170,11 @@
   height:48px;
   border-radius:50%;
 }
-.magritte-icon-init___GWK-V_12-8-27{
+.magritte-icon-init___GWK-V_12-9-0{
   background-color:var(--magritte-color-background-accent-secondary-v24-7-1);
   --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v24-7-1);
 }
-.magritte-icon-search___ZsqO-_12-8-27{
+.magritte-icon-search___ZsqO-_12-9-0{
   background-color:var(--magritte-color-background-secondary-v24-7-1);
   --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-7-1);
 }

package/index.js

@@ -39,5 +39,5 @@ import '@hh.ru/magritte-common-data-provider';
 import './useSelectState.js';
 import '@hh.ru/magritte-ui-trigger';
 import '@hh.ru/magritte-ui-bottom-sheet';
-import '@hh.ru/magritte-ui-navigation-bar';
+import '@hh.ru/magritte-ui-nav-bar';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-select",
-  "version": "12.8.27",
+  "version": "12.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -33,24 +33,24 @@
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
     "@hh.ru/magritte-common-use-translation": "3.1.0",
     "@hh.ru/magritte-design-tokens": "24.7.1",
-    "@hh.ru/magritte-ui-action-bar": "5.3.30",
-    "@hh.ru/magritte-ui-bottom-sheet": "9.3.45",
+    "@hh.ru/magritte-ui-action-bar": "5.3.31",
+    "@hh.ru/magritte-ui-bottom-sheet": "9.4.1",
     "@hh.ru/magritte-ui-breakpoint": "6.1.1",
-    "@hh.ru/magritte-ui-button": "7.2.12",
-    "@hh.ru/magritte-ui-cell": "7.2.25",
-    "@hh.ru/magritte-ui-checkable-card": "5.0.32",
-    "@hh.ru/magritte-ui-checkbox-radio": "4.1.21",
-    "@hh.ru/magritte-ui-drop": "12.3.29",
-    "@hh.ru/magritte-ui-icon": "14.2.10",
-    "@hh.ru/magritte-ui-input": "9.4.27",
-    "@hh.ru/magritte-ui-loader": "3.0.12",
+    "@hh.ru/magritte-ui-button": "7.2.13",
+    "@hh.ru/magritte-ui-cell": "7.2.26",
+    "@hh.ru/magritte-ui-checkable-card": "5.0.33",
+    "@hh.ru/magritte-ui-checkbox-radio": "4.1.22",
+    "@hh.ru/magritte-ui-drop": "12.3.30",
+    "@hh.ru/magritte-ui-icon": "14.2.11",
+    "@hh.ru/magritte-ui-input": "9.4.28",
+    "@hh.ru/magritte-ui-loader": "3.0.13",
     "@hh.ru/magritte-ui-mock-component": "1.1.7",
-    "@hh.ru/magritte-ui-modal": "10.1.32",
-    "@hh.ru/magritte-ui-navigation-bar": "10.1.34",
+    "@hh.ru/magritte-ui-modal": "10.1.34",
+    "@hh.ru/magritte-ui-nav-bar": "1.5.2",
     "@hh.ru/magritte-ui-spacing": "2.1.20",
-    "@hh.ru/magritte-ui-title": "8.2.0",
-    "@hh.ru/magritte-ui-trigger": "4.3.21",
-    "@hh.ru/magritte-ui-typography": "5.3.4"
+    "@hh.ru/magritte-ui-title": "8.3.1",
+    "@hh.ru/magritte-ui-trigger": "4.3.22",
+    "@hh.ru/magritte-ui-typography": "5.3.5"
   },
-  "gitHead": "5485660cbbd756eface5229cf58792d65273055a"
+  "gitHead": "ea2589bd27da8dbff53530b0b803ba2b2116d3bd"
 }