@hh.ru/magritte-ui-tree-selector 4.1.0 → 4.2.1

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-JlIDTcin.js';
+import './tree-selector-item-B2dSIMX8.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-JlIDTcin.js';
+import { s as styles } from './tree-selector-item-B2dSIMX8.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-JlIDTcin.js';
+import { s as styles } from './tree-selector-item-B2dSIMX8.js';
 import 'classnames';
 import './ItemContent.js';
 import '@hh.ru/magritte-common-keyboard';

package/MobileItemsList.js

@@ -9,7 +9,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-JlIDTcin.js';
+import { s as styles } from './tree-selector-item-B2dSIMX8.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-JlIDTcin.js';
+import './tree-selector-item-B2dSIMX8.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileDelimiter.js';
@@ -31,8 +31,6 @@ 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 '@hh.ru/magritte-ui-bottom-sheet';
-import '@hh.ru/magritte-ui-modal';
 import './collection/treeCollectionHelper.js';
 import './collection/treeCollection.js';
 import './useExpanded.js';

package/TreeSelector.js.map

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

package/TreeSelectorDummy.js

@@ -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-JlIDTcin.js';
+import './tree-selector-item-B2dSIMX8.js';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileDelimiter.js';
 import '@hh.ru/magritte-ui-card';
@@ -31,8 +31,6 @@ 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 '@hh.ru/magritte-ui-bottom-sheet';
-import '@hh.ru/magritte-ui-modal';
 import './collection/treeCollection.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-input';
