@hh.ru/magritte-ui-tree-selector 5.5.80 → 5.5.81

package/MobileItemsList.js

@@ -10,7 +10,7 @@ import { Action } from './Action.js';
 import { MobileDelimiter } from './MobileDelimiter.js';
 import { MobileItem } from './MobileItem.js';
 import { MobileParentItem } from './MobileParentItem.js';
-import { s as styles } from './tree-selector-item-BOEDcwrO.js';
+import { s as styles } from './tree-selector-item-DiHx85es.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-typography';
@@ -19,145 +19,272 @@ import '@hh.ru/magritte-ui-badge';
 
 const DEFAULT_ITEM_HEIGHT = 56;
 const SCROLLEND_HANDLER_DEBOUNCE_MS = 150;
-const DELIMITER = ';';
+const DELIMITER = ";";
 const MobileItemsListComponent = (props, ref) => {
-    const { collection, selected, disabled, leavesOnly, singleChoice, onChange, checkSelectable, getMobileSearchItemOrder, setInputValue, handleChangeInput, isSearch, renderMobileDelimiter, renderItem, contentFilterQuery, getSelectAllParentTrl, renderContentBefore, renderContentAfter, onMobileNavigationChange, } = props;
-    const navigationChangeCallback = useRef(onMobileNavigationChange);
-    navigationChangeCallback.current = onMobileNavigationChange;
-    const prevParentIds = useRef([]);
-    const prevQueries = useRef([]);
-    const currentQuery = useRef(contentFilterQuery);
-    const [currentParentId, setCurrentParentId] = useState();
-    const items = useMemo(() => (currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel()), [currentParentId, collection]);
-    const orderHashMap = useMemo(() => {
-        return items.reduce((acc, item) => {
-            acc[item.id] = isSearch && !currentParentId ? getMobileSearchItemOrder(item) : 0;
-            return acc;
-        }, {});
-    }, [items, isSearch, currentParentId, getMobileSearchItemOrder]);
-    const sortedItems = useMemo(() => {
-        return items.sort((itemA, itemB) => {
-            return orderHashMap[itemA.id] - orderHashMap[itemB.id];
-        });
-    }, [items, orderHashMap]);
-    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);
-    const withContentBefore = !!renderContentBefore;
-    const withContentAfter = !!renderContentAfter;
-    const count = items.length + (isSelectable ? 1 : 0) + (withContentBefore ? 1 : 0) + (withContentAfter ? 1 : 0);
-    const parentRef = useRef(null);
-    const isScrolling = useRef(false);
-    const getItemKey = (index) => {
-        if (withContentBefore && index === 0) {
-            return 'promoTop';
+  const {
+    collection,
+    selected,
+    disabled,
+    leavesOnly,
+    singleChoice,
+    onChange,
+    checkSelectable,
+    getMobileSearchItemOrder,
+    setInputValue,
+    handleChangeInput,
+    isSearch,
+    renderMobileDelimiter,
+    renderItem,
+    contentFilterQuery,
+    getSelectAllParentTrl,
+    renderContentBefore,
+    renderContentAfter,
+    onMobileNavigationChange
+  } = props;
+  const navigationChangeCallback = useRef(onMobileNavigationChange);
+  navigationChangeCallback.current = onMobileNavigationChange;
+  const prevParentIds = useRef([]);
+  const prevQueries = useRef([]);
+  const currentQuery = useRef(contentFilterQuery);
+  const [currentParentId, setCurrentParentId] = useState();
+  const items = useMemo(
+    () => currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel(),
+    [currentParentId, collection]
+  );
+  const orderHashMap = useMemo(() => {
+    return items.reduce((acc, item) => {
+      acc[item.id] = isSearch && !currentParentId ? getMobileSearchItemOrder(item) : 0;
+      return acc;
+    }, {});
+  }, [items, isSearch, currentParentId, getMobileSearchItemOrder]);
+  const sortedItems = useMemo(() => {
+    return items.sort((itemA, itemB) => {
+      return orderHashMap[itemA.id] - orderHashMap[itemB.id];
+    });
+  }, [items, orderHashMap]);
+  const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);
+  const withContentBefore = !!renderContentBefore;
+  const withContentAfter = !!renderContentAfter;
+  const count = items.length + (isSelectable ? 1 : 0) + (withContentBefore ? 1 : 0) + (withContentAfter ? 1 : 0);
+  const parentRef = useRef(null);
+  const isScrolling = useRef(false);
+  const getItemKey = (index) => {
+    if (withContentBefore && index === 0) {
+      return "promoTop";
+    }
+    if (withContentAfter && index === count - 1) {
+      return "promoBottom";
+    }
+    const isSelectAllItem = isSelectable && (index === 0 && !withContentBefore || index === 1 && withContentBefore);
+    if (isSelectAllItem) {
+      return `current${currentParentId}`;
+    }
+    const itemIndex = index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);
+    const item = sortedItems[itemIndex];
+    return currentParentId ? `${currentParentId}${DELIMITER}${item.id}` : `${item.id}`;
+  };
+  const virtualizer = useVirtualizer({
+    count,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => DEFAULT_ITEM_HEIGHT,
+    getItemKey
+  });
+  const itemsVirtualizer = virtualizer.getVirtualItems();
+  useEffect(() => {
+    setCurrentParentId(void 0);
+    prevParentIds.current = [];
+    prevQueries.current = [];
+    navigationChangeCallback.current?.(void 0);
+    currentQuery.current = contentFilterQuery;
+  }, [contentFilterQuery]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      back: () => {
+        if (!isScrolling.current) {
+          const prevParentId = prevParentIds.current.pop();
+          setCurrentParentId(prevParentId);
+          navigationChangeCallback.current?.(prevParentId);
+          if (prevQueries.current.length) {
+            const prevInputValue = prevQueries.current.pop();
+            setInputValue(prevInputValue);
+            currentQuery.current = prevInputValue;
+          } else {
+            handleChangeInput("");
+          }
+        }
+      }
+    }),
+    [handleChangeInput, setInputValue]
+  );
+  useEffect(() => {
+    const handleScrollEnd = debounce(() => {
+      isScrolling.current = false;
+    }, SCROLLEND_HANDLER_DEBOUNCE_MS);
+    const handleScroll = () => {
+      isScrolling.current = true;
+      handleScrollEnd();
+    };
+    parentRef.current?.addEventListener("scroll", handleScroll);
+    return () => {
+      parentRef.current?.removeEventListener("scroll", handleScroll);
+    };
+  }, []);
+  const refCallback = useCallback((node) => {
+    parentRef.current = node ? node.parentElement : null;
+  }, []);
+  useEffect(() => {
+    virtualizer.scrollToIndex(0);
+  }, [currentParentId, sortedItems, virtualizer]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: refCallback,
+      className: styles.virtualizedList,
+      style: {
+        height: `${virtualizer.getTotalSize()}px`
+      },
+      children: itemsVirtualizer.map((virtualItem) => {
+        const isContentBeforeItem = withContentBefore && virtualItem.index === 0;
+        const isContentAfterItem = withContentAfter && virtualItem.index === count - 1;
+        const isSelectAllItem = isSelectable && (virtualItem.index === 0 && !withContentBefore || virtualItem.index === 1 && withContentBefore);
+        if (isContentBeforeItem) {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: virtualizer.measureElement,
+              "data-index": virtualItem.index,
+              className: styles.virtualizedItem,
+              style: {
+                transform: `translateY(${virtualItem.start}px)`
+              },
+              children: renderContentBefore(isSearch)
+            },
+            virtualItem.key
+          );
         }
-        if (withContentAfter && index === count - 1) {
-            return 'promoBottom';
+        if (isContentAfterItem) {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: virtualizer.measureElement,
+              "data-index": virtualItem.index,
+              className: styles.virtualizedItem,
+              style: {
+                transform: `translateY(${virtualItem.start}px)`
+              },
+              children: renderContentAfter(isSearch)
+            },
+            virtualItem.key
+          );
         }
