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

package/ItemsList.js

@@ -4,7 +4,7 @@ import { useRef, useMemo, useState, useCallback, useEffect } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
 import { Item } from './Item.js';
-import { s as styles } from './tree-selector-item-BOEDcwrO.js';
+import { s as styles } from './tree-selector-item-BYBFlI_G.js';
 import 'classnames';
 import './ItemContent.js';
 import '@hh.ru/magritte-ui-icon/icon';
@@ -15,172 +15,256 @@ import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
 
 const getNewExpanded = (oldExpanded, newExpanded) => {
-    if (oldExpanded.length >= newExpanded.length) {
-        return [];
-    }
-    return newExpanded.filter((i) => !oldExpanded.includes(i));
+  if (oldExpanded.length >= newExpanded.length) {
+    return [];
+  }
+  return newExpanded.filter((i) => !oldExpanded.includes(i));
 };
-const getKeyDownHandler = ({ id, nextItemId, prevItemId, parentId, parentIndex, isExpanded, isSelected, onExpansion, setFocusedId, hasChildren, collection, virtualizer, onChange, firstId, lastId, height, }) => {
-    return (event) => {
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowLeft)) {
-            event.preventDefault();
-            if (isExpanded) {
-                onExpansion(id);
-            }
-            else if (parentId) {
-                virtualizer.scrollToIndex(parentIndex);
-                setFocusedId(parentId);
-            }
-            return;
-        }
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowRight)) {
-            event.preventDefault();
-            if (!isExpanded && hasChildren) {
-                onExpansion(id);
-            }
-            else if (hasChildren) {
-                const firstChild = collection.getChildren(id);
-                setFocusedId(firstChild[0].id);
-            }
-            return;
-        }
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown) && nextItemId) {
-            event.preventDefault();
-            setFocusedId(nextItemId);
-            return;
-        }
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp) && prevItemId) {
-            event.preventDefault();
-            setFocusedId(prevItemId);
-            return;
-        }
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.Space) ||
-            keyboardMatch(event.nativeEvent, keyboardKeys.Enter)) {
-            event.preventDefault();
-            onChange(id, !isSelected);
-        }
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.Home)) {
-            event.preventDefault();
-            virtualizer.scrollToOffset(0);
-            setFocusedId(firstId);
-        }
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.End)) {
-            event.preventDefault();
-            virtualizer.scrollToOffset(height);
-            setFocusedId(lastId);
-        }
-    };
+const getKeyDownHandler = ({
+  id,
+  nextItemId,
+  prevItemId,
+  parentId,
+  parentIndex,
+  isExpanded,
+  isSelected,
+  onExpansion,
+  setFocusedId,
+  hasChildren,
+  collection,
+  virtualizer,
+  onChange,
+  firstId,
+  lastId,
+  height
+}) => {
+  return (event) => {
+    if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowLeft)) {
+      event.preventDefault();
+      if (isExpanded) {
+        onExpansion(id);
+      } else if (parentId) {
+        virtualizer.scrollToIndex(parentIndex);
+        setFocusedId(parentId);
+      }
+      return;
+    }
+    if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowRight)) {
+      event.preventDefault();
+      if (!isExpanded && hasChildren) {
+        onExpansion(id);
+      } else if (hasChildren) {
+        const firstChild = collection.getChildren(id);
+        setFocusedId(firstChild[0].id);
+      }
+      return;
+    }
+    if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown) && nextItemId) {
+      event.preventDefault();
+      setFocusedId(nextItemId);
+      return;
+    }
+    if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp) && prevItemId) {
+      event.preventDefault();
+      setFocusedId(prevItemId);
+      return;
+    }
+    if (keyboardMatch(event.nativeEvent, keyboardKeys.Space) || keyboardMatch(event.nativeEvent, keyboardKeys.Enter)) {
+      event.preventDefault();
+      onChange(id, !isSelected);
+    }
+    if (keyboardMatch(event.nativeEvent, keyboardKeys.Home)) {
+      event.preventDefault();
+      virtualizer.scrollToOffset(0);
+      setFocusedId(firstId);
+    }
+    if (keyboardMatch(event.nativeEvent, keyboardKeys.End)) {
+      event.preventDefault();
+      virtualizer.scrollToOffset(height);
+      setFocusedId(lastId);
+    }
+  };
 };
