@hh.ru/magritte-ui-tree-selector 3.0.5 → 3.1.0

package/Item.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useRef, Children } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import classnames from 'classnames';
-import { s as styles, I as ItemContent } from './ItemContent-K9xv9O8s.js';
+import { s as styles, I as ItemContent } from './ItemContent-Bg2Ih-5_.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';

package/{ItemContent-K9xv9O8s.js → ItemContent-Bg2Ih-5_.js}

@@ -8,7 +8,7 @@ import { Action } from './Action.js';
 import { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_3-0-5","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_3-0-5","wrapper":"magritte-wrapper___GHKV6_3-0-5","letter":"magritte-letter___yZOCU_3-0-5","icon":"magritte-icon___kO3Fj_3-0-5","space":"magritte-space___xTO79_3-0-5","iconActive":"magritte-iconActive___4yrG5_3-0-5","iconUp":"magritte-iconUp___mpXV6_3-0-5","content":"magritte-content___ZRc6R_3-0-5","with-shift":"magritte-with-shift___ZErxZ_3-0-5","withShift":"magritte-with-shift___ZErxZ_3-0-5","with-indent":"magritte-with-indent___MH9Vy_3-0-5","withIndent":"magritte-with-indent___MH9Vy_3-0-5","item":"magritte-item___2LtOL_3-0-5","children":"magritte-children___kq-eq_3-0-5","with-two-boxes":"magritte-with-two-boxes___LWOy2_3-0-5","withTwoBoxes":"magritte-with-two-boxes___LWOy2_3-0-5","with-three-boxes":"magritte-with-three-boxes___cyVao_3-0-5","withThreeBoxes":"magritte-with-three-boxes___cyVao_3-0-5","item-animation-enter":"magritte-item-animation-enter___14KlM_3-0-5","itemAnimationEnter":"magritte-item-animation-enter___14KlM_3-0-5","item-animation-enter-active":"magritte-item-animation-enter-active___oEWbW_3-0-5","itemAnimationEnterActive":"magritte-item-animation-enter-active___oEWbW_3-0-5","item-animation-exit":"magritte-item-animation-exit___a-Low_3-0-5","itemAnimationExit":"magritte-item-animation-exit___a-Low_3-0-5","item-animation-exit-active":"magritte-item-animation-exit-active___MhBnn_3-0-5","itemAnimationExitActive":"magritte-item-animation-exit-active___MhBnn_3-0-5"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_3-1-0","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_3-1-0","wrapper":"magritte-wrapper___GHKV6_3-1-0","letter":"magritte-letter___yZOCU_3-1-0","icon":"magritte-icon___kO3Fj_3-1-0","space":"magritte-space___xTO79_3-1-0","iconActive":"magritte-iconActive___4yrG5_3-1-0","iconUp":"magritte-iconUp___mpXV6_3-1-0","content":"magritte-content___ZRc6R_3-1-0","with-shift":"magritte-with-shift___ZErxZ_3-1-0","withShift":"magritte-with-shift___ZErxZ_3-1-0","with-indent":"magritte-with-indent___MH9Vy_3-1-0","withIndent":"magritte-with-indent___MH9Vy_3-1-0","item":"magritte-item___2LtOL_3-1-0","children":"magritte-children___kq-eq_3-1-0","with-two-boxes":"magritte-with-two-boxes___LWOy2_3-1-0","withTwoBoxes":"magritte-with-two-boxes___LWOy2_3-1-0","with-three-boxes":"magritte-with-three-boxes___cyVao_3-1-0","withThreeBoxes":"magritte-with-three-boxes___cyVao_3-1-0","item-animation-enter":"magritte-item-animation-enter___14KlM_3-1-0","itemAnimationEnter":"magritte-item-animation-enter___14KlM_3-1-0","item-animation-enter-active":"magritte-item-animation-enter-active___oEWbW_3-1-0","itemAnimationEnterActive":"magritte-item-animation-enter-active___oEWbW_3-1-0","item-animation-exit":"magritte-item-animation-exit___a-Low_3-1-0","itemAnimationExit":"magritte-item-animation-exit___a-Low_3-1-0","item-animation-exit-active":"magritte-item-animation-exit-active___MhBnn_3-1-0","itemAnimationExitActive":"magritte-item-animation-exit-active___MhBnn_3-1-0"};
 
 const ItemContentComponent = ({ item, parentId, hasAction, hasChildren, letter, isExpanded, isDisabled, onExpansion, hasLetterOnLevel, isSelected, onChange, isIndeterminate, singleChoice, hasDot, maxControlsOnLevel, isSearch, renderItemForDesktop = TreeSelectorItemBase, }) => {
     const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);