-        const isSelectAllItem = isSelectable && ((index === 0 && !withContentBefore) || (index === 1 && withContentBefore));
         if (isSelectAllItem) {
-            return `current${currentParentId}`;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: virtualizer.measureElement,
+              "data-index": virtualItem.index,
+              className: styles.virtualizedItem,
+              style: {
+                transform: `translateY(${virtualItem.start}px)`
+              },
+              children: /* @__PURE__ */ jsx("div", { className: styles.mobileItem, children: /* @__PURE__ */ jsx(
+                CheckableCardElement,
+                {
+                  padding: 16,
+                  flexible: true,
+                  borderRadius: 12,
+                  Element: "label",
+                  checked: selected.includes(currentParentId),
+                  "data-qa": `tree-selector-select-all-${currentParentId}`,
+                  children: /* @__PURE__ */ jsx(
+                    Cell,
+                    {
+                      Element: "div",
+                      disabled: disabled.includes(currentParentId),
+                      right: /* @__PURE__ */ jsx(
+                        Action,
+                        {
+                          selected: selected.includes(currentParentId),
+                          onChange,
+                          id: currentParentId,
+                          singleChoice
+                        }
+                      ),
+                      children: /* @__PURE__ */ jsx(CellText, { children: getSelectAllParentTrl(currentParentId) })
+                    }
+                  )
+                }
+              ) })
+            },
+            virtualItem.key
+          );
         }
-        const itemIndex = index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);
+        const itemIndex = virtualItem.index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);
         const item = sortedItems[itemIndex];