@@ -136,7 +134,7 @@ const TreeSelectorDummyComponent = ({ collection: initialCollection, checkSelect
     ]);
     const renderTreeSelector = useCallback(() => {
         const hasModels = collection.getTopLevel().length;
-        return (jsx(TreeSelectorWrapper, { ref: treeRefCallback, children: hasModels ? (jsx(Fragment, { children: isMobile ? (jsx(MobileItemsList, { getMobileSearchItemOrder: getMobileSearchItemOrder || getSearchItemOrderDefault, collection: collection, selected: selected, disabled: disabled, onChange: onChange, leavesOnly: leavesOnly, checkSelectable: checkSelectable, singleChoice: singleChoice, ref: ref, setInputValue: setInputValue, renderItem: renderItem, renderMobileDelimiter: renderMobileDelimiter, handleChangeInput: handleChangeInput, contentFilterQuery: contentFilterQuery.trim(), onMobileNavigationChange: onMobileNavigationChange, isSearch: isSearch, getSelectAllParentTrl: getSelectAllParentTrl, renderContentBefore: renderContentBefore })) : (jsx(ItemsList, { collection: collection, leavesOnly: leavesOnly, checkSelectable: checkSelectable, expanded: currentExpanded, onExpansion: handleExpansion, selected: selected, onChange: onChange, disabled: disabled, singleChoice: singleChoice, indeterminate: indeterminate, isSearch: isSearch, renderItemForDesktop: renderItemForDesktop, renderContentBefore: renderContentBefore })) })) : (jsx(Fragment, { children: contentNotFound })) }));
+        return (jsx(TreeSelectorWrapper, { forwardRef: treeRefCallback, children: hasModels ? (jsx(Fragment, { children: isMobile ? (jsx(MobileItemsList, { getMobileSearchItemOrder: getMobileSearchItemOrder || getSearchItemOrderDefault, collection: collection, selected: selected, disabled: disabled, onChange: onChange, leavesOnly: leavesOnly, checkSelectable: checkSelectable, singleChoice: singleChoice, ref: ref, setInputValue: setInputValue, renderItem: renderItem, renderMobileDelimiter: renderMobileDelimiter, handleChangeInput: handleChangeInput, contentFilterQuery: contentFilterQuery.trim(), onMobileNavigationChange: onMobileNavigationChange, isSearch: isSearch, getSelectAllParentTrl: getSelectAllParentTrl, renderContentBefore: renderContentBefore })) : (jsx(ItemsList, { collection: collection, leavesOnly: leavesOnly, checkSelectable: checkSelectable, expanded: currentExpanded, onExpansion: handleExpansion, selected: selected, onChange: onChange, disabled: disabled, singleChoice: singleChoice, indeterminate: indeterminate, isSearch: isSearch, renderItemForDesktop: renderItemForDesktop, renderContentBefore: renderContentBefore })) })) : (jsx(Fragment, { children: contentNotFound })) }));
     }, [
         collection,
         treeRefCallback,

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 ref={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.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
-export declare const TreeSelectorWrapper: import("react").ForwardRefExoticComponent<{
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import { ReactNode, PropsWithChildren, ForwardedRef, ReactElement } from 'react';
+import { FcWithFlag } from '@hh.ru/magritte-types';
+interface TreeSelectorWrapperProps extends PropsWithChildren {
+    forwardRef: ForwardedRef<HTMLDivElement>;
+}
+export declare const TreeSelectorWrapper: FcWithFlag<TreeSelectorWrapperProps, 'isTreeSelectorWrapper'>;
+export declare const isValidTreeSelectorWrapper: (component: ReactNode) => component is ReactElement<TreeSelectorWrapperProps, string | import("react").JSXElementConstructor<any>>;
+export {};

package/TreeSelectorWrapper.js

@@ -1,16 +1,14 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useRef, useContext, useCallback, useLayoutEffect, useEffect } from 'react';
+import { useState, useRef, useContext, useCallback, useLayoutEffect, useEffect, isValidElement } from 'react';
 import { useResize } from '@hh.ru/magritte-common-resize';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { CustomScrollContext } from '@hh.ru/magritte-internal-custom-scroll';
-import { BottomSheetFullScreenContent } from '@hh.ru/magritte-ui-bottom-sheet';
-import { ModalContentFullHeight } from '@hh.ru/magritte-ui-modal';
 
-const TreeSelectorWrapper = forwardRef((props, ref) => {
+const TreeSelectorWrapper = ({ forwardRef, ...props }) => {
     const [height, setHeight] = useState(0);
     const wrapperRef = useRef(null);
-    const wrapperMultiRef = useMultipleRefs(wrapperRef, ref);
+    const wrapperMultiRef = useMultipleRefs(wrapperRef, forwardRef);
     const scrollContext = useContext(CustomScrollContext);
     const calcHeight = useCallback(() => {
         if (wrapperRef.current?.parentElement) {
@@ -36,9 +34,12 @@ const TreeSelectorWrapper = forwardRef((props, ref) => {
         return () => wrapperElement.removeEventListener('touchmove', handleTouchMove);
     }, [scrollContext]);
     useResize(calcHeight);
-    return scrollContext ? (jsx(BottomSheetFullScreenContent, { style: { height, overflow: 'auto' }, ref: wrapperMultiRef, ...props })) : (jsx(ModalContentFullHeight, { style: { height, overflow: 'auto' }, ref: wrapperMultiRef, ...props }));
-});
-TreeSelectorWrapper.displayName = 'TreeSelectorWrapper';
+    return jsx("div", { style: { height, overflow: 'auto' }, ref: wrapperMultiRef, ...props });
+};
+TreeSelectorWrapper.isTreeSelectorWrapper = true;
+const isValidTreeSelectorWrapper = (component) => {
+    return isValidElement(component) && typeof component.type !== 'string' && 'isTreeSelectorWrapper' in component.type;
+};
 
-export { TreeSelectorWrapper };
+export { TreeSelectorWrapper, isValidTreeSelectorWrapper };
 //# sourceMappingURL=TreeSelectorWrapper.js.map

package/TreeSelectorWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectorWrapper.js","sources":["../src/TreeSelectorWrapper.tsx"],"sourcesContent":["import {\n    forwardRef,\n    PropsWithChildren,\n    useRef,\n    useState,\n    useLayoutEffect,\n    useCallback,\n    useEffect,\n    useContext,\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 { BottomSheetFullScreenContent } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { ModalContentFullHeight } from '@hh.ru/magritte-ui-modal';\n\nexport const TreeSelectorWrapper = forwardRef<HTMLDivElement, PropsWithChildren>((props, ref) => {\n    const [height, setHeight] = useState(0);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperMultiRef = useMultipleRefs(wrapperRef, ref);\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 = parseFloat(style.paddingTop || '0');\n            const paddingBottom = parseFloat(style.paddingBottom || '0');\n            const height = wrapperRef.current.parentElement.offsetHeight - paddingTop - paddingBottom;\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 scrollContext ? (\n        <BottomSheetFullScreenContent style={{ height, overflow: 'auto' }} ref={wrapperMultiRef} {...props} />\n    ) : (\n        <ModalContentFullHeight style={{ height, overflow: 'auto' }} ref={wrapperMultiRef} {...props} />\n    );\n});\n\nTreeSelectorWrapper.displayName = 'TreeSelectorWrapper';\n"],"names":["_jsx"],"mappings":";;;;;;;;AAiBa,MAAA,mBAAmB,GAAG,UAAU,CAAoC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5F,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,GAAG,CAAC,CAAC;AACzD,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,UAAU,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;YACvD,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC;AAC7D,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;YAC1F,SAAS,CAAC,MAAM,CAAC,CAAC;AACrB,SAAA;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;AACjB,SAAA;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,OAAO,aAAa,IAChBA,GAAC,CAAA,4BAA4B,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,eAAe,EAAA,GAAM,KAAK,EAAA,CAAI,KAEtGA,GAAA,CAAC,sBAAsB,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,eAAe,EAAM,GAAA,KAAK,EAAI,CAAA,CACnG,CAAC;AACN,CAAC,EAAE;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"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\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 = parseFloat(style.paddingTop || '0');\n            const paddingBottom = parseFloat(style.paddingBottom || '0');\n            const height = wrapperRef.current.parentElement.offsetHeight - paddingTop - paddingBottom;\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 <div style={{ height, overflow: 'auto' }} ref={wrapperMultiRef} {...props} />;\n};\n\nTreeSelectorWrapper.isTreeSelectorWrapper = true;\n\nexport const isValidTreeSelectorWrapper = (\n    component: ReactNode\n): component is ReactElement<TreeSelectorWrapperProps> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isTreeSelectorWrapper' in component.type;\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAuBO,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,UAAU,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;YACvD,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC;AAC7D,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;YAC1F,SAAS,CAAC,MAAM,CAAC,CAAC;AACrB,SAAA;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;AACjB,SAAA;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;AAEtB,IAAA,OAAOA,aAAK,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,eAAe,EAAM,GAAA,KAAK,GAAI,CAAC;AACzF,EAAE;AAEF,mBAAmB,CAAC,qBAAqB,GAAG,IAAI,CAAC;AAEpC,MAAA,0BAA0B,GAAG,CACtC,SAAoB,KACiC;AACrD,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,uBAAuB,IAAI,SAAS,CAAC,IAAI,CAAC;AACxH;;;;"}

package/index.css

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

package/index.d.ts

@@ -7,4 +7,5 @@ export * from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';
 export * from '@hh.ru/magritte-ui-tree-selector/types';
 export * from '@hh.ru/magritte-ui-tree-selector/collection/types';
 export * from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';
+export { isValidTreeSelectorWrapper } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorWrapper';
 export { TreeCollection, ImmutableSelectionStrategy };

package/index.js

@@ -6,6 +6,7 @@ export { TreeSelector } from './TreeSelector.js';
 export { TreeSelectorDummy, TreeSelectorDummyComponent } from './TreeSelectorDummy.js';
 export { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
 export { filterMissingIds, filterParents, filterUniqueLeavesOnly, filterWithParents, fromTree, getIdsWithNoParentsInSameList, walk } from './collection/treeCollectionHelper.js';
+export { isValidTreeSelectorWrapper } from './TreeSelectorWrapper.js';
 import './strategy/selectionStrategy.js';
 import './strategy/createSingleValueToggler.js';
 import './strategy/createTreeCollectionToggler.js';
@@ -26,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-JlIDTcin.js';
+import './tree-selector-item-B2dSIMX8.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
@@ -35,16 +36,13 @@ import '@hh.ru/magritte-ui-card';
 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 '@hh.ru/magritte-ui-bottom-sheet';
-import '@hh.ru/magritte-ui-modal';
 import './useExpanded.js';
 import './useIndeterminate.js';
 import './useRenderInput.js';
 import '@hh.ru/magritte-common-func-utils';
+import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-input';
 import './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.d.ts

@@ -6,6 +6,7 @@ export { ThemeProvider };
 export * from '@hh.ru/magritte-ui-tree-selector/types';
 export * from '@hh.ru/magritte-ui-tree-selector/collection/types';
 export * from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';
+export { isValidTreeSelectorWrapper } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorWrapper';
 export { TreeCollection, ImmutableSelectionStrategy };
 export declare const TreeSelector: ForwardRefExoticComponent<Record<string, unknown>>;
 export declare const TreeSelectorDummy: ForwardRefExoticComponent<Record<string, unknown>>;

package/index.mock.js

@@ -3,10 +3,16 @@ import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
 export { default as TreeCollection } from './collection/treeCollection.js';
 export { default as ImmutableSelectionStrategy } from './strategy/immutableSelectionStrategy.js';
 export { filterMissingIds, filterParents, filterUniqueLeavesOnly, filterWithParents, fromTree, getIdsWithNoParentsInSameList, walk } from './collection/treeCollectionHelper.js';
+export { isValidTreeSelectorWrapper } from './TreeSelectorWrapper.js';
 import './strategy/selectionStrategy.js';
 import './strategy/createSingleValueToggler.js';
 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-use-multiple-refs';
+import '@hh.ru/magritte-internal-custom-scroll';
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');\n\nexport { ThemeProvider };\n\nexport * from '@hh.ru/magritte-ui-tree-selector/types';\nexport * from '@hh.ru/magritte-ui-tree-selector/collection/types';\nexport * from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nexport { TreeCollection, ImmutableSelectionStrategy };\n\nexport const TreeSelector: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n    'TreeSelector',\n    undefined,\n    { withChildren: true }\n);\n\nexport const TreeSelectorDummy: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n    'TreeSelectorDummy',\n    undefined,\n    {\n        withChildren: true,\n    }\n);\n\nexport const TreeSelectorItemBase = mockComponent('TreeSelectorItemBase');\n"],"names":[],"mappings":";;;;;;;;;AAMA;AACM,MAAA,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,EAAE;AAS3E,MAAA,YAAY,GAAuD,aAAa,CACzF,cAAc,EACd,SAAS,EACT,EAAE,YAAY,EAAE,IAAI,EAAE,EACxB;MAEW,iBAAiB,GAAuD,aAAa,CAC9F,mBAAmB,EACnB,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EACH;MAEW,oBAAoB,GAAG,aAAa,CAAC,sBAAsB;;;;"}
+{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');\n\nexport { ThemeProvider };\n\nexport * from '@hh.ru/magritte-ui-tree-selector/types';\nexport * from '@hh.ru/magritte-ui-tree-selector/collection/types';\nexport * from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nexport { isValidTreeSelectorWrapper } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorWrapper';\nexport { TreeCollection, ImmutableSelectionStrategy };\n\nexport const TreeSelector: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n    'TreeSelector',\n    undefined,\n    { withChildren: true }\n);\n\nexport const TreeSelectorDummy: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n    'TreeSelectorDummy',\n    undefined,\n    {\n        withChildren: true,\n    }\n);\n\nexport const TreeSelectorItemBase = mockComponent('TreeSelectorItemBase');\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMA;AACM,MAAA,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,EAAE;AAU3E,MAAA,YAAY,GAAuD,aAAa,CACzF,cAAc,EACd,SAAS,EACT,EAAE,YAAY,EAAE,IAAI,EAAE,EACxB;MAEW,iBAAiB,GAAuD,aAAa,CAC9F,mBAAmB,EACnB,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EACH;MAEW,oBAAoB,GAAG,aAAa,CAAC,sBAAsB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "4.1.0",
+  "version": "4.2.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -27,17 +27,16 @@
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
     "@hh.ru/magritte-design-tokens": "18.3.0",
     "@hh.ru/magritte-internal-custom-scroll": "1.2.0",
+    "@hh.ru/magritte-types": "4.0.2",
     "@hh.ru/magritte-ui-badge": "2.2.2",
-    "@hh.ru/magritte-ui-bottom-sheet": "5.2.5",
     "@hh.ru/magritte-ui-breakpoint": "4.0.3",
     "@hh.ru/magritte-ui-card": "6.0.12",
     "@hh.ru/magritte-ui-cell": "4.0.1",
     "@hh.ru/magritte-ui-checkable-card": "3.0.22",
     "@hh.ru/magritte-ui-checkbox-radio": "3.0.11",
     "@hh.ru/magritte-ui-icon": "7.4.0",
-    "@hh.ru/magritte-ui-input": "5.1.4",
+    "@hh.ru/magritte-ui-input": "6.0.0",
     "@hh.ru/magritte-ui-mock-component": "1.0.11",
-    "@hh.ru/magritte-ui-modal": "4.1.2",
     "@hh.ru/magritte-ui-spacing": "2.0.26",
     "@hh.ru/magritte-ui-theme-provider": "1.1.26",
     "@hh.ru/magritte-ui-typography": "3.0.13",
@@ -51,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ea23d2f658bf6ce2247c469f273fe77826f008ba"
+  "gitHead": "0b7ac9e55be5e82198d03abfefded1a2429518df"
 }

package/tree-selector-item-B2dSIMX8.js

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

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

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

package/tree-selector-item-JlIDTcin.js

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

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

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