-const DELIMITER = ';';
+const DELIMITER = ";";
 const ItemsList = (props) => {
-    const { collection, leavesOnly, checkSelectable, selected, expanded, disabled, onExpansion, indeterminate, onChange, isSearch, singleChoice, renderItemForDesktop, renderContentBefore, renderContentAfter, itemListRef, } = props;
-    const prevExpanded = useRef(expanded);
-    const expandedIds = useRef(expanded);
-    const treeItems = useMemo(() => {
-        const newItems = [];
-        expandedIds.current = getNewExpanded(prevExpanded.current, expanded);
-        const indexById = {};
-        const modelsInLevel = {};
-        let index = 0;
-        collection.walk((item, currentParents, indexInParent) => {
-            const parentId = currentParents.length ? currentParents[0].id : undefined;
-            const isExpandedChild = currentParents.every((parent) => expanded.includes(parent.id));
-            if (!parentId || isExpandedChild) {
-                indexById[item.id] = index;
-                index += 1;
-                const parentIds = currentParents.map((parent) => parent.id);
-                const modelLevel = collection.getModelLevel(item.id) + 1;
-                modelsInLevel[modelLevel] = modelsInLevel[modelLevel] || 0;
-                modelsInLevel[modelLevel] += 1;
-                newItems.push({
-                    ...item,
-                    parentIds,
-                    parentIndex: parentIds[0] ? indexById[parentIds[0]] : undefined,
-                    ...(indexInParent ? { indexInParent } : {}),
-                    level: modelLevel,
-                });
-            }
+  const {
+    collection,
+    leavesOnly,
+    checkSelectable,
+    selected,
+    expanded,
+    disabled,
+    onExpansion,
+    indeterminate,
+    onChange,
+    isSearch,
+    singleChoice,
+    renderItemForDesktop,
+    renderContentBefore,
+    renderContentAfter,
+    itemListRef
+  } = props;
+  const prevExpanded = useRef(expanded);
+  const expandedIds = useRef(expanded);
+  const treeItems = useMemo(() => {
+    const newItems = [];
+    expandedIds.current = getNewExpanded(prevExpanded.current, expanded);
+    const indexById = {};
+    const modelsInLevel = {};
+    let index = 0;
+    collection.walk((item, currentParents, indexInParent) => {
+      const parentId = currentParents.length ? currentParents[0].id : void 0;
+      const isExpandedChild = currentParents.every((parent) => expanded.includes(parent.id));
+      if (!parentId || isExpandedChild) {
+        indexById[item.id] = index;
+        index += 1;
+        const parentIds = currentParents.map((parent) => parent.id);
+        const modelLevel = collection.getModelLevel(item.id) + 1;
+        modelsInLevel[modelLevel] = modelsInLevel[modelLevel] || 0;
+        modelsInLevel[modelLevel] += 1;
+        newItems.push({
+          ...item,
+          parentIds,
+          parentIndex: parentIds[0] ? indexById[parentIds[0]] : void 0,
+          ...indexInParent ? { indexInParent } : {},
+          level: modelLevel
         });
-        return newItems.map((item) => ({ ...item, modelsInLevel: modelsInLevel[item.level] }));
-    }, [collection, expanded]);
-    const [focusedId, setFocusedId] = useState();
-    const marginCache = useRef({});
-    const parentRef = useRef(null);
-    const withPromoTopContent = !!renderContentBefore;
-    const withPromoBottomContent = !!renderContentAfter;
-    const listItemsCount = treeItems.length + (withPromoTopContent ? 1 : 0) + (withPromoBottomContent ? 1 : 0);
-    const getKey = (index) => {
-        const treeIndex = withPromoTopContent ? index - 1 : index;
-        const treeItem = treeItems[treeIndex];
-        if (withPromoTopContent && index === 0) {
-            return 'promoTop';
-        }
-        if (withPromoBottomContent && index === listItemsCount - 1) {
-            return 'promoBottom';
-        }
-        // без разделителя конкатенация значений может указывать на другой элемент
-        return treeItem.parentIds[0] ? `${treeItem.parentIds[0]}${DELIMITER}${treeItem.id}` : `${treeItem.id}`;
-    };
-    const virtualizer = useVirtualizer({
-        count: listItemsCount,
-        getScrollElement: () => parentRef.current,
-        estimateSize: () => 48,
-        getItemKey: getKey,
+      }
     });
-    const itemListRefCallback = useCallback((node) => {
-        if (itemListRef !== undefined) {
-            itemListRef.current = node;
-        }
-        parentRef.current = node ? node.parentElement : null;
-    }, [itemListRef]);
-    const items = virtualizer.getVirtualItems();
-    useEffect(() => {
-        virtualizer.scrollToOffset(0);
-    }, [collection, virtualizer]);
-    useEffect(() => {
-        prevExpanded.current = expanded;
-    }, [expanded]);
-    const onAnimationEnd = () => {
-        expandedIds.current = [];
-    };
-    return (jsx("div", { ref: itemListRefCallback, className: styles.virtualizedList, style: {
-            height: `${virtualizer.getTotalSize()}px`,
-        }, role: "tree", "aria-multiselectable": !singleChoice, children: jsx("div", { className: styles.virtualizedItem, style: {
-                transform: `translateY(${items[0]?.start}px)`,
-            }, children: items.map((virtualItem) => {
-                if (withPromoTopContent && virtualItem.index === 0) {
-                    return (jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, children: renderContentBefore(isSearch) }, virtualItem.key));
-                }
-                if (withPromoBottomContent && virtualItem.index === listItemsCount - 1) {
-                    return (jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, children: renderContentAfter(isSearch) }, virtualItem.key));
-                }
-                const treeIndex = withPromoTopContent ? virtualItem.index - 1 : virtualItem.index;
-                const treeItem = treeItems[treeIndex];
-                const { parentIds, parentIndex, ...item } = treeItem;
-                const parentId = parentIds[0];
-                const wasExpanded = expandedIds.current.some((expandedId) => parentIds.includes(expandedId));
-                const nextItemId = treeIndex !== treeItems.length - 1 ? treeItems[treeIndex + 1].id : undefined;
-                const prevItemId = treeIndex !== 0 ? treeItems[treeIndex - 1].id : undefined;
-                const onKeyDown = getKeyDownHandler({
-                    id: item.id,
-                    parentId,
-                    parentIndex,
-                    nextItemId,
-                    prevItemId,
+    return newItems.map((item) => ({ ...item, modelsInLevel: modelsInLevel[item.level] }));
+  }, [collection, expanded]);
+  const [focusedId, setFocusedId] = useState();
+  const marginCache = useRef({});
+  const parentRef = useRef(null);
+  const withPromoTopContent = !!renderContentBefore;
+  const withPromoBottomContent = !!renderContentAfter;
+  const listItemsCount = treeItems.length + (withPromoTopContent ? 1 : 0) + (withPromoBottomContent ? 1 : 0);
+  const getKey = (index) => {
+    const treeIndex = withPromoTopContent ? index - 1 : index;
+    const treeItem = treeItems[treeIndex];
+    if (withPromoTopContent && index === 0) {
+      return "promoTop";
+    }
+    if (withPromoBottomContent && index === listItemsCount - 1) {
+      return "promoBottom";
+    }
+    return treeItem.parentIds[0] ? `${treeItem.parentIds[0]}${DELIMITER}${treeItem.id}` : `${treeItem.id}`;
+  };
+  const virtualizer = useVirtualizer({
+    count: listItemsCount,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => 48,
+    getItemKey: getKey
+  });
+  const itemListRefCallback = useCallback(
+    (node) => {
+      if (itemListRef !== void 0) {
+        itemListRef.current = node;
+      }
+      parentRef.current = node ? node.parentElement : null;
+    },
+    [itemListRef]
+  );
+  const items = virtualizer.getVirtualItems();
+  useEffect(() => {
+    virtualizer.scrollToOffset(0);
+  }, [collection, virtualizer]);
+  useEffect(() => {
+    prevExpanded.current = expanded;
+  }, [expanded]);
+  const onAnimationEnd = () => {
+    expandedIds.current = [];
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: itemListRefCallback,
+      className: styles.virtualizedList,
+      style: {
+        height: `${virtualizer.getTotalSize()}px`
+      },
+      role: "tree",
+      "aria-multiselectable": !singleChoice,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: styles.virtualizedItem,
+          style: {
+            transform: `translateY(${items[0]?.start}px)`
+          },
+          children: items.map((virtualItem) => {
+            if (withPromoTopContent && virtualItem.index === 0) {
+              return /* @__PURE__ */ jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, children: renderContentBefore(isSearch) }, virtualItem.key);
+            }
+            if (withPromoBottomContent && virtualItem.index === listItemsCount - 1) {
+              return /* @__PURE__ */ jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, children: renderContentAfter(isSearch) }, virtualItem.key);
+            }
+            const treeIndex = withPromoTopContent ? virtualItem.index - 1 : virtualItem.index;
+            const treeItem = treeItems[treeIndex];
+            const { parentIds, parentIndex, ...item } = treeItem;
+            const parentId = parentIds[0];
+            const wasExpanded = expandedIds.current.some((expandedId) => parentIds.includes(expandedId));
+            const nextItemId = treeIndex !== treeItems.length - 1 ? treeItems[treeIndex + 1].id : void 0;
+            const prevItemId = treeIndex !== 0 ? treeItems[treeIndex - 1].id : void 0;
+            const onKeyDown = getKeyDownHandler({
+              id: item.id,
+              parentId,
+              parentIndex,
+              nextItemId,
+              prevItemId,
+              isExpanded: expanded.includes(item.id),
+              onExpansion,
+              isSelected: selected.includes(item.id),
+              setFocusedId,
+              hasChildren: collection.hasChildren(item.id),
+              collection,
+              virtualizer,
+              onChange,
+              firstId: treeItems[0].id,
+              lastId: treeItems[treeItems.length - 1].id,
+              height: virtualizer.getTotalSize()
+            });
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: virtualizer.measureElement,
+                "data-index": virtualItem.index,
+                onAnimationEnd,
+                className: wasExpanded ? styles.wasExpanded : void 0,
+                children: /* @__PURE__ */ jsx(
+                  Item,
+                  {
+                    collection,
+                    checkSelectable,
+                    isSelected: selected.includes(item.id),
                     isExpanded: expanded.includes(item.id),
+                    isIndeterminate: indeterminate.includes(item.id),
+                    isDisabled: disabled.includes(item.id),
+                    parentId,
+                    item,
+                    leavesOnly,
+                    singleChoice,
                     onExpansion,
-                    isSelected: selected.includes(item.id),
-                    setFocusedId,
-                    hasChildren: collection.hasChildren(item.id),
-                    collection,
-                    virtualizer,
                     onChange,
-                    firstId: treeItems[0].id,
-                    lastId: treeItems[treeItems.length - 1].id,
-                    height: virtualizer.getTotalSize(),
-                });
-                return (jsx("div", { ref: virtualizer.measureElement, "data-index": virtualItem.index, onAnimationEnd: onAnimationEnd, className: wasExpanded ? styles.wasExpanded : undefined, children: jsx(Item, { collection: collection, checkSelectable: checkSelectable, isSelected: selected.includes(item.id), isExpanded: expanded.includes(item.id), isIndeterminate: indeterminate.includes(item.id), isDisabled: disabled.includes(item.id), parentId: parentId, item: item, leavesOnly: leavesOnly, singleChoice: singleChoice, onExpansion: onExpansion, onChange: onChange, isSearch: isSearch, renderItemForDesktop: renderItemForDesktop, cache: marginCache.current, isTabbed: focusedId ? item.id === focusedId : treeIndex === 0, focusedId: focusedId, "aria-setsize": item.modelsInLevel, "aria-posinset": item.indexInParent ? item.indexInParent + 1 : undefined, "aria-level": item.level, onKeyDown: onKeyDown }) }, virtualItem.key));
-            }) }) }));
+                    isSearch,
+                    renderItemForDesktop,
+                    cache: marginCache.current,
+                    isTabbed: focusedId ? item.id === focusedId : treeIndex === 0,
+                    focusedId,
+                    "aria-setsize": item.modelsInLevel,
+                    "aria-posinset": item.indexInParent ? item.indexInParent + 1 : void 0,
+                    "aria-level": item.level,
+                    onKeyDown
+                  }
+                )
+              },
+              virtualItem.key
+            );
+          })
+        }
+      )
+    }
+  );
 };
 
 export { ItemsList };