@@ -33,4 +33,4 @@ const ItemContentComponent = ({ item, parentId, hasAction, hasChildren, letter,
 const ItemContent = memo(ItemContentComponent);
 
 export { ItemContent as I, styles as s };
-//# sourceMappingURL=ItemContent-K9xv9O8s.js.map
+//# sourceMappingURL=ItemContent-Bg2Ih-5_.js.map

package/{ItemContent-K9xv9O8s.js.map → ItemContent-Bg2Ih-5_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ItemContent-K9xv9O8s.js","sources":["../src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback, memo, KeyboardEventHandler } from 'react';\nimport classnames from 'classnames';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { DotFilledSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemContent<Additional extends AdditionalDefault> {\n    item: TreeModel<Additional>;\n    parentId?: TreeModel<Additional>['id'];\n    hasChildren: boolean;\n    hasAction: boolean;\n    letter?: string;\n    onExpansion: (id: string) => void;\n    isExpanded: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    isIndeterminate: boolean;\n    singleChoice?: boolean;\n    hasLetterOnLevel: boolean;\n    hasDot: boolean;\n    maxControlsOnLevel: number;\n    renderItemForDesktop?: RenderItem<Additional>;\n    isSearch: boolean;\n}\n\nconst ItemContentComponent = <Additional extends AdditionalDefault>({\n    item,\n    parentId,\n    hasAction,\n    hasChildren,\n    letter,\n    isExpanded,\n    isDisabled,\n    onExpansion,\n    hasLetterOnLevel,\n    isSelected,\n    onChange,\n    isIndeterminate,\n    singleChoice,\n    hasDot,\n    maxControlsOnLevel,\n    isSearch,\n    renderItemForDesktop = TreeSelectorItemBase,\n}: ItemContent<Additional>): ReactElement => {\n    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n    const currentActionCount = +hasDot + +hasAction + +hasChildren;\n    const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n\n    const handleExpandableKeyDown = useCallback<KeyboardEventHandler>(\n        (event) => {\n            if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowLeft)) {\n                isExpanded && onExpansion(item.id);\n                event.preventDefault();\n                return;\n            }\n            if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowRight)) {\n                !isExpanded && onExpansion(item.id);\n                event.preventDefault();\n            }\n        },\n        [isExpanded, onExpansion, item.id]\n    );\n\n    const input = hasAction ? (\n        <Action\n            selected={isSelected}\n            onChange={onChange}\n            id={item.id}\n            onKeyDown={handleExpandableKeyDown}\n            indeterminate={isIndeterminate}\n            singleChoice={singleChoice}\n            name={`tree-selector-item-${parentId || 'top'}-${item.id}`}\n        />\n    ) : undefined;\n\n    return (\n        <div className={styles.wrapper} onClick={hasChildren && !hasAction ? handleExpandableClick : undefined}>\n            {(letter || hasLetterOnLevel) && (\n                <div className={styles.letter}>\n                    {letter && (\n                        <Text typography=\"subtitle-1-semibold\" style=\"secondary\" Element=\"span\">\n                            {letter}\n                        </Text>\n                    )}\n                </div>\n            )}\n            {hasDot && (\n                <div className={styles.icon}>\n                    <DotFilledSize24 initial=\"tertiary\" />\n                </div>\n            )}\n\n            {[...Array(neededSpacesCount).keys()].map((_, i) => (\n                <div key={i} className={styles.space} />\n            ))}\n\n            {hasChildren && (\n                <div\n                    className={classnames(styles.icon, styles.iconActive, {\n                        [styles.iconUp]: isExpanded,\n                    })}\n                    data-qa={`tree-selector-chevron-${item.id}`}\n                    onClick={hasAction ? handleExpandableClick : undefined}\n                >\n                    <ChevronRightOutlinedSize24 initial=\"tertiary\" />\n                </div>\n            )}\n            {renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })}\n        </div>\n    );\n};\n\nexport const ItemContent = memo(ItemContentComponent) as <Additional extends AdditionalDefault>(\n    props: ItemContent<Additional>\n) => ReactElement;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ItemContent-Bg2Ih-5_.js","sources":["../src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback, memo, KeyboardEventHandler } from 'react';\nimport classnames from 'classnames';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { DotFilledSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemContent<Additional extends AdditionalDefault> {\n    item: TreeModel<Additional>;\n    parentId?: TreeModel<Additional>['id'];\n    hasChildren: boolean;\n    hasAction: boolean;\n    letter?: string;\n    onExpansion: (id: string) => void;\n    isExpanded: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    isIndeterminate: boolean;\n    singleChoice?: boolean;\n    hasLetterOnLevel: boolean;\n    hasDot: boolean;\n    maxControlsOnLevel: number;\n    renderItemForDesktop?: RenderItem<Additional>;\n    isSearch: boolean;\n}\n\nconst ItemContentComponent = <Additional extends AdditionalDefault>({\n    item,\n    parentId,\n    hasAction,\n    hasChildren,\n    letter,\n    isExpanded,\n    isDisabled,\n    onExpansion,\n    hasLetterOnLevel,\n    isSelected,\n    onChange,\n    isIndeterminate,\n    singleChoice,\n    hasDot,\n    maxControlsOnLevel,\n    isSearch,\n    renderItemForDesktop = TreeSelectorItemBase,\n}: ItemContent<Additional>): ReactElement => {\n    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n    const currentActionCount = +hasDot + +hasAction + +hasChildren;\n    const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n\n    const handleExpandableKeyDown = useCallback<KeyboardEventHandler>(\n        (event) => {\n            if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowLeft)) {\n                isExpanded && onExpansion(item.id);\n                event.preventDefault();\n                return;\n            }\n            if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowRight)) {\n                !isExpanded && onExpansion(item.id);\n                event.preventDefault();\n            }\n        },\n        [isExpanded, onExpansion, item.id]\n    );\n\n    const input = hasAction ? (\n        <Action\n            selected={isSelected}\n            onChange={onChange}\n            id={item.id}\n            onKeyDown={handleExpandableKeyDown}\n            indeterminate={isIndeterminate}\n            singleChoice={singleChoice}\n            name={`tree-selector-item-${parentId || 'top'}-${item.id}`}\n        />\n    ) : undefined;\n\n    return (\n        <div className={styles.wrapper} onClick={hasChildren && !hasAction ? handleExpandableClick : undefined}>\n            {(letter || hasLetterOnLevel) && (\n                <div className={styles.letter}>\n                    {letter && (\n                        <Text typography=\"subtitle-1-semibold\" style=\"secondary\" Element=\"span\">\n                            {letter}\n                        </Text>\n                    )}\n                </div>\n            )}\n            {hasDot && (\n                <div className={styles.icon}>\n                    <DotFilledSize24 initial=\"tertiary\" />\n                </div>\n            )}\n\n            {[...Array(neededSpacesCount).keys()].map((_, i) => (\n                <div key={i} className={styles.space} />\n            ))}\n\n            {hasChildren && (\n                <div\n                    className={classnames(styles.icon, styles.iconActive, {\n                        [styles.iconUp]: isExpanded,\n                    })}\n                    data-qa={`tree-selector-chevron-${item.id}`}\n                    onClick={hasAction ? handleExpandableClick : undefined}\n                >\n                    <ChevronRightOutlinedSize24 initial=\"tertiary\" />\n                </div>\n            )}\n            {renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })}\n        </div>\n    );\n};\n\nexport const ItemContent = memo(ItemContentComponent) as <Additional extends AdditionalDefault>(\n    props: ItemContent<Additional>\n) => ReactElement;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/ItemContent.js

@@ -7,7 +7,7 @@ import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-typography';
-export { I as ItemContent } from './ItemContent-K9xv9O8s.js';
+export { I as ItemContent } from './ItemContent-Bg2Ih-5_.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-cell';
 //# sourceMappingURL=ItemContent.js.map

package/ItemsList.js

@@ -4,7 +4,7 @@ import { Item } from './Item.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
-import './ItemContent-K9xv9O8s.js';
+import './ItemContent-Bg2Ih-5_.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';

package/MobileItemsList.js

@@ -46,7 +46,9 @@ const MobileItemsListComponent = (props, ref) => {
             setCurrentParentId(prevParentId);
             navigationChangeCallback.current?.(prevParentId);
             if (prevQueries.current.length) {
-                setInputValue(prevQueries.current.pop());
+                const prevInputValue = prevQueries.current.pop();
+                setInputValue(prevInputValue);
+                currentQuery.current = prevInputValue;
             }
             else {
                 handleChangeInput('');

package/MobileItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileItemsList.js","sources":["../src/MobileItemsList.tsx"],"sourcesContent":["import {\n    ReactElement,\n    Fragment,\n    useMemo,\n    useState,\n    useImperativeHandle,\n    forwardRef,\n    ForwardedRef,\n    useRef,\n    useEffect,\n} from 'react';\n\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { MobileDelimiter } from '@hh.ru/magritte-ui-tree-selector/MobileDelimiter';\nimport { MobileItem } from '@hh.ru/magritte-ui-tree-selector/MobileItem';\nimport { MobileParentItem } from '@hh.ru/magritte-ui-tree-selector/MobileParentItem';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ListControls, TreeSelectorDummyProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\ntype MobileItemsListProps<Additional extends AdditionalDefault> = {\n    selected: string[];\n    disabled: string[];\n    getMobileSearchItemOrder: (model: TreeModel<Additional>) => number;\n    setInputValue: (newValue: string) => void;\n    handleChangeInput: (newValue: string) => void;\n    contentFilterQuery: string;\n    isSearch: boolean;\n} & Pick<\n    TreeSelectorDummyProps<Additional>,\n    | 'collection'\n    | 'leavesOnly'\n    | 'singleChoice'\n    | 'checkSelectable'\n    | 'onChange'\n    | 'renderItem'\n    | 'renderMobileDelimiter'\n    | 'onMobileNavigationChange'\n    | 'getSelectAllParentTrl'\n>;\n\nconst MobileItemsListComponent = <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const {\n        collection,\n        selected,\n        disabled,\n        leavesOnly,\n        singleChoice,\n        onChange,\n        checkSelectable,\n        getMobileSearchItemOrder,\n        setInputValue,\n        handleChangeInput,\n        isSearch,\n        renderMobileDelimiter,\n        renderItem,\n        contentFilterQuery,\n        getSelectAllParentTrl,\n        onMobileNavigationChange,\n    } = props;\n    const navigationChangeCallback = useRef(onMobileNavigationChange);\n    navigationChangeCallback.current = onMobileNavigationChange;\n    const prevParentIds = useRef<(string | undefined)[]>([]);\n    const prevQueries = useRef<string[]>([]);\n    const currentQuery = useRef(contentFilterQuery);\n    const [currentParentId, setCurrentParentId] = useState<string | undefined>();\n    const items = useMemo(\n        () => (currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel()),\n        [currentParentId, collection]\n    );\n    const { itemsByOrder, sortedOrders } = useMemo(() => {\n        const orders = new Set<number>();\n        const itemsByOrder = items.reduce<Record<number, TreeModel<Additional>[]>>((acc, item) => {\n            const modelOrder = isSearch && !currentParentId ? getMobileSearchItemOrder(item) : 0;\n            orders.add(modelOrder);\n            acc[modelOrder] = acc[modelOrder] || [];\n            acc[modelOrder].push(item);\n            return acc;\n        }, {});\n        return { itemsByOrder, sortedOrders: [...orders].sort((a, b) => a - b) };\n    }, [items, isSearch, currentParentId, getMobileSearchItemOrder]);\n\n    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);\n\n    useEffect(() => {\n        setCurrentParentId(undefined);\n        prevParentIds.current = [];\n        prevQueries.current = [];\n        navigationChangeCallback.current?.(undefined);\n        currentQuery.current = contentFilterQuery;\n    }, [contentFilterQuery]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            back: () => {\n                const prevParentId = prevParentIds.current.pop();\n                setCurrentParentId(prevParentId);\n                navigationChangeCallback.current?.(prevParentId);\n                if (prevQueries.current.length) {\n                    setInputValue(prevQueries.current.pop() as string);\n                } else {\n                    handleChangeInput('');\n                }\n            },\n        }),\n        [handleChangeInput, setInputValue]\n    );\n    return (\n        <>\n            {isSelectable && (\n                <CheckableCardElement\n                    padding={16}\n                    borderRadius={12}\n                    Element=\"label\"\n                    checked={selected.includes(currentParentId)}\n                    data-qa={`tree-selector-select-all-${currentParentId}`}\n                >\n                    <Cell\n                        Element={'div'}\n                        disabled={disabled.includes(currentParentId)}\n                        right={\n                            <Action\n                                selected={selected.includes(currentParentId)}\n                                onChange={onChange}\n                                id={currentParentId}\n                                singleChoice={singleChoice}\n                            />\n                        }\n                    >\n                        <CellText>{getSelectAllParentTrl(currentParentId)}</CellText>\n                    </Cell>\n                </CheckableCardElement>\n            )}\n            {sortedOrders.map((order) => {\n                return itemsByOrder[order].map((item, index) => {\n                    const hasChildren = collection.hasChildren(item.id);\n                    const hasLetter = item.additional?.char && !isSearch;\n                    const delimiterContent = renderMobileDelimiter?.({\n                        item,\n                        order,\n                        isSearch,\n                        index,\n                        isTopLevel: !currentParentId,\n                    });\n                    return (\n                        <Fragment key={item.id}>\n                            {hasLetter && <MobileDelimiter>{item.additional?.char}</MobileDelimiter>}\n                            {delimiterContent && <MobileDelimiter>{delimiterContent}</MobileDelimiter>}\n                            {hasChildren ? (\n                                <MobileParentItem\n                                    collection={collection}\n                                    item={item}\n                                    selected={selected}\n                                    onClick={() => {\n                                        prevParentIds.current.push(currentParentId);\n                                        prevQueries.current.push(currentQuery.current);\n                                        setCurrentParentId(item.id);\n                                        setInputValue('');\n                                        currentQuery.current = '';\n                                        navigationChangeCallback.current?.(item.id);\n                                    }}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                />\n                            ) : (\n                                <MobileItem\n                                    key={item.id}\n                                    item={item}\n                                    singleChoice={singleChoice}\n                                    isSelectable={checkSelectable?.(item.id, collection)}\n                                    isSelected={selected.includes(item.id)}\n                                    isDisabled={disabled.includes(item.id)}\n                                    onChange={onChange}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                />\n                            )}\n                        </Fragment>\n                    );\n                });\n            })}\n        </>\n    );\n};\n\nexport const MobileItemsList = forwardRef(MobileItemsListComponent) as <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":["_jsxs","_jsx","Fragment"],"mappings":"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"}
+{"version":3,"file":"MobileItemsList.js","sources":["../src/MobileItemsList.tsx"],"sourcesContent":["import {\n    ReactElement,\n    Fragment,\n    useMemo,\n    useState,\n    useImperativeHandle,\n    forwardRef,\n    ForwardedRef,\n    useRef,\n    useEffect,\n} from 'react';\n\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { MobileDelimiter } from '@hh.ru/magritte-ui-tree-selector/MobileDelimiter';\nimport { MobileItem } from '@hh.ru/magritte-ui-tree-selector/MobileItem';\nimport { MobileParentItem } from '@hh.ru/magritte-ui-tree-selector/MobileParentItem';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ListControls, TreeSelectorDummyProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\ntype MobileItemsListProps<Additional extends AdditionalDefault> = {\n    selected: string[];\n    disabled: string[];\n    getMobileSearchItemOrder: (model: TreeModel<Additional>) => number;\n    setInputValue: (newValue: string) => void;\n    handleChangeInput: (newValue: string) => void;\n    contentFilterQuery: string;\n    isSearch: boolean;\n} & Pick<\n    TreeSelectorDummyProps<Additional>,\n    | 'collection'\n    | 'leavesOnly'\n    | 'singleChoice'\n    | 'checkSelectable'\n    | 'onChange'\n    | 'renderItem'\n    | 'renderMobileDelimiter'\n    | 'onMobileNavigationChange'\n    | 'getSelectAllParentTrl'\n>;\n\nconst MobileItemsListComponent = <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const {\n        collection,\n        selected,\n        disabled,\n        leavesOnly,\n        singleChoice,\n        onChange,\n        checkSelectable,\n        getMobileSearchItemOrder,\n        setInputValue,\n        handleChangeInput,\n        isSearch,\n        renderMobileDelimiter,\n        renderItem,\n        contentFilterQuery,\n        getSelectAllParentTrl,\n        onMobileNavigationChange,\n    } = props;\n    const navigationChangeCallback = useRef(onMobileNavigationChange);\n    navigationChangeCallback.current = onMobileNavigationChange;\n    const prevParentIds = useRef<(string | undefined)[]>([]);\n    const prevQueries = useRef<string[]>([]);\n    const currentQuery = useRef(contentFilterQuery);\n    const [currentParentId, setCurrentParentId] = useState<string | undefined>();\n    const items = useMemo(\n        () => (currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel()),\n        [currentParentId, collection]\n    );\n    const { itemsByOrder, sortedOrders } = useMemo(() => {\n        const orders = new Set<number>();\n        const itemsByOrder = items.reduce<Record<number, TreeModel<Additional>[]>>((acc, item) => {\n            const modelOrder = isSearch && !currentParentId ? getMobileSearchItemOrder(item) : 0;\n            orders.add(modelOrder);\n            acc[modelOrder] = acc[modelOrder] || [];\n            acc[modelOrder].push(item);\n            return acc;\n        }, {});\n        return { itemsByOrder, sortedOrders: [...orders].sort((a, b) => a - b) };\n    }, [items, isSearch, currentParentId, getMobileSearchItemOrder]);\n\n    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);\n\n    useEffect(() => {\n        setCurrentParentId(undefined);\n        prevParentIds.current = [];\n        prevQueries.current = [];\n        navigationChangeCallback.current?.(undefined);\n        currentQuery.current = contentFilterQuery;\n    }, [contentFilterQuery]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            back: () => {\n                const prevParentId = prevParentIds.current.pop();\n                setCurrentParentId(prevParentId);\n                navigationChangeCallback.current?.(prevParentId);\n                if (prevQueries.current.length) {\n                    const prevInputValue = prevQueries.current.pop() as string;\n                    setInputValue(prevInputValue);\n                    currentQuery.current = prevInputValue;\n                } else {\n                    handleChangeInput('');\n                }\n            },\n        }),\n        [handleChangeInput, setInputValue]\n    );\n    return (\n        <>\n            {isSelectable && (\n                <CheckableCardElement\n                    padding={16}\n                    borderRadius={12}\n                    Element=\"label\"\n                    checked={selected.includes(currentParentId)}\n                    data-qa={`tree-selector-select-all-${currentParentId}`}\n                >\n                    <Cell\n                        Element={'div'}\n                        disabled={disabled.includes(currentParentId)}\n                        right={\n                            <Action\n                                selected={selected.includes(currentParentId)}\n                                onChange={onChange}\n                                id={currentParentId}\n                                singleChoice={singleChoice}\n                            />\n                        }\n                    >\n                        <CellText>{getSelectAllParentTrl(currentParentId)}</CellText>\n                    </Cell>\n                </CheckableCardElement>\n            )}\n            {sortedOrders.map((order) => {\n                return itemsByOrder[order].map((item, index) => {\n                    const hasChildren = collection.hasChildren(item.id);\n                    const hasLetter = item.additional?.char && !isSearch;\n                    const delimiterContent = renderMobileDelimiter?.({\n                        item,\n                        order,\n                        isSearch,\n                        index,\n                        isTopLevel: !currentParentId,\n                    });\n                    return (\n                        <Fragment key={item.id}>\n                            {hasLetter && <MobileDelimiter>{item.additional?.char}</MobileDelimiter>}\n                            {delimiterContent && <MobileDelimiter>{delimiterContent}</MobileDelimiter>}\n                            {hasChildren ? (\n                                <MobileParentItem\n                                    collection={collection}\n                                    item={item}\n                                    selected={selected}\n                                    onClick={() => {\n                                        prevParentIds.current.push(currentParentId);\n                                        prevQueries.current.push(currentQuery.current);\n                                        setCurrentParentId(item.id);\n                                        setInputValue('');\n                                        currentQuery.current = '';\n                                        navigationChangeCallback.current?.(item.id);\n                                    }}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                />\n                            ) : (\n                                <MobileItem\n                                    key={item.id}\n                                    item={item}\n                                    singleChoice={singleChoice}\n                                    isSelectable={checkSelectable?.(item.id, collection)}\n                                    isSelected={selected.includes(item.id)}\n                                    isDisabled={disabled.includes(item.id)}\n                                    onChange={onChange}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                />\n                            )}\n                        </Fragment>\n                    );\n                });\n            })}\n        </>\n    );\n};\n\nexport const MobileItemsList = forwardRef(MobileItemsListComponent) as <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":["_jsxs","_jsx","Fragment"],"mappings":";;;;;;;;;;;;;AA0CA,MAAM,wBAAwB,GAAG,CAC7B,KAAuC,EACvC,GAA+B,KACjB;AACd,IAAA,MAAM,EACF,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,wBAAwB,EACxB,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,GAC3B,GAAG,KAAK,CAAC;AACV,IAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAC;AAClE,IAAA,wBAAwB,CAAC,OAAO,GAAG,wBAAwB,CAAC;AAC5D,IAAA,MAAM,aAAa,GAAG,MAAM,CAAyB,EAAE,CAAC,CAAC;AACzD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;AACzC,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAChD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAsB,CAAC;AAC7E,IAAA,MAAM,KAAK,GAAG,OAAO,CACjB,OAAO,eAAe,GAAG,UAAU,CAAC,WAAW,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,EAC5F,CAAC,eAAe,EAAE,UAAU,CAAC,CAChC,CAAC;IACF,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC,MAAK;AAChD,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU,CAAC;QACjC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAA0C,CAAC,GAAG,EAAE,IAAI,KAAI;AACrF,YAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,eAAe,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrF,YAAA,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YACvB,GAAG,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YACxC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3B,YAAA,OAAO,GAAG,CAAC;SACd,EAAE,EAAE,CAAC,CAAC;QACP,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;KAC5E,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,wBAAwB,CAAC,CAAC,CAAC;AAEjE,IAAA,MAAM,YAAY,GAAG,eAAe,IAAI,CAAC,UAAU,IAAI,eAAe,GAAG,eAAe,EAAE,UAAU,CAAC,CAAC;IAEtG,SAAS,CAAC,MAAK;QACX,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAC9B,QAAA,aAAa,CAAC,OAAO,GAAG,EAAE,CAAC;AAC3B,QAAA,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;AACzB,QAAA,wBAAwB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;AAC9C,QAAA,YAAY,CAAC,OAAO,GAAG,kBAAkB,CAAC;AAC9C,KAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAEzB,IAAA,mBAAmB,CACf,GAAG,EACH,OAAO;QACH,IAAI,EAAE,MAAK;YACP,MAAM,YAAY,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YACjD,kBAAkB,CAAC,YAAY,CAAC,CAAC;AACjC,YAAA,wBAAwB,CAAC,OAAO,GAAG,YAAY,CAAC,CAAC;AACjD,YAAA,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC5B,MAAM,cAAc,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,EAAY,CAAC;gBAC3D,aAAa,CAAC,cAAc,CAAC,CAAC;AAC9B,gBAAA,YAAY,CAAC,OAAO,GAAG,cAAc,CAAC;AACzC,aAAA;AAAM,iBAAA;gBACH,iBAAiB,CAAC,EAAE,CAAC,CAAC;AACzB,aAAA;SACJ;AACJ,KAAA,CAAC,EACF,CAAC,iBAAiB,EAAE,aAAa,CAAC,CACrC,CAAC;IACF,QACIA,4BACK,YAAY,KACTC,GAAC,CAAA,oBAAoB,IACjB,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,EAAE,EAChB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,aAClC,CAA4B,yBAAA,EAAA,eAAe,EAAE,EAEtD,QAAA,EAAAA,GAAA,CAAC,IAAI,EACD,EAAA,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,EAC5C,KAAK,EACDA,GAAC,CAAA,MAAM,IACH,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,eAAe,EACnB,YAAY,EAAE,YAAY,EAAA,CAC5B,YAGNA,GAAC,CAAA,QAAQ,cAAE,qBAAqB,CAAC,eAAe,CAAC,EAAA,CAAY,GAC1D,EACY,CAAA,CAC1B,EACA,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACxB,gBAAA,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;oBAC3C,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACpD,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC;AACrD,oBAAA,MAAM,gBAAgB,GAAG,qBAAqB,GAAG;wBAC7C,IAAI;wBACJ,KAAK;wBACL,QAAQ;wBACR,KAAK;wBACL,UAAU,EAAE,CAAC,eAAe;AAC/B,qBAAA,CAAC,CAAC;oBACH,QACID,KAACE,UAAQ,EAAA,EAAA,QAAA,EAAA,CACJ,SAAS,IAAID,GAAA,CAAC,eAAe,EAAE,EAAA,QAAA,EAAA,IAAI,CAAC,UAAU,EAAE,IAAI,EAAmB,CAAA,EACvE,gBAAgB,IAAIA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EAAE,gBAAgB,EAAA,CAAmB,EACzE,WAAW,IACRA,IAAC,gBAAgB,EAAA,EACb,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAK;AACV,oCAAA,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;oCAC5C,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAC/C,oCAAA,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oCAC5B,aAAa,CAAC,EAAE,CAAC,CAAC;AAClB,oCAAA,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;oCAC1B,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,iCAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACxB,CAAA,KAEFA,GAAC,CAAA,UAAU,IAEP,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC,EACpD,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EACtC,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EACtC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IARjB,IAAI,CAAC,EAAE,CASd,CACL,CA/BU,EAAA,EAAA,IAAI,CAAC,EAAE,CAgCX,EACb;AACN,iBAAC,CAAC,CAAC;aACN,CAAC,CACH,EAAA,CAAA,EACL;AACN,CAAC,CAAC;MAEW,eAAe,GAAG,UAAU,CAAC,wBAAwB;;;;"}

package/TreeSelector.js

@@ -12,7 +12,7 @@ import './ItemsList.js';
 import './Item.js';
 import 'react-transition-group';
 import 'classnames';
-import './ItemContent-K9xv9O8s.js';
+import './ItemContent-Bg2Ih-5_.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
@@ -33,6 +33,7 @@ import './useExpanded.js';
 import './useIndeterminate.js';
 import './useRenderInput.js';
 import '@hh.ru/magritte-common-func-utils';
+import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-input';
 import './strategy/selectionStrategy.js';
 import './strategy/createSingleValueToggler.js';

package/TreeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelector.js","sources":["../src/TreeSelector.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactElement, useMemo } from 'react';\n\nimport { TreeSelectorDummy } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorDummy';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\nimport { TreeSelectorProps, ListControls } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useDisabled } from '@hh.ru/magritte-ui-tree-selector/useDisabled';\nimport { useSelected } from '@hh.ru/magritte-ui-tree-selector/useSelected';\n\nconst TreeSelectorComponent = <Additional extends AdditionalDefault>(\n    props: TreeSelectorProps<Additional>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const {\n        value,\n        collection,\n        singleChoice,\n        leavesOnly,\n        collapseToParentId,\n        checkSelectable,\n        onChange,\n        disabled,\n        maxSelected,\n        ...rest\n    } = props;\n    const strategy = useMemo(\n        () =>\n            new ImmutableSelectionStrategy(collection, {\n                singleChoice,\n                leavesOnly,\n                checkSelectable,\n            }),\n        [collection, singleChoice, leavesOnly, checkSelectable]\n    );\n\n    if (maxSelected && !collapseToParentId && !leavesOnly) {\n        throw new Error(\n            `Magritte component TreeSelector: maxSelected can be used only with collapseToParentId or leavesOnly`\n        );\n    }\n\n    const { selected, setSelected } = useSelected({\n        value,\n        strategy,\n        collection,\n        onChange,\n        maxSelected,\n        collapseToParentId,\n    });\n\n    const currentDisabled = useDisabled({ selected, disabled, collection, maxSelected });\n\n    return (\n        <TreeSelectorDummy\n            {...rest}\n            value={selected}\n            disabled={currentDisabled}\n            collection={collection}\n            singleChoice={singleChoice}\n            leavesOnly={leavesOnly}\n            checkSelectable={checkSelectable}\n            onChange={setSelected}\n            ref={ref}\n        />\n    );\n};\n\nexport const TreeSelector = forwardRef(TreeSelectorComponent) as <Additional extends AdditionalDefault>(\n    props: TreeSelectorProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,qBAAqB,GAAG,CAC1B,KAAoC,EACpC,GAA+B,KACjB;IACd,MAAM,EACF,KAAK,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,OAAO,CACpB,MACI,IAAI,0BAA0B,CAAC,UAAU,EAAE;QACvC,YAAY;QACZ,UAAU;QACV,eAAe;KAClB,CAAC,EACN,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,CAAC,CAC1D,CAAC;AAEF,IAAA,IAAI,WAAW,IAAI,CAAC,kBAAkB,IAAI,CAAC,UAAU,EAAE;AACnD,QAAA,MAAM,IAAI,KAAK,CACX,CAAA,mGAAA,CAAqG,CACxG,CAAC;AACL,KAAA;AAED,IAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC;QAC1C,KAAK;QACL,QAAQ;QACR,UAAU;QACV,QAAQ;QACR,WAAW;QACX,kBAAkB;AACrB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;AAErF,IAAA,QACIA,GAAC,CAAA,iBAAiB,EACV,EAAA,GAAA,IAAI,EACR,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,eAAe,EACzB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,GAAG,EAAA,CACV,EACJ;AACN,CAAC,CAAC;MAEW,YAAY,GAAG,UAAU,CAAC,qBAAqB;;;;"}
+{"version":3,"file":"TreeSelector.js","sources":["../src/TreeSelector.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactElement, useMemo } from 'react';\n\nimport { TreeSelectorDummy } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorDummy';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\nimport { TreeSelectorProps, ListControls } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useDisabled } from '@hh.ru/magritte-ui-tree-selector/useDisabled';\nimport { useSelected } from '@hh.ru/magritte-ui-tree-selector/useSelected';\n\nconst TreeSelectorComponent = <Additional extends AdditionalDefault>(\n    props: TreeSelectorProps<Additional>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const {\n        value,\n        collection,\n        singleChoice,\n        leavesOnly,\n        collapseToParentId,\n        checkSelectable,\n        onChange,\n        disabled,\n        maxSelected,\n        ...rest\n    } = props;\n    const strategy = useMemo(\n        () =>\n            new ImmutableSelectionStrategy(collection, {\n                singleChoice,\n                leavesOnly,\n                checkSelectable,\n            }),\n        [collection, singleChoice, leavesOnly, checkSelectable]\n    );\n\n    if (maxSelected && !collapseToParentId && !leavesOnly) {\n        throw new Error(\n            `Magritte component TreeSelector: maxSelected can be used only with collapseToParentId or leavesOnly`\n        );\n    }\n\n    const { selected, setSelected } = useSelected({\n        value,\n        strategy,\n        collection,\n        onChange,\n        maxSelected,\n        collapseToParentId,\n    });\n\n    const currentDisabled = useDisabled({ selected, disabled, collection, maxSelected });\n\n    return (\n        <TreeSelectorDummy\n            {...rest}\n            value={selected}\n            disabled={currentDisabled}\n            collection={collection}\n            singleChoice={singleChoice}\n            leavesOnly={leavesOnly}\n            checkSelectable={checkSelectable}\n            onChange={setSelected}\n            ref={ref}\n        />\n    );\n};\n\nexport const TreeSelector = forwardRef(TreeSelectorComponent) as <Additional extends AdditionalDefault>(\n    props: TreeSelectorProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,qBAAqB,GAAG,CAC1B,KAAoC,EACpC,GAA+B,KACjB;IACd,MAAM,EACF,KAAK,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,OAAO,CACpB,MACI,IAAI,0BAA0B,CAAC,UAAU,EAAE;QACvC,YAAY;QACZ,UAAU;QACV,eAAe;KAClB,CAAC,EACN,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,CAAC,CAC1D,CAAC;AAEF,IAAA,IAAI,WAAW,IAAI,CAAC,kBAAkB,IAAI,CAAC,UAAU,EAAE;AACnD,QAAA,MAAM,IAAI,KAAK,CACX,CAAA,mGAAA,CAAqG,CACxG,CAAC;AACL,KAAA;AAED,IAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC;QAC1C,KAAK;QACL,QAAQ;QACR,UAAU;QACV,QAAQ;QACR,WAAW;QACX,kBAAkB;AACrB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;AAErF,IAAA,QACIA,GAAC,CAAA,iBAAiB,EACV,EAAA,GAAA,IAAI,EACR,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,eAAe,EACzB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,GAAG,EAAA,CACV,EACJ;AACN,CAAC,CAAC;MAEW,YAAY,GAAG,UAAU,CAAC,qBAAqB;;;;"}

package/TreeSelectorDummy.js

@@ -14,7 +14,7 @@ import { useRenderInput } from './useRenderInput.js';
 import './Item.js';
 import 'react-transition-group';
 import 'classnames';
-import './ItemContent-K9xv9O8s.js';
+import './ItemContent-Bg2Ih-5_.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
@@ -29,6 +29,7 @@ import './MobileItem.js';
 import './MobileParentItem.js';
 import './collection/treeCollection.js';
 import '@hh.ru/magritte-common-func-utils';
+import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-input';
 
 const defaultCheckSelectable = () => true;
@@ -40,6 +41,7 @@ const TreeSelectorDummyComponent = ({ collection: initialCollection, checkSelect
     const [collection, setCollection] = useState(initialCollection);
     const [isSearch, setIsSearch] = useState(false);
     const currentQuery = useRef('');
+    const inputRef = useRef(null);
     const suggestedNotFoundModels = useRef(initialCollection.getExistModels(suggestedNotFound));
     const constantlySuggestedModels = useRef(initialCollection.getExistModels(constantlySuggested));
     const { animationTimeout } = useAnimationTimeout();
@@ -55,7 +57,7 @@ const TreeSelectorDummyComponent = ({ collection: initialCollection, checkSelect
         onExpand,
     });
     const { isMobile } = useBreakpoint();
-    const { contentFilterQuery, setInputValue, handleChangeInput, renderInput } = useRenderInput();
+    const { contentFilterQuery, setInputValue, handleChangeInput, renderInput } = useRenderInput(inputRef);
     const treeRefCallback = useCallback((node) => {
         if (!node) {
             handleResetExpanded();
@@ -104,10 +106,16 @@ const TreeSelectorDummyComponent = ({ collection: initialCollection, checkSelect
         }
         else if (queryWasChanged) {
             // Запрос не годится для поиска.
+            const newExpanded = initialExpanded.slice();
             setCollection(initialCollection);
             onChangeFilterQuery?.(initialCollection.toList().map((model) => model.id), contentFilterQueryTrimmed);
             currentQuery.current = contentFilterQuery;
-            handleResetExpanded();
+            if (inputRef.current) {
+                setExpanded(newExpanded);
+            }
+            else {
+                handleResetExpanded();
+            }
             setIsSearch(false);
         }
     }, [
@@ -119,6 +127,7 @@ const TreeSelectorDummyComponent = ({ collection: initialCollection, checkSelect
         isMobile,
         onChangeFilterQuery,
         handleResetExpanded,
+        initialExpanded,
     ]);
     const renderTreeSelector = useCallback(() => {
         const hasModels = collection.getTopLevel().length;

package/TreeSelectorDummy.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectorDummy.js","sources":["../src/TreeSelectorDummy.tsx"],"sourcesContent":["import { ReactElement, forwardRef, ForwardedRef, useCallback, useEffect, useRef, useState, RefCallback } from 'react';\n\nimport { match } from '@hh.ru/magritte-common-fuzzy-search';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { VSpacingContainer } from '@hh.ru/magritte-ui-spacing';\nimport { ItemsList } from '@hh.ru/magritte-ui-tree-selector/ItemsList';\nimport { MobileItemsList } from '@hh.ru/magritte-ui-tree-selector/MobileItemsList';\nimport { filterWithParents } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ListControls, TreeSelectorDummyProps } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useAnimationTimeout } from '@hh.ru/magritte-ui-tree-selector/useAnimationTimeout';\nimport { useExpanded } from '@hh.ru/magritte-ui-tree-selector/useExpanded';\nimport { useIndeterminate } from '@hh.ru/magritte-ui-tree-selector/useIndeterminate';\nimport { useRenderInput } from '@hh.ru/magritte-ui-tree-selector/useRenderInput';\n\nconst defaultCheckSelectable = () => true;\nconst defaultArray: string[] = [];\n\nconst needToApply = (query: string): boolean => {\n    return !!(query && query.length);\n};\n\nexport const TreeSelectorDummyComponent = <Additional extends AdditionalDefault>(\n    {\n        collection: initialCollection,\n        checkSelectable = defaultCheckSelectable,\n        initialExpanded = defaultArray,\n        value: selected,\n        leavesOnly,\n        singleChoice,\n        disabled = defaultArray,\n        treeFilter = filterWithParents,\n        suggestedNotFound = defaultArray,\n        constantlySuggested = defaultArray,\n        renderItemForDesktop,\n        renderItem,\n        renderMobileDelimiter,\n        onExpand,\n        onChange,\n        onChangeFilterQuery,\n        contentNotFound,\n        onMobileNavigationChange,\n        getMobileSearchItemOrder,\n        expandTreeOnSelected = true,\n        getSelectAllParentTrl,\n        children,\n    }: TreeSelectorDummyProps<Additional>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const [collection, setCollection] = useState(initialCollection);\n    const [isSearch, setIsSearch] = useState(false);\n    const currentQuery = useRef('');\n    const suggestedNotFoundModels = useRef(initialCollection.getExistModels(suggestedNotFound));\n    const constantlySuggestedModels = useRef(initialCollection.getExistModels(constantlySuggested));\n    const { animationTimeout } = useAnimationTimeout();\n    const getSearchItemOrderDefault = useCallback(\n        (model: TreeModel<Additional>) => {\n            return initialCollection.getModelLevel(model.id);\n        },\n        [initialCollection]\n    );\n\n    const { indeterminate } = useIndeterminate({ collection: initialCollection, selected });\n\n    const {\n        expanded: currentExpanded,\n        setExpanded,\n        handleExpansion,\n        handleResetExpanded,\n    } = useExpanded({\n        initialValue: initialExpanded?.slice(),\n        selected,\n        expandTreeOnSelected,\n        collection: initialCollection,\n        onExpand,\n    });\n    const { isMobile } = useBreakpoint();\n\n    const { contentFilterQuery, setInputValue, handleChangeInput, renderInput } = useRenderInput();\n\n    const treeRefCallback: RefCallback<HTMLDivElement> = useCallback(\n        (node) => {\n            if (!node) {\n                handleResetExpanded();\n            }\n        },\n        [handleResetExpanded]\n    );\n\n    useEffect(() => {\n        const contentFilterQueryTrimmed = contentFilterQuery.trim();\n        const queryWasChanged = contentFilterQueryTrimmed !== currentQuery.current.trim();\n\n        if (queryWasChanged && needToApply(contentFilterQueryTrimmed)) {\n            const newExpanded: string[] = [];\n            const newCollection = treeFilter(\n                initialCollection,\n                (item) => match(contentFilterQueryTrimmed, item.text),\n                isMobile\n            );\n            newCollection.toList().forEach((item) => {\n                if (newCollection.hasChildren(item.id)) {\n                    // Если есть в отфильтрованной коллекции есть дочерние элементы,\n                    // значит они заматчились, и нужно открыть родителя.\n                    newExpanded.push(item.id);\n                } else {\n                    // Если заматчился только сам родитель, показываем его\n                    // схлопнутым => нужно добавить его ветку в коллекцию.\n                    initialCollection.walkChildren(item.id, (child, parents) => {\n                        newCollection.addModel({ ...child }, parents[0].id);\n                    });\n                }\n            });\n\n            const filteredIds = newCollection.toList().map((model) => model.id);\n\n            // Если в отфильтрованной коллекции нет моделей, но заданы предложенные,\n            // то показываем их\n            // Если в отфильтрованной коллекции модели есть, то пробуем добавить к ним\n            // всегда показывающиеся модели, если их ещё нет в коллекции\n            if (!filteredIds.length && suggestedNotFoundModels.current.length) {\n                suggestedNotFoundModels.current.forEach((model) => newCollection.addModel({ ...model }));\n            } else {\n                constantlySuggestedModels.current.forEach((model) => {\n                    if (!filteredIds.includes(model.id)) {\n                        newCollection.addModel({ ...model });\n                    }\n                });\n            }\n\n            setCollection(newCollection);\n            currentQuery.current = contentFilterQuery;\n            onChangeFilterQuery?.(filteredIds, contentFilterQueryTrimmed);\n            setExpanded(newExpanded);\n            setIsSearch(true);\n        } else if (queryWasChanged) {\n            // Запрос не годится для поиска.\n            setCollection(initialCollection);\n\n            onChangeFilterQuery?.(\n                initialCollection.toList().map((model) => model.id),\n                contentFilterQueryTrimmed\n            );\n            currentQuery.current = contentFilterQuery;\n            handleResetExpanded();\n            setIsSearch(false);\n        }\n    }, [\n        initialCollection,\n        contentFilterQuery,\n        treeFilter,\n        selected,\n        setExpanded,\n        isMobile,\n        onChangeFilterQuery,\n        handleResetExpanded,\n    ]);\n\n    const renderTreeSelector = useCallback(() => {\n        const hasModels = collection.getTopLevel().length;\n        return (\n            <div ref={treeRefCallback}>\n                {hasModels ? (\n                    <VSpacingContainer default={12} gteM={0}>\n                        {isMobile ? (\n                            <MobileItemsList\n                                getMobileSearchItemOrder={getMobileSearchItemOrder || getSearchItemOrderDefault}\n                                collection={collection}\n                                selected={selected}\n                                disabled={disabled}\n                                onChange={onChange}\n                                leavesOnly={leavesOnly}\n                                checkSelectable={checkSelectable}\n                                singleChoice={singleChoice}\n                                ref={ref}\n                                setInputValue={setInputValue}\n                                renderItem={renderItem}\n                                renderMobileDelimiter={renderMobileDelimiter}\n                                handleChangeInput={handleChangeInput}\n                                contentFilterQuery={contentFilterQuery.trim()}\n                                onMobileNavigationChange={onMobileNavigationChange}\n                                isSearch={isSearch}\n                                getSelectAllParentTrl={getSelectAllParentTrl}\n                            />\n                        ) : (\n                            <ItemsList\n                                collection={collection}\n                                items={collection.getTopLevel()}\n                                leavesOnly={leavesOnly}\n                                checkSelectable={checkSelectable}\n                                expanded={currentExpanded}\n                                onExpansion={handleExpansion}\n                                selected={selected}\n                                onChange={onChange}\n                                disabled={disabled}\n                                singleChoice={singleChoice}\n                                indeterminate={indeterminate}\n                                isSearch={isSearch}\n                                renderItemForDesktop={renderItemForDesktop}\n                                animationTimeout={animationTimeout}\n                            />\n                        )}\n                    </VSpacingContainer>\n                ) : (\n                    <>{contentNotFound}</>\n                )}\n            </div>\n        );\n    }, [\n        collection,\n        treeRefCallback,\n        isMobile,\n        getMobileSearchItemOrder,\n        getSearchItemOrderDefault,\n        selected,\n        disabled,\n        onChange,\n        leavesOnly,\n        checkSelectable,\n        singleChoice,\n        ref,\n        setInputValue,\n        renderItem,\n        renderMobileDelimiter,\n        handleChangeInput,\n        contentFilterQuery,\n        getSelectAllParentTrl,\n        onMobileNavigationChange,\n        isSearch,\n        currentExpanded,\n        handleExpansion,\n        indeterminate,\n        renderItemForDesktop,\n        animationTimeout,\n        contentNotFound,\n    ]);\n\n    return <>{children({ renderTreeSelector, renderInput })}</>;\n};\n\nexport const TreeSelectorDummy = forwardRef(TreeSelectorDummyComponent) as <Additional extends AdditionalDefault>(\n    props: TreeSelectorDummyProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":["_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"TreeSelectorDummy.js","sources":["../src/TreeSelectorDummy.tsx"],"sourcesContent":["import { ReactElement, forwardRef, ForwardedRef, useCallback, useEffect, useRef, useState, RefCallback } from 'react';\n\nimport { match } from '@hh.ru/magritte-common-fuzzy-search';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { VSpacingContainer } from '@hh.ru/magritte-ui-spacing';\nimport { ItemsList } from '@hh.ru/magritte-ui-tree-selector/ItemsList';\nimport { MobileItemsList } from '@hh.ru/magritte-ui-tree-selector/MobileItemsList';\nimport { filterWithParents } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ListControls, TreeSelectorDummyProps } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useAnimationTimeout } from '@hh.ru/magritte-ui-tree-selector/useAnimationTimeout';\nimport { useExpanded } from '@hh.ru/magritte-ui-tree-selector/useExpanded';\nimport { useIndeterminate } from '@hh.ru/magritte-ui-tree-selector/useIndeterminate';\nimport { useRenderInput } from '@hh.ru/magritte-ui-tree-selector/useRenderInput';\n\nconst defaultCheckSelectable = () => true;\nconst defaultArray: string[] = [];\n\nconst needToApply = (query: string): boolean => {\n    return !!(query && query.length);\n};\n\nexport const TreeSelectorDummyComponent = <Additional extends AdditionalDefault>(\n    {\n        collection: initialCollection,\n        checkSelectable = defaultCheckSelectable,\n        initialExpanded = defaultArray,\n        value: selected,\n        leavesOnly,\n        singleChoice,\n        disabled = defaultArray,\n        treeFilter = filterWithParents,\n        suggestedNotFound = defaultArray,\n        constantlySuggested = defaultArray,\n        renderItemForDesktop,\n        renderItem,\n        renderMobileDelimiter,\n        onExpand,\n        onChange,\n        onChangeFilterQuery,\n        contentNotFound,\n        onMobileNavigationChange,\n        getMobileSearchItemOrder,\n        expandTreeOnSelected = true,\n        getSelectAllParentTrl,\n        children,\n    }: TreeSelectorDummyProps<Additional>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const [collection, setCollection] = useState(initialCollection);\n    const [isSearch, setIsSearch] = useState(false);\n    const currentQuery = useRef('');\n    const inputRef = useRef<HTMLInputElement>(null);\n    const suggestedNotFoundModels = useRef(initialCollection.getExistModels(suggestedNotFound));\n    const constantlySuggestedModels = useRef(initialCollection.getExistModels(constantlySuggested));\n    const { animationTimeout } = useAnimationTimeout();\n    const getSearchItemOrderDefault = useCallback(\n        (model: TreeModel<Additional>) => {\n            return initialCollection.getModelLevel(model.id);\n        },\n        [initialCollection]\n    );\n\n    const { indeterminate } = useIndeterminate({ collection: initialCollection, selected });\n\n    const {\n        expanded: currentExpanded,\n        setExpanded,\n        handleExpansion,\n        handleResetExpanded,\n    } = useExpanded({\n        initialValue: initialExpanded?.slice(),\n        selected,\n        expandTreeOnSelected,\n        collection: initialCollection,\n        onExpand,\n    });\n    const { isMobile } = useBreakpoint();\n\n    const { contentFilterQuery, setInputValue, handleChangeInput, renderInput } = useRenderInput(inputRef);\n\n    const treeRefCallback: RefCallback<HTMLDivElement> = useCallback(\n        (node) => {\n            if (!node) {\n                handleResetExpanded();\n            }\n        },\n        [handleResetExpanded]\n    );\n\n    useEffect(() => {\n        const contentFilterQueryTrimmed = contentFilterQuery.trim();\n        const queryWasChanged = contentFilterQueryTrimmed !== currentQuery.current.trim();\n\n        if (queryWasChanged && needToApply(contentFilterQueryTrimmed)) {\n            const newExpanded: string[] = [];\n            const newCollection = treeFilter(\n                initialCollection,\n                (item) => match(contentFilterQueryTrimmed, item.text),\n                isMobile\n            );\n            newCollection.toList().forEach((item) => {\n                if (newCollection.hasChildren(item.id)) {\n                    // Если есть в отфильтрованной коллекции есть дочерние элементы,\n                    // значит они заматчились, и нужно открыть родителя.\n                    newExpanded.push(item.id);\n                } else {\n                    // Если заматчился только сам родитель, показываем его\n                    // схлопнутым => нужно добавить его ветку в коллекцию.\n                    initialCollection.walkChildren(item.id, (child, parents) => {\n                        newCollection.addModel({ ...child }, parents[0].id);\n                    });\n                }\n            });\n\n            const filteredIds = newCollection.toList().map((model) => model.id);\n\n            // Если в отфильтрованной коллекции нет моделей, но заданы предложенные,\n            // то показываем их\n            // Если в отфильтрованной коллекции модели есть, то пробуем добавить к ним\n            // всегда показывающиеся модели, если их ещё нет в коллекции\n            if (!filteredIds.length && suggestedNotFoundModels.current.length) {\n                suggestedNotFoundModels.current.forEach((model) => newCollection.addModel({ ...model }));\n            } else {\n                constantlySuggestedModels.current.forEach((model) => {\n                    if (!filteredIds.includes(model.id)) {\n                        newCollection.addModel({ ...model });\n                    }\n                });\n            }\n\n            setCollection(newCollection);\n            currentQuery.current = contentFilterQuery;\n            onChangeFilterQuery?.(filteredIds, contentFilterQueryTrimmed);\n            setExpanded(newExpanded);\n            setIsSearch(true);\n        } else if (queryWasChanged) {\n            // Запрос не годится для поиска.\n            const newExpanded = initialExpanded.slice();\n            setCollection(initialCollection);\n\n            onChangeFilterQuery?.(\n                initialCollection.toList().map((model) => model.id),\n                contentFilterQueryTrimmed\n            );\n            currentQuery.current = contentFilterQuery;\n            if (inputRef.current) {\n                setExpanded(newExpanded);\n            } else {\n                handleResetExpanded();\n            }\n\n            setIsSearch(false);\n        }\n    }, [\n        initialCollection,\n        contentFilterQuery,\n        treeFilter,\n        selected,\n        setExpanded,\n        isMobile,\n        onChangeFilterQuery,\n        handleResetExpanded,\n        initialExpanded,\n    ]);\n\n    const renderTreeSelector = useCallback(() => {\n        const hasModels = collection.getTopLevel().length;\n        return (\n            <div ref={treeRefCallback}>\n                {hasModels ? (\n                    <VSpacingContainer default={12} gteM={0}>\n                        {isMobile ? (\n                            <MobileItemsList\n                                getMobileSearchItemOrder={getMobileSearchItemOrder || getSearchItemOrderDefault}\n                                collection={collection}\n                                selected={selected}\n                                disabled={disabled}\n                                onChange={onChange}\n                                leavesOnly={leavesOnly}\n                                checkSelectable={checkSelectable}\n                                singleChoice={singleChoice}\n                                ref={ref}\n                                setInputValue={setInputValue}\n                                renderItem={renderItem}\n                                renderMobileDelimiter={renderMobileDelimiter}\n                                handleChangeInput={handleChangeInput}\n                                contentFilterQuery={contentFilterQuery.trim()}\n                                onMobileNavigationChange={onMobileNavigationChange}\n                                isSearch={isSearch}\n                                getSelectAllParentTrl={getSelectAllParentTrl}\n                            />\n                        ) : (\n                            <ItemsList\n                                collection={collection}\n                                items={collection.getTopLevel()}\n                                leavesOnly={leavesOnly}\n                                checkSelectable={checkSelectable}\n                                expanded={currentExpanded}\n                                onExpansion={handleExpansion}\n                                selected={selected}\n                                onChange={onChange}\n                                disabled={disabled}\n                                singleChoice={singleChoice}\n                                indeterminate={indeterminate}\n                                isSearch={isSearch}\n                                renderItemForDesktop={renderItemForDesktop}\n                                animationTimeout={animationTimeout}\n                            />\n                        )}\n                    </VSpacingContainer>\n                ) : (\n                    <>{contentNotFound}</>\n                )}\n            </div>\n        );\n    }, [\n        collection,\n        treeRefCallback,\n        isMobile,\n        getMobileSearchItemOrder,\n        getSearchItemOrderDefault,\n        selected,\n        disabled,\n        onChange,\n        leavesOnly,\n        checkSelectable,\n        singleChoice,\n        ref,\n        setInputValue,\n        renderItem,\n        renderMobileDelimiter,\n        handleChangeInput,\n        contentFilterQuery,\n        getSelectAllParentTrl,\n        onMobileNavigationChange,\n        isSearch,\n        currentExpanded,\n        handleExpansion,\n        indeterminate,\n        renderItemForDesktop,\n        animationTimeout,\n        contentNotFound,\n    ]);\n\n    return <>{children({ renderTreeSelector, renderInput })}</>;\n};\n\nexport const TreeSelectorDummy = forwardRef(TreeSelectorDummyComponent) as <Additional extends AdditionalDefault>(\n    props: TreeSelectorDummyProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/index.css

@@ -4,7 +4,7 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v18-3-0:200ms;
 }
-.magritte-item-animation-timeout___pbOyZ_3-0-5{
+.magritte-item-animation-timeout___pbOyZ_3-1-0{
   transition-property:height, opacity;
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
   overflow:hidden;
@@ -12,17 +12,17 @@
   transition-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___pbOyZ_3-0-5{
+  .magritte-item-animation-timeout___pbOyZ_3-1-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
   }
 }
-.magritte-wrapper___GHKV6_3-0-5{
+.magritte-wrapper___GHKV6_3-1-0{
   display:flex;
   padding:12px 0;
   gap:12px;
   align-items:flex-start;
 }
-.magritte-letter___yZOCU_3-0-5{
+.magritte-letter___yZOCU_3-1-0{
   width:24px;
   height:24px;
   display:flex;
@@ -30,47 +30,47 @@
   justify-content:center;
   flex-shrink:0;
 }
-.magritte-icon___kO3Fj_3-0-5,
-.magritte-space___xTO79_3-0-5{
+.magritte-icon___kO3Fj_3-1-0,
+.magritte-space___xTO79_3-1-0{
   flex-shrink:0;
   line-height:0;
   width:24px;
 }
-.magritte-icon___kO3Fj_3-0-5{
+.magritte-icon___kO3Fj_3-1-0{
   transform:rotate(0);
 }
-.magritte-iconActive___4yrG5_3-0-5{
+.magritte-iconActive___4yrG5_3-1-0{
   cursor:pointer;
 }
-.magritte-iconUp___mpXV6_3-0-5{
+.magritte-iconUp___mpXV6_3-1-0{
   transform:rotate(90deg);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-icon___kO3Fj_3-0-5{
+  .magritte-icon___kO3Fj_3-1-0{
     transition-property:transform;
     transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-3-0);
     transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-3-0);
   }
 }
-.magritte-content___ZRc6R_3-0-5{
+.magritte-content___ZRc6R_3-1-0{
   flex-grow:1;
 }
-.magritte-with-shift___ZErxZ_3-0-5{
+.magritte-with-shift___ZErxZ_3-1-0{
   margin-left:-36px;
 }
-.magritte-with-indent___MH9Vy_3-0-5{
+.magritte-with-indent___MH9Vy_3-1-0{
   margin-left:36px;
 }
-.magritte-item___2LtOL_3-0-5 > .magritte-children___kq-eq_3-0-5{
+.magritte-item___2LtOL_3-1-0 > .magritte-children___kq-eq_3-1-0{
   padding-left:36px;
 }
-.magritte-item___2LtOL_3-0-5.magritte-with-two-boxes___LWOy2_3-0-5 > .magritte-children___kq-eq_3-0-5{
+.magritte-item___2LtOL_3-1-0.magritte-with-two-boxes___LWOy2_3-1-0 > .magritte-children___kq-eq_3-1-0{
   padding-left:72px;
 }
-.magritte-item___2LtOL_3-0-5.magritte-with-three-boxes___cyVao_3-0-5 > .magritte-children___kq-eq_3-0-5{
+.magritte-item___2LtOL_3-1-0.magritte-with-three-boxes___cyVao_3-1-0 > .magritte-children___kq-eq_3-1-0{
   padding-left:108px;
 }
-.magritte-children___kq-eq_3-0-5{
+.magritte-children___kq-eq_3-1-0{
   transition-property:height, opacity;
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
   overflow:hidden;
@@ -78,20 +78,20 @@
   transition-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-children___kq-eq_3-0-5{
+  .magritte-children___kq-eq_3-1-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
   }
 }
-.magritte-item-animation-enter___14KlM_3-0-5{
+.magritte-item-animation-enter___14KlM_3-1-0{
   opacity:0;
 }
-.magritte-item-animation-enter-active___oEWbW_3-0-5{
+.magritte-item-animation-enter-active___oEWbW_3-1-0{
   opacity:1;
 }
-.magritte-item-animation-exit___a-Low_3-0-5{
+.magritte-item-animation-exit___a-Low_3-1-0{
   opacity:1;
 }
-.magritte-item-animation-exit-active___MhBnn_3-0-5{
+.magritte-item-animation-exit-active___MhBnn_3-1-0{
   opacity:0;
 }
 
@@ -99,7 +99,7 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v18-3-0:200ms;
 }
-.magritte-item-animation-timeout___Pdli9_3-0-5{
+.magritte-item-animation-timeout___Pdli9_3-1-0{
   transition-property:height, opacity;
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
   overflow:hidden;
@@ -107,7 +107,7 @@
   transition-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___Pdli9_3-0-5{
+  .magritte-item-animation-timeout___Pdli9_3-1-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
   }
 }

package/index.js

@@ -20,7 +20,7 @@ import './ItemsList.js';
 import './Item.js';
 import 'react-transition-group';
 import 'classnames';
-import './ItemContent-K9xv9O8s.js';
+import './ItemContent-Bg2Ih-5_.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
@@ -38,5 +38,6 @@ import './useExpanded.js';
 import './useIndeterminate.js';
 import './useRenderInput.js';
 import '@hh.ru/magritte-common-func-utils';
+import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-input';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "3.0.5",
+  "version": "3.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -23,6 +23,7 @@
     "@hh.ru/magritte-common-func-utils": "1.3.7",
     "@hh.ru/magritte-common-fuzzy-search": "1.0.5",
     "@hh.ru/magritte-common-keyboard": "4.0.1",
+    "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
     "@hh.ru/magritte-design-tokens": "18.3.0",
     "@hh.ru/magritte-ui-breakpoint": "4.0.3",
     "@hh.ru/magritte-ui-card": "6.0.11",
@@ -44,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9ea7d8bb0e03b70d9f9bfbe24127c47029403df9"
+  "gitHead": "9a56a8735833b9a4e902a6e5079c38cd7134129d"
 }

package/useAnimationTimeout.js

@@ -1,7 +1,7 @@
 import './index.css';
 import { useState, useLayoutEffect } from 'react';
 
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_3-0-5","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_3-0-5"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_3-1-0","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_3-1-0"};
 
 const useAnimationTimeout = () => {
     const [animationTimeout, setAnimationTimeout] = useState(0);

package/useRenderInput.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
+import { ReactElement, RefObject } from 'react';
 import { SearchInputProps } from '@hh.ru/magritte-ui-input';
 export interface UseRenderInputHook {
-    (): {
+    (inputRef: RefObject<HTMLInputElement>): {
         contentFilterQuery: string;
         setInputValue: (newValue: string) => void;
         handleChangeInput: (newValue: string) => void;

package/useRenderInput.js

@@ -2,11 +2,12 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
 import { useDebounce } from '@hh.ru/magritte-common-func-utils';
+import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { SearchInput } from '@hh.ru/magritte-ui-input';
 import { useAnimationTimeout } from './useAnimationTimeout.js';
 
-const useRenderInput = () => {
+const useRenderInput = (inputRef) => {
     const [contentFilterQuery, setContentFilterQuery] = useState('');
     const { animationTimeout } = useAnimationTimeout();
     const [value, setValue] = useState('');
@@ -17,6 +18,7 @@ const useRenderInput = () => {
             setContentFilterQuery('');
         }
     }, []);
+    const ref = useMultipleRefs(inputRef, inputRefCallback);
     useEffect(() => {
         setValue('');
         setContentFilterQuery('');
@@ -32,8 +34,8 @@ const useRenderInput = () => {
         setValue(newValue);
     }, [setValue]);
     const renderInput = useCallback((props) => {
-        return (jsx(SearchInput, { ...props, ref: inputRefCallback, value: value, onChange: handleChangeInput, "data-qa": "tree-selector-search-input" }));
-    }, [inputRefCallback, value, handleChangeInput]);
+        return (jsx(SearchInput, { ...props, ref: ref, value: value, onChange: handleChangeInput, "data-qa": "tree-selector-search-input" }));
+    }, [ref, value, handleChangeInput]);
     return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };
 };
 

package/useRenderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderInput.js","sources":["../src/useRenderInput.tsx"],"sourcesContent":["import { ReactElement, RefCallback, useCallback, useEffect, useState } from 'react';\n\nimport { useDebounce } from '@hh.ru/magritte-common-func-utils';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { SearchInput, SearchInputProps } from '@hh.ru/magritte-ui-input';\nimport { useAnimationTimeout } from '@hh.ru/magritte-ui-tree-selector/useAnimationTimeout';\n\nexport interface UseRenderInputHook {\n    (): {\n        contentFilterQuery: string;\n        setInputValue: (newValue: string) => void;\n        handleChangeInput: (newValue: string) => void;\n        renderInput: (props?: SearchInputProps) => ReactElement;\n    };\n}\n\nexport const useRenderInput: UseRenderInputHook = () => {\n    const [contentFilterQuery, setContentFilterQuery] = useState('');\n    const { animationTimeout } = useAnimationTimeout();\n    const [value, setValue] = useState('');\n    const { isMobile } = useBreakpoint();\n\n    const inputRefCallback: RefCallback<HTMLInputElement> = useCallback((node) => {\n        if (!node) {\n            setValue('');\n            setContentFilterQuery('');\n        }\n    }, []);\n\n    useEffect(() => {\n        setValue('');\n        setContentFilterQuery('');\n    }, [isMobile]);\n\n    const debouncedContentFilterQuery = useDebounce(\n        useCallback((newValue: string) => {\n            setContentFilterQuery(newValue);\n        }, []),\n        animationTimeout\n    );\n\n    const handleChangeInput = useCallback(\n        (newValue: string) => {\n            debouncedContentFilterQuery(newValue);\n            setValue(newValue);\n        },\n        [debouncedContentFilterQuery]\n    );\n\n    const setInputValue = useCallback(\n        (newValue: string) => {\n            setValue(newValue);\n        },\n        [setValue]\n    );\n\n    const renderInput = useCallback(\n        (props?: SearchInputProps) => {\n            return (\n                <SearchInput\n                    {...props}\n                    ref={inputRefCallback}\n                    value={value}\n                    onChange={handleChangeInput}\n                    data-qa=\"tree-selector-search-input\"\n                />\n            );\n        },\n        [inputRefCallback, value, handleChangeInput]\n    );\n\n    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };\n};\n"],"names":["_jsx"],"mappings":";;;;;;;AAgBO,MAAM,cAAc,GAAuB,MAAK;IACnD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACjE,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACvC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAErC,IAAA,MAAM,gBAAgB,GAAkC,WAAW,CAAC,CAAC,IAAI,KAAI;QACzE,IAAI,CAAC,IAAI,EAAE;YACP,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAC7B,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,MAAK;QACX,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAC9B,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,2BAA2B,GAAG,WAAW,CAC3C,WAAW,CAAC,CAAC,QAAgB,KAAI;QAC7B,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACpC,KAAC,EAAE,EAAE,CAAC,EACN,gBAAgB,CACnB,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACjC,CAAC,QAAgB,KAAI;QACjB,2BAA2B,CAAC,QAAQ,CAAC,CAAC;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAC,EACD,CAAC,2BAA2B,CAAC,CAChC,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,QAAgB,KAAI;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAwB,KAAI;QACzB,QACIA,IAAC,WAAW,EAAA,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EACnB,SAAA,EAAA,4BAA4B,EACtC,CAAA,EACJ;KACL,EACD,CAAC,gBAAgB,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAC/C,CAAC;IAEF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AACjF;;;;"}
+{"version":3,"file":"useRenderInput.js","sources":["../src/useRenderInput.tsx"],"sourcesContent":["import { ReactElement, RefCallback, useCallback, useEffect, useState, RefObject } from 'react';\n\nimport { useDebounce } from '@hh.ru/magritte-common-func-utils';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { SearchInput, SearchInputProps } from '@hh.ru/magritte-ui-input';\nimport { useAnimationTimeout } from '@hh.ru/magritte-ui-tree-selector/useAnimationTimeout';\n\nexport interface UseRenderInputHook {\n    (inputRef: RefObject<HTMLInputElement>): {\n        contentFilterQuery: string;\n        setInputValue: (newValue: string) => void;\n        handleChangeInput: (newValue: string) => void;\n        renderInput: (props?: SearchInputProps) => ReactElement;\n    };\n}\n\nexport const useRenderInput: UseRenderInputHook = (inputRef) => {\n    const [contentFilterQuery, setContentFilterQuery] = useState('');\n    const { animationTimeout } = useAnimationTimeout();\n    const [value, setValue] = useState('');\n    const { isMobile } = useBreakpoint();\n\n    const inputRefCallback: RefCallback<HTMLInputElement> = useCallback((node) => {\n        if (!node) {\n            setValue('');\n            setContentFilterQuery('');\n        }\n    }, []);\n\n    const ref = useMultipleRefs(inputRef, inputRefCallback);\n\n    useEffect(() => {\n        setValue('');\n        setContentFilterQuery('');\n    }, [isMobile]);\n\n    const debouncedContentFilterQuery = useDebounce(\n        useCallback((newValue: string) => {\n            setContentFilterQuery(newValue);\n        }, []),\n        animationTimeout\n    );\n\n    const handleChangeInput = useCallback(\n        (newValue: string) => {\n            debouncedContentFilterQuery(newValue);\n            setValue(newValue);\n        },\n        [debouncedContentFilterQuery]\n    );\n\n    const setInputValue = useCallback(\n        (newValue: string) => {\n            setValue(newValue);\n        },\n        [setValue]\n    );\n\n    const renderInput = useCallback(\n        (props?: SearchInputProps) => {\n            return (\n                <SearchInput\n                    {...props}\n                    ref={ref}\n                    value={value}\n                    onChange={handleChangeInput}\n                    data-qa=\"tree-selector-search-input\"\n                />\n            );\n        },\n        [ref, value, handleChangeInput]\n    );\n\n    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AAiBa,MAAA,cAAc,GAAuB,CAAC,QAAQ,KAAI;IAC3D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACjE,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACvC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAErC,IAAA,MAAM,gBAAgB,GAAkC,WAAW,CAAC,CAAC,IAAI,KAAI;QACzE,IAAI,CAAC,IAAI,EAAE;YACP,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAC7B,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IAExD,SAAS,CAAC,MAAK;QACX,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAC9B,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,2BAA2B,GAAG,WAAW,CAC3C,WAAW,CAAC,CAAC,QAAgB,KAAI;QAC7B,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACpC,KAAC,EAAE,EAAE,CAAC,EACN,gBAAgB,CACnB,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACjC,CAAC,QAAgB,KAAI;QACjB,2BAA2B,CAAC,QAAQ,CAAC,CAAC;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAC,EACD,CAAC,2BAA2B,CAAC,CAChC,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,QAAgB,KAAI;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAwB,KAAI;QACzB,QACIA,IAAC,WAAW,EAAA,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EACnB,SAAA,EAAA,4BAA4B,EACtC,CAAA,EACJ;KACL,EACD,CAAC,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAClC,CAAC;IAEF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AACjF;;;;"}