@hh.ru/magritte-ui-tree-selector 1.2.1 → 1.3.0

package/Item.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import classnames from 'classnames';
-import { s as styles, I as ItemContent } from './ItemContent-ee30b04c.js';
+import { s as styles, I as ItemContent } from './ItemContent-6703f666.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';

package/{ItemContent-ee30b04c.js → ItemContent-6703f666.js}

@@ -7,7 +7,7 @@ import { DotFilledSize24, ChevronDownOutlinedSize24, ChevronUpOutlinedSize24 } f
 import { Action } from './Action.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"wrapper":"magritte-wrapper___GHKV6_1-2-1","letter":"magritte-letter___yZOCU_1-2-1","icon":"magritte-icon___kO3Fj_1-2-1","space":"magritte-space___xTO79_1-2-1","iconActive":"magritte-iconActive___4yrG5_1-2-1","content":"magritte-content___ZRc6R_1-2-1","with-shift":"magritte-with-shift___ZErxZ_1-2-1","withShift":"magritte-with-shift___ZErxZ_1-2-1","with-indent":"magritte-with-indent___MH9Vy_1-2-1","withIndent":"magritte-with-indent___MH9Vy_1-2-1","item":"magritte-item___2LtOL_1-2-1","children":"magritte-children___kq-eq_1-2-1","with-two-boxes":"magritte-with-two-boxes___LWOy2_1-2-1","withTwoBoxes":"magritte-with-two-boxes___LWOy2_1-2-1","with-three-boxes":"magritte-with-three-boxes___cyVao_1-2-1","withThreeBoxes":"magritte-with-three-boxes___cyVao_1-2-1"};
+var styles = {"wrapper":"magritte-wrapper___GHKV6_1-3-0","letter":"magritte-letter___yZOCU_1-3-0","icon":"magritte-icon___kO3Fj_1-3-0","space":"magritte-space___xTO79_1-3-0","iconActive":"magritte-iconActive___4yrG5_1-3-0","content":"magritte-content___ZRc6R_1-3-0","with-shift":"magritte-with-shift___ZErxZ_1-3-0","withShift":"magritte-with-shift___ZErxZ_1-3-0","with-indent":"magritte-with-indent___MH9Vy_1-3-0","withIndent":"magritte-with-indent___MH9Vy_1-3-0","item":"magritte-item___2LtOL_1-3-0","children":"magritte-children___kq-eq_1-3-0","with-two-boxes":"magritte-with-two-boxes___LWOy2_1-3-0","withTwoBoxes":"magritte-with-two-boxes___LWOy2_1-3-0","with-three-boxes":"magritte-with-three-boxes___cyVao_1-3-0","withThreeBoxes":"magritte-with-three-boxes___cyVao_1-3-0"};
 
 const ItemContent = ({ item, hasAction, hasChildren, letter, expanded, onExpansion, hasLetterOnLevel, selected, onChange, indeterminate, singleChoice, hasDot, maxControlsOnLevel, }) => {
     const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);