package/ItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemsList.js","sources":["src/ItemsList.tsx"],"sourcesContent":["import {\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    RefCallback,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useVirtualizer, Virtualizer } from '@tanstack/react-virtual';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { Item } from '@hh.ru/magritte-ui-tree-selector/Item';\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 { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemsListProps<Additional extends AdditionalDefault> {\n    collection: TreeCollection<Additional>;\n    leavesOnly?: boolean;\n    checkSelectable?: IdCollectionPredicate;\n    onExpansion: (id: string) => void;\n    expanded: string[];\n    selected: string[];\n    disabled: string[];\n    onChange: (id: string, isSelected: boolean) => void;\n    indeterminate: string[];\n    singleChoice?: boolean;\n    isSearch: boolean;\n    renderItemForDesktop?: RenderItem<Additional>;\n    renderContentBefore?: (isSearch: boolean) => ReactNode;\n    renderContentAfter?: (isSearch: boolean) => ReactNode;\n    itemListRef?: React.MutableRefObject<HTMLDivElement | null>;\n}\n\ninterface TreeModelItem<Additional extends AdditionalDefault> extends TreeModel<Additional> {\n    parentIds: string[];\n    parentIndex?: number;\n    level: number;\n    modelsInLevel?: number;\n    indexInParent?: number;\n}\n\nconst getNewExpanded = (oldExpanded: string[], newExpanded: string[]): string[] => {\n    if (oldExpanded.length >= newExpanded.length) {\n        return [];\n    }\n    return newExpanded.filter((i) => !oldExpanded.includes(i));\n};\n\ninterface GetKeyDownHandlerProps<Additional extends AdditionalDefault> {\n    isExpanded: boolean;\n    isSelected: boolean;\n    hasChildren: boolean;\n    id: string;\n    onExpansion: (id: string) => void;\n    parentId?: string;\n    parentIndex?: number;\n    nextItemId?: string;\n    prevItemId?: string;\n    setFocusedId: (id: string) => void;\n    collection: TreeCollection<Additional>;\n    virtualizer: Virtualizer<HTMLElement, Element>;\n    onChange: (id: string, isSelected: boolean) => void;\n    firstId: string;\n    height: number;\n    lastId: string;\n}\n\nconst getKeyDownHandler = <Additional extends AdditionalDefault>({\n    id,\n    nextItemId,\n    prevItemId,\n    parentId,\n    parentIndex,\n    isExpanded,\n    isSelected,\n    onExpansion,\n    setFocusedId,\n    hasChildren,\n    collection,\n    virtualizer,\n    onChange,\n    firstId,\n    lastId,\n    height,\n}: GetKeyDownHandlerProps<Additional>): KeyboardEventHandler => {\n    return (event) => {\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowLeft)) {\n            event.preventDefault();\n            if (isExpanded) {\n                onExpansion(id);\n            } else if (parentId) {\n                virtualizer.scrollToIndex(parentIndex as number);\n                setFocusedId(parentId);\n            }\n            return;\n        }\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowRight)) {\n            event.preventDefault();\n            if (!isExpanded && hasChildren) {\n                onExpansion(id);\n            } else if (hasChildren) {\n                const firstChild = collection.getChildren(id);\n                setFocusedId(firstChild[0].id);\n            }\n            return;\n        }\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown) && nextItemId) {\n            event.preventDefault();\n            setFocusedId(nextItemId);\n            return;\n        }\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp) && prevItemId) {\n            event.preventDefault();\n            setFocusedId(prevItemId);\n            return;\n        }\n        if (\n            keyboardMatch(event.nativeEvent, keyboardKeys.Space) ||\n            keyboardMatch(event.nativeEvent, keyboardKeys.Enter)\n        ) {\n            event.preventDefault();\n            onChange(id, !isSelected);\n        }\n\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.Home)) {\n            event.preventDefault();\n            virtualizer.scrollToOffset(0);\n            setFocusedId(firstId);\n        }\n\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.End)) {\n            event.preventDefault();\n            virtualizer.scrollToOffset(height);\n            setFocusedId(lastId);\n        }\n    };\n};\n\nconst DELIMITER = ';';\n\nexport const ItemsList = <Additional extends AdditionalDefault>(props: ItemsListProps<Additional>): ReactElement => {\n    const {\n        collection,\n        leavesOnly,\n        checkSelectable,\n        selected,\n        expanded,\n        disabled,\n        onExpansion,\n        indeterminate,\n        onChange,\n        isSearch,\n        singleChoice,\n        renderItemForDesktop,\n        renderContentBefore,\n        renderContentAfter,\n        itemListRef,\n    } = props;\n    const prevExpanded = useRef<string[]>(expanded);\n    const expandedIds = useRef<string[]>(expanded);\n\n    const treeItems = useMemo(() => {\n        const newItems: TreeModelItem<Additional>[] = [];\n        expandedIds.current = getNewExpanded(prevExpanded.current, expanded);\n        const indexById: Record<string, number> = {};\n        const modelsInLevel: Record<number, number> = {};\n        let index = 0;\n        collection.walk((item, currentParents, indexInParent) => {\n            const parentId = currentParents.length ? currentParents[0].id : undefined;\n            const isExpandedChild = currentParents.every((parent) => expanded.includes(parent.id));\n            if (!parentId || isExpandedChild) {\n                indexById[item.id] = index;\n                index += 1;\n                const parentIds = currentParents.map((parent) => parent.id);\n                const modelLevel = collection.getModelLevel(item.id) + 1;\n                modelsInLevel[modelLevel] = modelsInLevel[modelLevel] || 0;\n                modelsInLevel[modelLevel] += 1;\n                newItems.push({\n                    ...item,\n                    parentIds,\n                    parentIndex: parentIds[0] ? indexById[parentIds[0]] : undefined,\n                    ...(indexInParent ? { indexInParent } : {}),\n                    level: modelLevel,\n                });\n            }\n        });\n        return newItems.map((item) => ({ ...item, modelsInLevel: modelsInLevel[item.level] }));\n    }, [collection, expanded]);\n    const [focusedId, setFocusedId] = useState<string | undefined>();\n    const marginCache = useRef<Record<string, number>>({});\n    const parentRef = useRef<HTMLElement | null>(null);\n    const withPromoTopContent = !!renderContentBefore;\n    const withPromoBottomContent = !!renderContentAfter;\n    const listItemsCount = treeItems.length + (withPromoTopContent ? 1 : 0) + (withPromoBottomContent ? 1 : 0);\n\n    const getKey = (index: number) => {\n        const treeIndex = withPromoTopContent ? index - 1 : index;\n        const treeItem = treeItems[treeIndex];\n        if (withPromoTopContent && index === 0) {\n            return 'promoTop';\n        }\n\n        if (withPromoBottomContent && index === listItemsCount - 1) {\n            return 'promoBottom';\n        }\n        // без разделителя конкатенация значений может указывать на другой элемент\n        return treeItem.parentIds[0] ? `${treeItem.parentIds[0]}${DELIMITER}${treeItem.id}` : `${treeItem.id}`;\n    };\n    const virtualizer = useVirtualizer({\n        count: listItemsCount,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n        getItemKey: getKey,\n    });\n\n    const itemListRefCallback: RefCallback<HTMLDivElement> = useCallback(\n        (node) => {\n            if (itemListRef !== undefined) {\n                itemListRef.current = node;\n            }\n            parentRef.current = node ? node.parentElement : null;\n        },\n        [itemListRef]\n    );\n\n    const items = virtualizer.getVirtualItems();\n\n    useEffect(() => {\n        virtualizer.scrollToOffset(0);\n    }, [collection, virtualizer]);\n\n    useEffect(() => {\n        prevExpanded.current = expanded;\n    }, [expanded]);\n\n    const onAnimationEnd = () => {\n        expandedIds.current = [];\n    };\n\n    return (\n        <div\n            ref={itemListRefCallback}\n            className={styles.virtualizedList}\n            style={{\n                height: `${virtualizer.getTotalSize()}px`,\n            }}\n            role=\"tree\"\n            aria-multiselectable={!singleChoice}\n        >\n            <div\n                className={styles.virtualizedItem}\n                style={{\n                    transform: `translateY(${items[0]?.start}px)`,\n                }}\n            >\n                {items.map((virtualItem) => {\n                    if (withPromoTopContent && virtualItem.index === 0) {\n                        return (\n                            <div key={virtualItem.key} ref={virtualizer.measureElement} data-index={virtualItem.index}>\n                                {renderContentBefore(isSearch)}\n                            </div>\n                        );\n                    }\n\n                    if (withPromoBottomContent && virtualItem.index === listItemsCount - 1) {\n                        return (\n                            <div key={virtualItem.key} ref={virtualizer.measureElement} data-index={virtualItem.index}>\n                                {renderContentAfter(isSearch)}\n                            </div>\n                        );\n                    }\n\n                    const treeIndex = withPromoTopContent ? virtualItem.index - 1 : virtualItem.index;\n                    const treeItem = treeItems[treeIndex];\n                    const { parentIds, parentIndex, ...item } = treeItem;\n                    const parentId = parentIds[0];\n                    const wasExpanded = expandedIds.current.some((expandedId) => parentIds.includes(expandedId));\n                    const nextItemId = treeIndex !== treeItems.length - 1 ? treeItems[treeIndex + 1].id : undefined;\n                    const prevItemId = treeIndex !== 0 ? treeItems[treeIndex - 1].id : undefined;\n\n                    const onKeyDown = getKeyDownHandler({\n                        id: item.id,\n                        parentId,\n                        parentIndex,\n                        nextItemId,\n                        prevItemId,\n                        isExpanded: expanded.includes(item.id),\n                        onExpansion,\n                        isSelected: selected.includes(item.id),\n                        setFocusedId,\n                        hasChildren: collection.hasChildren(item.id),\n                        collection,\n                        virtualizer,\n                        onChange,\n                        firstId: treeItems[0].id,\n                        lastId: treeItems[treeItems.length - 1].id,\n                        height: virtualizer.getTotalSize(),\n                    });\n\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            onAnimationEnd={onAnimationEnd}\n                            className={wasExpanded ? styles.wasExpanded : undefined}\n                        >\n                            <Item\n                                collection={collection}\n                                checkSelectable={checkSelectable}\n                                isSelected={selected.includes(item.id)}\n                                isExpanded={expanded.includes(item.id)}\n                                isIndeterminate={indeterminate.includes(item.id)}\n                                isDisabled={disabled.includes(item.id)}\n                                parentId={parentId}\n                                item={item}\n                                leavesOnly={leavesOnly}\n                                singleChoice={singleChoice}\n                                onExpansion={onExpansion}\n                                onChange={onChange}\n                                isSearch={isSearch}\n                                renderItemForDesktop={renderItemForDesktop}\n                                cache={marginCache.current}\n                                isTabbed={focusedId ? item.id === focusedId : treeIndex === 0}\n                                focusedId={focusedId}\n                                aria-setsize={item.modelsInLevel}\n                                aria-posinset={item.indexInParent ? item.indexInParent + 1 : undefined}\n                                aria-level={item.level}\n                                onKeyDown={onKeyDown}\n                            />\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"ItemsList.js","sources":["src/ItemsList.tsx"],"sourcesContent":["import {\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    RefCallback,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useVirtualizer, Virtualizer } from '@tanstack/react-virtual';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { Item } from '@hh.ru/magritte-ui-tree-selector/Item';\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 { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemsListProps<Additional extends AdditionalDefault> {\n    collection: TreeCollection<Additional>;\n    leavesOnly?: boolean;\n    checkSelectable?: IdCollectionPredicate;\n    onExpansion: (id: string) => void;\n    expanded: string[];\n    selected: string[];\n    disabled: string[];\n    onChange: (id: string, isSelected: boolean) => void;\n    indeterminate: string[];\n    singleChoice?: boolean;\n    isSearch: boolean;\n    renderItemForDesktop?: RenderItem<Additional>;\n    renderContentBefore?: (isSearch: boolean) => ReactNode;\n    renderContentAfter?: (isSearch: boolean) => ReactNode;\n    itemListRef?: React.MutableRefObject<HTMLDivElement | null>;\n}\n\ninterface TreeModelItem<Additional extends AdditionalDefault> extends TreeModel<Additional> {\n    parentIds: string[];\n    parentIndex?: number;\n    level: number;\n    modelsInLevel?: number;\n    indexInParent?: number;\n}\n\nconst getNewExpanded = (oldExpanded: string[], newExpanded: string[]): string[] => {\n    if (oldExpanded.length >= newExpanded.length) {\n        return [];\n    }\n    return newExpanded.filter((i) => !oldExpanded.includes(i));\n};\n\ninterface GetKeyDownHandlerProps<Additional extends AdditionalDefault> {\n    isExpanded: boolean;\n    isSelected: boolean;\n    hasChildren: boolean;\n    id: string;\n    onExpansion: (id: string) => void;\n    parentId?: string;\n    parentIndex?: number;\n    nextItemId?: string;\n    prevItemId?: string;\n    setFocusedId: (id: string) => void;\n    collection: TreeCollection<Additional>;\n    virtualizer: Virtualizer<HTMLElement, Element>;\n    onChange: (id: string, isSelected: boolean) => void;\n    firstId: string;\n    height: number;\n    lastId: string;\n}\n\nconst getKeyDownHandler = <Additional extends AdditionalDefault>({\n    id,\n    nextItemId,\n    prevItemId,\n    parentId,\n    parentIndex,\n    isExpanded,\n    isSelected,\n    onExpansion,\n    setFocusedId,\n    hasChildren,\n    collection,\n    virtualizer,\n    onChange,\n    firstId,\n    lastId,\n    height,\n}: GetKeyDownHandlerProps<Additional>): KeyboardEventHandler => {\n    return (event) => {\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowLeft)) {\n            event.preventDefault();\n            if (isExpanded) {\n                onExpansion(id);\n            } else if (parentId) {\n                virtualizer.scrollToIndex(parentIndex as number);\n                setFocusedId(parentId);\n            }\n            return;\n        }\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowRight)) {\n            event.preventDefault();\n            if (!isExpanded && hasChildren) {\n                onExpansion(id);\n            } else if (hasChildren) {\n                const firstChild = collection.getChildren(id);\n                setFocusedId(firstChild[0].id);\n            }\n            return;\n        }\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown) && nextItemId) {\n            event.preventDefault();\n            setFocusedId(nextItemId);\n            return;\n        }\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp) && prevItemId) {\n            event.preventDefault();\n            setFocusedId(prevItemId);\n            return;\n        }\n        if (\n            keyboardMatch(event.nativeEvent, keyboardKeys.Space) ||\n            keyboardMatch(event.nativeEvent, keyboardKeys.Enter)\n        ) {\n            event.preventDefault();\n            onChange(id, !isSelected);\n        }\n\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.Home)) {\n            event.preventDefault();\n            virtualizer.scrollToOffset(0);\n            setFocusedId(firstId);\n        }\n\n        if (keyboardMatch(event.nativeEvent, keyboardKeys.End)) {\n            event.preventDefault();\n            virtualizer.scrollToOffset(height);\n            setFocusedId(lastId);\n        }\n    };\n};\n\nconst DELIMITER = ';';\n\nexport const ItemsList = <Additional extends AdditionalDefault>(props: ItemsListProps<Additional>): ReactElement => {\n    const {\n        collection,\n        leavesOnly,\n        checkSelectable,\n        selected,\n        expanded,\n        disabled,\n        onExpansion,\n        indeterminate,\n        onChange,\n        isSearch,\n        singleChoice,\n        renderItemForDesktop,\n        renderContentBefore,\n        renderContentAfter,\n        itemListRef,\n    } = props;\n    const prevExpanded = useRef<string[]>(expanded);\n    const expandedIds = useRef<string[]>(expanded);\n\n    const treeItems = useMemo(() => {\n        const newItems: TreeModelItem<Additional>[] = [];\n        expandedIds.current = getNewExpanded(prevExpanded.current, expanded);\n        const indexById: Record<string, number> = {};\n        const modelsInLevel: Record<number, number> = {};\n        let index = 0;\n        collection.walk((item, currentParents, indexInParent) => {\n            const parentId = currentParents.length ? currentParents[0].id : undefined;\n            const isExpandedChild = currentParents.every((parent) => expanded.includes(parent.id));\n            if (!parentId || isExpandedChild) {\n                indexById[item.id] = index;\n                index += 1;\n                const parentIds = currentParents.map((parent) => parent.id);\n                const modelLevel = collection.getModelLevel(item.id) + 1;\n                modelsInLevel[modelLevel] = modelsInLevel[modelLevel] || 0;\n                modelsInLevel[modelLevel] += 1;\n                newItems.push({\n                    ...item,\n                    parentIds,\n                    parentIndex: parentIds[0] ? indexById[parentIds[0]] : undefined,\n                    ...(indexInParent ? { indexInParent } : {}),\n                    level: modelLevel,\n                });\n            }\n        });\n        return newItems.map((item) => ({ ...item, modelsInLevel: modelsInLevel[item.level] }));\n    }, [collection, expanded]);\n    const [focusedId, setFocusedId] = useState<string | undefined>();\n    const marginCache = useRef<Record<string, number>>({});\n    const parentRef = useRef<HTMLElement | null>(null);\n    const withPromoTopContent = !!renderContentBefore;\n    const withPromoBottomContent = !!renderContentAfter;\n    const listItemsCount = treeItems.length + (withPromoTopContent ? 1 : 0) + (withPromoBottomContent ? 1 : 0);\n\n    const getKey = (index: number) => {\n        const treeIndex = withPromoTopContent ? index - 1 : index;\n        const treeItem = treeItems[treeIndex];\n        if (withPromoTopContent && index === 0) {\n            return 'promoTop';\n        }\n\n        if (withPromoBottomContent && index === listItemsCount - 1) {\n            return 'promoBottom';\n        }\n        // без разделителя конкатенация значений может указывать на другой элемент\n        return treeItem.parentIds[0] ? `${treeItem.parentIds[0]}${DELIMITER}${treeItem.id}` : `${treeItem.id}`;\n    };\n    const virtualizer = useVirtualizer({\n        count: listItemsCount,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n        getItemKey: getKey,\n    });\n\n    const itemListRefCallback: RefCallback<HTMLDivElement> = useCallback(\n        (node) => {\n            if (itemListRef !== undefined) {\n                itemListRef.current = node;\n            }\n            parentRef.current = node ? node.parentElement : null;\n        },\n        [itemListRef]\n    );\n\n    const items = virtualizer.getVirtualItems();\n\n    useEffect(() => {\n        virtualizer.scrollToOffset(0);\n    }, [collection, virtualizer]);\n\n    useEffect(() => {\n        prevExpanded.current = expanded;\n    }, [expanded]);\n\n    const onAnimationEnd = () => {\n        expandedIds.current = [];\n    };\n\n    return (\n        <div\n            ref={itemListRefCallback}\n            className={styles.virtualizedList}\n            style={{\n                height: `${virtualizer.getTotalSize()}px`,\n            }}\n            role=\"tree\"\n            aria-multiselectable={!singleChoice}\n        >\n            <div\n                className={styles.virtualizedItem}\n                style={{\n                    transform: `translateY(${items[0]?.start}px)`,\n                }}\n            >\n                {items.map((virtualItem) => {\n                    if (withPromoTopContent && virtualItem.index === 0) {\n                        return (\n                            <div key={virtualItem.key} ref={virtualizer.measureElement} data-index={virtualItem.index}>\n                                {renderContentBefore(isSearch)}\n                            </div>\n                        );\n                    }\n\n                    if (withPromoBottomContent && virtualItem.index === listItemsCount - 1) {\n                        return (\n                            <div key={virtualItem.key} ref={virtualizer.measureElement} data-index={virtualItem.index}>\n                                {renderContentAfter(isSearch)}\n                            </div>\n                        );\n                    }\n\n                    const treeIndex = withPromoTopContent ? virtualItem.index - 1 : virtualItem.index;\n                    const treeItem = treeItems[treeIndex];\n                    const { parentIds, parentIndex, ...item } = treeItem;\n                    const parentId = parentIds[0];\n                    const wasExpanded = expandedIds.current.some((expandedId) => parentIds.includes(expandedId));\n                    const nextItemId = treeIndex !== treeItems.length - 1 ? treeItems[treeIndex + 1].id : undefined;\n                    const prevItemId = treeIndex !== 0 ? treeItems[treeIndex - 1].id : undefined;\n\n                    const onKeyDown = getKeyDownHandler({\n                        id: item.id,\n                        parentId,\n                        parentIndex,\n                        nextItemId,\n                        prevItemId,\n                        isExpanded: expanded.includes(item.id),\n                        onExpansion,\n                        isSelected: selected.includes(item.id),\n                        setFocusedId,\n                        hasChildren: collection.hasChildren(item.id),\n                        collection,\n                        virtualizer,\n                        onChange,\n                        firstId: treeItems[0].id,\n                        lastId: treeItems[treeItems.length - 1].id,\n                        height: virtualizer.getTotalSize(),\n                    });\n\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            onAnimationEnd={onAnimationEnd}\n                            className={wasExpanded ? styles.wasExpanded : undefined}\n                        >\n                            <Item\n                                collection={collection}\n                                checkSelectable={checkSelectable}\n                                isSelected={selected.includes(item.id)}\n                                isExpanded={expanded.includes(item.id)}\n                                isIndeterminate={indeterminate.includes(item.id)}\n                                isDisabled={disabled.includes(item.id)}\n                                parentId={parentId}\n                                item={item}\n                                leavesOnly={leavesOnly}\n                                singleChoice={singleChoice}\n                                onExpansion={onExpansion}\n                                onChange={onChange}\n                                isSearch={isSearch}\n                                renderItemForDesktop={renderItemForDesktop}\n                                cache={marginCache.current}\n                                isTabbed={focusedId ? item.id === focusedId : treeIndex === 0}\n                                focusedId={focusedId}\n                                aria-setsize={item.modelsInLevel}\n                                aria-posinset={item.indexInParent ? item.indexInParent + 1 : undefined}\n                                aria-level={item.level}\n                                onKeyDown={onKeyDown}\n                            />\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/MobileDelimiter.js

@@ -4,7 +4,7 @@ import { Card } from '@hh.ru/magritte-ui-card';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
 const MobileDelimiter = ({ children }) => {
-    return (jsx(Card, { padding: 16, paddingTop: 8, paddingBottom: 0, stretched: true, children: jsx(Text, { typography: "label-3-regular", style: "secondary", children: children }) }));
+  return /* @__PURE__ */ jsx(Card, { padding: 16, paddingTop: 8, paddingBottom: 0, stretched: true, children: /* @__PURE__ */ jsx(Text, { typography: "label-3-regular", style: "secondary", children }) });
 };
 
 export { MobileDelimiter };

package/MobileDelimiter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileDelimiter.js","sources":["src/MobileDelimiter.tsx"],"sourcesContent":["import { PropsWithChildren, FC } from 'react';\n\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nexport const MobileDelimiter: FC<PropsWithChildren> = ({ children }) => {\n    return (\n        <Card padding={16} paddingTop={8} paddingBottom={0} stretched>\n            <Text typography=\"label-3-regular\" style=\"secondary\">\n                {children}\n            </Text>\n        </Card>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;MAKa,eAAe,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AACnE,IAAA,QACIA,GAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,EAAA,IAAA,EAAA,QAAA,EACzDA,GAAC,CAAA,IAAI,EAAC,EAAA,UAAU,EAAC,iBAAiB,EAAC,KAAK,EAAC,WAAW,EAC/C,QAAA,EAAA,QAAQ,EACN,CAAA,EAAA,CACJ,EACT;AACN;;;;"}
+{"version":3,"file":"MobileDelimiter.js","sources":["src/MobileDelimiter.tsx"],"sourcesContent":["import { PropsWithChildren, FC } from 'react';\n\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nexport const MobileDelimiter: FC<PropsWithChildren> = ({ children }) => {\n    return (\n        <Card padding={16} paddingTop={8} paddingBottom={0} stretched>\n            <Text typography=\"label-3-regular\" style=\"secondary\">\n                {children}\n            </Text>\n        </Card>\n    );\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,eAAyC,GAAA,CAAC,EAAE,QAAA,EAAe,KAAA;AACpE,EAAA,2BACK,IAAK,EAAA,EAAA,OAAA,EAAS,EAAI,EAAA,UAAA,EAAY,GAAG,aAAe,EAAA,CAAA,EAAG,SAAS,EAAA,IAAA,EACzD,8BAAC,IAAK,EAAA,EAAA,UAAA,EAAW,mBAAkB,KAAM,EAAA,WAAA,EACpC,UACL,CACJ,EAAA,CAAA,CAAA;AAER;;;;"}

package/MobileItem.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';
+import { AdditionalDefault, TreeModel } from './collection/types';
+import { RenderItem } from './types';
 interface MobileItemProps<Additional extends AdditionalDefault> {
     item: TreeModel<Additional>;
     singleChoice?: boolean;

package/MobileItem.js

@@ -8,11 +8,32 @@ import 'react';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-cell';
 
-const MobileItem = ({ item, isSelected, singleChoice, isSelectable, isDisabled, onChange, isSearch, parentId, renderItem = TreeSelectorItemBase, }) => {
-    const input = isSelectable ? (jsx(Action, { selected: isSelected, onChange: onChange, id: item.id, singleChoice: singleChoice })) : undefined;
-    return (jsx(CheckableCardElement, { padding: 16, borderRadius: 12, Element: "label", flexible: true, checked: isSelected, "data-qa": classnames('tree-selector-item', `tree-selector-item-${item.id}`, {
-            [`tree-selector-child-${parentId}`]: parentId,
-        }), children: renderItem({ input, item, isSearch, isXS: true, disabled: isDisabled }) }));
+const MobileItem = ({
+  item,
+  isSelected,
+  singleChoice,
+  isSelectable,
+  isDisabled,
+  onChange,
+  isSearch,
+  parentId,
+  renderItem = TreeSelectorItemBase
+}) => {
+  const input = isSelectable ? /* @__PURE__ */ jsx(Action, { selected: isSelected, onChange, id: item.id, singleChoice }) : void 0;
+  return /* @__PURE__ */ jsx(
+    CheckableCardElement,
+    {
+      padding: 16,
+      borderRadius: 12,
+      Element: "label",
+      flexible: true,
+      checked: isSelected,
+      "data-qa": classnames("tree-selector-item", `tree-selector-item-${item.id}`, {
+        [`tree-selector-child-${parentId}`]: parentId
+      }),
+      children: renderItem({ input, item, isSearch, isXS: true, disabled: isDisabled })
+    }
+  );
 };
 
 export { MobileItem };

package/MobileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileItem.js","sources":["src/MobileItem.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport classnames from 'classnames';\n\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\n\ninterface MobileItemProps<Additional extends AdditionalDefault> {\n    item: TreeModel<Additional>;\n    singleChoice?: boolean;\n    isSelectable?: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    renderItem?: RenderItem<Additional>;\n    isSearch: boolean;\n    parentId?: string;\n}\n\nexport const MobileItem = <Additional extends AdditionalDefault>({\n    item,\n    isSelected,\n    singleChoice,\n    isSelectable,\n    isDisabled,\n    onChange,\n    isSearch,\n    parentId,\n    renderItem = TreeSelectorItemBase,\n}: MobileItemProps<Additional>): ReactElement => {\n    const input = isSelectable ? (\n        <Action selected={isSelected} onChange={onChange} id={item.id} singleChoice={singleChoice} />\n    ) : undefined;\n    return (\n        <CheckableCardElement\n            padding={16}\n            borderRadius={12}\n            Element=\"label\"\n            flexible\n            checked={isSelected}\n            data-qa={classnames('tree-selector-item', `tree-selector-item-${item.id}`, {\n                [`tree-selector-child-${parentId}`]: parentId,\n            })}\n        >\n            {renderItem({ input, item, isSearch, isXS: true, disabled: isDisabled })}\n        </CheckableCardElement>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAqBa,MAAA,UAAU,GAAG,CAAuC,EAC7D,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,oBAAoB,GACP,KAAkB;AAC5C,IAAA,MAAM,KAAK,GAAG,YAAY,IACtBA,GAAC,CAAA,MAAM,EAAC,EAAA,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,YAAY,GAAI,IAC7F,SAAS,CAAC;AACd,IAAA,QACIA,GAAA,CAAC,oBAAoB,EAAA,EACjB,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,EAAE,EAChB,OAAO,EAAC,OAAO,EACf,QAAQ,EACR,IAAA,EAAA,OAAO,EAAE,UAAU,aACV,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,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EACrD,CAAA,EACzB;AACN;;;;"}
+{"version":3,"file":"MobileItem.js","sources":["src/MobileItem.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport classnames from 'classnames';\n\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\n\ninterface MobileItemProps<Additional extends AdditionalDefault> {\n    item: TreeModel<Additional>;\n    singleChoice?: boolean;\n    isSelectable?: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    renderItem?: RenderItem<Additional>;\n    isSearch: boolean;\n    parentId?: string;\n}\n\nexport const MobileItem = <Additional extends AdditionalDefault>({\n    item,\n    isSelected,\n    singleChoice,\n    isSelectable,\n    isDisabled,\n    onChange,\n    isSearch,\n    parentId,\n    renderItem = TreeSelectorItemBase,\n}: MobileItemProps<Additional>): ReactElement => {\n    const input = isSelectable ? (\n        <Action selected={isSelected} onChange={onChange} id={item.id} singleChoice={singleChoice} />\n    ) : undefined;\n    return (\n        <CheckableCardElement\n            padding={16}\n            borderRadius={12}\n            Element=\"label\"\n            flexible\n            checked={isSelected}\n            data-qa={classnames('tree-selector-item', `tree-selector-item-${item.id}`, {\n                [`tree-selector-child-${parentId}`]: parentId,\n            })}\n        >\n            {renderItem({ input, item, isSearch, isXS: true, disabled: isDisabled })}\n        </CheckableCardElement>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAqBO,MAAM,aAAa,CAAuC;AAAA,EAC7D,IAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAa,GAAA,oBAAA;AACjB,CAAiD,KAAA;AAC7C,EAAM,MAAA,KAAA,GAAQ,YACV,mBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA,QAAA,EAAoB,EAAI,EAAA,IAAA,CAAK,EAAI,EAAA,YAAA,EAA4B,CAC3F,GAAA,KAAA,CAAA,CAAA;AACJ,EACI,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACG,OAAS,EAAA,EAAA;AAAA,MACT,YAAc,EAAA,EAAA;AAAA,MACd,OAAQ,EAAA,OAAA;AAAA,MACR,QAAQ,EAAA,IAAA;AAAA,MACR,OAAS,EAAA,UAAA;AAAA,MACT,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,KAAO,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,IAAA,EAAM,QAAU,EAAA,UAAA,EAAY,CAAA;AAAA,KAAA;AAAA,GAC3E,CAAA;AAER;;;;"}

package/MobileItemsList.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ForwardedRef } from 'react';
-import { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import { ListControls, TreeSelectorDummyProps } from '@hh.ru/magritte-ui-tree-selector/types';
+import { AdditionalDefault, TreeModel } from './collection/types';
+import { ListControls, TreeSelectorDummyProps } from './types';
 type MobileItemsListProps<Additional extends AdditionalDefault> = {
     selected: string[];
     disabled: string[];