-        return currentParentId ? `${currentParentId}${DELIMITER}${item.id}` : `${item.id}`;
-    };
-    const virtualizer = useVirtualizer({
-        count,
-        getScrollElement: () => parentRef.current,
-        estimateSize: () => DEFAULT_ITEM_HEIGHT,
-        getItemKey,
-    });
-    const itemsVirtualizer = virtualizer.getVirtualItems();
-    useEffect(() => {
-        setCurrentParentId(undefined);
-        prevParentIds.current = [];
-        prevQueries.current = [];
-        navigationChangeCallback.current?.(undefined);
-        currentQuery.current = contentFilterQuery;
-    }, [contentFilterQuery]);
-    useImperativeHandle(ref, () => ({
-        back: () => {
-            if (!isScrolling.current) {
-                const prevParentId = prevParentIds.current.pop();
-                setCurrentParentId(prevParentId);
-                navigationChangeCallback.current?.(prevParentId);
-                if (prevQueries.current.length) {
-                    const prevInputValue = prevQueries.current.pop();
-                    setInputValue(prevInputValue);
-                    currentQuery.current = prevInputValue;
+        const hasChildren = collection.hasChildren(item.id);
+        const hasLetter = item.additional?.char && !isSearch;
+        const delimiterContent = renderMobileDelimiter?.({
+          item,
+          order: orderHashMap[item.id],
+          isSearch,
+          index: itemIndex,
+          isTopLevel: !currentParentId
+        });
+        const withGap = !!withContentBefore && virtualItem.index !== 1 || !withContentBefore && virtualItem.index !== 0;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: virtualizer.measureElement,
+            "data-index": virtualItem.index,
+            style: {
+              transform: `translateY(${virtualItem.start}px)`
+            },
+            className: classnames(styles.virtualizedItem, {
+              [styles.withGap]: withGap
+            }),
+            children: /* @__PURE__ */ jsxs("div", { className: styles.mobileItem, children: [
+              hasLetter && /* @__PURE__ */ jsx(MobileDelimiter, { children: item.additional?.char }),
+              delimiterContent && /* @__PURE__ */ jsx(MobileDelimiter, { children: delimiterContent }),
+              hasChildren ? /* @__PURE__ */ jsx(
+                MobileParentItem,
+                {
+                  collection,
+                  item,
+                  selected,
+                  onClick: () => {
+                    prevParentIds.current.push(currentParentId);
+                    prevQueries.current.push(currentQuery.current);
+                    setCurrentParentId(item.id);
+                    setInputValue("");
+                    currentQuery.current = "";
+                    navigationChangeCallback.current?.(item.id);
+                  },
+                  parentId: currentParentId,
+                  isSearch,
+                  renderItem
                 }
-                else {
-                    handleChangeInput('');
+              ) : /* @__PURE__ */ jsx(
+                MobileItem,
+                {
+                  item,
+                  singleChoice,
+                  isSelectable: checkSelectable?.(item.id, collection),
+                  isSelected: selected.includes(item.id),
+                  isDisabled: disabled.includes(item.id),
+                  onChange,
+                  isSearch,
+                  renderItem,
+                  parentId: currentParentId
                 }
-            }
-        },
-    }), [handleChangeInput, setInputValue]);
-    useEffect(() => {
-        const handleScrollEnd = debounce(() => {
-            isScrolling.current = false;
-        }, SCROLLEND_HANDLER_DEBOUNCE_MS);
-        const handleScroll = () => {
-            isScrolling.current = true;
-            handleScrollEnd();
-        };
-        parentRef.current?.addEventListener('scroll', handleScroll);
-        return () => {
-            parentRef.current?.removeEventListener('scroll', handleScroll);
-        };
-    }, []);
-    const refCallback = useCallback((node) => {
-        parentRef.current = node ? node.parentElement : null;
-    }, []);
-    useEffect(() => {
-        virtualizer.scrollToIndex(0);
-    }, [currentParentId, sortedItems, virtualizer]);
-    return (jsx("div", { ref: refCallback, className: styles.virtualizedList, style: {
-            height: `${virtualizer.getTotalSize()}px`,
-        }, children: itemsVirtualizer.map((virtualItem) => {
-            const isContentBeforeItem = withContentBefore && virtualItem.index === 0;
-            const isContentAfterItem = withContentAfter && virtualItem.index === count - 1;
-            const isSelectAllItem = isSelectable &&
-                ((virtualItem.index === 0 && !withContentBefore) || (virtualItem.index === 1 && withContentBefore));
-            if (isContentBeforeItem) {
-                return (jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, className: styles.virtualizedItem, style: {
-                        transform: `translateY(${virtualItem.start}px)`,
-                    }, children: renderContentBefore(isSearch) }, virtualItem.key));
-            }
-            if (isContentAfterItem) {
-                return (jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, className: styles.virtualizedItem, style: {
-                        transform: `translateY(${virtualItem.start}px)`,
-                    }, children: renderContentAfter(isSearch) }, virtualItem.key));
-            }
-            if (isSelectAllItem) {
-                return (jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, className: styles.virtualizedItem, style: {
-                        transform: `translateY(${virtualItem.start}px)`,
-                    }, children: jsx("div", { className: styles.mobileItem, children: jsx(CheckableCardElement, { padding: 16, flexible: true, borderRadius: 12, Element: "label", checked: selected.includes(currentParentId), "data-qa": `tree-selector-select-all-${currentParentId}`, children: jsx(Cell, { Element: 'div', disabled: disabled.includes(currentParentId), right: jsx(Action, { selected: selected.includes(currentParentId), onChange: onChange, id: currentParentId, singleChoice: singleChoice }), children: jsx(CellText, { children: getSelectAllParentTrl(currentParentId) }) }) }) }) }, virtualItem.key));
-            }
-            const itemIndex = virtualItem.index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);
-            const item = sortedItems[itemIndex];
-            const hasChildren = collection.hasChildren(item.id);
-            const hasLetter = item.additional?.char && !isSearch;
-            const delimiterContent = renderMobileDelimiter?.({
-                item,
-                order: orderHashMap[item.id],
-                isSearch,
-                index: itemIndex,
-                isTopLevel: !currentParentId,
-            });
-            const withGap = (!!withContentBefore && virtualItem.index !== 1) || (!withContentBefore && virtualItem.index !== 0);
-            return (jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, style: {
-                    transform: `translateY(${virtualItem.start}px)`,
-                }, className: classnames(styles.virtualizedItem, {
-                    [styles.withGap]: withGap,
-                }), children: jsxs("div", { className: styles.mobileItem, children: [hasLetter && jsx(MobileDelimiter, { children: item.additional?.char }), delimiterContent && jsx(MobileDelimiter, { children: delimiterContent }), 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 = '';
-                                navigationChangeCallback.current?.(item.id);
-                            }, parentId: currentParentId, isSearch: isSearch, renderItem: renderItem })) : (jsx(MobileItem, { item: item, singleChoice: singleChoice, isSelectable: checkSelectable?.(item.id, collection), isSelected: selected.includes(item.id), isDisabled: disabled.includes(item.id), onChange: onChange, isSearch: isSearch, renderItem: renderItem, parentId: currentParentId }))] }) }, virtualItem.key));
-        }) }));
+              )
+            ] })
+          },
+          virtualItem.key
+        );
+      })
+    }
+  );
 };
 const MobileItemsList = forwardRef(MobileItemsListComponent);
 