@@ -19,4 +19,4 @@ const ItemContent = ({ item, hasAction, hasChildren, letter, expanded, onExpansi
 };
 
 export { ItemContent as I, styles as s };
-//# sourceMappingURL=ItemContent-ee30b04c.js.map
+//# sourceMappingURL=ItemContent-6703f666.js.map

package/{ItemContent-ee30b04c.js.map → ItemContent-6703f666.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ItemContent-ee30b04c.js","sources":["../src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback } from 'react';\nimport classnames from 'classnames';\n\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { ChevronDownOutlinedSize24, ChevronUpOutlinedSize24, DotFilledSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemContent<A extends AdditionalDefault> {\n    item: TreeModel<A>;\n    hasChildren: boolean;\n    hasAction: boolean;\n    letter?: string;\n    onExpansion: (id: string) => void;\n    expanded?: boolean;\n    selected: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    indeterminate: boolean;\n    singleChoice?: boolean;\n    hasLetterOnLevel: boolean;\n    hasDot: boolean;\n    maxControlsOnLevel: number;\n}\n\nconst ItemContent = <A extends AdditionalDefault>({\n    item,\n    hasAction,\n    hasChildren,\n    letter,\n    expanded,\n    onExpansion,\n    hasLetterOnLevel,\n    selected,\n    onChange,\n    indeterminate,\n    singleChoice,\n    hasDot,\n    maxControlsOnLevel,\n}: ItemContent<A>): ReactElement => {\n    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n    const currentActionCount = +hasDot + +hasAction + +hasChildren;\n    const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n\n    return (\n        <div className={styles.wrapper}>\n            {(letter || hasLetterOnLevel) && (\n                <div className={styles.letter}>\n                    {letter && (\n                        <Text typography=\"subtitle-1-semibold\" style=\"secondary\" Element=\"span\">\n                            {letter}\n                        </Text>\n                    )}\n                </div>\n            )}\n            {hasDot && (\n                <div className={styles.icon}>\n                    <DotFilledSize24 initial=\"tertiary\" />\n                </div>\n            )}\n\n            {[...Array(neededSpacesCount).keys()].map((_, i) => (\n                <div key={i} className={styles.space} />\n            ))}\n\n            {hasChildren && (\n                <div\n                    className={classnames(styles.icon, {\n                        [styles.iconActive]: hasChildren,\n                    })}\n                    onClick={handleExpandableClick}\n                >\n                    {expanded && <ChevronDownOutlinedSize24 initial=\"tertiary\" />}\n                    {!expanded && <ChevronUpOutlinedSize24 initial=\"tertiary\" />}\n                </div>\n            )}\n\n            <Cell\n                left={\n                    hasAction ? (\n                        <Action\n                            selected={selected}\n                            onChange={onChange}\n                            id={item.id}\n                            indeterminate={indeterminate}\n                            singleChoice={singleChoice}\n                        />\n                    ) : undefined\n                }\n            >\n                <CellText>{item.text}</CellText>\n            </Cell>\n        </div>\n    );\n};\n\nexport { ItemContent };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AA2BA,MAAM,WAAW,GAAG,CAA8B,EAC9C,IAAI,EACJ,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,MAAM,EACN,kBAAkB,GACL,KAAkB;IAC/B,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7G,MAAM,kBAAkB,GAAG,CAAC,MAAM,GAAG,CAAC,SAAS,GAAG,CAAC,WAAW,CAAC;AAC/D,IAAA,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;IAElE,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACzB,CAAC,MAAM,IAAI,gBAAgB,MACxBC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EACxB,MAAM,KACHA,GAAA,CAAC,IAAI,EAAC,EAAA,UAAU,EAAC,qBAAqB,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAClE,MAAM,EACJ,CAAA,CACV,EACC,CAAA,CACT,EACA,MAAM,KACHA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,YACvBA,GAAC,CAAA,eAAe,EAAC,EAAA,OAAO,EAAC,UAAU,GAAG,EACpC,CAAA,CACT,EAEA,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAC3CA,GAAA,CAAA,KAAA,EAAA,EAAa,SAAS,EAAE,MAAM,CAAC,KAAK,EAA1B,EAAA,CAAC,CAA6B,CAC3C,CAAC,EAED,WAAW,KACRD,IACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,oBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW;AACnC,iBAAA,CAAC,EACF,OAAO,EAAE,qBAAqB,EAAA,QAAA,EAAA,CAE7B,QAAQ,IAAIC,GAAA,CAAC,yBAAyB,EAAA,EAAC,OAAO,EAAC,UAAU,EAAG,CAAA,EAC5D,CAAC,QAAQ,IAAIA,GAAC,CAAA,uBAAuB,IAAC,OAAO,EAAC,UAAU,EAAA,CAAG,IAC1D,CACT,EAEDA,GAAC,CAAA,IAAI,IACD,IAAI,EACA,SAAS,IACLA,GAAA,CAAC,MAAM,EAAA,EACH,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC5B,IACF,SAAS,EAGjB,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAE,IAAI,CAAC,IAAI,GAAY,EAC7B,CAAA,CAAA,EAAA,CACL,EACR;AACN;;;;"}
+{"version":3,"file":"ItemContent-6703f666.js","sources":["../src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback } from 'react';\nimport classnames from 'classnames';\n\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { ChevronDownOutlinedSize24, ChevronUpOutlinedSize24, DotFilledSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemContent<A extends AdditionalDefault> {\n    item: TreeModel<A>;\n    hasChildren: boolean;\n    hasAction: boolean;\n    letter?: string;\n    onExpansion: (id: string) => void;\n    expanded?: boolean;\n    selected: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    indeterminate: boolean;\n    singleChoice?: boolean;\n    hasLetterOnLevel: boolean;\n    hasDot: boolean;\n    maxControlsOnLevel: number;\n}\n\nconst ItemContent = <A extends AdditionalDefault>({\n    item,\n    hasAction,\n    hasChildren,\n    letter,\n    expanded,\n    onExpansion,\n    hasLetterOnLevel,\n    selected,\n    onChange,\n    indeterminate,\n    singleChoice,\n    hasDot,\n    maxControlsOnLevel,\n}: ItemContent<A>): ReactElement => {\n    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n    const currentActionCount = +hasDot + +hasAction + +hasChildren;\n    const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n\n    return (\n        <div className={styles.wrapper}>\n            {(letter || hasLetterOnLevel) && (\n                <div className={styles.letter}>\n                    {letter && (\n                        <Text typography=\"subtitle-1-semibold\" style=\"secondary\" Element=\"span\">\n                            {letter}\n                        </Text>\n                    )}\n                </div>\n            )}\n            {hasDot && (\n                <div className={styles.icon}>\n                    <DotFilledSize24 initial=\"tertiary\" />\n                </div>\n            )}\n\n            {[...Array(neededSpacesCount).keys()].map((_, i) => (\n                <div key={i} className={styles.space} />\n            ))}\n\n            {hasChildren && (\n                <div\n                    className={classnames(styles.icon, {\n                        [styles.iconActive]: hasChildren,\n                    })}\n                    onClick={handleExpandableClick}\n                >\n                    {expanded && <ChevronDownOutlinedSize24 initial=\"tertiary\" />}\n                    {!expanded && <ChevronUpOutlinedSize24 initial=\"tertiary\" />}\n                </div>\n            )}\n\n            <Cell\n                left={\n                    hasAction ? (\n                        <Action\n                            selected={selected}\n                            onChange={onChange}\n                            id={item.id}\n                            indeterminate={indeterminate}\n                            singleChoice={singleChoice}\n                        />\n                    ) : undefined\n                }\n            >\n                <CellText>{item.text}</CellText>\n            </Cell>\n        </div>\n    );\n};\n\nexport { ItemContent };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AA2BA,MAAM,WAAW,GAAG,CAA8B,EAC9C,IAAI,EACJ,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,MAAM,EACN,kBAAkB,GACL,KAAkB;IAC/B,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7G,MAAM,kBAAkB,GAAG,CAAC,MAAM,GAAG,CAAC,SAAS,GAAG,CAAC,WAAW,CAAC;AAC/D,IAAA,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;IAElE,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACzB,CAAC,MAAM,IAAI,gBAAgB,MACxBC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EACxB,MAAM,KACHA,GAAA,CAAC,IAAI,EAAC,EAAA,UAAU,EAAC,qBAAqB,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAClE,MAAM,EACJ,CAAA,CACV,EACC,CAAA,CACT,EACA,MAAM,KACHA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,YACvBA,GAAC,CAAA,eAAe,EAAC,EAAA,OAAO,EAAC,UAAU,GAAG,EACpC,CAAA,CACT,EAEA,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAC3CA,GAAA,CAAA,KAAA,EAAA,EAAa,SAAS,EAAE,MAAM,CAAC,KAAK,EAA1B,EAAA,CAAC,CAA6B,CAC3C,CAAC,EAED,WAAW,KACRD,IACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,oBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW;AACnC,iBAAA,CAAC,EACF,OAAO,EAAE,qBAAqB,EAAA,QAAA,EAAA,CAE7B,QAAQ,IAAIC,GAAA,CAAC,yBAAyB,EAAA,EAAC,OAAO,EAAC,UAAU,EAAG,CAAA,EAC5D,CAAC,QAAQ,IAAIA,GAAC,CAAA,uBAAuB,IAAC,OAAO,EAAC,UAAU,EAAA,CAAG,IAC1D,CACT,EAEDA,GAAC,CAAA,IAAI,IACD,IAAI,EACA,SAAS,IACLA,GAAA,CAAC,MAAM,EAAA,EACH,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC5B,IACF,SAAS,EAGjB,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAE,IAAI,CAAC,IAAI,GAAY,EAC7B,CAAA,CAAA,EAAA,CACL,EACR;AACN;;;;"}

package/ItemContent.js

@@ -6,6 +6,6 @@ import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
 import '@hh.ru/magritte-ui-typography';
-export { I as ItemContent } from './ItemContent-ee30b04c.js';
+export { I as ItemContent } from './ItemContent-6703f666.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 //# sourceMappingURL=ItemContent.js.map

package/ItemsList.js

@@ -3,7 +3,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { Item } from './Item.js';
 import 'react';
 import 'classnames';
-import './ItemContent-ee30b04c.js';
+import './ItemContent-6703f666.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';

package/MobileItemsList.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import TreeCollection from './collection/treeCollection';
-import { AdditionalDefault, IdCollectionPredicate } from './collection/types';
+import { AdditionalDefault, IdCollectionPredicate, TreeModel } from './collection/types';
 import { ListControls } from './types';
 interface MobileItemsListProps<A extends AdditionalDefault> {
     collection: TreeCollection<A>;
@@ -9,6 +9,10 @@ interface MobileItemsListProps<A extends AdditionalDefault> {
     singleChoice?: boolean;
     checkSelectable?: IdCollectionPredicate;
     onChange: (id: string, isSelected: boolean) => void;
+    getSearchItemOrder: (model: TreeModel<A>) => number;
+    setInputValue: (newValue: string) => void;
+    handleChangeInput: (newValue: string) => void;
+    contentFilterQuery: string;
 }
 export declare const MobileItemsList: import("react").ForwardRefExoticComponent<MobileItemsListProps<AdditionalDefault> & import("react").RefAttributes<ListControls>>;
 export {};

package/MobileItemsList.js

@@ -1,6 +1,6 @@
 import './index.css';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useState, useMemo, useImperativeHandle } from 'react';
+import { forwardRef, useRef, useState, useMemo, useEffect, useImperativeHandle } from 'react';
 import { Cell, CellText } from '@hh.ru/magritte-ui-cell';
 import { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import { Action } from './Action.js';
@@ -10,22 +10,53 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-card';
 
 const MobileItemsListComponent = (props, ref) => {
-    const { collection, selected, leavesOnly, singleChoice, onChange, checkSelectable } = props;
+    const { collection, selected, leavesOnly, singleChoice, onChange, checkSelectable, getSearchItemOrder, setInputValue, handleChangeInput, contentFilterQuery, } = props;
     const prevParentIds = useRef([]);
+    const prevQueries = useRef([]);
+    const currentQuery = useRef(contentFilterQuery);
     const [currentParentId, setCurrentParentId] = useState();
+    const isSearch = !!contentFilterQuery;
     const items = useMemo(() => (currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel()), [currentParentId, collection]);
+    const { itemsByOrder, sortedOrders } = useMemo(() => {
+        const orders = new Set();
+        const itemsByOrder = items.reduce((acc, item) => {
+            const modelOrder = isSearch ? getSearchItemOrder(item) : 0;
+            orders.add(modelOrder);
+            acc[modelOrder] = acc[modelOrder] || [];
+            acc[modelOrder].push(item);
+            return acc;
+        }, {});
+        return { itemsByOrder, sortedOrders: [...orders].sort((a, b) => a - b) };
+    }, [items, isSearch, getSearchItemOrder]);
     const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);
+    useEffect(() => {
+        setCurrentParentId(undefined);
+        prevParentIds.current = [];
+        prevQueries.current = [];
+        currentQuery.current = contentFilterQuery;
+    }, [contentFilterQuery]);
     useImperativeHandle(ref, () => ({
         back: () => {
             setCurrentParentId(prevParentIds.current.pop());
+            if (prevQueries.current.length) {
+                setInputValue(prevQueries.current.pop());
+            }
+            else {
+                handleChangeInput('');
+            }
         },
-    }), []);
-    return (jsxs(Fragment, { children: [isSelectable && (jsx(CheckableCardElement, { padding: 16, borderRadius: 12, Element: "label", checked: selected.includes(currentParentId), children: jsx(Cell, { Element: 'div', right: jsx(Action, { selected: selected.includes(currentParentId), onChange: onChange, id: currentParentId, singleChoice: singleChoice }), children: jsx(CellText, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435" }) }) })), items.map((item) => {
-                const hasChildren = collection.hasChildren(item.id);
-                return hasChildren ? (jsx(MobileParentItem, { collection: collection, item: item, selected: selected, onClick: () => {
-                        prevParentIds.current.push(currentParentId);
-                        setCurrentParentId(item.id);
-                    } }, item.id)) : (jsx(MobileItem, { item: item, singleChoice: singleChoice, isSelectable: checkSelectable?.(item.id, collection), isSelected: selected.includes(item.id), onChange: onChange }, item.id));
+    }), [handleChangeInput, setInputValue]);
+    return (jsxs(Fragment, { children: [isSelectable && (jsx(CheckableCardElement, { padding: 16, borderRadius: 12, Element: "label", checked: selected.includes(currentParentId), children: jsx(Cell, { Element: 'div', right: jsx(Action, { selected: selected.includes(currentParentId), onChange: onChange, id: currentParentId, singleChoice: singleChoice }), children: jsx(CellText, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435" }) }) })), sortedOrders.map((order) => {
+                return itemsByOrder[order].map((item) => {
+                    const hasChildren = collection.hasChildren(item.id);
+                    return hasChildren ? (jsx(MobileParentItem, { collection: collection, item: item, selected: selected, onClick: () => {
+                            prevParentIds.current.push(currentParentId);
+                            prevQueries.current.push(currentQuery.current);
+                            setCurrentParentId(item.id);
+                            setInputValue('');
+                            currentQuery.current = '';
+                        } }, item.id)) : (jsx(MobileItem, { item: item, singleChoice: singleChoice, isSelectable: checkSelectable?.(item.id, collection), isSelected: selected.includes(item.id), onChange: onChange }, item.id));
+                });
             })] }));
 };
 const MobileItemsList = forwardRef(MobileItemsListComponent);

package/MobileItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileItemsList.js","sources":["../src/MobileItemsList.tsx"],"sourcesContent":["import { ReactElement, useMemo, useState, useImperativeHandle, forwardRef, ForwardedRef, useRef } from 'react';\n\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { MobileItem } from '@hh.ru/magritte-ui-tree-selector/MobileItem';\nimport { MobileParentItem } from '@hh.ru/magritte-ui-tree-selector/MobileParentItem';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, IdCollectionPredicate } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ListControls } from '@hh.ru/magritte-ui-tree-selector/types';\n\ninterface MobileItemsListProps<A extends AdditionalDefault> {\n    collection: TreeCollection<A>;\n    selected: string[];\n    leavesOnly?: boolean;\n    singleChoice?: boolean;\n    checkSelectable?: IdCollectionPredicate;\n    onChange: (id: string, isSelected: boolean) => void;\n}\n\nconst MobileItemsListComponent = <A extends AdditionalDefault>(\n    props: MobileItemsListProps<A>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const { collection, selected, leavesOnly, singleChoice, onChange, checkSelectable } = props;\n    const prevParentIds = useRef<(string | undefined)[]>([]);\n    const [currentParentId, setCurrentParentId] = useState<string | undefined>();\n    const items = useMemo(\n        () => (currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel()),\n        [currentParentId, collection]\n    );\n    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            back: () => {\n                setCurrentParentId(prevParentIds.current.pop());\n            },\n        }),\n        []\n    );\n\n    return (\n        <>\n            {isSelectable && (\n                <CheckableCardElement\n                    padding={16}\n                    borderRadius={12}\n                    Element=\"label\"\n                    checked={selected.includes(currentParentId)}\n                >\n                    <Cell\n                        Element={'div'}\n                        right={\n                            <Action\n                                selected={selected.includes(currentParentId)}\n                                onChange={onChange}\n                                id={currentParentId}\n                                singleChoice={singleChoice}\n                            />\n                        }\n                    >\n                        <CellText>Выбрать все</CellText>\n                    </Cell>\n                </CheckableCardElement>\n            )}\n            {items.map((item) => {\n                const hasChildren = collection.hasChildren(item.id);\n\n                return hasChildren ? (\n                    <MobileParentItem\n                        key={item.id}\n                        collection={collection}\n                        item={item}\n                        selected={selected}\n                        onClick={() => {\n                            prevParentIds.current.push(currentParentId);\n                            setCurrentParentId(item.id);\n                        }}\n                    />\n                ) : (\n                    <MobileItem\n                        key={item.id}\n                        item={item}\n                        singleChoice={singleChoice}\n                        isSelectable={checkSelectable?.(item.id, collection)}\n                        isSelected={selected.includes(item.id)}\n                        onChange={onChange}\n                    />\n                );\n            })}\n        </>\n    );\n};\n\nexport const MobileItemsList = forwardRef(MobileItemsListComponent);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;AAoBA,MAAM,wBAAwB,GAAG,CAC7B,KAA8B,EAC9B,GAA+B,KACjB;AACd,IAAA,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;AAC5F,IAAA,MAAM,aAAa,GAAG,MAAM,CAAyB,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAsB,CAAC;AAC7E,IAAA,MAAM,KAAK,GAAG,OAAO,CACjB,OAAO,eAAe,GAAG,UAAU,CAAC,WAAW,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,EAC5F,CAAC,eAAe,EAAE,UAAU,CAAC,CAChC,CAAC;AACF,IAAA,MAAM,YAAY,GAAG,eAAe,IAAI,CAAC,UAAU,IAAI,eAAe,GAAG,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtG,IAAA,mBAAmB,CACf,GAAG,EACH,OAAO;QACH,IAAI,EAAE,MAAK;YACP,kBAAkB,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;SACnD;KACJ,CAAC,EACF,EAAE,CACL,CAAC;AAEF,IAAA,QACIA,IACK,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAY,KACTC,IAAC,oBAAoB,EAAA,EACjB,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,EAAE,EAChB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,EAE3C,QAAA,EAAAA,GAAA,CAAC,IAAI,EACD,EAAA,OAAO,EAAE,KAAK,EACd,KAAK,EACDA,GAAC,CAAA,MAAM,IACH,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,eAAe,EACnB,YAAY,EAAE,YAAY,EAC5B,CAAA,EAAA,QAAA,EAGNA,GAAC,CAAA,QAAQ,gFAAuB,EAC7B,CAAA,EAAA,CACY,CAC1B,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;gBAChB,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAEpD,OAAO,WAAW,IACdA,GAAC,CAAA,gBAAgB,EAEb,EAAA,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAK;AACV,wBAAA,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AAC5C,wBAAA,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;qBAC/B,EAAA,EAPI,IAAI,CAAC,EAAE,CAQd,KAEFA,GAAC,CAAA,UAAU,IAEP,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC,EACpD,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EACtC,QAAQ,EAAE,QAAQ,EALb,EAAA,IAAI,CAAC,EAAE,CAMd,CACL,CAAC;aACL,CAAC,CACH,EAAA,CAAA,EACL;AACN,CAAC,CAAC;MAEW,eAAe,GAAG,UAAU,CAAC,wBAAwB;;;;"}
+{"version":3,"file":"MobileItemsList.js","sources":["../src/MobileItemsList.tsx"],"sourcesContent":["import {\n    ReactElement,\n    useMemo,\n    useState,\n    useImperativeHandle,\n    forwardRef,\n    ForwardedRef,\n    useRef,\n    useEffect,\n} from 'react';\n\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { MobileItem } from '@hh.ru/magritte-ui-tree-selector/MobileItem';\nimport { MobileParentItem } from '@hh.ru/magritte-ui-tree-selector/MobileParentItem';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, IdCollectionPredicate, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ListControls } from '@hh.ru/magritte-ui-tree-selector/types';\n\ninterface MobileItemsListProps<A extends AdditionalDefault> {\n    collection: TreeCollection<A>;\n    selected: string[];\n    leavesOnly?: boolean;\n    singleChoice?: boolean;\n    checkSelectable?: IdCollectionPredicate;\n    onChange: (id: string, isSelected: boolean) => void;\n    getSearchItemOrder: (model: TreeModel<A>) => number;\n    setInputValue: (newValue: string) => void;\n    handleChangeInput: (newValue: string) => void;\n    contentFilterQuery: string;\n}\n\nconst MobileItemsListComponent = <A extends AdditionalDefault>(\n    props: MobileItemsListProps<A>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const {\n        collection,\n        selected,\n        leavesOnly,\n        singleChoice,\n        onChange,\n        checkSelectable,\n        getSearchItemOrder,\n        setInputValue,\n        handleChangeInput,\n        contentFilterQuery,\n    } = props;\n    const prevParentIds = useRef<(string | undefined)[]>([]);\n    const prevQueries = useRef<string[]>([]);\n    const currentQuery = useRef(contentFilterQuery);\n    const [currentParentId, setCurrentParentId] = useState<string | undefined>();\n    const isSearch = !!contentFilterQuery;\n    const items = useMemo(\n        () => (currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel()),\n        [currentParentId, collection]\n    );\n    const { itemsByOrder, sortedOrders } = useMemo(() => {\n        const orders = new Set<number>();\n        const itemsByOrder = items.reduce<Record<number, TreeModel<A>[]>>((acc, item) => {\n            const modelOrder = isSearch ? getSearchItemOrder(item) : 0;\n            orders.add(modelOrder);\n            acc[modelOrder] = acc[modelOrder] || [];\n            acc[modelOrder].push(item);\n            return acc;\n        }, {});\n        return { itemsByOrder, sortedOrders: [...orders].sort((a, b) => a - b) };\n    }, [items, isSearch, getSearchItemOrder]);\n\n    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);\n\n    useEffect(() => {\n        setCurrentParentId(undefined);\n        prevParentIds.current = [];\n        prevQueries.current = [];\n        currentQuery.current = contentFilterQuery;\n    }, [contentFilterQuery]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            back: () => {\n                setCurrentParentId(prevParentIds.current.pop());\n                if (prevQueries.current.length) {\n                    setInputValue(prevQueries.current.pop() as string);\n                } else {\n                    handleChangeInput('');\n                }\n            },\n        }),\n        [handleChangeInput, setInputValue]\n    );\n\n    return (\n        <>\n            {isSelectable && (\n                <CheckableCardElement\n                    padding={16}\n                    borderRadius={12}\n                    Element=\"label\"\n                    checked={selected.includes(currentParentId)}\n                >\n                    <Cell\n                        Element={'div'}\n                        right={\n                            <Action\n                                selected={selected.includes(currentParentId)}\n                                onChange={onChange}\n                                id={currentParentId}\n                                singleChoice={singleChoice}\n                            />\n                        }\n                    >\n                        <CellText>Выбрать все</CellText>\n                    </Cell>\n                </CheckableCardElement>\n            )}\n            {sortedOrders.map((order) => {\n                return itemsByOrder[order].map((item) => {\n                    const hasChildren = collection.hasChildren(item.id);\n\n                    return hasChildren ? (\n                        <MobileParentItem\n                            key={item.id}\n                            collection={collection}\n                            item={item}\n                            selected={selected}\n                            onClick={() => {\n                                prevParentIds.current.push(currentParentId);\n                                prevQueries.current.push(currentQuery.current);\n                                setCurrentParentId(item.id);\n                                setInputValue('');\n                                currentQuery.current = '';\n                            }}\n                        />\n                    ) : (\n                        <MobileItem\n                            key={item.id}\n                            item={item}\n                            singleChoice={singleChoice}\n                            isSelectable={checkSelectable?.(item.id, collection)}\n                            isSelected={selected.includes(item.id)}\n                            onChange={onChange}\n                        />\n                    );\n                });\n            })}\n        </>\n    );\n};\n\nexport const MobileItemsList = forwardRef(MobileItemsListComponent);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/TreeSelector.js

@@ -1,15 +1,18 @@
 import './index.css';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useState, useRef, useEffect, useCallback } from 'react';
+import { match } from '@hh.ru/magritte-common-fuzzy-search';
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { VSpacingContainer } from '@hh.ru/magritte-ui-spacing';
 import { ItemsList } from './ItemsList.js';
 import { MobileItemsList } from './MobileItemsList.js';
+import { filterWithParents } from './collection/treeCollectionHelper.js';
 import useExpanded from './useExpanded.js';
 import { useIndeterminate } from './useIndeterminate.js';
+import { useRenderInput } from './useRenderInput.js';
 import './Item.js';
 import 'classnames';
-import './ItemContent-ee30b04c.js';
+import './ItemContent-6703f666.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
@@ -19,18 +22,105 @@ import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileItem.js';
 import './MobileParentItem.js';
 import '@hh.ru/magritte-ui-card';
+import './collection/treeCollection.js';
+import '@hh.ru/magritte-ui-input';
 
 const defaultCheckSelectable = () => true;
 const defaultArray = [];
-const TreeSelector = forwardRef(({ collection, checkSelectable = defaultCheckSelectable, initialExpanded = defaultArray, value: selected, leavesOnly, singleChoice, expanded, onExpand, onChange, }, ref) => {
-    const { indeterminate } = useIndeterminate({ collection, selected });
-    const { expanded: currentExpanded, handleExpansion } = useExpanded({
+const needToApply = (query) => {
+    return !!(query && query.length);
+};
+const TreeSelector = forwardRef(({ collection: initialCollection, checkSelectable = defaultCheckSelectable, initialExpanded = defaultArray, value: selected, leavesOnly, singleChoice, expanded, treeFilter = filterWithParents, suggestedNotFound = defaultArray, constantlySuggested = defaultArray, onExpand, onChange, onChangeFilterQuery, children, }, ref) => {
+    const [collection, setCollection] = useState(initialCollection);
+    const currentQuery = useRef('');
+    const suggestedNotFoundModels = useRef(initialCollection.getExistModels(suggestedNotFound));
+    const constantlySuggestedModels = useRef(initialCollection.getExistModels(constantlySuggested));
+    const { indeterminate } = useIndeterminate({ collection: initialCollection, selected });
+    const { expanded: currentExpanded, setExpanded, handleExpansion, } = useExpanded({
         initialValue: expanded ? expanded.slice() : initialExpanded.slice(),
         controlledExpanded: expanded,
         onExpand,
     });
     const { isMobile } = useBreakpoint();
-    return (jsx(VSpacingContainer, { default: 12, gteM: 0, children: isMobile ? (jsx(MobileItemsList, { collection: collection, selected: selected, onChange: onChange, leavesOnly: leavesOnly, checkSelectable: checkSelectable, singleChoice: singleChoice, ref: ref })) : (jsx(ItemsList, { collection: collection, items: collection.getTopLevel(), leavesOnly: leavesOnly, checkSelectable: checkSelectable, expanded: currentExpanded, onExpansion: handleExpansion, selected: selected, onChange: onChange, singleChoice: singleChoice, indeterminate: indeterminate })) }));
+    const { contentFilterQuery, setInputValue, handleChangeInput, renderInput } = useRenderInput();
+    useEffect(() => {
+        const contentFilterQueryTrimmed = contentFilterQuery.trim();
+        const queryWasChanged = contentFilterQueryTrimmed !== currentQuery.current.trim();
+        if (queryWasChanged && needToApply(contentFilterQueryTrimmed)) {
+            const newExpanded = [];
+            const newCollection = treeFilter(initialCollection, (item) => match(contentFilterQueryTrimmed, item.text), isMobile);
+            newCollection.toList().forEach((item) => {
+                if (newCollection.hasChildren(item.id)) {
+                    // Если есть в отфильтрованной коллекции есть дочерние элементы,
+                    // значит они заматчились, и нужно открыть родителя.
+                    newExpanded.push(item.id);
+                }
+                else {
+                    // Если заматчился только сам родитель, показываем его
+                    // схлопнутым => нужно добавить его ветку в коллекцию.
+                    initialCollection.walkChildren(item.id, (child, parents) => {
+                        newCollection.addModel({ ...child }, parents[0].id);
+                    });
+                }
+            });
+            const filteredIds = newCollection.toList().map((model) => model.id);
+            // Если в отфильтрованной коллекции нет моделей, но заданы предложенные,
+            // то показываем их
+            // Если в отфильтрованной коллекции модели есть, то пробуем добавить к ним
+            // всегда показывающиеся модели, если их ещё нет в коллекции
+            if (!filteredIds.length && suggestedNotFoundModels.current.length) {
+                suggestedNotFoundModels.current.forEach((model) => newCollection.addModel({ ...model }));
+            }
+            else {
+                constantlySuggestedModels.current.forEach((model) => {
+                    if (!filteredIds.includes(model.id)) {
+                        newCollection.addModel({ ...model });
+                    }
+                });
+            }
+            setCollection(newCollection);
+            currentQuery.current = contentFilterQuery;
+            onChangeFilterQuery?.(filteredIds, contentFilterQueryTrimmed);
+            setExpanded(newExpanded);
+        }
+        else if (queryWasChanged) {
+            // Запрос не годится для поиска.
+            const newExpanded = initialExpanded.slice();
+            setCollection(initialCollection);
+            onChangeFilterQuery?.(initialCollection.toList().map((model) => model.id), contentFilterQueryTrimmed);
+            currentQuery.current = contentFilterQuery;
+            setExpanded(newExpanded);
+        }
+    }, [
+        initialCollection,
+        contentFilterQuery,
+        treeFilter,
+        selected,
+        initialExpanded,
+        setExpanded,
+        isMobile,
+        onChangeFilterQuery,
+    ]);
+    const renderTreeSelector = useCallback(() => {
+        return (jsx(VSpacingContainer, { default: 12, gteM: 0, children: isMobile ? (jsx(MobileItemsList, { getSearchItemOrder: (model) => initialCollection.getModelLevel(model.id), collection: collection, selected: selected, onChange: onChange, leavesOnly: leavesOnly, checkSelectable: checkSelectable, singleChoice: singleChoice, ref: ref, setInputValue: setInputValue, handleChangeInput: handleChangeInput, contentFilterQuery: contentFilterQuery.trim() })) : (jsx(ItemsList, { collection: collection, items: collection.getTopLevel(), leavesOnly: leavesOnly, checkSelectable: checkSelectable, expanded: currentExpanded, onExpansion: handleExpansion, selected: selected, onChange: onChange, singleChoice: singleChoice, indeterminate: indeterminate })) }));
+    }, [
+        isMobile,
+        collection,
+        selected,
+        onChange,
+        leavesOnly,
+        checkSelectable,
+        singleChoice,
+        ref,
+        setInputValue,
+        handleChangeInput,
+        contentFilterQuery,
+        currentExpanded,
+        handleExpansion,
+        indeterminate,
+        initialCollection,
+    ]);
+    return jsx(Fragment, { children: children({ renderTreeSelector, renderInput }) });
 });
 TreeSelector.displayName = 'TreeSelector';
 

package/TreeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelector.js","sources":["../src/TreeSelector.tsx"],"sourcesContent":["import { ReactElement, forwardRef, ForwardedRef } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { VSpacingContainer } from '@hh.ru/magritte-ui-spacing';\nimport { ItemsList } from '@hh.ru/magritte-ui-tree-selector/ItemsList';\nimport { MobileItemsList } from '@hh.ru/magritte-ui-tree-selector/MobileItemsList';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ControlledTreeSelectorProps, ListControls } 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';\n\nconst defaultCheckSelectable = () => true;\nconst defaultArray: string[] = [];\n\nexport const TreeSelector = forwardRef(\n    <A extends AdditionalDefault>(\n        {\n            collection,\n            checkSelectable = defaultCheckSelectable,\n            initialExpanded = defaultArray,\n            value: selected,\n            leavesOnly,\n            singleChoice,\n            expanded,\n            onExpand,\n            onChange,\n        }: ControlledTreeSelectorProps<A>,\n        ref: ForwardedRef<ListControls>\n    ): ReactElement => {\n        const { indeterminate } = useIndeterminate({ collection, selected });\n        const { expanded: currentExpanded, handleExpansion } = useExpanded({\n            initialValue: expanded ? expanded.slice() : initialExpanded.slice(),\n            controlledExpanded: expanded,\n            onExpand,\n        });\n        const { isMobile } = useBreakpoint();\n\n        return (\n            <VSpacingContainer default={12} gteM={0}>\n                {isMobile ? (\n                    <MobileItemsList\n                        collection={collection}\n                        selected={selected}\n                        onChange={onChange}\n                        leavesOnly={leavesOnly}\n                        checkSelectable={checkSelectable}\n                        singleChoice={singleChoice}\n                        ref={ref}\n                    />\n                ) : (\n                    <ItemsList\n                        collection={collection}\n                        items={collection.getTopLevel()}\n                        leavesOnly={leavesOnly}\n                        checkSelectable={checkSelectable}\n                        expanded={currentExpanded}\n                        onExpansion={handleExpansion}\n                        selected={selected}\n                        onChange={onChange}\n                        singleChoice={singleChoice}\n                        indeterminate={indeterminate}\n                    />\n                )}\n            </VSpacingContainer>\n        );\n    }\n);\n\nTreeSelector.displayName = 'TreeSelector';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,sBAAsB,GAAG,MAAM,IAAI,CAAC;AAC1C,MAAM,YAAY,GAAa,EAAE,CAAC;AAE3B,MAAM,YAAY,GAAG,UAAU,CAClC,CACI,EACI,UAAU,EACV,eAAe,GAAG,sBAAsB,EACxC,eAAe,GAAG,YAAY,EAC9B,KAAK,EAAE,QAAQ,EACf,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,GACqB,EACjC,GAA+B,KACjB;AACd,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,WAAW,CAAC;AAC/D,QAAA,YAAY,EAAE,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE;AACnE,QAAA,kBAAkB,EAAE,QAAQ;QAC5B,QAAQ;AACX,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAErC,QACIA,IAAC,iBAAiB,EAAA,EAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,YAClC,QAAQ,IACLA,IAAC,eAAe,EAAA,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACV,CAAA,KAEFA,GAAA,CAAC,SAAS,EACN,EAAA,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,EAC/B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,eAAe,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC9B,CAAA,CACL,EACe,CAAA,EACtB;AACN,CAAC,EACH;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"TreeSelector.js","sources":["../src/TreeSelector.tsx"],"sourcesContent":["import { ReactElement, forwardRef, ForwardedRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { match } from '@hh.ru/magritte-common-fuzzy-search';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { VSpacingContainer } from '@hh.ru/magritte-ui-spacing';\nimport { ItemsList } from '@hh.ru/magritte-ui-tree-selector/ItemsList';\nimport { MobileItemsList } from '@hh.ru/magritte-ui-tree-selector/MobileItemsList';\nimport { filterWithParents } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ControlledTreeSelectorProps, ListControls } 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 TreeSelector = forwardRef(\n    <A extends AdditionalDefault>(\n        {\n            collection: initialCollection,\n            checkSelectable = defaultCheckSelectable,\n            initialExpanded = defaultArray,\n            value: selected,\n            leavesOnly,\n            singleChoice,\n            expanded,\n            treeFilter = filterWithParents,\n            suggestedNotFound = defaultArray,\n            constantlySuggested = defaultArray,\n            onExpand,\n            onChange,\n            onChangeFilterQuery,\n            children,\n        }: ControlledTreeSelectorProps<A>,\n        ref: ForwardedRef<ListControls>\n    ): ReactElement => {\n        const [collection, setCollection] = useState(initialCollection);\n        const currentQuery = useRef('');\n        const suggestedNotFoundModels = useRef(initialCollection.getExistModels(suggestedNotFound));\n        const constantlySuggestedModels = useRef(initialCollection.getExistModels(constantlySuggested));\n\n        const { indeterminate } = useIndeterminate({ collection: initialCollection, selected });\n        const {\n            expanded: currentExpanded,\n            setExpanded,\n            handleExpansion,\n        } = useExpanded({\n            initialValue: expanded ? expanded.slice() : initialExpanded.slice(),\n            controlledExpanded: expanded,\n            onExpand,\n        });\n        const { isMobile } = useBreakpoint();\n\n        const { contentFilterQuery, setInputValue, handleChangeInput, renderInput } = useRenderInput();\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            } 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                setExpanded(newExpanded);\n            }\n        }, [\n            initialCollection,\n            contentFilterQuery,\n            treeFilter,\n            selected,\n            initialExpanded,\n            setExpanded,\n            isMobile,\n            onChangeFilterQuery,\n        ]);\n\n        const renderTreeSelector = useCallback(() => {\n            return (\n                <VSpacingContainer default={12} gteM={0}>\n                    {isMobile ? (\n                        <MobileItemsList\n                            getSearchItemOrder={(model) => initialCollection.getModelLevel(model.id)}\n                            collection={collection}\n                            selected={selected}\n                            onChange={onChange}\n                            leavesOnly={leavesOnly}\n                            checkSelectable={checkSelectable}\n                            singleChoice={singleChoice}\n                            ref={ref}\n                            setInputValue={setInputValue}\n                            handleChangeInput={handleChangeInput}\n                            contentFilterQuery={contentFilterQuery.trim()}\n                        />\n                    ) : (\n                        <ItemsList\n                            collection={collection}\n                            items={collection.getTopLevel()}\n                            leavesOnly={leavesOnly}\n                            checkSelectable={checkSelectable}\n                            expanded={currentExpanded}\n                            onExpansion={handleExpansion}\n                            selected={selected}\n                            onChange={onChange}\n                            singleChoice={singleChoice}\n                            indeterminate={indeterminate}\n                        />\n                    )}\n                </VSpacingContainer>\n            );\n        }, [\n            isMobile,\n            collection,\n            selected,\n            onChange,\n            leavesOnly,\n            checkSelectable,\n            singleChoice,\n            ref,\n            setInputValue,\n            handleChangeInput,\n            contentFilterQuery,\n            currentExpanded,\n            handleExpansion,\n            indeterminate,\n            initialCollection,\n        ]);\n\n        return <>{children({ renderTreeSelector, renderInput })}</>;\n    }\n);\n\nTreeSelector.displayName = 'TreeSelector';\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/UncontrolledTreeSelector.js

@@ -4,12 +4,13 @@ import { forwardRef, useMemo } from 'react';
 import { TreeSelector } from './TreeSelector.js';
 import ImmutableSelectionStrategy from './strategy/immutableSelectionStrategy.js';
 import { useSelected } from './useSelected.js';
+import '@hh.ru/magritte-common-fuzzy-search';
 import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-spacing';
 import './ItemsList.js';
 import './Item.js';
 import 'classnames';
-import './ItemContent-ee30b04c.js';
+import './ItemContent-6703f666.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
@@ -20,11 +21,13 @@ import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileItem.js';
 import './MobileParentItem.js';
 import '@hh.ru/magritte-ui-card';
+import './collection/treeCollectionHelper.js';
+import './collection/treeCollection.js';
 import './useExpanded.js';
 import './useIndeterminate.js';
+import './useRenderInput.js';
+import '@hh.ru/magritte-ui-input';
 import './strategy/selectionStrategy.js';
-import './collection/treeCollectionHelper.js';
-import './collection/treeCollection.js';
 import './strategy/createSingleValueToggler.js';
 import './strategy/createTreeCollectionToggler.js';
 import './strategy/dummyToggle.js';

package/UncontrolledTreeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"UncontrolledTreeSelector.js","sources":["../src/UncontrolledTreeSelector.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactElement, useMemo } from 'react';\n\nimport { TreeSelector } from '@hh.ru/magritte-ui-tree-selector/TreeSelector';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\nimport { UncontrolledTreeSelectorProps, ListControls } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useSelected } from '@hh.ru/magritte-ui-tree-selector/useSelected';\n\nconst defaultArray: string[] = [];\nconst UncontrolledTreeSelectorComponent = <A extends AdditionalDefault>(\n    props: UncontrolledTreeSelectorProps<A>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const { value = defaultArray, collection, singleChoice, leavesOnly, checkSelectable, onChange } = 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    const { selected, setSelected } = useSelected({ value, strategy, onChange });\n    return <TreeSelector {...props} value={selected} onChange={setSelected} ref={ref}></TreeSelector>;\n};\n\nexport const UncontrolledTreeSelector = forwardRef(UncontrolledTreeSelectorComponent);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,YAAY,GAAa,EAAE,CAAC;AAClC,MAAM,iCAAiC,GAAG,CACtC,KAAuC,EACvC,GAA+B,KACjB;AACd,IAAA,MAAM,EAAE,KAAK,GAAG,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxG,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,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC7E,IAAA,OAAOA,IAAC,YAAY,EAAA,EAAA,GAAK,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,GAAiB,CAAC;AACtG,CAAC,CAAC;MAEW,wBAAwB,GAAG,UAAU,CAAC,iCAAiC;;;;"}
+{"version":3,"file":"UncontrolledTreeSelector.js","sources":["../src/UncontrolledTreeSelector.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactElement, useMemo } from 'react';\n\nimport { TreeSelector } from '@hh.ru/magritte-ui-tree-selector/TreeSelector';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\nimport { UncontrolledTreeSelectorProps, ListControls } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { useSelected } from '@hh.ru/magritte-ui-tree-selector/useSelected';\n\nconst defaultArray: string[] = [];\nconst UncontrolledTreeSelectorComponent = <A extends AdditionalDefault>(\n    props: UncontrolledTreeSelectorProps<A>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const { value = defaultArray, collection, singleChoice, leavesOnly, checkSelectable, onChange } = 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    const { selected, setSelected } = useSelected({ value, strategy, onChange });\n    return <TreeSelector {...props} value={selected} onChange={setSelected} ref={ref}></TreeSelector>;\n};\n\nexport const UncontrolledTreeSelector = forwardRef(UncontrolledTreeSelectorComponent);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,YAAY,GAAa,EAAE,CAAC;AAClC,MAAM,iCAAiC,GAAG,CACtC,KAAuC,EACvC,GAA+B,KACjB;AACd,IAAA,MAAM,EAAE,KAAK,GAAG,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxG,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,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC7E,IAAA,OAAOA,IAAC,YAAY,EAAA,EAAA,GAAK,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,GAAiB,CAAC;AACtG,CAAC,CAAC;MAEW,wBAAwB,GAAG,UAAU,CAAC,iCAAiC;;;;"}

package/collection/treeCollection.d.ts

@@ -18,6 +18,8 @@ declare class TreeCollection<A extends AdditionalDefault = never> {
     getTopLevel(): TreeModel<A>[];
     /** Возвращает модель по ID или `undefined` */
     getModel(id: string): TreeModel<A> | undefined;
+    _getModelLevel(id: string, level?: number): number;
+    getModelLevel(id: string): number;
     /** Возвращает существующие в коллекции модели по IDs  */
     getExistModels(ids: string[]): TreeModel<A>[];
     /** Возвращает ID родителя по ID модели или `undefined` */

package/collection/treeCollection.js

@@ -52,6 +52,16 @@ class TreeCollection {
     getModel(id) {
         return this.modelsById.hasOwnProperty(id) ? this.modelsById[id] : undefined;
     }
+    _getModelLevel(id, level = 0) {
+        const parentId = this.getParentId(id);
+        if (!parentId) {
+            return level;
+        }
+        return this._getModelLevel(parentId, level + 1);
+    }
+    getModelLevel(id) {
+        return this._getModelLevel(id);
+    }
     /** Возвращает существующие в коллекции модели по IDs  */
     getExistModels(ids) {
         return ids.reduce((result, id) => {

package/collection/treeCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeCollection.js","sources":["../../src/collection/treeCollection.ts"],"sourcesContent":["import {\n    AdditionalDefault,\n    TreeModel,\n    WalkCallback,\n    ModelPredicate,\n    ModelData,\n} from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\nconst createModel = <A extends AdditionalDefault>(attrs: TreeModel<A>): TreeModel<A> => {\n    const id = attrs.id;\n    if (typeof id !== 'string') {\n        throw new Error(`Invalid ID: \"${JSON.stringify(id)}\"`);\n    }\n    const model: TreeModel<A> = {\n        id: attrs.id,\n        text: attrs.text,\n        ...('additional' in attrs ? { additional: attrs.additional } : {}),\n    };\n    return model;\n};\n\n/**\n * Многоцелевая иерархическая коллекция,\n * свободная от специфического поведения компонентов\n */\nclass TreeCollection<A extends AdditionalDefault = never> {\n    protected models: TreeModel<A>[] = [];\n    protected topLevelModels: TreeModel<A>[] = [];\n\n    protected modelsById: Record<string, TreeModel<A>> = {};\n    protected childrenById: Record<string, string[]> = {};\n\n    protected parentsById: Record<string, string[]> = {};\n\n    /**\n     * Создаёт из объекта модель и добавляет в коллекцию.\n     * Не добавляет модель в коллекцию, если модель с таким id уже существует\n     */\n    addModel(attrs: TreeModel<A>, parentId?: string): void {\n        const model = createModel(attrs);\n        const id = model.id;\n        if (typeof this.getModel(id) === 'undefined') {\n            this.models.push(model);\n            this.modelsById[id] = model;\n        }\n        if (parentId) {\n            this.parentsById[id] = this.parentsById[id] || [];\n            this.parentsById[id].push(parentId);\n            this.childrenById[parentId] = this.childrenById[parentId] || [];\n            this.childrenById[parentId].push(id);\n        } else {\n            this.topLevelModels.push(model);\n        }\n    }\n\n    toList(): TreeModel<A>[] {\n        return this.models.slice();\n    }\n\n    getTopLevel(): TreeModel<A>[] {\n        return this.topLevelModels.slice();\n    }\n\n    /** Возвращает модель по ID или `undefined` */\n    getModel(id: string): TreeModel<A> | undefined {\n        return this.modelsById.hasOwnProperty(id) ? this.modelsById[id] : undefined;\n    }\n\n    /** Возвращает существующие в коллекции модели по IDs  */\n    getExistModels(ids: string[]): TreeModel<A>[] {\n        return ids.reduce((result: TreeModel<A>[], id) => {\n            const model = this.getModel(id);\n            if (model) {\n                result.push(model);\n            }\n            return result;\n        }, []);\n    }\n\n    /** Возвращает ID родителя по ID модели или `undefined` */\n    getParentId(id: string): string | undefined {\n        return this.parentsById.hasOwnProperty(id) ? this.parentsById[id][0] : undefined;\n    }\n\n    /**\n     * Возвращает модель первого родителя по ID или `undefined`.\n     */\n    getParent(id: string): TreeModel<A> | undefined {\n        const parentId = this.getParentId(id);\n        return parentId ? this.getModel(parentId) : undefined;\n    }\n\n    /** Возвращает массив IDs ближайших родителей по ID модели */\n    getParentIdsDuplicates(id: string): string[] {\n        return this.parentsById.hasOwnProperty(id) ? this.parentsById[id] : [];\n    }\n\n    /** Возвращает массив ID родителей от ближних к дальним */\n    getParentIds(id: string, resultIds: string[] = []): string[] {\n        const parentId = this.getParentIdsDuplicates(id);\n        if (parentId.length) {\n            resultIds.push(...parentId);\n            parentId.forEach((id) => this.getParentIds(id, resultIds));\n        }\n        return resultIds;\n    }\n\n    /** Возвращает массив моделей родителей от ближнего к дальнему */\n    getParents(id: string): TreeModel<A>[] {\n        const parendIds = this.getParentIds(id);\n        return this.getExistModels(parendIds);\n    }\n\n    /** Возвращает наличие дочерних моделей по ID родителя */\n    hasChildren(id: string): boolean {\n        return this.childrenById.hasOwnProperty(id);\n    }\n\n    /** Возвращает список ID дочерних по ID родителя */\n    getChildrenIds(id: string): string[] {\n        return this.hasChildren(id) ? this.childrenById[id].slice() : [];\n    }\n\n    /** Возвращает список дочерних моделей по ID родителя */\n    getChildren(id: string): TreeModel<A>[] {\n        const childrenIds = this.getChildrenIds(id);\n        return this.getExistModels(childrenIds);\n    }\n\n    /**\n     * Рекурсивно проходит по списку моделей, применяет к каждой модели переданную функцию.\n     *  items Список моделей для обработки.\n     *  callback Вызываемая функция.\n     *  [parents] Массив моделей родителей от ближнего к дальнему.\n     *     Используется в случаях, когда на вход поступают модели из середины дерева, имеющие своих родителей.\n     */\n    _walk(items: TreeModel<A>[], callback: WalkCallback<A>, parents?: TreeModel<A>[]): void {\n        const currentParents = parents ? parents.slice() : [];\n        items.forEach((item) => {\n            callback(item, currentParents);\n            const children = this.getChildren(item.id);\n            if (children && children.length) {\n                this._walk(children, callback, [item].concat(currentParents));\n            }\n        });\n    }\n\n    /** Рекурсивно проходит по дереву, применяет к каждой модели переданную функцию */\n    walk(callback: WalkCallback<A>): void {\n        this._walk(this.getTopLevel(), callback);\n    }\n\n    /**\n     * Рекурсивно проходит по дочерним элементам указанной модели, применяет к каждому переданную функцию.\n     * id ID модели, с которой начинать обход.\n     * callback Вызываемая функция.\n     */\n    walkChildren(id: string, callback: WalkCallback<A>): void {\n        const children = this.getChildren(id);\n        if (children.length) {\n            const parents = this.getExistModels([id]).concat(this.getParents(id));\n            this._walk(children, callback, parents);\n        }\n    }\n\n    /**\n     * Проходит по родителям модели до самого верха, применяет к каждому указанную функцию.\n     * id ID текущей модели.\n     * callback Вызываемая функция.\n     */\n    walkParents(id: string, callback: WalkCallback<A>): void {\n        const parents = this.getParents(id);\n        while (parents.length) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            const firstParent = parents.shift()!;\n            callback(firstParent, parents.slice());\n        }\n    }\n\n    /**\n     * Возвращает коллекцию в виде дерева.\n     * filter Функция-фильтр.\n     *     Если указана, оставляет в дереве только те элементы, для которых вернулось `true`.\n     */\n    toTree(filter?: ModelPredicate): ModelData<A>[] {\n        const filteredTree: ModelData<A>[] = [];\n        const modelsById: Record<string, ModelData<A>> = {};\n        this.walk((model, parents) => {\n            if (!filter || filter(model)) {\n                const treeItem = { ...model };\n                modelsById[model.id] = treeItem;\n                if (parents.length === 0) {\n                    filteredTree.push(treeItem);\n                } else {\n                    const parent = modelsById[parents[0].id];\n                    if (!parent.items) {\n                        parent.items = [];\n                    }\n                    parent.items.push(treeItem);\n                }\n            }\n        });\n        return filteredTree;\n    }\n}\n\nexport default TreeCollection;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"treeCollection.js","sources":["../../src/collection/treeCollection.ts"],"sourcesContent":["import {\n    AdditionalDefault,\n    TreeModel,\n    WalkCallback,\n    ModelPredicate,\n    ModelData,\n} from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\nconst createModel = <A extends AdditionalDefault>(attrs: TreeModel<A>): TreeModel<A> => {\n    const id = attrs.id;\n    if (typeof id !== 'string') {\n        throw new Error(`Invalid ID: \"${JSON.stringify(id)}\"`);\n    }\n    const model: TreeModel<A> = {\n        id: attrs.id,\n        text: attrs.text,\n        ...('additional' in attrs ? { additional: attrs.additional } : {}),\n    };\n    return model;\n};\n\n/**\n * Многоцелевая иерархическая коллекция,\n * свободная от специфического поведения компонентов\n */\nclass TreeCollection<A extends AdditionalDefault = never> {\n    protected models: TreeModel<A>[] = [];\n    protected topLevelModels: TreeModel<A>[] = [];\n\n    protected modelsById: Record<string, TreeModel<A>> = {};\n    protected childrenById: Record<string, string[]> = {};\n\n    protected parentsById: Record<string, string[]> = {};\n\n    /**\n     * Создаёт из объекта модель и добавляет в коллекцию.\n     * Не добавляет модель в коллекцию, если модель с таким id уже существует\n     */\n    addModel(attrs: TreeModel<A>, parentId?: string): void {\n        const model = createModel(attrs);\n        const id = model.id;\n        if (typeof this.getModel(id) === 'undefined') {\n            this.models.push(model);\n            this.modelsById[id] = model;\n        }\n        if (parentId) {\n            this.parentsById[id] = this.parentsById[id] || [];\n            this.parentsById[id].push(parentId);\n            this.childrenById[parentId] = this.childrenById[parentId] || [];\n            this.childrenById[parentId].push(id);\n        } else {\n            this.topLevelModels.push(model);\n        }\n    }\n\n    toList(): TreeModel<A>[] {\n        return this.models.slice();\n    }\n\n    getTopLevel(): TreeModel<A>[] {\n        return this.topLevelModels.slice();\n    }\n\n    /** Возвращает модель по ID или `undefined` */\n    getModel(id: string): TreeModel<A> | undefined {\n        return this.modelsById.hasOwnProperty(id) ? this.modelsById[id] : undefined;\n    }\n\n    _getModelLevel(id: string, level = 0): number {\n        const parentId = this.getParentId(id);\n        if (!parentId) {\n            return level;\n        }\n        return this._getModelLevel(parentId, level + 1);\n    }\n\n    getModelLevel(id: string): number {\n        return this._getModelLevel(id);\n    }\n\n    /** Возвращает существующие в коллекции модели по IDs  */\n    getExistModels(ids: string[]): TreeModel<A>[] {\n        return ids.reduce((result: TreeModel<A>[], id) => {\n            const model = this.getModel(id);\n            if (model) {\n                result.push(model);\n            }\n            return result;\n        }, []);\n    }\n\n    /** Возвращает ID родителя по ID модели или `undefined` */\n    getParentId(id: string): string | undefined {\n        return this.parentsById.hasOwnProperty(id) ? this.parentsById[id][0] : undefined;\n    }\n\n    /**\n     * Возвращает модель первого родителя по ID или `undefined`.\n     */\n    getParent(id: string): TreeModel<A> | undefined {\n        const parentId = this.getParentId(id);\n        return parentId ? this.getModel(parentId) : undefined;\n    }\n\n    /** Возвращает массив IDs ближайших родителей по ID модели */\n    getParentIdsDuplicates(id: string): string[] {\n        return this.parentsById.hasOwnProperty(id) ? this.parentsById[id] : [];\n    }\n\n    /** Возвращает массив ID родителей от ближних к дальним */\n    getParentIds(id: string, resultIds: string[] = []): string[] {\n        const parentId = this.getParentIdsDuplicates(id);\n        if (parentId.length) {\n            resultIds.push(...parentId);\n            parentId.forEach((id) => this.getParentIds(id, resultIds));\n        }\n        return resultIds;\n    }\n\n    /** Возвращает массив моделей родителей от ближнего к дальнему */\n    getParents(id: string): TreeModel<A>[] {\n        const parendIds = this.getParentIds(id);\n        return this.getExistModels(parendIds);\n    }\n\n    /** Возвращает наличие дочерних моделей по ID родителя */\n    hasChildren(id: string): boolean {\n        return this.childrenById.hasOwnProperty(id);\n    }\n\n    /** Возвращает список ID дочерних по ID родителя */\n    getChildrenIds(id: string): string[] {\n        return this.hasChildren(id) ? this.childrenById[id].slice() : [];\n    }\n\n    /** Возвращает список дочерних моделей по ID родителя */\n    getChildren(id: string): TreeModel<A>[] {\n        const childrenIds = this.getChildrenIds(id);\n        return this.getExistModels(childrenIds);\n    }\n\n    /**\n     * Рекурсивно проходит по списку моделей, применяет к каждой модели переданную функцию.\n     *  items Список моделей для обработки.\n     *  callback Вызываемая функция.\n     *  [parents] Массив моделей родителей от ближнего к дальнему.\n     *     Используется в случаях, когда на вход поступают модели из середины дерева, имеющие своих родителей.\n     */\n    _walk(items: TreeModel<A>[], callback: WalkCallback<A>, parents?: TreeModel<A>[]): void {\n        const currentParents = parents ? parents.slice() : [];\n        items.forEach((item) => {\n            callback(item, currentParents);\n            const children = this.getChildren(item.id);\n            if (children && children.length) {\n                this._walk(children, callback, [item].concat(currentParents));\n            }\n        });\n    }\n\n    /** Рекурсивно проходит по дереву, применяет к каждой модели переданную функцию */\n    walk(callback: WalkCallback<A>): void {\n        this._walk(this.getTopLevel(), callback);\n    }\n\n    /**\n     * Рекурсивно проходит по дочерним элементам указанной модели, применяет к каждому переданную функцию.\n     * id ID модели, с которой начинать обход.\n     * callback Вызываемая функция.\n     */\n    walkChildren(id: string, callback: WalkCallback<A>): void {\n        const children = this.getChildren(id);\n        if (children.length) {\n            const parents = this.getExistModels([id]).concat(this.getParents(id));\n            this._walk(children, callback, parents);\n        }\n    }\n\n    /**\n     * Проходит по родителям модели до самого верха, применяет к каждому указанную функцию.\n     * id ID текущей модели.\n     * callback Вызываемая функция.\n     */\n    walkParents(id: string, callback: WalkCallback<A>): void {\n        const parents = this.getParents(id);\n        while (parents.length) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            const firstParent = parents.shift()!;\n            callback(firstParent, parents.slice());\n        }\n    }\n\n    /**\n     * Возвращает коллекцию в виде дерева.\n     * filter Функция-фильтр.\n     *     Если указана, оставляет в дереве только те элементы, для которых вернулось `true`.\n     */\n    toTree(filter?: ModelPredicate): ModelData<A>[] {\n        const filteredTree: ModelData<A>[] = [];\n        const modelsById: Record<string, ModelData<A>> = {};\n        this.walk((model, parents) => {\n            if (!filter || filter(model)) {\n                const treeItem = { ...model };\n                modelsById[model.id] = treeItem;\n                if (parents.length === 0) {\n                    filteredTree.push(treeItem);\n                } else {\n                    const parent = modelsById[parents[0].id];\n                    if (!parent.items) {\n                        parent.items = [];\n                    }\n                    parent.items.push(treeItem);\n                }\n            }\n        });\n        return filteredTree;\n    }\n}\n\nexport default TreeCollection;\n"],"names":[],"mappings":"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"}

package/collection/treeCollectionHelper.d.ts

@@ -1,5 +1,5 @@
 import TreeCollection from '../collection/treeCollection';
-import { AdditionalDefault, WalkCallback, ModelData } from '../collection/types';
+import { AdditionalDefault, WalkCallback, ModelData, TreeFilter } from '../collection/types';
 /**
  * Рекурсивно проходит по списку моделей, применяет к каждой модели переданную функцию.
  */
@@ -18,3 +18,15 @@ export declare const filterMissingIds: <A extends AdditionalDefault>(collection:
  * Возвращает ID только тех элементов, у которых нет потомков.
  */
 export declare const filterParents: <A extends AdditionalDefault>(collection: TreeCollection<A>, ids: string[]) => string[];
+/**
+ * Возвращает новую коллекцию, содержащую элементы, для которых `filterFunction` вернула true.
+ * Если заматчился дочерний элемент, к результатам добавляются его родители до самого верха.
+ * Если заматчился родитель, к результатам НЕ добавляются его дочерние элементы (кроме тех,
+ * что тоже заматчились).
+ */
+export declare const filterWithParents: TreeFilter;
+/**
+ * Возвращает новую коллекцию, содержащую уникальные элементы самого нижнего уровня,
+ * для которых `filterFunction` вернула true (плоский список).
+ */
+export declare const filterUniqueLeavesOnly: TreeFilter;

package/collection/treeCollectionHelper.js

@@ -54,6 +54,55 @@ const filterParents = (collection, ids) => {
         return collection.getChildrenIds(id).length === 0;
     });
 };
+/**
+ * Возвращает новую коллекцию, содержащую элементы, для которых `filterFunction` вернула true.
+ * Если заматчился дочерний элемент, к результатам добавляются его родители до самого верха.
+ * Если заматчился родитель, к результатам НЕ добавляются его дочерние элементы (кроме тех,
+ * что тоже заматчились).
+ */
+const filterWithParents = (collection, filterFunction, isMobile) => {
+    const filteredCollection = new collection.constructor();
+    const ids = new Set();
+    collection.walk((model, parents) => {
+        if (filterFunction(model)) {
+            ids.add(model.id);
+            if (!isMobile) {
+                parents.forEach((parent) => {
+                    ids.add(parent.id);
+                });
+            }
+        }
+    });
+    ids.forEach((id) => {
+        const model = collection.getModel(id);
+        if (model) {
+            // В модели с дубликатами у элемента может быть несколько родителей
+            const parentIds = collection.getParentIdsDuplicates(model.id);
+            if (parentIds.length && !isMobile) {
+                parentIds.forEach((parendId) => {
+                    filteredCollection.addModel({ ...model }, parendId);
+                });
+            }
+            else {
+                filteredCollection.addModel({ ...model });
+            }
+        }
+    });
+    return filteredCollection;
+};
+/**
+ * Возвращает новую коллекцию, содержащую уникальные элементы самого нижнего уровня,
+ * для которых `filterFunction` вернула true (плоский список).
+ */
+const filterUniqueLeavesOnly = (collection, filterFunction) => {
+    const filteredCollection = new TreeCollection();
+    collection.walk((model) => {
+        if (!filteredCollection.getModel(model.id) && !collection.hasChildren(model.id) && filterFunction(model)) {
+            filteredCollection.addModel({ ...model });
+        }
+    });
+    return filteredCollection;
+};
 
-export { filterMissingIds, filterParents, fromTree, walk };
+export { filterMissingIds, filterParents, filterUniqueLeavesOnly, filterWithParents, fromTree, walk };
 //# sourceMappingURL=treeCollectionHelper.js.map

package/collection/treeCollectionHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeCollectionHelper.js","sources":["../../src/collection/treeCollectionHelper.ts"],"sourcesContent":["import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, WalkCallback, ModelData } from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\n/**\n * Рекурсивно проходит по списку моделей, применяет к каждой модели переданную функцию.\n */\nexport const walk = <A extends AdditionalDefault>(\n    /** Дерево для обработки. */\n    tree: ModelData<A>[],\n    /** Вызываемая функция. */\n    callback: WalkCallback<A>,\n    /** Массив моделей родителей от ближнего к дальнему. */\n    parents?: ModelData<A>[]\n): void => {\n    const currentParents = parents ? parents.slice() : [];\n    tree.forEach((item) => {\n        callback(item, currentParents);\n        if (item.items && item.items.length) {\n            walk(item.items, callback, [item].concat(currentParents));\n        }\n    });\n};\n\n/**\n * Возвращает коллекцию, созданную из дерева.\n * @param tree\n * @param [callback] Функция, вызываемая на каждом элементе.\n */\nexport const fromTree = <A extends AdditionalDefault = never>(\n    tree: ModelData<A>[],\n    callback?: WalkCallback<A>\n): TreeCollection<A> => {\n    const collection = new TreeCollection<A>();\n    walk(tree, (item, parents): void => {\n        if (typeof callback === 'function') {\n            callback(item, parents);\n        }\n        collection.addModel(item, parents.length ? parents[0].id : undefined);\n    });\n    return collection;\n};\n\n/**\n * Возвращает только те ID, которые присутствуют в коллекции\n */\nexport const filterMissingIds = <A extends AdditionalDefault>(\n    collection: TreeCollection<A>,\n    ids: string[]\n): string[] => {\n    const filteredIds: string[] = [];\n    ids.forEach((id) => {\n        if (collection.getModel(id)) {\n            filteredIds.push(id);\n        }\n    });\n    return filteredIds;\n};\n\n/**\n * Возвращает ID только тех элементов, у которых нет потомков.\n */\nexport const filterParents = <A extends AdditionalDefault>(collection: TreeCollection<A>, ids: string[]): string[] => {\n    return ids.filter((id) => {\n        return collection.getChildrenIds(id).length === 0;\n    });\n};\n"],"names":[],"mappings":";;AAGA;;AAEG;AACU,MAAA,IAAI,GAAG;AAChB;AACA,IAAoB;AACpB;AACA,QAAyB;AACzB;AACA,OAAwB,KAClB;AACN,IAAA,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC;AACtD,IAAA,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAClB,QAAA,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACjC,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;AAC7D,SAAA;AACL,KAAC,CAAC,CAAC;AACP,EAAE;AAEF;;;;AAIG;MACU,QAAQ,GAAG,CACpB,IAAoB,EACpB,QAA0B,KACP;AACnB,IAAA,MAAM,UAAU,GAAG,IAAI,cAAc,EAAK,CAAC;IAC3C,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,KAAU;AAC/B,QAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAChC,YAAA,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC3B,SAAA;QACD,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;AAC1E,KAAC,CAAC,CAAC;AACH,IAAA,OAAO,UAAU,CAAC;AACtB,EAAE;AAEF;;AAEG;MACU,gBAAgB,GAAG,CAC5B,UAA6B,EAC7B,GAAa,KACH;IACV,MAAM,WAAW,GAAa,EAAE,CAAC;AACjC,IAAA,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,KAAI;AACf,QAAA,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AACzB,YAAA,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxB,SAAA;AACL,KAAC,CAAC,CAAC;AACH,IAAA,OAAO,WAAW,CAAC;AACvB,EAAE;AAEF;;AAEG;MACU,aAAa,GAAG,CAA8B,UAA6B,EAAE,GAAa,KAAc;AACjH,IAAA,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,KAAI;QACrB,OAAO,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACtD,KAAC,CAAC,CAAC;AACP;;;;"}
+{"version":3,"file":"treeCollectionHelper.js","sources":["../../src/collection/treeCollectionHelper.ts"],"sourcesContent":["import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport {\n    AdditionalDefault,\n    WalkCallback,\n    ModelData,\n    TreeFilter,\n    TreeModel,\n} from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\n/**\n * Рекурсивно проходит по списку моделей, применяет к каждой модели переданную функцию.\n */\nexport const walk = <A extends AdditionalDefault>(\n    /** Дерево для обработки. */\n    tree: ModelData<A>[],\n    /** Вызываемая функция. */\n    callback: WalkCallback<A>,\n    /** Массив моделей родителей от ближнего к дальнему. */\n    parents?: ModelData<A>[]\n): void => {\n    const currentParents = parents ? parents.slice() : [];\n    tree.forEach((item) => {\n        callback(item, currentParents);\n        if (item.items && item.items.length) {\n            walk(item.items, callback, [item].concat(currentParents));\n        }\n    });\n};\n\n/**\n * Возвращает коллекцию, созданную из дерева.\n * @param tree\n * @param [callback] Функция, вызываемая на каждом элементе.\n */\nexport const fromTree = <A extends AdditionalDefault = never>(\n    tree: ModelData<A>[],\n    callback?: WalkCallback<A>\n): TreeCollection<A> => {\n    const collection = new TreeCollection<A>();\n    walk(tree, (item, parents): void => {\n        if (typeof callback === 'function') {\n            callback(item, parents);\n        }\n        collection.addModel(item, parents.length ? parents[0].id : undefined);\n    });\n    return collection;\n};\n\n/**\n * Возвращает только те ID, которые присутствуют в коллекции\n */\nexport const filterMissingIds = <A extends AdditionalDefault>(\n    collection: TreeCollection<A>,\n    ids: string[]\n): string[] => {\n    const filteredIds: string[] = [];\n    ids.forEach((id) => {\n        if (collection.getModel(id)) {\n            filteredIds.push(id);\n        }\n    });\n    return filteredIds;\n};\n\n/**\n * Возвращает ID только тех элементов, у которых нет потомков.\n */\nexport const filterParents = <A extends AdditionalDefault>(collection: TreeCollection<A>, ids: string[]): string[] => {\n    return ids.filter((id) => {\n        return collection.getChildrenIds(id).length === 0;\n    });\n};\n\n/**\n * Возвращает новую коллекцию, содержащую элементы, для которых `filterFunction` вернула true.\n * Если заматчился дочерний элемент, к результатам добавляются его родители до самого верха.\n * Если заматчился родитель, к результатам НЕ добавляются его дочерние элементы (кроме тех,\n * что тоже заматчились).\n */\nexport const filterWithParents: TreeFilter = (collection, filterFunction, isMobile) => {\n    const filteredCollection: typeof collection = new (collection.constructor as typeof TreeCollection)();\n    const ids = new Set<TreeModel['id']>();\n    collection.walk((model, parents) => {\n        if (filterFunction(model)) {\n            ids.add(model.id);\n            if (!isMobile) {\n                parents.forEach((parent) => {\n                    ids.add(parent.id);\n                });\n            }\n        }\n    });\n    ids.forEach((id) => {\n        const model = collection.getModel(id);\n        if (model) {\n            // В модели с дубликатами у элемента может быть несколько родителей\n            const parentIds = collection.getParentIdsDuplicates(model.id);\n            if (parentIds.length && !isMobile) {\n                parentIds.forEach((parendId) => {\n                    filteredCollection.addModel({ ...model }, parendId);\n                });\n            } else {\n                filteredCollection.addModel({ ...model });\n            }\n        }\n    });\n    return filteredCollection;\n};\n\n/**\n * Возвращает новую коллекцию, содержащую уникальные элементы самого нижнего уровня,\n * для которых `filterFunction` вернула true (плоский список).\n */\nexport const filterUniqueLeavesOnly: TreeFilter = (collection, filterFunction) => {\n    const filteredCollection: typeof collection = new TreeCollection();\n    collection.walk((model) => {\n        if (!filteredCollection.getModel(model.id) && !collection.hasChildren(model.id) && filterFunction(model)) {\n            filteredCollection.addModel({ ...model });\n        }\n    });\n    return filteredCollection;\n};\n"],"names":[],"mappings":"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"}

package/collection/types.d.ts

@@ -25,3 +25,6 @@ export interface ModelPredicate {
 export interface IdCollectionPredicate {
     <A extends AdditionalDefault>(id: string, collection: TreeCollection<A>): boolean;
 }
+export interface TreeFilter {
+    <A extends AdditionalDefault>(collection: TreeCollection<A>, filterFunction: ModelPredicate, isMobile?: boolean): TreeCollection<A>;
+}

package/index.css

@@ -1,38 +1,38 @@
-.magritte-wrapper___GHKV6_1-2-1{
+.magritte-wrapper___GHKV6_1-3-0{
   display:flex;
   padding:12px 0;
   gap:12px;
   align-items:center;
 }
-.magritte-letter___yZOCU_1-2-1{
+.magritte-letter___yZOCU_1-3-0{
   width:24px;
   flex-shrink:0;
   text-align:center;
 }
-.magritte-icon___kO3Fj_1-2-1,
-.magritte-space___xTO79_1-2-1{
+.magritte-icon___kO3Fj_1-3-0,
+.magritte-space___xTO79_1-3-0{
   flex-shrink:0;
   line-height:0;
   width:24px;
 }
-.magritte-iconActive___4yrG5_1-2-1{
+.magritte-iconActive___4yrG5_1-3-0{
   cursor:pointer;
 }
-.magritte-content___ZRc6R_1-2-1{
+.magritte-content___ZRc6R_1-3-0{
   flex-grow:1;
 }
-.magritte-with-shift___ZErxZ_1-2-1{
+.magritte-with-shift___ZErxZ_1-3-0{
   margin-left:-36px;
 }
-.magritte-with-indent___MH9Vy_1-2-1{
+.magritte-with-indent___MH9Vy_1-3-0{
   margin-left:36px;
 }
-.magritte-item___2LtOL_1-2-1 > .magritte-children___kq-eq_1-2-1{
+.magritte-item___2LtOL_1-3-0 > .magritte-children___kq-eq_1-3-0{
   padding-left:36px;
 }
-.magritte-item___2LtOL_1-2-1.magritte-with-two-boxes___LWOy2_1-2-1 > .magritte-children___kq-eq_1-2-1{
+.magritte-item___2LtOL_1-3-0.magritte-with-two-boxes___LWOy2_1-3-0 > .magritte-children___kq-eq_1-3-0{
   padding-left:72px;
 }
-.magritte-item___2LtOL_1-2-1.magritte-with-three-boxes___cyVao_1-2-1 > .magritte-children___kq-eq_1-2-1{
+.magritte-item___2LtOL_1-3-0.magritte-with-three-boxes___cyVao_1-3-0 > .magritte-children___kq-eq_1-3-0{
   padding-left:108px;
 }

package/index.js

@@ -3,12 +3,13 @@ export { TreeSelector } from './TreeSelector.js';
 export { UncontrolledTreeSelector } from './UncontrolledTreeSelector.js';
 import 'react/jsx-runtime';
 import 'react';
+import '@hh.ru/magritte-common-fuzzy-search';
 import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-spacing';
 import './ItemsList.js';
 import './Item.js';
 import 'classnames';
-import './ItemContent-ee30b04c.js';
+import './ItemContent-6703f666.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
@@ -19,12 +20,14 @@ import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileItem.js';
 import './MobileParentItem.js';
 import '@hh.ru/magritte-ui-card';
+import './collection/treeCollectionHelper.js';
+import './collection/treeCollection.js';
 import './useExpanded.js';
 import './useIndeterminate.js';
+import './useRenderInput.js';
+import '@hh.ru/magritte-ui-input';
 import './strategy/immutableSelectionStrategy.js';
 import './strategy/selectionStrategy.js';
-import './collection/treeCollectionHelper.js';
-import './collection/treeCollection.js';
 import './strategy/createSingleValueToggler.js';
 import './strategy/createTreeCollectionToggler.js';
 import './strategy/dummyToggle.js';

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -19,12 +19,14 @@
     "test": "yarn root:test $(pwd)"
   },
   "dependencies": {
+    "@hh.ru/magritte-common-fuzzy-search": "1.0.4",
     "@hh.ru/magritte-ui-breakpoint": "4.0.2",
     "@hh.ru/magritte-ui-card": "6.0.5",
     "@hh.ru/magritte-ui-cell": "2.2.12",
     "@hh.ru/magritte-ui-checkable-card": "3.0.7",
     "@hh.ru/magritte-ui-checkbox-radio": "3.0.3",
     "@hh.ru/magritte-ui-icon": "7.1.7",
+    "@hh.ru/magritte-ui-input": "5.0.20",
     "@hh.ru/magritte-ui-mock-component": "1.0.10",
     "@hh.ru/magritte-ui-spacing": "2.0.23",
     "@hh.ru/magritte-ui-theme-provider": "1.1.23",
@@ -37,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a72846c6f393720276c3a8abcbd754142906f5d1"
+  "gitHead": "5815a9517809d677236d58c1e823e76c5a17468c"
 }

package/types.d.ts

@@ -1,5 +1,13 @@
+import { ReactElement, ReactNode } from 'react';
 import TreeCollection from './collection/treeCollection';
-import { AdditionalDefault, IdCollectionPredicate } from './collection/types';
+import { AdditionalDefault, IdCollectionPredicate, TreeFilter } from './collection/types';
+interface ChildrenProps {
+    renderTreeSelector: () => ReactElement;
+    renderInput: () => ReactElement;
+}
+interface Children {
+    (props: ChildrenProps): ReactNode;
+}
 export interface TreeSelectorProps<A extends AdditionalDefault> {
     collection: TreeCollection<A>;
     singleChoice?: boolean;
@@ -8,6 +16,12 @@ export interface TreeSelectorProps<A extends AdditionalDefault> {
     initialExpanded?: string[];
     expanded?: string[];
     onExpand?: (expanded: string[]) => void;
+    children: Children;
+    contentFilterQuery?: string;
+    treeFilter?: TreeFilter;
+    suggestedNotFound?: string[];
+    constantlySuggested?: string[];
+    onChangeFilterQuery?: (ids: string[], query: string) => void;
 }
 export interface ControlledProps {
     value: string[];

package/useExpanded.d.ts

@@ -6,7 +6,7 @@ interface UseExpandedHookProps {
 }
 interface UseExpandedHookReturn {
     expanded: string[];
-    handleSetExpanded: (expanded: string[]) => void;
+    setExpanded: (expanded: string[]) => void;
     handleExpansion: (id: string) => void;
 }
 interface UseExpandedHook {

package/useExpanded.js

@@ -43,7 +43,7 @@ const useExpanded = ({ initialValue, controlledExpanded, onExpand }) => {
             handleSetExpanded(controlledExpanded.slice());
         }
     }, [controlledExpanded, handleSetExpanded]);
-    return { expanded, handleSetExpanded, handleExpansion };
+    return { expanded, setExpanded: handleSetExpanded, handleExpansion };
 };
 
 export { areEqualArrays, useExpanded as default };

package/useExpanded.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExpanded.js","sources":["../src/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const areEqualArrays = (arr1: string[], arr2: string[]): boolean => {\n    if (arr1.length !== arr2.length) {\n        return false;\n    }\n    const sortArr2 = arr2.slice().sort();\n    return arr1\n        .slice()\n        .sort()\n        .every((item, index) => item === sortArr2[index]);\n};\n\ninterface UseExpandedHookProps {\n    initialValue: string[];\n    controlledExpanded?: string[];\n    onExpand?: (expanded: string[]) => void;\n}\n\ninterface UseExpandedHookReturn {\n    expanded: string[];\n    handleSetExpanded: (expanded: string[]) => void;\n    handleExpansion: (id: string) => void;\n}\ninterface UseExpandedHook {\n    (props: UseExpandedHookProps): UseExpandedHookReturn;\n}\n\nconst useExpanded: UseExpandedHook = ({ initialValue, controlledExpanded, onExpand }) => {\n    const [expanded, setExpanded] = useState(initialValue);\n    const expandedRef = useRef(initialValue);\n    const handlerRef = useRef(onExpand);\n\n    const handleSetExpanded = useCallback((updatedExpanded: string[]) => {\n        handlerRef.current?.(updatedExpanded.slice());\n\n        if (!areEqualArrays(expandedRef.current, updatedExpanded)) {\n            setExpanded(updatedExpanded);\n        }\n    }, []);\n\n    const handleExpansion = useCallback(\n        (id: string): void => {\n            let updatedExpanded;\n            if (expandedRef.current.includes(id)) {\n                updatedExpanded = expandedRef.current.filter((itemId) => itemId !== id);\n            } else {\n                updatedExpanded = expandedRef.current.slice();\n                updatedExpanded.push(id);\n            }\n            handleSetExpanded(updatedExpanded);\n        },\n        [handleSetExpanded]\n    );\n\n    useEffect(() => {\n        handlerRef.current = onExpand;\n    }, [onExpand]);\n\n    useEffect(() => {\n        expandedRef.current = expanded;\n    }, [expanded]);\n\n    useEffect(() => {\n        if (controlledExpanded) {\n            handleSetExpanded(controlledExpanded.slice());\n        }\n    }, [controlledExpanded, handleSetExpanded]);\n\n    return { expanded, handleSetExpanded, handleExpansion };\n};\n\nexport default useExpanded;\n"],"names":[],"mappings":";;MAEa,cAAc,GAAG,CAAC,IAAc,EAAE,IAAc,KAAa;AACtE,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;AAC7B,QAAA,OAAO,KAAK,CAAC;AAChB,KAAA;IACD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;AACrC,IAAA,OAAO,IAAI;AACN,SAAA,KAAK,EAAE;AACP,SAAA,IAAI,EAAE;AACN,SAAA,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1D,EAAE;AAiBI,MAAA,WAAW,GAAoB,CAAC,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,KAAI;IACpF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AACvD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEpC,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,eAAyB,KAAI;QAChE,UAAU,CAAC,OAAO,GAAG,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC;QAE9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,EAAE,eAAe,CAAC,EAAE;YACvD,WAAW,CAAC,eAAe,CAAC,CAAC;AAChC,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,EAAU,KAAU;AACjB,QAAA,IAAI,eAAe,CAAC;QACpB,IAAI,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AAClC,YAAA,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,KAAK,EAAE,CAAC,CAAC;AAC3E,SAAA;AAAM,aAAA;AACH,YAAA,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9C,YAAA,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,SAAA;QACD,iBAAiB,CAAC,eAAe,CAAC,CAAC;AACvC,KAAC,EACD,CAAC,iBAAiB,CAAC,CACtB,CAAC;IAEF,SAAS,CAAC,MAAK;AACX,QAAA,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC;AAClC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;AACX,QAAA,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;AACnC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,kBAAkB,EAAE;AACpB,YAAA,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC;AACjD,SAAA;AACL,KAAC,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAE5C,IAAA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AAC5D;;;;"}
+{"version":3,"file":"useExpanded.js","sources":["../src/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const areEqualArrays = (arr1: string[], arr2: string[]): boolean => {\n    if (arr1.length !== arr2.length) {\n        return false;\n    }\n    const sortArr2 = arr2.slice().sort();\n    return arr1\n        .slice()\n        .sort()\n        .every((item, index) => item === sortArr2[index]);\n};\n\ninterface UseExpandedHookProps {\n    initialValue: string[];\n    controlledExpanded?: string[];\n    onExpand?: (expanded: string[]) => void;\n}\n\ninterface UseExpandedHookReturn {\n    expanded: string[];\n    setExpanded: (expanded: string[]) => void;\n    handleExpansion: (id: string) => void;\n}\ninterface UseExpandedHook {\n    (props: UseExpandedHookProps): UseExpandedHookReturn;\n}\n\nconst useExpanded: UseExpandedHook = ({ initialValue, controlledExpanded, onExpand }) => {\n    const [expanded, setExpanded] = useState(initialValue);\n    const expandedRef = useRef(initialValue);\n    const handlerRef = useRef(onExpand);\n\n    const handleSetExpanded = useCallback((updatedExpanded: string[]) => {\n        handlerRef.current?.(updatedExpanded.slice());\n\n        if (!areEqualArrays(expandedRef.current, updatedExpanded)) {\n            setExpanded(updatedExpanded);\n        }\n    }, []);\n\n    const handleExpansion = useCallback(\n        (id: string): void => {\n            let updatedExpanded;\n            if (expandedRef.current.includes(id)) {\n                updatedExpanded = expandedRef.current.filter((itemId) => itemId !== id);\n            } else {\n                updatedExpanded = expandedRef.current.slice();\n                updatedExpanded.push(id);\n            }\n            handleSetExpanded(updatedExpanded);\n        },\n        [handleSetExpanded]\n    );\n\n    useEffect(() => {\n        handlerRef.current = onExpand;\n    }, [onExpand]);\n\n    useEffect(() => {\n        expandedRef.current = expanded;\n    }, [expanded]);\n\n    useEffect(() => {\n        if (controlledExpanded) {\n            handleSetExpanded(controlledExpanded.slice());\n        }\n    }, [controlledExpanded, handleSetExpanded]);\n\n    return { expanded, setExpanded: handleSetExpanded, handleExpansion };\n};\n\nexport default useExpanded;\n"],"names":[],"mappings":";;MAEa,cAAc,GAAG,CAAC,IAAc,EAAE,IAAc,KAAa;AACtE,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;AAC7B,QAAA,OAAO,KAAK,CAAC;AAChB,KAAA;IACD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;AACrC,IAAA,OAAO,IAAI;AACN,SAAA,KAAK,EAAE;AACP,SAAA,IAAI,EAAE;AACN,SAAA,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1D,EAAE;AAiBI,MAAA,WAAW,GAAoB,CAAC,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,KAAI;IACpF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AACvD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEpC,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,eAAyB,KAAI;QAChE,UAAU,CAAC,OAAO,GAAG,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC;QAE9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,EAAE,eAAe,CAAC,EAAE;YACvD,WAAW,CAAC,eAAe,CAAC,CAAC;AAChC,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,EAAU,KAAU;AACjB,QAAA,IAAI,eAAe,CAAC;QACpB,IAAI,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AAClC,YAAA,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,KAAK,EAAE,CAAC,CAAC;AAC3E,SAAA;AAAM,aAAA;AACH,YAAA,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9C,YAAA,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,SAAA;QACD,iBAAiB,CAAC,eAAe,CAAC,CAAC;AACvC,KAAC,EACD,CAAC,iBAAiB,CAAC,CACtB,CAAC;IAEF,SAAS,CAAC,MAAK;AACX,QAAA,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC;AAClC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;AACX,QAAA,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;AACnC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,kBAAkB,EAAE;AACpB,YAAA,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC;AACjD,SAAA;AACL,KAAC,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE5C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AACzE;;;;"}

package/useRenderInput.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+export interface UseRenderInputHook {
+    (): {
+        contentFilterQuery: string;
+        setInputValue: (newValue: string) => void;
+        handleChangeInput: (newValue: string) => void;
+        renderInput: () => ReactElement;
+    };
+}
+export declare const useRenderInput: UseRenderInputHook;

package/useRenderInput.js

@@ -0,0 +1,29 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useCallback } from 'react';
+import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
+import { SearchInput } from '@hh.ru/magritte-ui-input';
+
+const useRenderInput = () => {
+    const [contentFilterQuery, setContentFilterQuery] = useState('');
+    const [value, setValue] = useState('');
+    const { isMobile } = useBreakpoint();
+    useEffect(() => {
+        setValue('');
+        setContentFilterQuery('');
+    }, [isMobile]);
+    const handleChangeInput = useCallback((newValue) => {
+        setContentFilterQuery(newValue);
+        setValue(newValue);
+    }, [setContentFilterQuery]);
+    const setInputValue = useCallback((newValue) => {
+        setValue(newValue);
+    }, [setValue]);
+    const renderInput = useCallback(() => {
+        return jsx(SearchInput, { value: value, onChange: handleChangeInput });
+    }, [value, handleChangeInput]);
+    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };
+};
+
+export { useRenderInput };
+//# sourceMappingURL=useRenderInput.js.map

package/useRenderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderInput.js","sources":["../src/useRenderInput.tsx"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { SearchInput } from '@hh.ru/magritte-ui-input';\n\nexport interface UseRenderInputHook {\n    (): {\n        contentFilterQuery: string;\n        setInputValue: (newValue: string) => void;\n        handleChangeInput: (newValue: string) => void;\n        renderInput: () => ReactElement;\n    };\n}\n\nexport const useRenderInput: UseRenderInputHook = () => {\n    const [contentFilterQuery, setContentFilterQuery] = useState('');\n    const [value, setValue] = useState('');\n    const { isMobile } = useBreakpoint();\n\n    useEffect(() => {\n        setValue('');\n        setContentFilterQuery('');\n    }, [isMobile]);\n\n    const handleChangeInput = useCallback(\n        (newValue: string) => {\n            setContentFilterQuery(newValue);\n            setValue(newValue);\n        },\n        [setContentFilterQuery]\n    );\n\n    const setInputValue = useCallback(\n        (newValue: string) => {\n            setValue(newValue);\n        },\n        [setValue]\n    );\n\n    const renderInput = useCallback(() => {\n        return <SearchInput value={value} onChange={handleChangeInput} />;\n    }, [value, handleChangeInput]);\n\n    return { contentFilterQuery, setInputValue, handleChangeInput, renderInput };\n};\n"],"names":["_jsx"],"mappings":";;;;;AAcO,MAAM,cAAc,GAAuB,MAAK;IACnD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACvC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAErC,SAAS,CAAC,MAAK;QACX,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAC9B,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEf,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACjC,CAAC,QAAgB,KAAI;QACjB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAC,EACD,CAAC,qBAAqB,CAAC,CAC1B,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,QAAgB,KAAI;QACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACjC,OAAOA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAA,CAAI,CAAC;AACtE,KAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE/B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;AACjF;;;;"}