@hh.ru/magritte-ui-tree-selector 4.6.23 → 4.6.25

package/Item.js

@@ -10,7 +10,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-BM_9pfzv.js';
+import './tree-selector-item-CX8fnfaS.js';
 
 const ONE_BOX_MARGIN = 36;
 const getMargin = (allBoxesCount, hasShift, hasIndent) => {

package/ItemContent.js

@@ -7,7 +7,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-BM_9pfzv.js';
+import { s as styles } from './tree-selector-item-CX8fnfaS.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-cell';
 

package/ItemsList.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useRef, useMemo, useCallback, useEffect } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { Item } from './Item.js';
-import { s as styles } from './tree-selector-item-BM_9pfzv.js';
+import { s as styles } from './tree-selector-item-CX8fnfaS.js';
 import 'classnames';
 import './ItemContent.js';
 import '@hh.ru/magritte-common-keyboard';

package/MobileItemsList.js

@@ -10,7 +10,7 @@ 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-BM_9pfzv.js';
+import { s as styles } from './tree-selector-item-CX8fnfaS.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-typography';

package/TreeSelector.js

@@ -19,7 +19,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-BM_9pfzv.js';
+import './tree-selector-item-CX8fnfaS.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
@@ -29,7 +29,6 @@ import './MobileItem.js';
 import './MobileParentItem.js';
 import '@hh.ru/magritte-ui-badge';
 import './TreeSelectorWrapper.js';
-import '@hh.ru/magritte-common-resize';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-internal-custom-scroll';
 import './collection/treeCollectionHelper.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;IAEF,IAAI,WAAW,IAAI,CAAC,kBAAkB,IAAI,CAAC,UAAU,EAAE;AACnD,QAAA,MAAM,IAAI,KAAK,CACX,CAAA,mGAAA,CAAqG,CACxG,CAAC;KACL;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;IAEF,IAAI,WAAW,IAAI,CAAC,kBAAkB,IAAI,CAAC,UAAU,EAAE;AACnD,QAAA,MAAM,IAAI,KAAK,CACX,CAAA,mGAAA,CAAqG,CACxG,CAAC;KACL;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

@@ -21,7 +21,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-BM_9pfzv.js';
+import './tree-selector-item-CX8fnfaS.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileDelimiter.js';
@@ -29,7 +29,6 @@ import '@hh.ru/magritte-ui-card';
 import './MobileItem.js';
 import './MobileParentItem.js';
 import '@hh.ru/magritte-ui-badge';
