@hh.ru/magritte-ui-tree-selector 5.6.0 → 5.7.0

package/Item.js

@@ -9,7 +9,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-7M3t_BRl.js';
+import './tree-selector-item-CnEnj_YP.js';
 
 const ONE_BOX_MARGIN = 36;
 const getMargin = (allBoxesCount, hasShift, hasIndent) => {

package/ItemContent.js

@@ -6,7 +6,7 @@ import { DotFilledSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-
 import { Action } from './Action.js';
 import { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './tree-selector-item-7M3t_BRl.js';
+import { s as styles } from './tree-selector-item-CnEnj_YP.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-cell';
 

package/ItemsList.js

@@ -4,7 +4,7 @@ import { useRef, useMemo, useState, useCallback, useEffect } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
 import { Item } from './Item.js';
-import { s as styles } from './tree-selector-item-7M3t_BRl.js';
+import { s as styles } from './tree-selector-item-CnEnj_YP.js';
 import 'classnames';
 import './ItemContent.js';
 import '@hh.ru/magritte-ui-icon/icon';

package/MobileDelimiter.d.ts

@@ -1,2 +1,5 @@
-import { PropsWithChildren, FC } from 'react';
-export declare const MobileDelimiter: FC<PropsWithChildren>;
+import { FC } from 'react';
+import { type SectionHeaderProps } from '@hh.ru/magritte-ui-section-header';
+type MobileDelimiterProps = Pick<SectionHeaderProps, 'children' | 'link'>;
+export declare const MobileDelimiter: FC<MobileDelimiterProps>;
+export {};

package/MobileDelimiter.js

@@ -1,10 +1,9 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
-import { Card } from '@hh.ru/magritte-ui-card';
-import { Text } from '@hh.ru/magritte-ui-typography';
+import { SectionHeader } from '@hh.ru/magritte-ui-section-header';
 
-const MobileDelimiter = ({ children }) => {
-  return /* @__PURE__ */ jsx(Card, { padding: 16, paddingTop: 8, paddingBottom: 0, stretched: true, children: /* @__PURE__ */ jsx(Text, { typography: "label-3-regular", style: "secondary", children }) });
+const MobileDelimiter = ({ children, link }) => {
+  return /* @__PURE__ */ jsx(SectionHeader, { padding: 16, link, children });
 };
 
 export { MobileDelimiter };

package/MobileDelimiter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileDelimiter.js","sources":["src/MobileDelimiter.tsx"],"sourcesContent":["import { PropsWithChildren, FC } from 'react';\n\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nexport const MobileDelimiter: FC<PropsWithChildren> = ({ children }) => {\n    return (\n        <Card padding={16} paddingTop={8} paddingBottom={0} stretched>\n            <Text typography=\"label-3-regular\" style=\"secondary\">\n                {children}\n            </Text>\n        </Card>\n    );\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,eAAyC,GAAA,CAAC,EAAE,QAAA,EAAe,KAAA;AACpE,EAAA,2BACK,IAAK,EAAA,EAAA,OAAA,EAAS,EAAI,EAAA,UAAA,EAAY,GAAG,aAAe,EAAA,CAAA,EAAG,SAAS,EAAA,IAAA,EACzD,8BAAC,IAAK,EAAA,EAAA,UAAA,EAAW,mBAAkB,KAAM,EAAA,WAAA,EACpC,UACL,CACJ,EAAA,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"MobileDelimiter.js","sources":["src/MobileDelimiter.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { type SectionHeaderProps, SectionHeader } from '@hh.ru/magritte-ui-section-header';\n\ntype MobileDelimiterProps = Pick<SectionHeaderProps, 'children' | 'link'>;\n\nexport const MobileDelimiter: FC<MobileDelimiterProps> = ({ children, link }) => {\n    return (\n        <SectionHeader padding={16} link={link}>\n            {children}\n        </SectionHeader>\n    );\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,eAA4C,GAAA,CAAC,EAAE,QAAA,EAAU,MAAW,KAAA;AAC7E,EAAA,uBACK,GAAA,CAAA,aAAA,EAAA,EAAc,OAAS,EAAA,EAAA,EAAI,MACvB,QACL,EAAA,CAAA,CAAA;AAER;;;;"}

package/MobileItemsList.js

@@ -6,16 +6,17 @@ import classnames from 'classnames';
 import { debounce } from '@hh.ru/magritte-common-func-utils';
 import { Cell, CellText } from '@hh.ru/magritte-ui-cell';
 import { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
+import { Link } from '@hh.ru/magritte-ui-link';
 import { Action } from './Action.js';
 import { MobileDelimiter } from './MobileDelimiter.js';
 import { MobileItem } from './MobileItem.js';
 import { MobileParentItem } from './MobileParentItem.js';
-import { s as styles } from './tree-selector-item-7M3t_BRl.js';
+import { s as styles } from './tree-selector-item-CnEnj_YP.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
-import '@hh.ru/magritte-ui-card';
-import '@hh.ru/magritte-ui-typography';
+import '@hh.ru/magritte-ui-section-header';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-badge';
+import '@hh.ru/magritte-ui-card';
 
 const DEFAULT_ITEM_HEIGHT = 56;
 const SCROLLEND_HANDLER_DEBOUNCE_MS = 150;
@@ -224,6 +225,8 @@ const MobileItemsListComponent = (props, ref) => {
         const item = sortedItems[itemIndex];
         const hasChildren = collection.hasChildren(item.id);
         const hasLetter = item.additional?.char && !isSearch;
+        const link = item.additional?.link;
+        const delimiterLink = link && /* @__PURE__ */ jsx(Link, { href: link.href, children: link.anchor });
         const delimiterContent = renderMobileDelimiter?.({
           item,
           order: orderHashMap[item.id],
@@ -244,7 +247,7 @@ const MobileItemsListComponent = (props, ref) => {
               [styles.withGap]: withGap
             }),
             children: /* @__PURE__ */ jsxs("div", { className: styles.mobileItem, children: [
-              hasLetter && /* @__PURE__ */ jsx(MobileDelimiter, { children: item.additional?.char }),
+              hasLetter && /* @__PURE__ */ jsx(MobileDelimiter, { link: delimiterLink, children: item.additional?.char }),
               delimiterContent && /* @__PURE__ */ jsx(MobileDelimiter, { children: delimiterContent }),
               hasChildren ? /* @__PURE__ */ jsx(
                 MobileParentItem,

package/MobileItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileItemsList.js","sources":["src/MobileItemsList.tsx"],"sourcesContent":["import {\n    ReactElement,\n    useMemo,\n    useState,\n    useImperativeHandle,\n    forwardRef,\n    ForwardedRef,\n    useRef,\n    useEffect,\n    RefCallback,\n    useCallback,\n} from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport classnames from 'classnames';\n\nimport { debounce } from '@hh.ru/magritte-common-func-utils';\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\nimport styles from './tree-selector-item.less';\n\nconst DEFAULT_ITEM_HEIGHT = 56;\nconst SCROLLEND_HANDLER_DEBOUNCE_MS = 150;\nconst DELIMITER = ';';\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    | 'renderContentBefore'\n    | 'renderContentAfter'\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        renderContentBefore,\n        renderContentAfter,\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 orderHashMap = useMemo(() => {\n        return items.reduce<Record<TreeModel<Additional>['id'], number>>((acc, item) => {\n            acc[item.id] = isSearch && !currentParentId ? getMobileSearchItemOrder(item) : 0;\n            return acc;\n        }, {});\n    }, [items, isSearch, currentParentId, getMobileSearchItemOrder]);\n\n    const sortedItems = useMemo(() => {\n        return items.sort((itemA, itemB) => {\n            return orderHashMap[itemA.id] - orderHashMap[itemB.id];\n        });\n    }, [items, orderHashMap]);\n\n    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);\n    const withContentBefore = !!renderContentBefore;\n    const withContentAfter = !!renderContentAfter;\n    const count = items.length + (isSelectable ? 1 : 0) + (withContentBefore ? 1 : 0) + (withContentAfter ? 1 : 0);\n    const parentRef = useRef<HTMLElement | null>(null);\n    const isScrolling = useRef(false);\n\n    const getItemKey = (index: number) => {\n        if (withContentBefore && index === 0) {\n            return 'promoTop';\n        }\n\n        if (withContentAfter && index === count - 1) {\n            return 'promoBottom';\n        }\n\n        const isSelectAllItem =\n            isSelectable && ((index === 0 && !withContentBefore) || (index === 1 && withContentBefore));\n\n        if (isSelectAllItem) {\n            return `current${currentParentId}`;\n        }\n\n        const itemIndex = index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);\n        const item = sortedItems[itemIndex];\n\n        return currentParentId ? `${currentParentId}${DELIMITER}${item.id}` : `${item.id}`;\n    };\n\n    const virtualizer = useVirtualizer({\n        count,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => DEFAULT_ITEM_HEIGHT,\n        getItemKey,\n    });\n\n    const itemsVirtualizer = virtualizer.getVirtualItems();\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                if (!isScrolling.current) {\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        }),\n        [handleChangeInput, setInputValue]\n    );\n\n    useEffect(() => {\n        const handleScrollEnd = debounce(() => {\n            isScrolling.current = false;\n        }, SCROLLEND_HANDLER_DEBOUNCE_MS);\n\n        const handleScroll = () => {\n            isScrolling.current = true;\n            handleScrollEnd();\n        };\n        parentRef.current?.addEventListener('scroll', handleScroll);\n\n        return () => {\n            parentRef.current?.removeEventListener('scroll', handleScroll);\n        };\n    }, []);\n\n    const refCallback: RefCallback<HTMLDivElement> = useCallback((node) => {\n        parentRef.current = node ? node.parentElement : null;\n    }, []);\n\n    useEffect(() => {\n        virtualizer.scrollToIndex(0);\n    }, [currentParentId, sortedItems, virtualizer]);\n\n    return (\n        <div\n            ref={refCallback}\n            className={styles.virtualizedList}\n            style={{\n                height: `${virtualizer.getTotalSize()}px`,\n            }}\n        >\n            {itemsVirtualizer.map((virtualItem) => {\n                const isContentBeforeItem = withContentBefore && virtualItem.index === 0;\n                const isContentAfterItem = withContentAfter && virtualItem.index === count - 1;\n                const isSelectAllItem =\n                    isSelectable &&\n                    ((virtualItem.index === 0 && !withContentBefore) || (virtualItem.index === 1 && withContentBefore));\n\n                if (isContentBeforeItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            {renderContentBefore(isSearch)}\n                        </div>\n                    );\n                }\n\n                if (isContentAfterItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            {renderContentAfter(isSearch)}\n                        </div>\n                    );\n                }\n\n                if (isSelectAllItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            <div className={styles.mobileItem}>\n                                <CheckableCardElement\n                                    padding={16}\n                                    flexible\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                            </div>\n                        </div>\n                    );\n                }\n                const itemIndex = virtualItem.index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);\n                const item = sortedItems[itemIndex];\n                const hasChildren = collection.hasChildren(item.id);\n                const hasLetter = item.additional?.char && !isSearch;\n                const delimiterContent = renderMobileDelimiter?.({\n                    item,\n                    order: orderHashMap[item.id],\n                    isSearch,\n                    index: itemIndex,\n                    isTopLevel: !currentParentId,\n                });\n                const withGap =\n                    (!!withContentBefore && virtualItem.index !== 1) || (!withContentBefore && virtualItem.index !== 0);\n                return (\n                    <div\n                        key={virtualItem.key}\n                        ref={virtualizer.measureElement}\n                        data-index={virtualItem.index}\n                        style={{\n                            transform: `translateY(${virtualItem.start}px)`,\n                        }}\n                        className={classnames(styles.virtualizedItem, {\n                            [styles.withGap]: withGap,\n                        })}\n                    >\n                        <div className={styles.mobileItem}>\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                                    parentId={currentParentId}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                />\n                            ) : (\n                                <MobileItem\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                                    parentId={currentParentId}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const MobileItemsList = forwardRef(MobileItemsListComponent) as <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MobileItemsList.js","sources":["src/MobileItemsList.tsx"],"sourcesContent":["import {\n    ReactElement,\n    useMemo,\n    useState,\n    useImperativeHandle,\n    forwardRef,\n    ForwardedRef,\n    useRef,\n    useEffect,\n    RefCallback,\n    useCallback,\n} from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport classnames from 'classnames';\n\nimport { debounce } from '@hh.ru/magritte-common-func-utils';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Link } from '@hh.ru/magritte-ui-link';\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\nimport styles from './tree-selector-item.less';\n\nconst DEFAULT_ITEM_HEIGHT = 56;\nconst SCROLLEND_HANDLER_DEBOUNCE_MS = 150;\nconst DELIMITER = ';';\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    | 'renderContentBefore'\n    | 'renderContentAfter'\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        renderContentBefore,\n        renderContentAfter,\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 orderHashMap = useMemo(() => {\n        return items.reduce<Record<TreeModel<Additional>['id'], number>>((acc, item) => {\n            acc[item.id] = isSearch && !currentParentId ? getMobileSearchItemOrder(item) : 0;\n            return acc;\n        }, {});\n    }, [items, isSearch, currentParentId, getMobileSearchItemOrder]);\n\n    const sortedItems = useMemo(() => {\n        return items.sort((itemA, itemB) => {\n            return orderHashMap[itemA.id] - orderHashMap[itemB.id];\n        });\n    }, [items, orderHashMap]);\n\n    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);\n    const withContentBefore = !!renderContentBefore;\n    const withContentAfter = !!renderContentAfter;\n    const count = items.length + (isSelectable ? 1 : 0) + (withContentBefore ? 1 : 0) + (withContentAfter ? 1 : 0);\n    const parentRef = useRef<HTMLElement | null>(null);\n    const isScrolling = useRef(false);\n\n    const getItemKey = (index: number) => {\n        if (withContentBefore && index === 0) {\n            return 'promoTop';\n        }\n\n        if (withContentAfter && index === count - 1) {\n            return 'promoBottom';\n        }\n\n        const isSelectAllItem =\n            isSelectable && ((index === 0 && !withContentBefore) || (index === 1 && withContentBefore));\n\n        if (isSelectAllItem) {\n            return `current${currentParentId}`;\n        }\n\n        const itemIndex = index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);\n        const item = sortedItems[itemIndex];\n\n        return currentParentId ? `${currentParentId}${DELIMITER}${item.id}` : `${item.id}`;\n    };\n\n    const virtualizer = useVirtualizer({\n        count,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => DEFAULT_ITEM_HEIGHT,\n        getItemKey,\n    });\n\n    const itemsVirtualizer = virtualizer.getVirtualItems();\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                if (!isScrolling.current) {\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        }),\n        [handleChangeInput, setInputValue]\n    );\n\n    useEffect(() => {\n        const handleScrollEnd = debounce(() => {\n            isScrolling.current = false;\n        }, SCROLLEND_HANDLER_DEBOUNCE_MS);\n\n        const handleScroll = () => {\n            isScrolling.current = true;\n            handleScrollEnd();\n        };\n        parentRef.current?.addEventListener('scroll', handleScroll);\n\n        return () => {\n            parentRef.current?.removeEventListener('scroll', handleScroll);\n        };\n    }, []);\n\n    const refCallback: RefCallback<HTMLDivElement> = useCallback((node) => {\n        parentRef.current = node ? node.parentElement : null;\n    }, []);\n\n    useEffect(() => {\n        virtualizer.scrollToIndex(0);\n    }, [currentParentId, sortedItems, virtualizer]);\n\n    return (\n        <div\n            ref={refCallback}\n            className={styles.virtualizedList}\n            style={{\n                height: `${virtualizer.getTotalSize()}px`,\n            }}\n        >\n            {itemsVirtualizer.map((virtualItem) => {\n                const isContentBeforeItem = withContentBefore && virtualItem.index === 0;\n                const isContentAfterItem = withContentAfter && virtualItem.index === count - 1;\n                const isSelectAllItem =\n                    isSelectable &&\n                    ((virtualItem.index === 0 && !withContentBefore) || (virtualItem.index === 1 && withContentBefore));\n\n                if (isContentBeforeItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            {renderContentBefore(isSearch)}\n                        </div>\n                    );\n                }\n\n                if (isContentAfterItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            {renderContentAfter(isSearch)}\n                        </div>\n                    );\n                }\n\n                if (isSelectAllItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            <div className={styles.mobileItem}>\n                                <CheckableCardElement\n                                    padding={16}\n                                    flexible\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                            </div>\n                        </div>\n                    );\n                }\n                const itemIndex = virtualItem.index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);\n                const item = sortedItems[itemIndex];\n                const hasChildren = collection.hasChildren(item.id);\n                const hasLetter = item.additional?.char && !isSearch;\n                const link = item.additional?.link;\n                const delimiterLink = link && <Link href={link.href}>{link.anchor}</Link>;\n                const delimiterContent = renderMobileDelimiter?.({\n                    item,\n                    order: orderHashMap[item.id],\n                    isSearch,\n                    index: itemIndex,\n                    isTopLevel: !currentParentId,\n                });\n                const withGap =\n                    (!!withContentBefore && virtualItem.index !== 1) || (!withContentBefore && virtualItem.index !== 0);\n                return (\n                    <div\n                        key={virtualItem.key}\n                        ref={virtualizer.measureElement}\n                        data-index={virtualItem.index}\n                        style={{\n                            transform: `translateY(${virtualItem.start}px)`,\n                        }}\n                        className={classnames(styles.virtualizedItem, {\n                            [styles.withGap]: withGap,\n                        })}\n                    >\n                        <div className={styles.mobileItem}>\n                            {hasLetter && (\n                                <MobileDelimiter link={delimiterLink}>{item.additional?.char}</MobileDelimiter>\n                            )}\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                                    parentId={currentParentId}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                />\n                            ) : (\n                                <MobileItem\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                                    parentId={currentParentId}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const MobileItemsList = forwardRef(MobileItemsListComponent) as <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":[],"mappings":"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"}

package/TreeSelector.js

@@ -19,15 +19,17 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-7M3t_BRl.js';
+import './tree-selector-item-CnEnj_YP.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
+import '@hh.ru/magritte-ui-link';
 import './MobileDelimiter.js';
-import '@hh.ru/magritte-ui-card';
+import '@hh.ru/magritte-ui-section-header';
 import './MobileItem.js';
 import './MobileParentItem.js';
 import '@hh.ru/magritte-ui-badge';
+import '@hh.ru/magritte-ui-card';
 import './TreeSelectorWrapper.js';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-internal-custom-scroll';

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":["ImmutableSelectionStrategy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,qBAAA,GAAwB,CAC1B,KAAA,EACA,GACe,KAAA;AACf,EAAM,MAAA;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACH,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,QAAW,GAAA,OAAA;AAAA,IACb,MACI,IAAIA,kCAAA,CAA2B,UAAY,EAAA;AAAA,MACvC,YAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,KACH,CAAA;AAAA,IACL,CAAC,UAAA,EAAY,YAAc,EAAA,UAAA,EAAY,eAAe,CAAA;AAAA,GAC1D,CAAA;AAEA,EAAA,IAAI,WAAe,IAAA,CAAC,kBAAsB,IAAA,CAAC,UAAY,EAAA;AACnD,IAAA,MAAM,IAAI,KAAA;AAAA,MACN,CAAA,mGAAA,CAAA;AAAA,KACJ,CAAA;AAAA,GACJ;AAEA,EAAA,MAAM,EAAE,QAAA,EAAU,WAAY,EAAA,GAAI,WAAY,CAAA;AAAA,IAC1C,KAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,GACH,CAAA,CAAA;AAED,EAAA,MAAM,kBAAkB,WAAY,CAAA,EAAE,UAAU,QAAU,EAAA,UAAA,EAAY,aAAa,CAAA,CAAA;AAEnF,EACI,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACI,GAAG,IAAA;AAAA,MACJ,KAAO,EAAA,QAAA;AAAA,MACP,QAAU,EAAA,eAAA;AAAA,MACV,UAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAU,EAAA,WAAA;AAAA,MACV,GAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER,CAAA,CAAA;AAEa,MAAA,YAAA,GAAe,WAAW,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":["ImmutableSelectionStrategy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,qBAAA,GAAwB,CAC1B,KAAA,EACA,GACe,KAAA;AACf,EAAM,MAAA;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACH,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,QAAW,GAAA,OAAA;AAAA,IACb,MACI,IAAIA,kCAAA,CAA2B,UAAY,EAAA;AAAA,MACvC,YAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,KACH,CAAA;AAAA,IACL,CAAC,UAAA,EAAY,YAAc,EAAA,UAAA,EAAY,eAAe,CAAA;AAAA,GAC1D,CAAA;AAEA,EAAA,IAAI,WAAe,IAAA,CAAC,kBAAsB,IAAA,CAAC,UAAY,EAAA;AACnD,IAAA,MAAM,IAAI,KAAA;AAAA,MACN,CAAA,mGAAA,CAAA;AAAA,KACJ,CAAA;AAAA,GACJ;AAEA,EAAA,MAAM,EAAE,QAAA,EAAU,WAAY,EAAA,GAAI,WAAY,CAAA;AAAA,IAC1C,KAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,GACH,CAAA,CAAA;AAED,EAAA,MAAM,kBAAkB,WAAY,CAAA,EAAE,UAAU,QAAU,EAAA,UAAA,EAAY,aAAa,CAAA,CAAA;AAEnF,EACI,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACI,GAAG,IAAA;AAAA,MACJ,KAAO,EAAA,QAAA;AAAA,MACP,QAAU,EAAA,eAAA;AAAA,MACV,UAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAU,EAAA,WAAA;AAAA,MACV,GAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER,CAAA,CAAA;AAEa,MAAA,YAAA,GAAe,WAAW,qBAAqB;;;;"}

package/TreeSelectorDummy.js

@@ -21,14 +21,16 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-7M3t_BRl.js';
+import './tree-selector-item-CnEnj_YP.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
+import '@hh.ru/magritte-ui-link';
 import './MobileDelimiter.js';
-import '@hh.ru/magritte-ui-card';
+import '@hh.ru/magritte-ui-section-header';
 import './MobileItem.js';
 import './MobileParentItem.js';
 import '@hh.ru/magritte-ui-badge';
+import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-internal-custom-scroll';
 import '@hh.ru/magritte-ui-scrollbar';

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 { ItemsList } from '@hh.ru/magritte-ui-tree-selector/ItemsList';\nimport { MobileItemsList } from '@hh.ru/magritte-ui-tree-selector/MobileItemsList';\nimport { TreeSelectorWrapper } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorWrapper';\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 { 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        renderContentBefore,\n        renderContentAfter,\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 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            // делаем сброс при монтировании компонента, пока он размонтирован нам не важно какой именно пункт раскрыт\n            if (node) {\n                handleResetExpanded();\n            }\n        },\n        // игнорируем зависимость от selected, т.к. триггером сброса состояния expanded должен быть именно\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            <TreeSelectorWrapper forwardRef={treeRefCallback}>\n                {/* eslint-disable-next-line no-nested-ternary */}\n                {hasModels ? (\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                            renderContentBefore={renderContentBefore}\n                            renderContentAfter={renderContentAfter}\n                        />\n                    ) : (\n                        <ItemsList\n                            collection={collection}\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                            renderContentBefore={renderContentBefore}\n                            renderContentAfter={renderContentAfter}\n                        />\n                    )\n                ) : (\n                    <>{contentNotFound}</>\n                )}\n            </TreeSelectorWrapper>\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        onMobileNavigationChange,\n        isSearch,\n        getSelectAllParentTrl,\n        renderContentBefore,\n        renderContentAfter,\n        currentExpanded,\n        handleExpansion,\n        indeterminate,\n        renderItemForDesktop,\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":[],"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 { ItemsList } from '@hh.ru/magritte-ui-tree-selector/ItemsList';\nimport { MobileItemsList } from '@hh.ru/magritte-ui-tree-selector/MobileItemsList';\nimport { TreeSelectorWrapper } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorWrapper';\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 { 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        renderContentBefore,\n        renderContentAfter,\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 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            // делаем сброс при монтировании компонента, пока он размонтирован нам не важно какой именно пункт раскрыт\n            if (node) {\n                handleResetExpanded();\n            }\n        },\n        // игнорируем зависимость от selected, т.к. триггером сброса состояния expanded должен быть именно\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            <TreeSelectorWrapper forwardRef={treeRefCallback}>\n                {/* eslint-disable-next-line no-nested-ternary */}\n                {hasModels ? (\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                            renderContentBefore={renderContentBefore}\n                            renderContentAfter={renderContentAfter}\n                        />\n                    ) : (\n                        <ItemsList\n                            collection={collection}\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                            renderContentBefore={renderContentBefore}\n                            renderContentAfter={renderContentAfter}\n                        />\n                    )\n                ) : (\n                    <>{contentNotFound}</>\n                )}\n            </TreeSelectorWrapper>\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        onMobileNavigationChange,\n        isSearch,\n        getSelectAllParentTrl,\n        renderContentBefore,\n        renderContentAfter,\n        currentExpanded,\n        handleExpansion,\n        indeterminate,\n        renderItemForDesktop,\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":[],"mappings":"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"}

package/TreeSelectorWrapper.js

@@ -16,9 +16,9 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-7M3t_BRl.js';
+import './tree-selector-item-CnEnj_YP.js';
 
-var styles = {"wrapper":"magritte-wrapper___EzesX_5-6-0","scroll-container":"magritte-scroll-container___wGzfI_5-6-0","scrollContainer":"magritte-scroll-container___wGzfI_5-6-0"};
+var styles = {"wrapper":"magritte-wrapper___EzesX_5-7-0","scroll-container":"magritte-scroll-container___wGzfI_5-7-0","scrollContainer":"magritte-scroll-container___wGzfI_5-7-0"};
 
 const TreeSelectorWrapper = ({
   forwardRef,

package/collection/types.d.ts

@@ -1,6 +1,10 @@
 import TreeCollection from '../collection/treeCollection';
 export interface AdditionalDefault {
     char?: string;
+    link?: {
+        href: string;
+        anchor: string;
+    };
 }
 export interface TreeModel<Additional extends AdditionalDefault = never> {
     id: string;

package/index.css

@@ -8,7 +8,7 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-2:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v26-0-2:200ms;
 }
-@keyframes magritte-fade-in___yS4Ja_5-6-0{
+@keyframes magritte-fade-in___yS4Ja_5-7-0{
   0%{
     opacity:0;
   }
@@ -16,27 +16,27 @@
     opacity:1;
   }
 }
-.magritte-item-animation-timeout___pbOyZ_5-6-0{
-  animation-name:magritte-fade-in___yS4Ja_5-6-0;
+.magritte-item-animation-timeout___pbOyZ_5-7-0{
+  animation-name:magritte-fade-in___yS4Ja_5-7-0;
   animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___pbOyZ_5-6-0{
+  .magritte-item-animation-timeout___pbOyZ_5-7-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
   }
 }
-.magritte-wrapper___GHKV6_5-6-0{
+.magritte-wrapper___GHKV6_5-7-0{
   display:flex;
   padding:12px 0;
   gap:12px;
   align-items:flex-start;
 }
-.magritte-wrapper___GHKV6_5-6-0.focus-visible{
+.magritte-wrapper___GHKV6_5-7-0.focus-visible{
   box-shadow:inset 0 0 0 4px var(--magritte-color-stroke-state-focused-accessible-v26-0-2);
 }
-.magritte-letter___yZOCU_5-6-0{
+.magritte-letter___yZOCU_5-7-0{
   width:24px;
   height:24px;
   display:flex;
@@ -44,74 +44,74 @@
   justify-content:center;
   flex-shrink:0;
 }
-.magritte-icon___kO3Fj_5-6-0,
-.magritte-space___xTO79_5-6-0{
+.magritte-icon___kO3Fj_5-7-0,
+.magritte-space___xTO79_5-7-0{
   flex-shrink:0;
   line-height:0;
   width:24px;
 }
-.magritte-icon___kO3Fj_5-6-0{
+.magritte-icon___kO3Fj_5-7-0{
   transform:rotate(0);
 }
-.magritte-wrapperActive___Hwk8p_5-6-0,
-.magritte-iconActive___4yrG5_5-6-0{
+.magritte-wrapperActive___Hwk8p_5-7-0,
+.magritte-iconActive___4yrG5_5-7-0{
   cursor:pointer;
 }
-.magritte-iconUp___mpXV6_5-6-0{
+.magritte-iconUp___mpXV6_5-7-0{
   transform:rotate(90deg);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-icon___kO3Fj_5-6-0{
+  .magritte-icon___kO3Fj_5-7-0{
     transition-property:transform;
     transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v26-0-2);
     transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v26-0-2);
   }
 }
-.magritte-content___ZRc6R_5-6-0{
+.magritte-content___ZRc6R_5-7-0{
   flex-grow:1;
 }
-.magritte-mobile-item___ynALC_5-6-0{
+.magritte-mobile-item___ynALC_5-7-0{
   display:flex;
   gap:12px;
   flex-wrap:wrap;
 }
-.magritte-with-gap___gbvGO_5-6-0{
+.magritte-with-gap___gbvGO_5-7-0{
   padding-top:12px;
 }
-.magritte-virtualized-list___qt2E6_5-6-0{
+.magritte-virtualized-list___qt2E6_5-7-0{
   width:100%;
   position:relative;
   will-change:transform;
 }
-.magritte-virtualized-item___qAYVN_5-6-0{
+.magritte-virtualized-item___qAYVN_5-7-0{
   position:absolute;
   top:0;
   left:0;
   width:100%;
 }
-.magritte-was-expanded___uCFbW_5-6-0{
-  animation-name:magritte-fade-in___yS4Ja_5-6-0;
+.magritte-was-expanded___uCFbW_5-7-0{
+  animation-name:magritte-fade-in___yS4Ja_5-7-0;
   animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-was-expanded___uCFbW_5-6-0{
+  .magritte-was-expanded___uCFbW_5-7-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
   }
 }
 
-.magritte-wrapper___EzesX_5-6-0{
+.magritte-wrapper___EzesX_5-7-0{
   height:100%;
   position:relative;
 }
-.magritte-scroll-container___wGzfI_5-6-0{
+.magritte-scroll-container___wGzfI_5-7-0{
   height:100%;
   overflow:auto;
   overscroll-behavior:none;
   scrollbar-width:none;
 }
-.magritte-scroll-container___wGzfI_5-6-0::-webkit-scrollbar{
+.magritte-scroll-container___wGzfI_5-7-0::-webkit-scrollbar{
   display:none;
 }
 
@@ -119,7 +119,7 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-2:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v26-0-2:200ms;
 }
-@keyframes magritte-fade-in___FDoho_5-6-0{
+@keyframes magritte-fade-in___FDoho_5-7-0{
   0%{
     opacity:0;
   }
@@ -127,14 +127,14 @@
     opacity:1;
   }
 }
-.magritte-item-animation-timeout___Pdli9_5-6-0{
-  animation-name:magritte-fade-in___FDoho_5-6-0;
+.magritte-item-animation-timeout___Pdli9_5-7-0{
+  animation-name:magritte-fade-in___FDoho_5-7-0;
   animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___Pdli9_5-6-0{
+  .magritte-item-animation-timeout___Pdli9_5-7-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
   }
 }

package/index.js

@@ -26,16 +26,18 @@ import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-7M3t_BRl.js';
+import './tree-selector-item-CnEnj_YP.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
+import '@hh.ru/magritte-ui-link';
 import './MobileDelimiter.js';
-import '@hh.ru/magritte-ui-card';
+import '@hh.ru/magritte-ui-section-header';
 import './MobileItem.js';
 import './MobileParentItem.js';
 import '@hh.ru/magritte-ui-badge';
+import '@hh.ru/magritte-ui-card';
 import './useExpanded.js';
 import './useIndeterminate.js';
 import './useRenderInput.js';

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/index.mock.js

@@ -25,7 +25,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-7M3t_BRl.js';
+import './tree-selector-item-CnEnj_YP.js';
 
 const TreeSelector = mockComponent(
   "TreeSelector",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -36,8 +36,10 @@
     "@hh.ru/magritte-ui-checkbox-radio": "4.2.0",
     "@hh.ru/magritte-ui-icon": "15.2.0",
     "@hh.ru/magritte-ui-input": "9.5.0",
+    "@hh.ru/magritte-ui-link": "7.3.0",
     "@hh.ru/magritte-ui-mock-component": "1.1.9",
     "@hh.ru/magritte-ui-scrollbar": "1.1.0",
+    "@hh.ru/magritte-ui-section-header": "1.1.13",
     "@hh.ru/magritte-ui-spacing": "2.1.32",
     "@hh.ru/magritte-ui-typography": "5.3.17",
     "@tanstack/react-virtual": "3.8.3"
@@ -50,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "24e606d1bcdafe5b56067887c4ebb87a8fa87c0c"
+  "gitHead": "f4405eda9cbc9deee847744b4e05e7d353c03a53"
 }

package/tree-selector-item-CnEnj_YP.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_5-7-0","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_5-7-0","fade-in":"magritte-fade-in___yS4Ja_5-7-0","fadeIn":"magritte-fade-in___yS4Ja_5-7-0","wrapper":"magritte-wrapper___GHKV6_5-7-0","letter":"magritte-letter___yZOCU_5-7-0","icon":"magritte-icon___kO3Fj_5-7-0","space":"magritte-space___xTO79_5-7-0","wrapperActive":"magritte-wrapperActive___Hwk8p_5-7-0","iconActive":"magritte-iconActive___4yrG5_5-7-0","iconUp":"magritte-iconUp___mpXV6_5-7-0","content":"magritte-content___ZRc6R_5-7-0","mobile-item":"magritte-mobile-item___ynALC_5-7-0","mobileItem":"magritte-mobile-item___ynALC_5-7-0","with-gap":"magritte-with-gap___gbvGO_5-7-0","withGap":"magritte-with-gap___gbvGO_5-7-0","virtualized-list":"magritte-virtualized-list___qt2E6_5-7-0","virtualizedList":"magritte-virtualized-list___qt2E6_5-7-0","virtualized-item":"magritte-virtualized-item___qAYVN_5-7-0","virtualizedItem":"magritte-virtualized-item___qAYVN_5-7-0","was-expanded":"magritte-was-expanded___uCFbW_5-7-0","wasExpanded":"magritte-was-expanded___uCFbW_5-7-0"};
+
+export { styles as s };
+//# sourceMappingURL=tree-selector-item-CnEnj_YP.js.map

package/tree-selector-item-CnEnj_YP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-selector-item-CnEnj_YP.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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_5-6-0","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_5-6-0","fade-in":"magritte-fade-in___FDoho_5-6-0","fadeIn":"magritte-fade-in___FDoho_5-6-0"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_5-7-0","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_5-7-0","fade-in":"magritte-fade-in___FDoho_5-7-0","fadeIn":"magritte-fade-in___FDoho_5-7-0"};
 
 const useAnimationTimeout = () => {
   const [animationTimeout, setAnimationTimeout] = useState(0);

package/tree-selector-item-7M3t_BRl.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_5-6-0","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_5-6-0","fade-in":"magritte-fade-in___yS4Ja_5-6-0","fadeIn":"magritte-fade-in___yS4Ja_5-6-0","wrapper":"magritte-wrapper___GHKV6_5-6-0","letter":"magritte-letter___yZOCU_5-6-0","icon":"magritte-icon___kO3Fj_5-6-0","space":"magritte-space___xTO79_5-6-0","wrapperActive":"magritte-wrapperActive___Hwk8p_5-6-0","iconActive":"magritte-iconActive___4yrG5_5-6-0","iconUp":"magritte-iconUp___mpXV6_5-6-0","content":"magritte-content___ZRc6R_5-6-0","mobile-item":"magritte-mobile-item___ynALC_5-6-0","mobileItem":"magritte-mobile-item___ynALC_5-6-0","with-gap":"magritte-with-gap___gbvGO_5-6-0","withGap":"magritte-with-gap___gbvGO_5-6-0","virtualized-list":"magritte-virtualized-list___qt2E6_5-6-0","virtualizedList":"magritte-virtualized-list___qt2E6_5-6-0","virtualized-item":"magritte-virtualized-item___qAYVN_5-6-0","virtualizedItem":"magritte-virtualized-item___qAYVN_5-6-0","was-expanded":"magritte-was-expanded___uCFbW_5-6-0","wasExpanded":"magritte-was-expanded___uCFbW_5-6-0"};
-
-export { styles as s };
-//# sourceMappingURL=tree-selector-item-7M3t_BRl.js.map

package/tree-selector-item-7M3t_BRl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-selector-item-7M3t_BRl.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}