package/MobileItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileItemsList.js","sources":["src/MobileItemsList.tsx"],"sourcesContent":["import {\n    ReactElement,\n    useMemo,\n    useState,\n    useImperativeHandle,\n    forwardRef,\n    ForwardedRef,\n    useRef,\n    useEffect,\n    RefCallback,\n    useCallback,\n} from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport classnames from 'classnames';\n\nimport { debounce } from '@hh.ru/magritte-common-func-utils';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { MobileDelimiter } from '@hh.ru/magritte-ui-tree-selector/MobileDelimiter';\nimport { MobileItem } from '@hh.ru/magritte-ui-tree-selector/MobileItem';\nimport { MobileParentItem } from '@hh.ru/magritte-ui-tree-selector/MobileParentItem';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ListControls, TreeSelectorDummyProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\nimport styles from './tree-selector-item.less';\n\nconst DEFAULT_ITEM_HEIGHT = 56;\nconst SCROLLEND_HANDLER_DEBOUNCE_MS = 150;\nconst DELIMITER = ';';\n\ntype MobileItemsListProps<Additional extends AdditionalDefault> = {\n    selected: string[];\n    disabled: string[];\n    getMobileSearchItemOrder: (model: TreeModel<Additional>) => number;\n    setInputValue: (newValue: string) => void;\n    handleChangeInput: (newValue: string) => void;\n    contentFilterQuery: string;\n    isSearch: boolean;\n} & Pick<\n    TreeSelectorDummyProps<Additional>,\n    | 'collection'\n    | 'leavesOnly'\n    | 'singleChoice'\n    | 'checkSelectable'\n    | 'onChange'\n    | 'renderItem'\n    | 'renderMobileDelimiter'\n    | 'onMobileNavigationChange'\n    | 'getSelectAllParentTrl'\n    | 'renderContentBefore'\n    | 'renderContentAfter'\n>;\n\nconst MobileItemsListComponent = <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const {\n        collection,\n        selected,\n        disabled,\n        leavesOnly,\n        singleChoice,\n        onChange,\n        checkSelectable,\n        getMobileSearchItemOrder,\n        setInputValue,\n        handleChangeInput,\n        isSearch,\n        renderMobileDelimiter,\n        renderItem,\n        contentFilterQuery,\n        getSelectAllParentTrl,\n        renderContentBefore,\n        renderContentAfter,\n        onMobileNavigationChange,\n    } = props;\n    const navigationChangeCallback = useRef(onMobileNavigationChange);\n    navigationChangeCallback.current = onMobileNavigationChange;\n    const prevParentIds = useRef<(string | undefined)[]>([]);\n    const prevQueries = useRef<string[]>([]);\n    const currentQuery = useRef(contentFilterQuery);\n    const [currentParentId, setCurrentParentId] = useState<string | undefined>();\n    const items = useMemo(\n        () => (currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel()),\n        [currentParentId, collection]\n    );\n    const orderHashMap = useMemo(() => {\n        return items.reduce<Record<TreeModel<Additional>['id'], number>>((acc, item) => {\n            acc[item.id] = isSearch && !currentParentId ? getMobileSearchItemOrder(item) : 0;\n            return acc;\n        }, {});\n    }, [items, isSearch, currentParentId, getMobileSearchItemOrder]);\n\n    const sortedItems = useMemo(() => {\n        return items.sort((itemA, itemB) => {\n            return orderHashMap[itemA.id] - orderHashMap[itemB.id];\n        });\n    }, [items, orderHashMap]);\n\n    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);\n    const withContentBefore = !!renderContentBefore;\n    const withContentAfter = !!renderContentAfter;\n    const count = items.length + (isSelectable ? 1 : 0) + (withContentBefore ? 1 : 0) + (withContentAfter ? 1 : 0);\n    const parentRef = useRef<HTMLElement | null>(null);\n    const isScrolling = useRef(false);\n\n    const getItemKey = (index: number) => {\n        if (withContentBefore && index === 0) {\n            return 'promoTop';\n        }\n\n        if (withContentAfter && index === count - 1) {\n            return 'promoBottom';\n        }\n\n        const isSelectAllItem =\n            isSelectable && ((index === 0 && !withContentBefore) || (index === 1 && withContentBefore));\n\n        if (isSelectAllItem) {\n            return `current${currentParentId}`;\n        }\n\n        const itemIndex = index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);\n        const item = sortedItems[itemIndex];\n\n        return currentParentId ? `${currentParentId}${DELIMITER}${item.id}` : `${item.id}`;\n    };\n\n    const virtualizer = useVirtualizer({\n        count,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => DEFAULT_ITEM_HEIGHT,\n        getItemKey,\n    });\n\n    const itemsVirtualizer = virtualizer.getVirtualItems();\n\n    useEffect(() => {\n        setCurrentParentId(undefined);\n        prevParentIds.current = [];\n        prevQueries.current = [];\n        navigationChangeCallback.current?.(undefined);\n        currentQuery.current = contentFilterQuery;\n    }, [contentFilterQuery]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            back: () => {\n                if (!isScrolling.current) {\n                    const prevParentId = prevParentIds.current.pop();\n                    setCurrentParentId(prevParentId);\n                    navigationChangeCallback.current?.(prevParentId);\n                    if (prevQueries.current.length) {\n                        const prevInputValue = prevQueries.current.pop() as string;\n                        setInputValue(prevInputValue);\n                        currentQuery.current = prevInputValue;\n                    } else {\n                        handleChangeInput('');\n                    }\n                }\n            },\n        }),\n        [handleChangeInput, setInputValue]\n    );\n\n    useEffect(() => {\n        const handleScrollEnd = debounce(() => {\n            isScrolling.current = false;\n        }, SCROLLEND_HANDLER_DEBOUNCE_MS);\n\n        const handleScroll = () => {\n            isScrolling.current = true;\n            handleScrollEnd();\n        };\n        parentRef.current?.addEventListener('scroll', handleScroll);\n\n        return () => {\n            parentRef.current?.removeEventListener('scroll', handleScroll);\n        };\n    }, []);\n\n    const refCallback: RefCallback<HTMLDivElement> = useCallback((node) => {\n        parentRef.current = node ? node.parentElement : null;\n    }, []);\n\n    useEffect(() => {\n        virtualizer.scrollToIndex(0);\n    }, [currentParentId, sortedItems, virtualizer]);\n\n    return (\n        <div\n            ref={refCallback}\n            className={styles.virtualizedList}\n            style={{\n                height: `${virtualizer.getTotalSize()}px`,\n            }}\n        >\n            {itemsVirtualizer.map((virtualItem) => {\n                const isContentBeforeItem = withContentBefore && virtualItem.index === 0;\n                const isContentAfterItem = withContentAfter && virtualItem.index === count - 1;\n                const isSelectAllItem =\n                    isSelectable &&\n                    ((virtualItem.index === 0 && !withContentBefore) || (virtualItem.index === 1 && withContentBefore));\n\n                if (isContentBeforeItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            {renderContentBefore(isSearch)}\n                        </div>\n                    );\n                }\n\n                if (isContentAfterItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            {renderContentAfter(isSearch)}\n                        </div>\n                    );\n                }\n\n                if (isSelectAllItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            <div className={styles.mobileItem}>\n                                <CheckableCardElement\n                                    padding={16}\n                                    flexible\n                                    borderRadius={12}\n                                    Element=\"label\"\n                                    checked={selected.includes(currentParentId)}\n                                    data-qa={`tree-selector-select-all-${currentParentId}`}\n                                >\n                                    <Cell\n                                        Element={'div'}\n                                        disabled={disabled.includes(currentParentId)}\n                                        right={\n                                            <Action\n                                                selected={selected.includes(currentParentId)}\n                                                onChange={onChange}\n                                                id={currentParentId}\n                                                singleChoice={singleChoice}\n                                            />\n                                        }\n                                    >\n                                        <CellText>{getSelectAllParentTrl(currentParentId)}</CellText>\n                                    </Cell>\n                                </CheckableCardElement>\n                            </div>\n                        </div>\n                    );\n                }\n                const itemIndex = virtualItem.index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);\n                const item = sortedItems[itemIndex];\n                const hasChildren = collection.hasChildren(item.id);\n                const hasLetter = item.additional?.char && !isSearch;\n                const delimiterContent = renderMobileDelimiter?.({\n                    item,\n                    order: orderHashMap[item.id],\n                    isSearch,\n                    index: itemIndex,\n                    isTopLevel: !currentParentId,\n                });\n                const withGap =\n                    (!!withContentBefore && virtualItem.index !== 1) || (!withContentBefore && virtualItem.index !== 0);\n                return (\n                    <div\n                        key={virtualItem.key}\n                        ref={virtualizer.measureElement}\n                        data-index={virtualItem.index}\n                        style={{\n                            transform: `translateY(${virtualItem.start}px)`,\n                        }}\n                        className={classnames(styles.virtualizedItem, {\n                            [styles.withGap]: withGap,\n                        })}\n                    >\n                        <div className={styles.mobileItem}>\n                            {hasLetter && <MobileDelimiter>{item.additional?.char}</MobileDelimiter>}\n                            {delimiterContent && <MobileDelimiter>{delimiterContent}</MobileDelimiter>}\n                            {hasChildren ? (\n                                <MobileParentItem\n                                    collection={collection}\n                                    item={item}\n                                    selected={selected}\n                                    onClick={() => {\n                                        prevParentIds.current.push(currentParentId);\n                                        prevQueries.current.push(currentQuery.current);\n                                        setCurrentParentId(item.id);\n                                        setInputValue('');\n                                        currentQuery.current = '';\n                                        navigationChangeCallback.current?.(item.id);\n                                    }}\n                                    parentId={currentParentId}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                />\n                            ) : (\n                                <MobileItem\n                                    item={item}\n                                    singleChoice={singleChoice}\n                                    isSelectable={checkSelectable?.(item.id, collection)}\n                                    isSelected={selected.includes(item.id)}\n                                    isDisabled={disabled.includes(item.id)}\n                                    onChange={onChange}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                    parentId={currentParentId}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const MobileItemsList = forwardRef(MobileItemsListComponent) as <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"MobileItemsList.js","sources":["src/MobileItemsList.tsx"],"sourcesContent":["import {\n    ReactElement,\n    useMemo,\n    useState,\n    useImperativeHandle,\n    forwardRef,\n    ForwardedRef,\n    useRef,\n    useEffect,\n    RefCallback,\n    useCallback,\n} from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport classnames from 'classnames';\n\nimport { debounce } from '@hh.ru/magritte-common-func-utils';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { MobileDelimiter } from '@hh.ru/magritte-ui-tree-selector/MobileDelimiter';\nimport { MobileItem } from '@hh.ru/magritte-ui-tree-selector/MobileItem';\nimport { MobileParentItem } from '@hh.ru/magritte-ui-tree-selector/MobileParentItem';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { ListControls, TreeSelectorDummyProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\nimport styles from './tree-selector-item.less';\n\nconst DEFAULT_ITEM_HEIGHT = 56;\nconst SCROLLEND_HANDLER_DEBOUNCE_MS = 150;\nconst DELIMITER = ';';\n\ntype MobileItemsListProps<Additional extends AdditionalDefault> = {\n    selected: string[];\n    disabled: string[];\n    getMobileSearchItemOrder: (model: TreeModel<Additional>) => number;\n    setInputValue: (newValue: string) => void;\n    handleChangeInput: (newValue: string) => void;\n    contentFilterQuery: string;\n    isSearch: boolean;\n} & Pick<\n    TreeSelectorDummyProps<Additional>,\n    | 'collection'\n    | 'leavesOnly'\n    | 'singleChoice'\n    | 'checkSelectable'\n    | 'onChange'\n    | 'renderItem'\n    | 'renderMobileDelimiter'\n    | 'onMobileNavigationChange'\n    | 'getSelectAllParentTrl'\n    | 'renderContentBefore'\n    | 'renderContentAfter'\n>;\n\nconst MobileItemsListComponent = <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional>,\n    ref: ForwardedRef<ListControls>\n): ReactElement => {\n    const {\n        collection,\n        selected,\n        disabled,\n        leavesOnly,\n        singleChoice,\n        onChange,\n        checkSelectable,\n        getMobileSearchItemOrder,\n        setInputValue,\n        handleChangeInput,\n        isSearch,\n        renderMobileDelimiter,\n        renderItem,\n        contentFilterQuery,\n        getSelectAllParentTrl,\n        renderContentBefore,\n        renderContentAfter,\n        onMobileNavigationChange,\n    } = props;\n    const navigationChangeCallback = useRef(onMobileNavigationChange);\n    navigationChangeCallback.current = onMobileNavigationChange;\n    const prevParentIds = useRef<(string | undefined)[]>([]);\n    const prevQueries = useRef<string[]>([]);\n    const currentQuery = useRef(contentFilterQuery);\n    const [currentParentId, setCurrentParentId] = useState<string | undefined>();\n    const items = useMemo(\n        () => (currentParentId ? collection.getChildren(currentParentId) : collection.getTopLevel()),\n        [currentParentId, collection]\n    );\n    const orderHashMap = useMemo(() => {\n        return items.reduce<Record<TreeModel<Additional>['id'], number>>((acc, item) => {\n            acc[item.id] = isSearch && !currentParentId ? getMobileSearchItemOrder(item) : 0;\n            return acc;\n        }, {});\n    }, [items, isSearch, currentParentId, getMobileSearchItemOrder]);\n\n    const sortedItems = useMemo(() => {\n        return items.sort((itemA, itemB) => {\n            return orderHashMap[itemA.id] - orderHashMap[itemB.id];\n        });\n    }, [items, orderHashMap]);\n\n    const isSelectable = currentParentId && !leavesOnly && checkSelectable?.(currentParentId, collection);\n    const withContentBefore = !!renderContentBefore;\n    const withContentAfter = !!renderContentAfter;\n    const count = items.length + (isSelectable ? 1 : 0) + (withContentBefore ? 1 : 0) + (withContentAfter ? 1 : 0);\n    const parentRef = useRef<HTMLElement | null>(null);\n    const isScrolling = useRef(false);\n\n    const getItemKey = (index: number) => {\n        if (withContentBefore && index === 0) {\n            return 'promoTop';\n        }\n\n        if (withContentAfter && index === count - 1) {\n            return 'promoBottom';\n        }\n\n        const isSelectAllItem =\n            isSelectable && ((index === 0 && !withContentBefore) || (index === 1 && withContentBefore));\n\n        if (isSelectAllItem) {\n            return `current${currentParentId}`;\n        }\n\n        const itemIndex = index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);\n        const item = sortedItems[itemIndex];\n\n        return currentParentId ? `${currentParentId}${DELIMITER}${item.id}` : `${item.id}`;\n    };\n\n    const virtualizer = useVirtualizer({\n        count,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => DEFAULT_ITEM_HEIGHT,\n        getItemKey,\n    });\n\n    const itemsVirtualizer = virtualizer.getVirtualItems();\n\n    useEffect(() => {\n        setCurrentParentId(undefined);\n        prevParentIds.current = [];\n        prevQueries.current = [];\n        navigationChangeCallback.current?.(undefined);\n        currentQuery.current = contentFilterQuery;\n    }, [contentFilterQuery]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            back: () => {\n                if (!isScrolling.current) {\n                    const prevParentId = prevParentIds.current.pop();\n                    setCurrentParentId(prevParentId);\n                    navigationChangeCallback.current?.(prevParentId);\n                    if (prevQueries.current.length) {\n                        const prevInputValue = prevQueries.current.pop() as string;\n                        setInputValue(prevInputValue);\n                        currentQuery.current = prevInputValue;\n                    } else {\n                        handleChangeInput('');\n                    }\n                }\n            },\n        }),\n        [handleChangeInput, setInputValue]\n    );\n\n    useEffect(() => {\n        const handleScrollEnd = debounce(() => {\n            isScrolling.current = false;\n        }, SCROLLEND_HANDLER_DEBOUNCE_MS);\n\n        const handleScroll = () => {\n            isScrolling.current = true;\n            handleScrollEnd();\n        };\n        parentRef.current?.addEventListener('scroll', handleScroll);\n\n        return () => {\n            parentRef.current?.removeEventListener('scroll', handleScroll);\n        };\n    }, []);\n\n    const refCallback: RefCallback<HTMLDivElement> = useCallback((node) => {\n        parentRef.current = node ? node.parentElement : null;\n    }, []);\n\n    useEffect(() => {\n        virtualizer.scrollToIndex(0);\n    }, [currentParentId, sortedItems, virtualizer]);\n\n    return (\n        <div\n            ref={refCallback}\n            className={styles.virtualizedList}\n            style={{\n                height: `${virtualizer.getTotalSize()}px`,\n            }}\n        >\n            {itemsVirtualizer.map((virtualItem) => {\n                const isContentBeforeItem = withContentBefore && virtualItem.index === 0;\n                const isContentAfterItem = withContentAfter && virtualItem.index === count - 1;\n                const isSelectAllItem =\n                    isSelectable &&\n                    ((virtualItem.index === 0 && !withContentBefore) || (virtualItem.index === 1 && withContentBefore));\n\n                if (isContentBeforeItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            {renderContentBefore(isSearch)}\n                        </div>\n                    );\n                }\n\n                if (isContentAfterItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            {renderContentAfter(isSearch)}\n                        </div>\n                    );\n                }\n\n                if (isSelectAllItem) {\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            className={styles.virtualizedItem}\n                            style={{\n                                transform: `translateY(${virtualItem.start}px)`,\n                            }}\n                        >\n                            <div className={styles.mobileItem}>\n                                <CheckableCardElement\n                                    padding={16}\n                                    flexible\n                                    borderRadius={12}\n                                    Element=\"label\"\n                                    checked={selected.includes(currentParentId)}\n                                    data-qa={`tree-selector-select-all-${currentParentId}`}\n                                >\n                                    <Cell\n                                        Element={'div'}\n                                        disabled={disabled.includes(currentParentId)}\n                                        right={\n                                            <Action\n                                                selected={selected.includes(currentParentId)}\n                                                onChange={onChange}\n                                                id={currentParentId}\n                                                singleChoice={singleChoice}\n                                            />\n                                        }\n                                    >\n                                        <CellText>{getSelectAllParentTrl(currentParentId)}</CellText>\n                                    </Cell>\n                                </CheckableCardElement>\n                            </div>\n                        </div>\n                    );\n                }\n                const itemIndex = virtualItem.index - (isSelectable ? 1 : 0) - (withContentBefore ? 1 : 0);\n                const item = sortedItems[itemIndex];\n                const hasChildren = collection.hasChildren(item.id);\n                const hasLetter = item.additional?.char && !isSearch;\n                const delimiterContent = renderMobileDelimiter?.({\n                    item,\n                    order: orderHashMap[item.id],\n                    isSearch,\n                    index: itemIndex,\n                    isTopLevel: !currentParentId,\n                });\n                const withGap =\n                    (!!withContentBefore && virtualItem.index !== 1) || (!withContentBefore && virtualItem.index !== 0);\n                return (\n                    <div\n                        key={virtualItem.key}\n                        ref={virtualizer.measureElement}\n                        data-index={virtualItem.index}\n                        style={{\n                            transform: `translateY(${virtualItem.start}px)`,\n                        }}\n                        className={classnames(styles.virtualizedItem, {\n                            [styles.withGap]: withGap,\n                        })}\n                    >\n                        <div className={styles.mobileItem}>\n                            {hasLetter && <MobileDelimiter>{item.additional?.char}</MobileDelimiter>}\n                            {delimiterContent && <MobileDelimiter>{delimiterContent}</MobileDelimiter>}\n                            {hasChildren ? (\n                                <MobileParentItem\n                                    collection={collection}\n                                    item={item}\n                                    selected={selected}\n                                    onClick={() => {\n                                        prevParentIds.current.push(currentParentId);\n                                        prevQueries.current.push(currentQuery.current);\n                                        setCurrentParentId(item.id);\n                                        setInputValue('');\n                                        currentQuery.current = '';\n                                        navigationChangeCallback.current?.(item.id);\n                                    }}\n                                    parentId={currentParentId}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                />\n                            ) : (\n                                <MobileItem\n                                    item={item}\n                                    singleChoice={singleChoice}\n                                    isSelectable={checkSelectable?.(item.id, collection)}\n                                    isSelected={selected.includes(item.id)}\n                                    isDisabled={disabled.includes(item.id)}\n                                    onChange={onChange}\n                                    isSearch={isSearch}\n                                    renderItem={renderItem}\n                                    parentId={currentParentId}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const MobileItemsList = forwardRef(MobileItemsListComponent) as <Additional extends AdditionalDefault>(\n    props: MobileItemsListProps<Additional> & { ref?: ForwardedRef<ListControls> }\n) => ReactElement;\n"],"names":[],"mappings":"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"}

package/MobileParentItem.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
-import { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';
+import TreeCollection from './collection/treeCollection';
+import { AdditionalDefault, TreeModel } from './collection/types';
+import { RenderItem } from './types';
 interface MobileParentItemProps<Additional extends AdditionalDefault> {
     collection: TreeCollection<Additional>;
     item: TreeModel<Additional>;

package/MobileParentItem.js

@@ -7,20 +7,39 @@ import { Card } from '@hh.ru/magritte-ui-card';
 import { CellRightLabel } from '@hh.ru/magritte-ui-cell';
 import { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
 
-const MobileParentItem = ({ collection, item, selected, onClick, isSearch, parentId, renderItem = TreeSelectorItemBase, }) => {
-    const childrenSelectedCount = useMemo(() => {
-        let count = 0;
-        collection.walkChildren(item.id, (model) => {
-            if (selected.includes(model.id)) {
-                count += 1;
-            }
-        });
-        return count;
-    }, [collection, selected, item.id]);
-    const labelRight = (jsx(CellRightLabel, { badge: childrenSelectedCount ? jsx(Badge, { children: childrenSelectedCount.toString() }) : undefined }));
-    return (jsx(Card, { padding: 16, borderRadius: 12, borderWidth: "default", stretched: true, onClick: onClick, "data-qa": classnames('tree-selector-item', `tree-selector-item-${item.id}`, {
-            [`tree-selector-child-${parentId}`]: parentId,
-        }), children: renderItem({ item, labelRight, childrenSelectedCount, isSearch, isXS: true, isParent: true }) }));
+const MobileParentItem = ({
+  collection,
+  item,
+  selected,
+  onClick,
+  isSearch,
+  parentId,
+  renderItem = TreeSelectorItemBase
+}) => {
+  const childrenSelectedCount = useMemo(() => {
+    let count = 0;
+    collection.walkChildren(item.id, (model) => {
+      if (selected.includes(model.id)) {
+        count += 1;
+      }
+    });
+    return count;
+  }, [collection, selected, item.id]);
+  const labelRight = /* @__PURE__ */ jsx(CellRightLabel, { badge: childrenSelectedCount ? /* @__PURE__ */ jsx(Badge, { children: childrenSelectedCount.toString() }) : void 0 });
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      padding: 16,
+      borderRadius: 12,
+      borderWidth: "default",
+      stretched: true,
+      onClick,
+      "data-qa": classnames("tree-selector-item", `tree-selector-item-${item.id}`, {
+        [`tree-selector-child-${parentId}`]: parentId
+      }),
+      children: renderItem({ item, labelRight, childrenSelectedCount, isSearch, isXS: true, isParent: true })
+    }
+  );
 };
 
 export { MobileParentItem };

package/MobileParentItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileParentItem.js","sources":["src/MobileParentItem.tsx"],"sourcesContent":["import { ReactElement, useMemo } from 'react';\nimport classnames from 'classnames';\n\nimport { Badge } from '@hh.ru/magritte-ui-badge';\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { CellRightLabel } from '@hh.ru/magritte-ui-cell';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\n\ninterface MobileParentItemProps<Additional extends AdditionalDefault> {\n    collection: TreeCollection<Additional>;\n    item: TreeModel<Additional>;\n    selected: string[];\n    onClick: () => void;\n    renderItem?: RenderItem<Additional>;\n    isSearch: boolean;\n    parentId?: string;\n}\n\nexport const MobileParentItem = <Additional extends AdditionalDefault>({\n    collection,\n    item,\n    selected,\n    onClick,\n    isSearch,\n    parentId,\n    renderItem = TreeSelectorItemBase,\n}: MobileParentItemProps<Additional>): ReactElement => {\n    const childrenSelectedCount = useMemo(() => {\n        let count = 0;\n        collection.walkChildren(item.id, (model) => {\n            if (selected.includes(model.id)) {\n                count += 1;\n            }\n        });\n\n        return count;\n    }, [collection, selected, item.id]);\n\n    const labelRight = (\n        <CellRightLabel badge={childrenSelectedCount ? <Badge>{childrenSelectedCount.toString()}</Badge> : undefined} />\n    );\n\n    return (\n        <Card\n            padding={16}\n            borderRadius={12}\n            borderWidth=\"default\"\n            stretched\n            onClick={onClick}\n            data-qa={classnames('tree-selector-item', `tree-selector-item-${item.id}`, {\n                [`tree-selector-child-${parentId}`]: parentId,\n            })}\n        >\n            {renderItem({ item, labelRight, childrenSelectedCount, isSearch, isXS: true, isParent: true })}\n        </Card>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;MAqBa,gBAAgB,GAAG,CAAuC,EACnE,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,oBAAoB,GACD,KAAkB;AAClD,IAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAK;QACvC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,KAAK,KAAI;YACvC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE;gBAC7B,KAAK,IAAI,CAAC,CAAC;aACd;AACL,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,KAAK,CAAC;KAChB,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpC,MAAM,UAAU,IACZA,GAAC,CAAA,cAAc,EAAC,EAAA,KAAK,EAAE,qBAAqB,GAAGA,GAAA,CAAC,KAAK,EAAE,EAAA,QAAA,EAAA,qBAAqB,CAAC,QAAQ,EAAE,EAAA,CAAS,GAAG,SAAS,EAAI,CAAA,CACnH,CAAC;AAEF,IAAA,QACIA,GAAA,CAAC,IAAI,EAAA,EACD,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,EAAE,EAChB,WAAW,EAAC,SAAS,EACrB,SAAS,EACT,IAAA,EAAA,OAAO,EAAE,OAAO,aACP,UAAU,CAAC,oBAAoB,EAAE,CAAsB,mBAAA,EAAA,IAAI,CAAC,EAAE,EAAE,EAAE;AACvE,YAAA,CAAC,CAAuB,oBAAA,EAAA,QAAQ,CAAE,CAAA,GAAG,QAAQ;SAChD,CAAC,EAAA,QAAA,EAED,UAAU,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,qBAAqB,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAC3F,CAAA,EACT;AACN;;;;"}
+{"version":3,"file":"MobileParentItem.js","sources":["src/MobileParentItem.tsx"],"sourcesContent":["import { ReactElement, useMemo } from 'react';\nimport classnames from 'classnames';\n\nimport { Badge } from '@hh.ru/magritte-ui-badge';\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { CellRightLabel } from '@hh.ru/magritte-ui-cell';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\n\ninterface MobileParentItemProps<Additional extends AdditionalDefault> {\n    collection: TreeCollection<Additional>;\n    item: TreeModel<Additional>;\n    selected: string[];\n    onClick: () => void;\n    renderItem?: RenderItem<Additional>;\n    isSearch: boolean;\n    parentId?: string;\n}\n\nexport const MobileParentItem = <Additional extends AdditionalDefault>({\n    collection,\n    item,\n    selected,\n    onClick,\n    isSearch,\n    parentId,\n    renderItem = TreeSelectorItemBase,\n}: MobileParentItemProps<Additional>): ReactElement => {\n    const childrenSelectedCount = useMemo(() => {\n        let count = 0;\n        collection.walkChildren(item.id, (model) => {\n            if (selected.includes(model.id)) {\n                count += 1;\n            }\n        });\n\n        return count;\n    }, [collection, selected, item.id]);\n\n    const labelRight = (\n        <CellRightLabel badge={childrenSelectedCount ? <Badge>{childrenSelectedCount.toString()}</Badge> : undefined} />\n    );\n\n    return (\n        <Card\n            padding={16}\n            borderRadius={12}\n            borderWidth=\"default\"\n            stretched\n            onClick={onClick}\n            data-qa={classnames('tree-selector-item', `tree-selector-item-${item.id}`, {\n                [`tree-selector-child-${parentId}`]: parentId,\n            })}\n        >\n            {renderItem({ item, labelRight, childrenSelectedCount, isSearch, isXS: true, isParent: true })}\n        </Card>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAqBO,MAAM,mBAAmB,CAAuC;AAAA,EACnE,UAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAa,GAAA,oBAAA;AACjB,CAAuD,KAAA;AACnD,EAAM,MAAA,qBAAA,GAAwB,QAAQ,MAAM;AACxC,IAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,IAAA,UAAA,CAAW,YAAa,CAAA,IAAA,CAAK,EAAI,EAAA,CAAC,KAAU,KAAA;AACxC,MAAA,IAAI,QAAS,CAAA,QAAA,CAAS,KAAM,CAAA,EAAE,CAAG,EAAA;AAC7B,QAAS,KAAA,IAAA,CAAA,CAAA;AAAA,OACb;AAAA,KACH,CAAA,CAAA;AAED,IAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAC,UAAA,EAAY,QAAU,EAAA,IAAA,CAAK,EAAE,CAAC,CAAA,CAAA;AAElC,EAAM,MAAA,UAAA,mBACD,GAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,qBAAA,mBAAyB,GAAA,CAAA,KAAA,EAAA,EAAO,QAAsB,EAAA,qBAAA,CAAA,QAAA,EAAW,EAAA,CAAA,GAAW,KAAW,CAAA,EAAA,CAAA,CAAA;AAGlH,EACI,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACG,OAAS,EAAA,EAAA;AAAA,MACT,YAAc,EAAA,EAAA;AAAA,MACd,WAAY,EAAA,SAAA;AAAA,MACZ,SAAS,EAAA,IAAA;AAAA,MACT,OAAA;AAAA,MACA,WAAS,UAAW,CAAA,oBAAA,EAAsB,CAAsB,mBAAA,EAAA,IAAA,CAAK,EAAE,CAAI,CAAA,EAAA;AAAA,QACvE,CAAC,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAE,GAAG,QAAA;AAAA,OACxC,CAAA;AAAA,MAEA,QAAA,EAAA,UAAA,CAAW,EAAE,IAAA,EAAM,UAAY,EAAA,qBAAA,EAAuB,UAAU,IAAM,EAAA,IAAA,EAAM,QAAU,EAAA,IAAA,EAAM,CAAA;AAAA,KAAA;AAAA,GACjG,CAAA;AAER;;;;"}

package/TreeSelector.d.ts

@@ -1,6 +1,6 @@
 import { ForwardedRef, ReactElement } from 'react';
-import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import { TreeSelectorProps, ListControls } from '@hh.ru/magritte-ui-tree-selector/types';
+import { AdditionalDefault } from './collection/types';
+import { TreeSelectorProps, ListControls } from './types';
 export declare const TreeSelector: <Additional extends AdditionalDefault>(props: TreeSelectorProps<Additional> & {
     ref?: ForwardedRef<ListControls>;
 }) => ReactElement;