-import '@hh.ru/magritte-common-resize';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-internal-custom-scroll';
 import './collection/treeCollection.js';

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        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            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            <TreeSelectorWrapper forwardRef={treeRefCallback}>\n                {hasModels ? (\n                    <>\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                            />\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                            />\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        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":["_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 { 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        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            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            <TreeSelectorWrapper forwardRef={treeRefCallback}>\n                {hasModels ? (\n                    <>\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                            />\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                            />\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        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":["_jsx","_Fragment"],"mappings":"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"}

package/TreeSelectorWrapper.js

@@ -1,7 +1,7 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
-import { useState, useRef, useContext, useCallback, useLayoutEffect, useEffect, isValidElement } from 'react';
-import { useResize } from '@hh.ru/magritte-common-resize';
+import { useRef, useContext, useCallback, useLayoutEffect, useEffect, isValidElement } from 'react';
+import { throttle } from '@hh.ru/magritte-common-func-utils';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { CustomScrollContext } from '@hh.ru/magritte-internal-custom-scroll';
 
@@ -10,28 +10,31 @@ const toNumber = (value) => {
     return !Number.isNaN(result) ? result : 0;
 };
 const TreeSelectorWrapper = ({ forwardRef, ...props }) => {
-    const [height, setHeight] = useState(0);
     const wrapperRef = useRef(null);
     const wrapperMultiRef = useMultipleRefs(wrapperRef, forwardRef);
     const scrollContext = useContext(CustomScrollContext);
-    const calcHeight = useCallback(() => {
-        if (wrapperRef.current?.parentElement) {
-            const style = window.getComputedStyle(wrapperRef.current.parentElement) || {};
-            const paddingTop = toNumber(style.paddingTop || '0');
-            const paddingBottom = toNumber(style.paddingBottom || '0');
-            const borderTop = toNumber(style.borderTop || '0');
-            const borderBottom = toNumber(style.borderBottom || '0');
-            // срабатывает до старта анимации модала, поэтому можно использовать getBoundingClientRect
-            const height = wrapperRef.current.parentElement.getBoundingClientRect().height -
-                paddingTop -
-                paddingBottom -
-                borderTop -
-                borderBottom;
-            setHeight(height);
+    // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
+    const calcHeight = useCallback(throttle(() => {
+        if (!wrapperRef.current?.parentElement) {
+            return;
         }
-    }, []);
+        const parentHeight = wrapperRef.current.parentElement.getBoundingClientRect().height;
+        const style = window.getComputedStyle(wrapperRef.current.parentElement) || {};
+        const paddingTop = toNumber(style.paddingTop || '0');
+        const paddingBottom = toNumber(style.paddingBottom || '0');
+        const borderTop = toNumber(style.borderTop || '0');
+        const borderBottom = toNumber(style.borderBottom || '0');
+        // срабатывает до старта анимации модала, поэтому можно использовать getBoundingClientRect
+        const height = parentHeight - paddingTop - paddingBottom - borderTop - borderBottom;
+        wrapperRef.current.style.height = `${height}px`;
+    }, 50), []);
     useLayoutEffect(() => {
-        calcHeight();
+        if (!wrapperRef.current?.parentElement) {
+            return void 0;
+        }
+        const parentObserver = new ResizeObserver(calcHeight);
+        parentObserver.observe(wrapperRef.current.parentElement);
+        return () => parentObserver.disconnect();
     }, [calcHeight]);
     useEffect(() => {
         const wrapperElement = wrapperRef.current;
@@ -44,8 +47,7 @@ const TreeSelectorWrapper = ({ forwardRef, ...props }) => {
         wrapperElement.addEventListener('touchmove', handleTouchMove);
         return () => wrapperElement.removeEventListener('touchmove', handleTouchMove);
     }, [scrollContext]);
-    useResize(calcHeight);
-    return (jsx("div", { style: { height, overflow: 'auto' }, ref: wrapperMultiRef, "data-qa": "tree-selector-container", ...props }));
+    return jsx("div", { style: { overflow: 'auto' }, ref: wrapperMultiRef, "data-qa": "tree-selector-container", ...props });
 };
 TreeSelectorWrapper.isTreeSelectorWrapper = true;
 const isValidTreeSelectorWrapper = (component) => {

package/TreeSelectorWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectorWrapper.js","sources":["../src/TreeSelectorWrapper.tsx"],"sourcesContent":["import {\n    ReactNode,\n    PropsWithChildren,\n    useRef,\n    useState,\n    useLayoutEffect,\n    useCallback,\n    useEffect,\n    useContext,\n    ForwardedRef,\n    ReactElement,\n    isValidElement,\n} from 'react';\n\nimport { useResize } from '@hh.ru/magritte-common-resize';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { CustomScrollContext } from '@hh.ru/magritte-internal-custom-scroll';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\n\ninterface TreeSelectorWrapperProps extends PropsWithChildren {\n    forwardRef: ForwardedRef<HTMLDivElement>;\n}\n\nconst toNumber = (value: string) => {\n    const result = parseFloat(value);\n    return !Number.isNaN(result) ? result : 0;\n};\n\nexport const TreeSelectorWrapper: FcWithFlag<TreeSelectorWrapperProps, 'isTreeSelectorWrapper'> = ({\n    forwardRef,\n    ...props\n}) => {\n    const [height, setHeight] = useState(0);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperMultiRef = useMultipleRefs(wrapperRef, forwardRef);\n    const scrollContext = useContext(CustomScrollContext);\n\n    const calcHeight = useCallback(() => {\n        if (wrapperRef.current?.parentElement) {\n            const style = window.getComputedStyle(wrapperRef.current.parentElement) || {};\n            const paddingTop = toNumber(style.paddingTop || '0');\n            const paddingBottom = toNumber(style.paddingBottom || '0');\n            const borderTop = toNumber(style.borderTop || '0');\n            const borderBottom = toNumber(style.borderBottom || '0');\n            // срабатывает до старта анимации модала, поэтому можно использовать getBoundingClientRect\n            const height =\n                wrapperRef.current.parentElement.getBoundingClientRect().height -\n                paddingTop -\n                paddingBottom -\n                borderTop -\n                borderBottom;\n            setHeight(height);\n        }\n    }, []);\n\n    useLayoutEffect(() => {\n        calcHeight();\n    }, [calcHeight]);\n\n    useEffect(() => {\n        const wrapperElement = wrapperRef.current;\n        if (!wrapperElement || !scrollContext) {\n            return void 0;\n        }\n\n        const handleTouchMove = (event: TouchEvent) => {\n            event.stopPropagation();\n        };\n\n        wrapperElement.addEventListener('touchmove', handleTouchMove);\n        return () => wrapperElement.removeEventListener('touchmove', handleTouchMove);\n    }, [scrollContext]);\n\n    useResize(calcHeight);\n\n    return (\n        <div style={{ height, overflow: 'auto' }} ref={wrapperMultiRef} data-qa=\"tree-selector-container\" {...props} />\n    );\n};\n\nTreeSelectorWrapper.isTreeSelectorWrapper = true;\n\nexport const isValidTreeSelectorWrapper = (\n    component: ReactNode\n): component is ReactElement<TreeSelectorWrapperProps> => {\n    return (\n        isValidElement(component) && typeof component.type === 'function' && 'isTreeSelectorWrapper' in component.type\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAuBA,MAAM,QAAQ,GAAG,CAAC,KAAa,KAAI;AAC/B,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AACjC,IAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEK,MAAM,mBAAmB,GAAkE,CAAC,EAC/F,UAAU,EACV,GAAG,KAAK,EACX,KAAI;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AACxC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAChE,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAEtD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAChC,QAAA,IAAI,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE;AACnC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAC9E,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;YACrD,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC;YAC3D,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC;YACnD,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC,CAAC;;YAEzD,MAAM,MAAM,GACR,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBAC/D,UAAU;gBACV,aAAa;gBACb,SAAS;AACT,gBAAA,YAAY,CAAC;YACjB,SAAS,CAAC,MAAM,CAAC,CAAC;SACrB;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,MAAK;AACjB,QAAA,UAAU,EAAE,CAAC;AACjB,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC;AAC1C,QAAA,IAAI,CAAC,cAAc,IAAI,CAAC,aAAa,EAAE;YACnC,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,MAAM,eAAe,GAAG,CAAC,KAAiB,KAAI;YAC1C,KAAK,CAAC,eAAe,EAAE,CAAC;AAC5B,SAAC,CAAC;AAEF,QAAA,cAAc,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAC9D,OAAO,MAAM,cAAc,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAClF,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,UAAU,CAAC,CAAC;IAEtB,QACIA,aAAK,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,eAAe,EAAA,SAAA,EAAU,yBAAyB,EAAK,GAAA,KAAK,EAAI,CAAA,EACjH;AACN,EAAE;AAEF,mBAAmB,CAAC,qBAAqB,GAAG,IAAI,CAAC;AAEpC,MAAA,0BAA0B,GAAG,CACtC,SAAoB,KACiC;AACrD,IAAA,QACI,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,UAAU,IAAI,uBAAuB,IAAI,SAAS,CAAC,IAAI,EAChH;AACN;;;;"}
+{"version":3,"file":"TreeSelectorWrapper.js","sources":["../src/TreeSelectorWrapper.tsx"],"sourcesContent":["import {\n    ReactNode,\n    PropsWithChildren,\n    useRef,\n    useLayoutEffect,\n    useCallback,\n    useEffect,\n    useContext,\n    ForwardedRef,\n    ReactElement,\n    isValidElement,\n} from 'react';\n\nimport { throttle } from '@hh.ru/magritte-common-func-utils';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { CustomScrollContext } from '@hh.ru/magritte-internal-custom-scroll';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\n\ninterface TreeSelectorWrapperProps extends PropsWithChildren {\n    forwardRef: ForwardedRef<HTMLDivElement>;\n}\n\nconst toNumber = (value: string) => {\n    const result = parseFloat(value);\n    return !Number.isNaN(result) ? result : 0;\n};\n\nexport const TreeSelectorWrapper: FcWithFlag<TreeSelectorWrapperProps, 'isTreeSelectorWrapper'> = ({\n    forwardRef,\n    ...props\n}) => {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperMultiRef = useMultipleRefs(wrapperRef, forwardRef);\n    const scrollContext = useContext(CustomScrollContext);\n\n    // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    const calcHeight = useCallback(\n        throttle(() => {\n            if (!wrapperRef.current?.parentElement) {\n                return;\n            }\n            const parentHeight = wrapperRef.current.parentElement.getBoundingClientRect().height;\n            const style = window.getComputedStyle(wrapperRef.current.parentElement) || {};\n            const paddingTop = toNumber(style.paddingTop || '0');\n            const paddingBottom = toNumber(style.paddingBottom || '0');\n            const borderTop = toNumber(style.borderTop || '0');\n            const borderBottom = toNumber(style.borderBottom || '0');\n            // срабатывает до старта анимации модала, поэтому можно использовать getBoundingClientRect\n            const height = parentHeight - paddingTop - paddingBottom - borderTop - borderBottom;\n            wrapperRef.current.style.height = `${height}px`;\n        }, 50),\n        []\n    );\n\n    useLayoutEffect(() => {\n        if (!wrapperRef.current?.parentElement) {\n            return void 0;\n        }\n        const parentObserver = new ResizeObserver(calcHeight);\n        parentObserver.observe(wrapperRef.current.parentElement);\n        return () => parentObserver.disconnect();\n    }, [calcHeight]);\n\n    useEffect(() => {\n        const wrapperElement = wrapperRef.current;\n        if (!wrapperElement || !scrollContext) {\n            return void 0;\n        }\n\n        const handleTouchMove = (event: TouchEvent) => {\n            event.stopPropagation();\n        };\n\n        wrapperElement.addEventListener('touchmove', handleTouchMove);\n        return () => wrapperElement.removeEventListener('touchmove', handleTouchMove);\n    }, [scrollContext]);\n\n    return <div style={{ overflow: 'auto' }} ref={wrapperMultiRef} data-qa=\"tree-selector-container\" {...props} />;\n};\n\nTreeSelectorWrapper.isTreeSelectorWrapper = true;\n\nexport const isValidTreeSelectorWrapper = (\n    component: ReactNode\n): component is ReactElement<TreeSelectorWrapperProps> => {\n    return (\n        isValidElement(component) && typeof component.type === 'function' && 'isTreeSelectorWrapper' in component.type\n    );\n};\n"],"names":["_jsx"],"mappings":"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"}

package/index.css

@@ -1,10 +1,10 @@
 :root{
-  --magritte-semantic-animation-ease-in-out-100-timing-function-v21-3-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-100-duration-v21-3-1:100ms;
-  --magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-200-duration-v21-3-1:200ms;
+  --magritte-semantic-animation-ease-in-out-100-timing-function-v21-3-2:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-100-duration-v21-3-2:100ms;
+  --magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-200-duration-v21-3-2:200ms;
 }
-@keyframes magritte-fade-in___yS4Ja_4-6-23{
+@keyframes magritte-fade-in___yS4Ja_4-6-25{
   0%{
     opacity:0;
   }
@@ -12,24 +12,24 @@
     opacity:1;
   }
 }
-.magritte-item-animation-timeout___pbOyZ_4-6-23{
-  animation-name:magritte-fade-in___yS4Ja_4-6-23;
-  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-1);
+.magritte-item-animation-timeout___pbOyZ_4-6-25{
+  animation-name:magritte-fade-in___yS4Ja_4-6-25;
+  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___pbOyZ_4-6-23{
-    --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-1);
+  .magritte-item-animation-timeout___pbOyZ_4-6-25{
+    --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-2);
   }
 }
-.magritte-wrapper___GHKV6_4-6-23{
+.magritte-wrapper___GHKV6_4-6-25{
   display:flex;
   padding:12px 0;
   gap:12px;
   align-items:flex-start;
 }
-.magritte-letter___yZOCU_4-6-23{
+.magritte-letter___yZOCU_4-6-25{
   width:24px;
   height:24px;
   display:flex;
@@ -37,68 +37,68 @@
   justify-content:center;
   flex-shrink:0;
 }
-.magritte-icon___kO3Fj_4-6-23,
-.magritte-space___xTO79_4-6-23{
+.magritte-icon___kO3Fj_4-6-25,
+.magritte-space___xTO79_4-6-25{
   flex-shrink:0;
   line-height:0;
   width:24px;
 }
-.magritte-icon___kO3Fj_4-6-23{
+.magritte-icon___kO3Fj_4-6-25{
   transform:rotate(0);
 }
-.magritte-wrapperActive___Hwk8p_4-6-23,
-.magritte-iconActive___4yrG5_4-6-23{
+.magritte-wrapperActive___Hwk8p_4-6-25,
+.magritte-iconActive___4yrG5_4-6-25{
   cursor:pointer;
 }
-.magritte-iconUp___mpXV6_4-6-23{
+.magritte-iconUp___mpXV6_4-6-25{
   transform:rotate(90deg);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-icon___kO3Fj_4-6-23{
+  .magritte-icon___kO3Fj_4-6-25{
     transition-property:transform;
-    transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-3-1);
-    transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-3-1);
+    transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-3-2);
+    transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-3-2);
   }
 }
-.magritte-content___ZRc6R_4-6-23{
+.magritte-content___ZRc6R_4-6-25{
   flex-grow:1;
 }
-.magritte-mobile-item___ynALC_4-6-23{
+.magritte-mobile-item___ynALC_4-6-25{
   display:flex;
   gap:12px;
   flex-wrap:wrap;
 }
-.magritte-with-gap___gbvGO_4-6-23{
+.magritte-with-gap___gbvGO_4-6-25{
   padding-top:12px;
 }
-.magritte-virtualized-list___qt2E6_4-6-23{
+.magritte-virtualized-list___qt2E6_4-6-25{
   width:100%;
   position:relative;
   will-change:transform;
 }
-.magritte-virtualized-item___qAYVN_4-6-23{
+.magritte-virtualized-item___qAYVN_4-6-25{
   position:absolute;
   top:0;
   left:0;
   width:100%;
 }
-.magritte-was-expanded___uCFbW_4-6-23{
-  animation-name:magritte-fade-in___yS4Ja_4-6-23;
-  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-1);
+.magritte-was-expanded___uCFbW_4-6-25{
+  animation-name:magritte-fade-in___yS4Ja_4-6-25;
+  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-was-expanded___uCFbW_4-6-23{
-    --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-1);
+  .magritte-was-expanded___uCFbW_4-6-25{
+    --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-2);
   }
 }
 
 :root{
-  --magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-200-duration-v21-3-1:200ms;
+  --magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-200-duration-v21-3-2:200ms;
 }
-@keyframes magritte-fade-in___FDoho_4-6-23{
+@keyframes magritte-fade-in___FDoho_4-6-25{
   0%{
     opacity:0;
   }
@@ -106,14 +106,14 @@
     opacity:1;
   }
 }
-.magritte-item-animation-timeout___Pdli9_4-6-23{
-  animation-name:magritte-fade-in___FDoho_4-6-23;
-  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-1);
+.magritte-item-animation-timeout___Pdli9_4-6-25{
+  animation-name:magritte-fade-in___FDoho_4-6-25;
+  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___Pdli9_4-6-23{
-    --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-1);
+  .magritte-item-animation-timeout___Pdli9_4-6-25{
+    --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-2);
   }
 }

package/index.js

@@ -27,7 +27,7 @@ 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-BM_9pfzv.js';
+import './tree-selector-item-CX8fnfaS.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-cell';
@@ -43,6 +43,5 @@ import './useRenderInput.js';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-input';
 import './useAnimationTimeout.js';
-import '@hh.ru/magritte-common-resize';
 import '@hh.ru/magritte-internal-custom-scroll';
 //# 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/index.mock.js

@@ -10,7 +10,7 @@ import './strategy/createTreeCollectionToggler.js';
 import './strategy/dummyToggle.js';
 import 'react/jsx-runtime';
 import 'react';
-import '@hh.ru/magritte-common-resize';
+import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-internal-custom-scroll';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "4.6.23",
+  "version": "4.6.25",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -25,21 +25,21 @@
     "@hh.ru/magritte-common-keyboard": "4.1.0",
     "@hh.ru/magritte-common-resize": "0.1.14",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
-    "@hh.ru/magritte-design-tokens": "21.3.1",
+    "@hh.ru/magritte-design-tokens": "21.3.2",
     "@hh.ru/magritte-internal-custom-scroll": "1.3.3",
     "@hh.ru/magritte-types": "5.0.1",
-    "@hh.ru/magritte-ui-badge": "2.3.3",
+    "@hh.ru/magritte-ui-badge": "2.3.4",
     "@hh.ru/magritte-ui-breakpoint": "5.0.0",
-    "@hh.ru/magritte-ui-card": "7.0.2",
-    "@hh.ru/magritte-ui-cell": "4.1.7",
-    "@hh.ru/magritte-ui-checkable-card": "3.0.73",
-    "@hh.ru/magritte-ui-checkbox-radio": "3.0.41",
-    "@hh.ru/magritte-ui-icon": "9.0.0",
-    "@hh.ru/magritte-ui-input": "7.1.15",
+    "@hh.ru/magritte-ui-card": "7.0.3",
+    "@hh.ru/magritte-ui-cell": "4.1.8",
+    "@hh.ru/magritte-ui-checkable-card": "3.0.74",
+    "@hh.ru/magritte-ui-checkbox-radio": "3.0.42",
+    "@hh.ru/magritte-ui-icon": "9.0.1",
+    "@hh.ru/magritte-ui-input": "7.1.16",
     "@hh.ru/magritte-ui-mock-component": "1.0.12",
-    "@hh.ru/magritte-ui-spacing": "2.0.42",
-    "@hh.ru/magritte-ui-theme-provider": "1.1.40",
-    "@hh.ru/magritte-ui-typography": "3.0.30",
+    "@hh.ru/magritte-ui-spacing": "2.0.43",
+    "@hh.ru/magritte-ui-theme-provider": "1.1.41",
+    "@hh.ru/magritte-ui-typography": "3.0.31",
     "@tanstack/react-virtual": "3.8.3"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f0580e3372548c1cf344118a05710a20826f423d"
+  "gitHead": "67d95f11957ae1a1129f46f3ad346dcdc6d9e0ea"
 }

package/tree-selector-item-CX8fnfaS.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_4-6-25","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_4-6-25","fade-in":"magritte-fade-in___yS4Ja_4-6-25","fadeIn":"magritte-fade-in___yS4Ja_4-6-25","wrapper":"magritte-wrapper___GHKV6_4-6-25","letter":"magritte-letter___yZOCU_4-6-25","icon":"magritte-icon___kO3Fj_4-6-25","space":"magritte-space___xTO79_4-6-25","wrapperActive":"magritte-wrapperActive___Hwk8p_4-6-25","iconActive":"magritte-iconActive___4yrG5_4-6-25","iconUp":"magritte-iconUp___mpXV6_4-6-25","content":"magritte-content___ZRc6R_4-6-25","mobile-item":"magritte-mobile-item___ynALC_4-6-25","mobileItem":"magritte-mobile-item___ynALC_4-6-25","with-gap":"magritte-with-gap___gbvGO_4-6-25","withGap":"magritte-with-gap___gbvGO_4-6-25","virtualized-list":"magritte-virtualized-list___qt2E6_4-6-25","virtualizedList":"magritte-virtualized-list___qt2E6_4-6-25","virtualized-item":"magritte-virtualized-item___qAYVN_4-6-25","virtualizedItem":"magritte-virtualized-item___qAYVN_4-6-25","was-expanded":"magritte-was-expanded___uCFbW_4-6-25","wasExpanded":"magritte-was-expanded___uCFbW_4-6-25"};
+
+export { styles as s };
+//# sourceMappingURL=tree-selector-item-CX8fnfaS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-selector-item-CX8fnfaS.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_4-6-23","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-6-23","fade-in":"magritte-fade-in___FDoho_4-6-23","fadeIn":"magritte-fade-in___FDoho_4-6-23"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_4-6-25","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-6-25","fade-in":"magritte-fade-in___FDoho_4-6-25","fadeIn":"magritte-fade-in___FDoho_4-6-25"};
 
 const useAnimationTimeout = () => {
     const [animationTimeout, setAnimationTimeout] = useState(0);

package/tree-selector-item-BM_9pfzv.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_4-6-23","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_4-6-23","fade-in":"magritte-fade-in___yS4Ja_4-6-23","fadeIn":"magritte-fade-in___yS4Ja_4-6-23","wrapper":"magritte-wrapper___GHKV6_4-6-23","letter":"magritte-letter___yZOCU_4-6-23","icon":"magritte-icon___kO3Fj_4-6-23","space":"magritte-space___xTO79_4-6-23","wrapperActive":"magritte-wrapperActive___Hwk8p_4-6-23","iconActive":"magritte-iconActive___4yrG5_4-6-23","iconUp":"magritte-iconUp___mpXV6_4-6-23","content":"magritte-content___ZRc6R_4-6-23","mobile-item":"magritte-mobile-item___ynALC_4-6-23","mobileItem":"magritte-mobile-item___ynALC_4-6-23","with-gap":"magritte-with-gap___gbvGO_4-6-23","withGap":"magritte-with-gap___gbvGO_4-6-23","virtualized-list":"magritte-virtualized-list___qt2E6_4-6-23","virtualizedList":"magritte-virtualized-list___qt2E6_4-6-23","virtualized-item":"magritte-virtualized-item___qAYVN_4-6-23","virtualizedItem":"magritte-virtualized-item___qAYVN_4-6-23","was-expanded":"magritte-was-expanded___uCFbW_4-6-23","wasExpanded":"magritte-was-expanded___uCFbW_4-6-23"};
-
-export { styles as s };
-//# sourceMappingURL=tree-selector-item-BM_9pfzv.js.map

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

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