@hh.ru/magritte-ui-select 12.0.0 → 12.0.2

package/SelectBottomSheet.js

@@ -1,6 +1,6 @@
 import './index.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, cloneElement, useCallback } from 'react';
+import { useState, useRef, cloneElement, useCallback } from 'react';
 import classnames from 'classnames';
 import { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
 import { ActionBar } from '@hh.ru/magritte-ui-action-bar';
@@ -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-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_12-0-0","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_12-0-0","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-0-0","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-0-0","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_12-0-0","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_12-0-0","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_12-0-0","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_12-0-0","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_12-0-0","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_12-0-0","error-wrapper":"magritte-error-wrapper___P7jYg_12-0-0","errorWrapper":"magritte-error-wrapper___P7jYg_12-0-0"};
+var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_12-0-2","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_12-0-2","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-0-2","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-0-2","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_12-0-2","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_12-0-2","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_12-0-2","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_12-0-2","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_12-0-2","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_12-0-2","error-wrapper":"magritte-error-wrapper___P7jYg_12-0-2","errorWrapper":"magritte-error-wrapper___P7jYg_12-0-2"};
 
 const SelectOptionDefault = ({ data, input, type, checked, plain, }) => {
     if (type === 'delimiter') {
@@ -51,15 +51,16 @@ const RenderHeaderDefault = ({ onCloseBottomSheet, searchValue, setSearchValue,
 };
 const SelectBottomSheet = ({ 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, clearSelectedValues, setInitialValues, isLimitExceeded, initialValuesOnOpening, setSelectedValues, onBottomSheetOpen, onBottomSheetClose, onSearchSubmit, onApply, onClear, emptyOptionsHint, emptyOptionsSearchHint, searchInProgress, internalError, reload, innerErrorTrls, optionDataQa, ...props }) => {
     const [alertVisible, setAlertVisible] = useState(false);
-    const onCloseAlert = () => setAlertVisible(false);
     const showAlertOnExitWithoutSaving = Boolean(renderAlertOnExitWithoutSaving);
     const showErrorPlaceholder = Boolean(error);
-    const onCloseWithAlertCheck = () => {
+    const cancelCloseFuncRef = useRef(null);
+    const onCloseWithAlertCheck = (cancelCloseFunc) => {
         if (showAlertOnExitWithoutSaving && multiple) {
             const haveUnsavingChanges = !isArraysEquals(initialValuesOnOpening.current?.map((item) => item.value) ?? [], 
             // eslint-disable-next-line no-nested-ternary
             Array.isArray(values) ? values.map((item) => item.value) : values ? [values.value] : []);
             if (haveUnsavingChanges) {
+                cancelCloseFuncRef.current = cancelCloseFunc;
                 setAlertVisible(true);
             }
             else {
@@ -129,7 +130,7 @@ const SelectBottomSheet = ({ type, name, multiple, clearButton: _clearButton, ap
     })) : (jsx(BottomSheetFooter, { children: error && error.resetButton }));
     const onCloseBottomSheetWithUpdateValues = () => {
         setSelectedValues();
-        onCloseWithAlertCheck();
+        onCloseWithAlertCheck(null);
     };
     const optionsVisible = !loading &&
         !emptyOptionsSearchHintVisible &&
@@ -137,7 +138,7 @@ const SelectBottomSheet = ({ type, name, multiple, clearButton: _clearButton, ap
         !internalError &&
         !showErrorPlaceholder;
     const header = renderHeader({
-        onCloseBottomSheet: onCloseWithAlertCheck,
+        onCloseBottomSheet: () => onCloseWithAlertCheck(null),
         searchValue,
         setSearchValue,
         searchable,
@@ -155,9 +156,14 @@ const SelectBottomSheet = ({ type, name, multiple, clearButton: _clearButton, ap
                             return (jsx(SelectOption, { name: name, checked: checked, onChange: handleChange, render: renderItem, disabled: disabled, type: optionType || type, plain: type === 'label', multiple: multiple, "data-qa": optionDataQa, isMobile: true, ...option }, option.data.value));
                         }) }))] }), renderAlertOnExitWithoutSaving?.({
                 alertVisible,
-                onCloseAlert,
+                onCloseAlert: () => {
+                    cancelCloseFuncRef.current?.();
+                    cancelCloseFuncRef.current = null;
+                    setAlertVisible(false);
+                },
                 onClosePickerAndAlert: () => {
-                    onCloseAlert();
+                    cancelCloseFuncRef.current = null;
+                    setAlertVisible(false);
                     onClose();
                 },
             })] }));

package/SelectBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBottomSheet.js","sources":["../src/SelectBottomSheet.tsx"],"sourcesContent":["import { useCallback, ReactElement, ReactNode, cloneElement, useState, ComponentProps } 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 { 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 { ButtonElement } from '@hh.ru/magritte-ui-button-stack';\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 as ButtonElement[]} />;\n};\n\nconst RenderHeaderDefault = ({\n    onCloseBottomSheet,\n    searchValue,\n    setSearchValue,\n    searchable,\n    headerTitle,\n    onSearchSubmit,\n    optionsCount,\n    onCloseBottomSheetWithUpdateValues,\n}: RenderHeaderProps): ReactNode => {\n    return (\n        <NavigationBar\n            title={headerTitle}\n            right={<CrossOutlinedSize24 onClick={onCloseBottomSheet} data-qa=\"select-bottom-sheet-navigation-close\" />}\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                    />\n                )\n            }\n        />\n    );\n};\n\nexport const SelectBottomSheet = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({\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    clearSelectedValues,\n    setInitialValues,\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    ...props\n}: SelectBottomSheetProps<MultipleType, DataType>): ReactElement => {\n    const [alertVisible, setAlertVisible] = useState(false);\n    const onCloseAlert = () => setAlertVisible(false);\n    const showAlertOnExitWithoutSaving = Boolean(renderAlertOnExitWithoutSaving);\n    const showErrorPlaceholder = Boolean(error);\n\n    const onCloseWithAlertCheck = () => {\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                setAlertVisible(true);\n            } else {\n                onClose();\n            }\n        } else {\n            onClose();\n        }\n    };\n\n    const clearButton =\n        _clearButton &&\n        cloneElement(_clearButton, {\n            key: 'clearButton',\n            size: 'medium',\n            'data-qa': 'magritte-select-clear-action-on-xs',\n            onClick: () => {\n                if (useInitialValuesOnClearAction) {\n                    setInitialValues();\n                } else {\n                    clearSelectedValues();\n                }\n                onClose();\n                onClear?.();\n            },\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const needAddChangesButton = multiple && _applyChangesButton;\n    const applyChangesButton =\n        needAddChangesButton &&\n        cloneElement(_applyChangesButton, {\n            key: 'applyChangesButton',\n            size: 'medium',\n            'data-qa': 'magritte-select-apply-on-xs',\n            onClick: () => {\n                setSelectedValues();\n                onClose();\n                onApply?.({ isMobile: true, searchValue });\n            },\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const handleChange: OnChangeAction<DataType> = useCallback(\n        (...args) => {\n            if (!multiple) {\n                onClose();\n            }\n            onChange(...args);\n        },\n        [multiple, onChange, onClose]\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();\n    };\n\n    const optionsVisible =\n        !loading &&\n        !emptyOptionsSearchHintVisible &&\n        !emptyOptionsHintVisible &&\n        !internalError &&\n        !showErrorPlaceholder;\n\n    const header = renderHeader({\n        onCloseBottomSheet: onCloseWithAlertCheck,\n        searchValue,\n        setSearchValue,\n        searchable,\n        headerTitle,\n        onSearchSubmit,\n        optionsCount: optionList.length,\n        onCloseBottomSheetWithUpdateValues,\n    });\n    const haveHeader = Boolean(header);\n\n    return (\n        <>\n            <BottomSheet\n                {...props}\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                        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                onClosePickerAndAlert: () => {\n                    onCloseAlert();\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 { ComponentProps, ReactElement, ReactNode, cloneElement, useCallback, useRef, useState } 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 { 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 { ButtonElement } from '@hh.ru/magritte-ui-button-stack';\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 as ButtonElement[]} />;\n};\n\nconst RenderHeaderDefault = ({\n    onCloseBottomSheet,\n    searchValue,\n    setSearchValue,\n    searchable,\n    headerTitle,\n    onSearchSubmit,\n    optionsCount,\n    onCloseBottomSheetWithUpdateValues,\n}: RenderHeaderProps): ReactNode => {\n    return (\n        <NavigationBar\n            title={headerTitle}\n            right={<CrossOutlinedSize24 onClick={onCloseBottomSheet} data-qa=\"select-bottom-sheet-navigation-close\" />}\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                    />\n                )\n            }\n        />\n    );\n};\n\nexport const SelectBottomSheet = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({\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    clearSelectedValues,\n    setInitialValues,\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    ...props\n}: SelectBottomSheetProps<MultipleType, DataType>): ReactElement => {\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 clearButton =\n        _clearButton &&\n        cloneElement(_clearButton, {\n            key: 'clearButton',\n            size: 'medium',\n            'data-qa': 'magritte-select-clear-action-on-xs',\n            onClick: () => {\n                if (useInitialValuesOnClearAction) {\n                    setInitialValues();\n                } else {\n                    clearSelectedValues();\n                }\n                onClose();\n                onClear?.();\n            },\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const needAddChangesButton = multiple && _applyChangesButton;\n    const applyChangesButton =\n        needAddChangesButton &&\n        cloneElement(_applyChangesButton, {\n            key: 'applyChangesButton',\n            size: 'medium',\n            'data-qa': 'magritte-select-apply-on-xs',\n            onClick: () => {\n                setSelectedValues();\n                onClose();\n                onApply?.({ isMobile: true, searchValue });\n            },\n        } as Partial<ComponentProps<typeof Button>>);\n\n    const handleChange: OnChangeAction<DataType> = useCallback(\n        (...args) => {\n            if (!multiple) {\n                onClose();\n            }\n            onChange(...args);\n        },\n        [multiple, onChange, onClose]\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 header = renderHeader({\n        onCloseBottomSheet: () => onCloseWithAlertCheck(null),\n        searchValue,\n        setSearchValue,\n        searchable,\n        headerTitle,\n        onSearchSubmit,\n        optionsCount: optionList.length,\n        onCloseBottomSheetWithUpdateValues,\n    });\n    const haveHeader = Boolean(header);\n\n    return (\n        <>\n            <BottomSheet\n                {...props}\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                        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

@@ -21,7 +21,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-0-0","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_12-0-0","select-drop-container":"magritte-select-drop-container___hee1p_12-0-0","selectDropContainer":"magritte-select-drop-container___hee1p_12-0-0","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_12-0-0","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_12-0-0","select-drop-container_with-footer":"magritte-select-drop-container_with-footer___6wp-L_12-0-0","selectDropContainerWithFooter":"magritte-select-drop-container_with-footer___6wp-L_12-0-0","select-drop":"magritte-select-drop___jn4O-_12-0-0","selectDrop":"magritte-select-drop___jn4O-_12-0-0","select-drop-header":"magritte-select-drop-header___fMmio_12-0-0","selectDropHeader":"magritte-select-drop-header___fMmio_12-0-0","select-drop_plain":"magritte-select-drop_plain___VL8Fz_12-0-0","selectDropPlain":"magritte-select-drop_plain___VL8Fz_12-0-0","label-option":"magritte-label-option___2N7t9_12-0-0","labelOption":"magritte-label-option___2N7t9_12-0-0","loading":"magritte-loading___AMiuq_12-0-0","hint":"magritte-hint___6qaFl_12-0-0"};
+var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_12-0-2","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_12-0-2","select-drop-container":"magritte-select-drop-container___hee1p_12-0-2","selectDropContainer":"magritte-select-drop-container___hee1p_12-0-2","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_12-0-2","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_12-0-2","select-drop-container_with-footer":"magritte-select-drop-container_with-footer___6wp-L_12-0-2","selectDropContainerWithFooter":"magritte-select-drop-container_with-footer___6wp-L_12-0-2","select-drop":"magritte-select-drop___jn4O-_12-0-2","selectDrop":"magritte-select-drop___jn4O-_12-0-2","select-drop-header":"magritte-select-drop-header___fMmio_12-0-2","selectDropHeader":"magritte-select-drop-header___fMmio_12-0-2","select-drop_plain":"magritte-select-drop_plain___VL8Fz_12-0-2","selectDropPlain":"magritte-select-drop_plain___VL8Fz_12-0-2","label-option":"magritte-label-option___2N7t9_12-0-2","labelOption":"magritte-label-option___2N7t9_12-0-2","loading":"magritte-loading___AMiuq_12-0-2","hint":"magritte-hint___6qaFl_12-0-2"};
 
 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-0-0","selectEmptyHint":"magritte-select-empty-hint___B39XJ_12-0-0","icon":"magritte-icon___F0GQx_12-0-0","icon-init":"magritte-icon-init___GWK-V_12-0-0","iconInit":"magritte-icon-init___GWK-V_12-0-0","icon-search":"magritte-icon-search___ZsqO-_12-0-0","iconSearch":"magritte-icon-search___ZsqO-_12-0-0"};
+var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_12-0-2","selectEmptyHint":"magritte-select-empty-hint___B39XJ_12-0-2","icon":"magritte-icon___F0GQx_12-0-2","icon-init":"magritte-icon-init___GWK-V_12-0-2","iconInit":"magritte-icon-init___GWK-V_12-0-2","icon-search":"magritte-icon-search___ZsqO-_12-0-2","iconSearch":"magritte-icon-search___ZsqO-_12-0-2"};
 
 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-0-0","errorContainer":"magritte-error-container___t9B5w_12-0-0"};
+var styles = {"error-container":"magritte-error-container___t9B5w_12-0-2","errorContainer":"magritte-error-container___t9B5w_12-0-2"};
 
 const SelectError = ({ innerErrorTrls, reload, }) => {
     const { isMobile } = useBreakpoint();

package/SelectModal.js

@@ -23,7 +23,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-0-0","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_12-0-0","select-modal":"magritte-select-modal___f9wc6_12-0-0","selectModal":"magritte-select-modal___f9wc6_12-0-0","select-modal_plain":"magritte-select-modal_plain___0rP39_12-0-0","selectModalPlain":"magritte-select-modal_plain___0rP39_12-0-0","label-option":"magritte-label-option___kFAuR_12-0-0","labelOption":"magritte-label-option___kFAuR_12-0-0","layer-full-height":"magritte-layer-full-height___cJX-K_12-0-0","layerFullHeight":"magritte-layer-full-height___cJX-K_12-0-0"};
+var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_12-0-2","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_12-0-2","select-modal":"magritte-select-modal___f9wc6_12-0-2","selectModal":"magritte-select-modal___f9wc6_12-0-2","select-modal_plain":"magritte-select-modal_plain___0rP39_12-0-2","selectModalPlain":"magritte-select-modal_plain___0rP39_12-0-2","label-option":"magritte-label-option___kFAuR_12-0-2","labelOption":"magritte-label-option___kFAuR_12-0-2","layer-full-height":"magritte-layer-full-height___cJX-K_12-0-2","layerFullHeight":"magritte-layer-full-height___cJX-K_12-0-2"};
 
 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-0-0","selectOptionPlain":"magritte-select-option-plain___dfz4a_12-0-0","select-option-plain_active":"magritte-select-option-plain_active___AQSQS_12-0-0","selectOptionPlainActive":"magritte-select-option-plain_active___AQSQS_12-0-0","select-delimiter":"magritte-select-delimiter___WyeR6_12-0-0","selectDelimiter":"magritte-select-delimiter___WyeR6_12-0-0"};
+var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_12-0-2","selectOptionPlain":"magritte-select-option-plain___dfz4a_12-0-2","select-option-plain_active":"magritte-select-option-plain_active___AQSQS_12-0-2","selectOptionPlainActive":"magritte-select-option-plain_active___AQSQS_12-0-2","select-delimiter":"magritte-select-delimiter___WyeR6_12-0-2","selectDelimiter":"magritte-select-delimiter___WyeR6_12-0-2"};
 
 const CheckableComponent = ({ type, value, checked, name, onChange, 'data-qa': dataQa, }) => {
     if (type === 'label') {

package/index.css

@@ -1,4 +1,4 @@
-.magritte-error-container___t9B5w_12-0-0{
+.magritte-error-container___t9B5w_12-0-2{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -6,25 +6,25 @@
   justify-content:center;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-error-container___t9B5w_12-0-0{
+  body.magritte-old-layout .magritte-error-container___t9B5w_12-0-2{
     min-height:320px;
     height:auto;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-error-container___t9B5w_12-0-0{
+  body:not(.magritte-old-layout) .magritte-error-container___t9B5w_12-0-2{
     min-height:320px;
     height:auto;
   }
 }
 
-.magritte-select-option-plain___dfz4a_12-0-0:hover{
+.magritte-select-option-plain___dfz4a_12-0-2:hover{
   cursor:default;
 }
-.magritte-select-option-plain_active___AQSQS_12-0-0:hover{
+.magritte-select-option-plain_active___AQSQS_12-0-2:hover{
   cursor:pointer;
 }
-.magritte-select-delimiter___WyeR6_12-0-0{
+.magritte-select-delimiter___WyeR6_12-0-2{
   padding-left:16px;
   padding-top:12px;
 }
@@ -32,27 +32,27 @@
 :root{
   --magritte-static-space-400-v22-1-0:16px;
 }
-.magritte-select-bottom-sheet___1RZDJ_12-0-0{
+.magritte-select-bottom-sheet___1RZDJ_12-0-2{
   display:flex;
   flex-direction:column;
   padding:0 var(--magritte-static-space-400-v22-1-0);
   padding-bottom:16px;
 }
-.magritte-select-bottom-sheet_checkbox___hwTgo_12-0-0,
-.magritte-select-bottom-sheet_radio___qvFFV_12-0-0{
+.magritte-select-bottom-sheet_checkbox___hwTgo_12-0-2,
+.magritte-select-bottom-sheet_radio___qvFFV_12-0-2{
   gap:12px;
 }
-.magritte-select-bottom-sheet_without-header___KOKVh_12-0-0{
+.magritte-select-bottom-sheet_without-header___KOKVh_12-0-2{
   padding-top:16px;
 }
-.magritte-full-screen-placeholder___zPC8k_12-0-0{
+.magritte-full-screen-placeholder___zPC8k_12-0-2{
   display:flex;
   flex-direction:column;
   align-items:center;
   height:100%;
   justify-content:center;
 }
-.magritte-error-wrapper___P7jYg_12-0-0{
+.magritte-error-wrapper___P7jYg_12-0-2{
   height:100%;
 }
 
@@ -60,48 +60,48 @@
   --magritte-static-space-300-v22-1-0:12px;
   --magritte-static-space-600-v22-1-0:24px;
 }
-.magritte-select-drop-container-wrapper___OHM0q_12-0-0{
+.magritte-select-drop-container-wrapper___OHM0q_12-0-2{
   display:flex;
   flex-direction:column;
 }
-.magritte-select-drop-container___hee1p_12-0-0{
+.magritte-select-drop-container___hee1p_12-0-2{
   display:flex;
   flex-direction:column;
   padding:var(--magritte-static-space-300-v22-1-0);
   margin:calc(-1 * var(--magritte-static-space-300-v22-1-0));
 }
-.magritte-select-drop-container_plain___766zl_12-0-0{
+.magritte-select-drop-container_plain___766zl_12-0-2{
   padding:var(--magritte-static-space-600-v22-1-0);
   margin:calc(-1 * var(--magritte-static-space-600-v22-1-0));
 }
-.magritte-select-drop-container_with-footer___6wp-L_12-0-0{
+.magritte-select-drop-container_with-footer___6wp-L_12-0-2{
   margin-bottom:0;
   padding-bottom:0;
 }
-.magritte-select-drop___jn4O-_12-0-0{
+.magritte-select-drop___jn4O-_12-0-2{
   display:flex;
   flex-direction:column;
   gap:8px;
 }
-.magritte-select-drop-header___fMmio_12-0-0{
+.magritte-select-drop-header___fMmio_12-0-2{
   display:flex;
   flex-direction:column;
   margin-bottom:8px;
 }
-.magritte-select-drop_plain___VL8Fz_12-0-0{
+.magritte-select-drop_plain___VL8Fz_12-0-2{
   gap:16px;
 }
-.magritte-label-option___2N7t9_12-0-0{
+.magritte-label-option___2N7t9_12-0-2{
   display:flex;
   justify-content:center;
 }
-.magritte-loading___AMiuq_12-0-0{
+.magritte-loading___AMiuq_12-0-2{
   display:flex;
   align-items:center;
   height:150px;
   justify-content:center;
 }
-.magritte-hint___6qaFl_12-0-0{
+.magritte-hint___6qaFl_12-0-2{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -109,24 +109,24 @@
   justify-content:center;
 }
 
-.magritte-select-modal-wrapper___5BhtC_12-0-0{
+.magritte-select-modal-wrapper___5BhtC_12-0-2{
   display:flex;
   flex-direction:column;
   flex-grow:1;
 }
-.magritte-select-modal___f9wc6_12-0-0{
+.magritte-select-modal___f9wc6_12-0-2{
   display:flex;
   flex-direction:column;
   gap:12px;
 }
-.magritte-select-modal_plain___0rP39_12-0-0{
+.magritte-select-modal_plain___0rP39_12-0-2{
   gap:0;
 }
-.magritte-label-option___kFAuR_12-0-0{
+.magritte-label-option___kFAuR_12-0-2{
   display:flex;
   justify-content:center;
 }
-.magritte-layer-full-height___cJX-K_12-0-0{
+.magritte-layer-full-height___cJX-K_12-0-2{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -153,14 +153,14 @@
   --magritte-color-icon-tertiary-v22-1-0:#DCE3EB;
   --magritte-color-icon-accent-v22-1-0:#7195AF;
 }
-.magritte-select-empty-hint___B39XJ_12-0-0{
+.magritte-select-empty-hint___B39XJ_12-0-2{
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-content:center;
   align-items:center;
 }
-.magritte-icon___F0GQx_12-0-0{
+.magritte-icon___F0GQx_12-0-2{
   display:flex;
   align-items:center;
   justify-content:center;
@@ -168,11 +168,11 @@
   height:48px;
   border-radius:50%;
 }
-.magritte-icon-init___GWK-V_12-0-0{
+.magritte-icon-init___GWK-V_12-0-2{
   background-color:var(--magritte-color-background-accent-secondary-v22-1-0);
   --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v22-1-0);
 }
-.magritte-icon-search___ZsqO-_12-0-0{
+.magritte-icon-search___ZsqO-_12-0-2{
   background-color:var(--magritte-color-background-secondary-v22-1-0);
   --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v22-1-0);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-select",
-  "version": "12.0.0",
+  "version": "12.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -32,24 +32,24 @@
     "@hh.ru/magritte-common-use-disabled": "1.0.12",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.7",
     "@hh.ru/magritte-design-tokens": "22.1.0",
-    "@hh.ru/magritte-ui-action-bar": "4.0.7",
-    "@hh.ru/magritte-ui-bottom-sheet": "8.0.0",
+    "@hh.ru/magritte-ui-action-bar": "4.0.8",
+    "@hh.ru/magritte-ui-bottom-sheet": "8.1.1",
     "@hh.ru/magritte-ui-breakpoint": "5.0.3",
     "@hh.ru/magritte-ui-button": "6.0.0",
     "@hh.ru/magritte-ui-button-stack": "2.1.70",
     "@hh.ru/magritte-ui-cell": "6.0.0",
     "@hh.ru/magritte-ui-checkable-card": "4.0.0",
     "@hh.ru/magritte-ui-checkbox-radio": "4.0.0",
-    "@hh.ru/magritte-ui-drop": "11.0.0",
+    "@hh.ru/magritte-ui-drop": "11.0.1",
     "@hh.ru/magritte-ui-icon": "12.0.0",
     "@hh.ru/magritte-ui-input": "9.0.0",
     "@hh.ru/magritte-ui-loader": "2.0.0",
-    "@hh.ru/magritte-ui-modal": "9.0.0",
+    "@hh.ru/magritte-ui-modal": "9.0.1",
     "@hh.ru/magritte-ui-navigation-bar": "10.0.0",
     "@hh.ru/magritte-ui-spacing": "2.0.57",
     "@hh.ru/magritte-ui-title": "7.0.0",
     "@hh.ru/magritte-ui-trigger": "4.0.0",
     "@hh.ru/magritte-ui-typography": "4.0.0"
   },
-  "gitHead": "a823b2d582e812bf99b5fdf32058a93eaa59076b"
+  "gitHead": "fe5e5c337acd30bd4b94d6f2c222d05ccd776567"
 }

package/types.d.ts

@@ -6,7 +6,9 @@ import { Drop } from '@hh.ru/magritte-ui-drop';
 import { ModalProps } from '@hh.ru/magritte-ui-modal';
 import { HeadingElement } from '@hh.ru/magritte-ui-title/types';
 import { TriggerProps, Trigger } from '@hh.ru/magritte-ui-trigger';
-type BottomSheetPropsHelper = Omit<ComponentProps<typeof BottomSheet>, 'children' | 'footer' | 'withContentPaddings' | 'withFooterPaddings' | 'header' | 'allowScrollWhileFocused' | 'keyboardOverlaysFooter'>;
+type BottomSheetPropsHelper = Omit<ComponentProps<typeof BottomSheet>, 'children' | 'footer' | 'withContentPaddings' | 'withFooterPaddings' | 'header' | 'allowScrollWhileFocused' | 'keyboardOverlaysFooter' | 'onClose'> & {
+    onClose: VoidFunction;
+};
 type DropPropsHelper = Omit<ComponentProps<typeof Drop>, 'placement' | 'children' | 'autoFocusWhenOpened' | 'direction' | 'alignment' | 'role' | 'space' | 'onChange' | 'keyboardNavigationMode' | 'forcePosition' | 'closeByClickOutside' | 'onKeyDownCapture' | 'footer'>;
 type ModalPropsHelper = Omit<ModalProps, 'footer' | 'options' | 'actions'>;
 export type TriggerPropsWithRef = ComponentProps<typeof Trigger>;