@astral/ui 4.100.0 → 4.102.0

package/node/components/InfiniteTreeList/types.d.ts

@@ -1,34 +1,56 @@
 import type { ReactNode, RefObject } from 'react';
-/**
- * Базовый тип элемента дерева для InfiniteTreeList
- */
 export type InfiniteTreeListDataBase = {
     /**
      * Уникальный идентификатор элемента
      */
     id: string;
     /**
-     * Дополнительные  поля
+     * Дочерние элементы узла подгружаются отдельно: список раскрывает такой узел,
+     * показывает skeleton-строки и ждёт их из props строки (`childItems`).
+     *
+     * Статическое дерево описывается полем `children` и флага не требует
+     */
+    hasChildren?: boolean;
+    /**
+     * Дополнительные поля
      */
     [key: string]: unknown;
 };
-/**
- * Тип элемента дерева с возможными дочерними элементами
- */
 export type InfiniteTreeListData<TData extends InfiniteTreeListData<TData> = InfiniteTreeListDataBase> = InfiniteTreeListDataBase & {
     children?: TData[];
 };
+/**
+ * Состояние пагинации дочерних элементов узла
+ */
+export type InfiniteTreeChildrenPagination<TData extends InfiniteTreeListData<TData> = InfiniteTreeListDataBase> = {
+    /**
+     * Загруженные дочерние элементы узла
+     */
+    data: TData[];
+    /**
+     * Дочерние элементы загружаются
+     */
+    isLoading?: boolean;
+    /**
+     * Загрузка дочерних элементов завершилась ошибкой
+     */
+    isError?: boolean;
+    /**
+     * Все дочерние элементы узла загружены
+     */
+    isEndReached?: boolean;
+};
 export type InfiniteTreeListProps<TData extends InfiniteTreeListData<TData> = InfiniteTreeListDataBase> = {
     /**
      * Список элементов дерева
      */
     items: TData[];
     /**
-     * Если true, будет отображаться лоадер
+     * Список в состоянии загрузки
      */
     isLoading?: boolean;
     /**
-     * Если `true`, компонент будет отображаться в состоянии ошибки
+     * Список в состоянии ошибки
      */
     isError?: boolean;
     /**
@@ -48,11 +70,11 @@ export type InfiniteTreeListProps<TData extends InfiniteTreeListData<TData> = In
      */
     onLoadMore?: () => void;
     /**
-     * Реф на контейнер, в котором должен быть скролл
+     * Ref на контейнер, в котором должен быть скролл
      */
     scrollRef: RefObject<HTMLElement | null>;
     /**
-     * Рендер-функция элемента списка
+     * Рендер-функция строки без пагинации дочерних элементов.
      *
      * @example
      * renderItem={(item) => (
@@ -66,7 +88,29 @@ export type InfiniteTreeListProps<TData extends InfiniteTreeListData<TData> = In
         meta: InfiniteTreeItemMeta;
     }) => ReactNode;
     /**
-     * Уровень раскрытия дерева по умолчанию
+     * Рендер-функция строки узла с подгружаемыми дочерними элементами (`hasChildren`).
+     * Без `renderParent` такие узлы рендерит `renderItem`.
+     *
+     * @example
+     * renderParent={(item) => (
+     *                 <InfiniteTreeListItem
+     *                   isLoading={childrenState?.isLoading}
+     *                   isError={childrenState?.isError}
+     *                   isEndReached={childrenState?.isEndReached}
+     *                   childItems={childrenState?.data}
+     *                   onOpen={() => loadChildren(item.id)}
+     *                   onLoadMore={() => loadChildren(item.id)}
+     *                 >
+     *                   <Avatar>{item.avatarName}</Avatar>
+     *                   <Typography>{item.organization}</Typography>
+     *                 </InfiniteTreeListItem>
+     *               )}
+     */
+    renderParent?: (item: TData & {
+        meta: InfiniteTreeItemMeta;
+    }) => ReactNode;
+    /**
+     * Уровень раскрытия дерева по умолчанию.
      */
     initialExpandedLevel?: number;
     /**
@@ -74,7 +118,7 @@ export type InfiniteTreeListProps<TData extends InfiniteTreeListData<TData> = In
      */
     endOfScrollMsg?: string;
     /**
-     * Скелетон для элемента в состоянии загрузки
+     * Строка в состоянии загрузки.
      */
     itemSkeleton?: ReactNode;
     /**
@@ -93,7 +137,7 @@ export type InfiniteTreeItemMeta = {
      */
     level: number;
     /**
-     * Путь до элемента (массив id родителей)
+     * Путь до элемента: id всех родителей от корня и id самого элемента
      */
     path: string[];
     /**
@@ -101,22 +145,44 @@ export type InfiniteTreeItemMeta = {
      */
     parentId?: string;
     /**
-     * Индекс элемента среди siblings (для каскадной анимации)
+     * Индекс элемента среди соседей (siblings) для каскадной анимации
      */
     siblingIndex: number;
     /**
-     * Флаг имеет ли элемент вложенных потомков
+     * У элемента есть вложенные элементы: строка получает Chevron
      */
     hasNested: boolean;
+    /**
+     * Дочерние элементы узла подгружаются, а не лежат в `children`
+     */
+    isChildrenAsync: boolean;
     /**
      * Флаг раскрытия узла
      */
     isExpanded: boolean;
     /**
-     * Id Node элемента. Используется для анимации закрытия
+     * Id DOM-узла строки. Используется для анимации закрытия
      */
     nodeId: string;
 };
+/**
+ * Вид строки-заглушки, которой список замещает дочерние элементы раскрытого
+ * родителя:
+ * - `skeleton` — первая загрузка ветки, дочерних элементов ещё нет;
+ * - `spinner` — догрузка следующей порции под уже показанными дочерними
+ *   элементами;
+ * - `no-data` — ветка загрузилась пустой;
+ * - `error` — загрузка ветки упала
+ */
+export type ChildrenPlaceholderKind = 'skeleton' | 'spinner' | 'no-data' | 'error';
 export type FlattenTree<TData extends InfiniteTreeListData<TData>> = TData & {
     meta: InfiniteTreeItemMeta;
+    /**
+     * Вид строки-заглушки. У строк с данными потребителя поля нет
+     */
+    placeholderKind?: ChildrenPlaceholderKind;
+};
+export type FlattenTreeParent = {
+    id: string;
+    meta: Pick<InfiniteTreeItemMeta, 'path' | 'level'>;
 };

package/node/components/InfiniteTreeList/useLogic/useLogic.d.ts

@@ -1,38 +1,48 @@
 /// <reference types="react" />
 import { type ContentStateProps } from '../../ContentState';
-import type { FlattenTree, InfiniteTreeListData, InfiniteTreeListProps } from '../types';
+import type { ListFooterContext } from '../ListFooter';
+import type { InfiniteTreeListData, InfiniteTreeListProps } from '../types';
 type UseLogicParams<TData extends InfiniteTreeListData<TData>> = InfiniteTreeListProps<TData>;
-export declare const useLogic: <TData extends InfiniteTreeListData<TData>>({ initialExpandedLevel, items, onRetry, errorMsg, isError, isLoading, scrollRef, isEndReached, onLoadMore, renderItem, itemSkeleton, endOfScrollMsg, noDataImgSrc, errorImgSrc, }: UseLogicParams<TData>) => {
-    flatList: FlattenTree<TData>[];
+/**
+ * Логика списка: сводит плоский список, данные дочерних элементов, скролл
+ * и анимацию появления строк в props для `Virtuoso` и дочерних компонентов
+ */
+export declare const useLogic: <TData extends InfiniteTreeListData<TData>>({ initialExpandedLevel, items, onRetry, errorMsg, isError, isLoading, scrollRef, isEndReached, onLoadMore, renderItem, renderParent, itemSkeleton, endOfScrollMsg, noDataImgSrc, errorImgSrc, }: UseLogicParams<TData>) => {
+    flatList: import("../types").FlattenTree<TData>[];
     onToggle: ({ id: itemId }: InfiniteTreeListData) => void;
+    nodePaginationMap: Record<string, import("../InfiniteTreeListContext").NodePagination>;
+    registerChildren: (itemId: string, childrenState: import("../types").InfiniteTreeChildrenPagination) => void;
+    notifyExpand: (itemId: string, onOpen?: (() => void) | undefined) => void;
+    parentItems: import("../types").FlattenTree<TData>[];
+    acquireParentSlot: (itemId: string) => HTMLDivElement | null;
     contentStateProps: Omit<ContentStateProps, "children">;
     scrollParent: HTMLElement | null;
     virtuosoProps: {
         id: string;
         ref: import("react").RefObject<import("react-virtuoso").VirtuosoHandle | null>;
+        overscan: number;
         rangeChanged: (range: import("react-virtuoso").ListRange) => void;
         endReached: () => void;
         totalListHeightChanged: () => void;
+        isScrolling: (isScrolling: boolean) => void;
     };
-    footerProps: {
-        isError: boolean | undefined;
-        isLoading: boolean | undefined;
-        isEndReached: boolean | undefined;
-    };
+    footerContext: ListFooterContext;
     onTopButtonProps: {
-        isActive: boolean;
+        buttonRef: import("react").RefObject<HTMLButtonElement | null>;
         handleScrollToTop: () => void;
         scrollRef: import("react").RefObject<HTMLElement | null>;
     };
-    endOfScrollMsg: string | undefined;
     itemSkeleton: import("react").ReactNode;
     renderItem: (item: TData & {
         meta: import("../types").InfiniteTreeItemMeta;
     }) => import("react").ReactNode;
+    renderParent: (item: TData & {
+        meta: import("../types").InfiniteTreeItemMeta;
+    }) => import("react").ReactNode;
     items: TData[];
-    onLoadMore: (() => void) | undefined;
     onRetry: () => void;
     noDataImgSrc: string | undefined;
-    recentlyExpandedIds: import("react").RefObject<Set<string>>;
+    enterAnimation: import("../hooks").EnterAnimationResult;
+    tailRegistry: import("../utils").TailRegistry;
 };
 export {};

package/node/components/InfiniteTreeList/useLogic/useLogic.js

@@ -3,52 +3,54 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const useTheme_1 = require("../../theme/hooks/useTheme");
-const useScrollManagement_1 = require("../../useScrollManagement");
-const useSet_1 = require("../../useSet");
-const useStickyButton_1 = require("../../useStickyButton");
 const constants_1 = require("../constants");
-const utils_1 = require("./utils");
-const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isLoading, scrollRef, isEndReached, onLoadMore, renderItem, itemSkeleton, endOfScrollMsg, noDataImgSrc, errorImgSrc, }) => {
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
+/**
+ * Логика списка: сводит плоский список, данные дочерних элементов, скролл
+ * и анимацию появления строк в props для `Virtuoso` и дочерних компонентов
+ */
+const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isLoading, scrollRef, isEndReached, onLoadMore, renderItem, renderParent, itemSkeleton, endOfScrollMsg, noDataImgSrc, errorImgSrc, }) => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const theme = (0, useTheme_1.useTheme)();
-    const [internalExpanded, internalExpandedActions] = (0, useSet_1.useSet)(new Set());
-    // Set из ParentId открытых недавно нод. Используется для контролирования анимации открытия.
-    // ParentId удаляется из Set после завершения анимации на всех Children
-    const recentlyExpandedIds = (0, react_1.useRef)(new Set());
-    // Добавляет classname для анимации закрытия элемента
-    const startRemoveAnimation = (nodeId) => {
-        const treeItem = document.getElementById(nodeId);
-        treeItem?.classList.add(constants_1.infiniteTreeListClassnames.removeAnimation);
-    };
-    (0, react_1.useEffect)(() => {
-        const next = (0, utils_1.getInitialExpandedIds)(internalExpanded, items, initialExpandedLevel);
-        next.forEach((item) => internalExpandedActions.add(item));
-    }, [items]);
-    /**
-     * Дерево, преобразованное в плоский список. Такая структура необходима для полноценной виртуализации
-     */
-    const flatList = (0, react_1.useMemo)(() => (0, utils_1.flattenTree)(items, internalExpanded), [items, internalExpanded]);
-    const onToggle = ({ id: itemId }) => {
-        const isExpanded = internalExpanded.has(itemId);
-        if (!isExpanded) {
-            recentlyExpandedIds.current.add(itemId);
-            internalExpandedActions.add(itemId);
-        }
-        else {
-            const children = (0, utils_1.sortCollapsed)((0, utils_1.getDescendants)(flatList, itemId));
-            children.forEach(({ meta }) => startRemoveAnimation(meta.nodeId));
-            const collapseDurationMs = theme.transitions.duration.shorter;
-            setTimeout(() => {
-                internalExpandedActions.remove(itemId);
-                children.forEach(({ id }) => internalExpandedActions.remove(id));
-            }, collapseDurationMs);
-        }
-    };
+    const enterAnimation = (0, hooks_1.useEnterAnimation)();
+    const parentSlotsRef = (0, react_1.useRef)(null);
+    if (!parentSlotsRef.current) {
+        parentSlotsRef.current = (0, utils_1.createParentSlots)();
+    }
+    const acquireParentSlot = (0, react_1.useCallback)((itemId) => parentSlotsRef.current?.acquire(itemId) ?? null, []);
+    const releaseParentSlot = (0, react_1.useCallback)((itemId) => {
+        parentSlotsRef.current?.release(itemId);
+    }, []);
+    const { notifyExpand, resetExpandNotification } = (0, hooks_1.useExpandNotifier)();
+    const { flatList, flatListRef, expandedIds, expandedIdsRef, insertChildren, syncChildrenPlaceholders, onToggle, } = (0, hooks_1.useFlatTree)({
+        items,
+        initialExpandedLevel,
+        enterAnimation,
+        onCollapse: resetExpandNotification,
+    });
+    const { registerChildren, nodePaginationMap, parentItems } = (0, hooks_1.useChildrenState)({
+        items,
+        flatList,
+        flatListRef,
+        expandedIds,
+        expandedIdsRef,
+        enterAnimation,
+        insertChildren,
+        syncChildrenPlaceholders,
+        skeletonCount: itemSkeleton ? constants_1.CHILDREN_SKELETON_COUNT : 1,
+        releaseParentSlot,
+    });
+    const { scrollParent, tailRegistry, isEndReachedWithScroll, virtuosoProps, onTopButtonProps, } = (0, hooks_1.useListScroll)({
+        scrollRef,
+        isEndReached,
+        onLoadMore,
+        flatListRef,
+        enterAnimation,
+    });
     const contentStateProps = (0, react_1.useMemo)(() => {
         const isNoData = !items?.length;
         return {
-            // Проверка на текущие элементы списка необходима для рендера loading состояния при подгрузки данных
+            // Проверка на текущие элементы списка необходима для рендера loading состояния при подгрузке данных
             // вместо общего LoadingPlaceholder на всю страницу
             isLoading: isNoData && isLoading,
             isError: isNoData && isError,
@@ -60,44 +62,37 @@ const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isL
                 onRetry,
             },
         };
-    }, [items, isLoading, isError, errorMsg, onRetry, imagesMap]);
-    const { scrollParent, recalculateVerticalScroll, handleEndReach, isEndReachedWithScroll, } = (0, useScrollManagement_1.useScrollManagement)({
-        scrollRef,
-        isEndReached,
-        onLoadMore,
-        virtuosoId: constants_1.VIRTUOSO_CONTAINER_ID,
-    });
-    const { virtuoso, isStickyButtonActive, handleRangeChanged, handleScrollToTop, } = (0, useStickyButton_1.useStickyButton)(scrollRef);
+    }, [items, isLoading, isError, errorMsg, errorImgSrc, onRetry, imagesMap]);
+    const footerContext = (0, react_1.useMemo)(() => ({
+        isLoading,
+        isError,
+        isEndReached: isEndReachedWithScroll,
+        endOfScrollMsg,
+        onRetry,
+    }), [isLoading, isError, isEndReachedWithScroll, endOfScrollMsg, onRetry]);
     return {
         flatList,
         onToggle,
+        nodePaginationMap,
+        registerChildren,
+        notifyExpand,
+        parentItems,
+        acquireParentSlot,
         contentStateProps,
         scrollParent,
-        virtuosoProps: {
-            id: constants_1.VIRTUOSO_CONTAINER_ID,
-            ref: virtuoso,
-            rangeChanged: handleRangeChanged,
-            endReached: handleEndReach,
-            totalListHeightChanged: recalculateVerticalScroll,
-        },
-        footerProps: {
-            isError,
-            isLoading,
-            isEndReached: isEndReachedWithScroll,
-        },
-        onTopButtonProps: {
-            isActive: isStickyButtonActive,
-            handleScrollToTop,
-            scrollRef,
-        },
-        endOfScrollMsg,
+        virtuosoProps,
+        footerContext,
+        onTopButtonProps,
         itemSkeleton,
         renderItem,
+        // Fallback подставляется один раз: ниже по дереву строка выбирает функцию по
+        // типу узла, не проверяя, передал ли потребитель renderParent
+        renderParent: renderParent ?? renderItem,
         items,
-        onLoadMore,
         onRetry,
         noDataImgSrc,
-        recentlyExpandedIds,
+        enterAnimation,
+        tailRegistry,
     };
 };
 exports.useLogic = useLogic;

package/node/components/InfiniteTreeList/utils/checkHasSkeletonPlaceholders/checkHasSkeletonPlaceholders.d.ts

@@ -0,0 +1,5 @@
+import type { FlattenTree, InfiniteTreeListData } from '../../types';
+/**
+ * Есть ли у родителя строки-заглушки skeleton
+ */
+export declare const checkHasSkeletonPlaceholders: <TData extends InfiniteTreeListData<TData>>(flatList: FlattenTree<TData>[], parentId: string) => boolean;

package/node/components/InfiniteTreeList/utils/checkHasSkeletonPlaceholders/checkHasSkeletonPlaceholders.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkHasSkeletonPlaceholders = void 0;
+const checkIsChildrenPlaceholderOf_1 = require("../checkIsChildrenPlaceholderOf");
+/**
+ * Есть ли у родителя строки-заглушки skeleton
+ */
+const checkHasSkeletonPlaceholders = (flatList, parentId) => flatList.some((item) => (0, checkIsChildrenPlaceholderOf_1.checkIsChildrenPlaceholderOf)(item, parentId) &&
+    item.placeholderKind === 'skeleton');
+exports.checkHasSkeletonPlaceholders = checkHasSkeletonPlaceholders;

package/node/components/InfiniteTreeList/utils/checkHasSkeletonPlaceholders/index.d.ts

@@ -0,0 +1 @@
+export * from './checkHasSkeletonPlaceholders';

package/node/components/InfiniteTreeList/utils/checkHasSkeletonPlaceholders/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./checkHasSkeletonPlaceholders"), exports);

package/node/components/InfiniteTreeList/utils/checkIsChildrenPlaceholder/checkIsChildrenPlaceholder.d.ts

@@ -0,0 +1,5 @@
+import type { FlattenTree, InfiniteTreeListData } from '../../types';
+/**
+ * Проверяет, является ли элемент строкой-заглушкой ветки
+ */
+export declare const checkIsChildrenPlaceholder: <TData extends InfiniteTreeListData<TData>>(item: FlattenTree<TData>) => boolean;

package/node/components/InfiniteTreeList/utils/checkIsChildrenPlaceholder/checkIsChildrenPlaceholder.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsChildrenPlaceholder = void 0;
+/**
+ * Проверяет, является ли элемент строкой-заглушкой ветки
+ */
+const checkIsChildrenPlaceholder = (item) => Boolean(item.placeholderKind);
+exports.checkIsChildrenPlaceholder = checkIsChildrenPlaceholder;

package/node/components/InfiniteTreeList/utils/checkIsChildrenPlaceholder/index.d.ts

@@ -0,0 +1 @@
+export * from './checkIsChildrenPlaceholder';

package/node/components/InfiniteTreeList/utils/checkIsChildrenPlaceholder/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./checkIsChildrenPlaceholder"), exports);

package/node/components/InfiniteTreeList/utils/checkIsChildrenPlaceholderOf/checkIsChildrenPlaceholderOf.d.ts

@@ -0,0 +1,5 @@
+import type { FlattenTree, InfiniteTreeListData } from '../../types';
+/**
+ * Проверяет, является ли элемент строкой-заглушкой ветки конкретного родителя
+ */
+export declare const checkIsChildrenPlaceholderOf: <TData extends InfiniteTreeListData<TData>>(item: FlattenTree<TData>, parentId: string) => boolean;

package/node/components/InfiniteTreeList/utils/checkIsChildrenPlaceholderOf/checkIsChildrenPlaceholderOf.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsChildrenPlaceholderOf = void 0;
+const checkIsChildrenPlaceholder_1 = require("../checkIsChildrenPlaceholder");
+/**
+ * Проверяет, является ли элемент строкой-заглушкой ветки конкретного родителя
+ */
+const checkIsChildrenPlaceholderOf = (item, parentId) => item.meta.parentId === parentId && (0, checkIsChildrenPlaceholder_1.checkIsChildrenPlaceholder)(item);
+exports.checkIsChildrenPlaceholderOf = checkIsChildrenPlaceholderOf;

package/node/components/InfiniteTreeList/utils/checkIsChildrenPlaceholderOf/index.d.ts

@@ -0,0 +1 @@
+export * from './checkIsChildrenPlaceholderOf';

package/node/components/InfiniteTreeList/utils/checkIsChildrenPlaceholderOf/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./checkIsChildrenPlaceholderOf"), exports);

package/node/components/InfiniteTreeList/utils/checkIsDirectChild/checkIsDirectChild.d.ts

@@ -0,0 +1,6 @@
+import type { FlattenTree, InfiniteTreeListData } from '../../types';
+/**
+ * Проверяет, является ли элемент прямым дочерним элементом родителя.
+ * Строки-заглушки ветки прямыми дочерними элементами не считаются
+ */
+export declare const checkIsDirectChild: <TData extends InfiniteTreeListData<TData>>(item: FlattenTree<TData>, parentId: string) => boolean;

package/node/components/InfiniteTreeList/utils/checkIsDirectChild/checkIsDirectChild.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsDirectChild = void 0;
+const checkIsChildrenPlaceholder_1 = require("../checkIsChildrenPlaceholder");
+/**
+ * Проверяет, является ли элемент прямым дочерним элементом родителя.
+ * Строки-заглушки ветки прямыми дочерними элементами не считаются
+ */
+const checkIsDirectChild = (item, parentId) => item.meta.parentId === parentId && !(0, checkIsChildrenPlaceholder_1.checkIsChildrenPlaceholder)(item);
+exports.checkIsDirectChild = checkIsDirectChild;

package/node/components/InfiniteTreeList/utils/checkIsDirectChild/index.d.ts

@@ -0,0 +1 @@
+export * from './checkIsDirectChild';

package/node/components/InfiniteTreeList/utils/checkIsDirectChild/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./checkIsDirectChild"), exports);

package/node/components/InfiniteTreeList/utils/checkIsNoDataChildren/checkIsNoDataChildren.d.ts

@@ -0,0 +1,12 @@
+import type { InfiniteTreeChildrenPagination, InfiniteTreeListData } from '../../types';
+/**
+ * Пришли ли раскрытому узлу пустые дочерние элементы, для которых нужно
+ * показать заглушку «Нет данных».
+ *
+ * Пустые дочерние элементы без ошибки — ещё не признак отсутствия данных:
+ * до первого запроса узел отдаёт такое же пустое состояние, и заглушка мигала
+ * бы перед skeleton-строками. Поэтому дочерние элементы считаются
+ * загруженными, только если узел уже побывал в состоянии загрузки либо сам
+ * сообщил `isEndReached`
+ */
+export declare const checkIsNoDataChildren: <TData extends InfiniteTreeListData<TData>>(childrenState: InfiniteTreeChildrenPagination<TData>, hasLoadedOnce: boolean) => boolean;

package/node/components/InfiniteTreeList/utils/checkIsNoDataChildren/checkIsNoDataChildren.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsNoDataChildren = void 0;
+/**
+ * Пришли ли раскрытому узлу пустые дочерние элементы, для которых нужно
+ * показать заглушку «Нет данных».
+ *
+ * Пустые дочерние элементы без ошибки — ещё не признак отсутствия данных:
+ * до первого запроса узел отдаёт такое же пустое состояние, и заглушка мигала
+ * бы перед skeleton-строками. Поэтому дочерние элементы считаются
+ * загруженными, только если узел уже побывал в состоянии загрузки либо сам
+ * сообщил `isEndReached`
+ */
+const checkIsNoDataChildren = (childrenState, hasLoadedOnce) => !childrenState.isLoading &&
+    !childrenState.isError &&
+    childrenState.data.length === 0 &&
+    (Boolean(childrenState.isEndReached) || hasLoadedOnce);
+exports.checkIsNoDataChildren = checkIsNoDataChildren;

package/node/components/InfiniteTreeList/utils/checkIsNoDataChildren/index.d.ts

@@ -0,0 +1 @@
+export * from './checkIsNoDataChildren';

package/node/components/InfiniteTreeList/utils/checkIsNoDataChildren/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./checkIsNoDataChildren"), exports);

package/node/components/InfiniteTreeList/utils/checkIsSameChildren/checkIsSameChildren.d.ts

@@ -0,0 +1,5 @@
+import type { InfiniteTreeChildrenPagination, InfiniteTreeListData } from '../../types';
+/**
+ * Сравнивает данные дочерних элементов узла по содержимому
+ */
+export declare const checkIsSameChildren: <TData extends InfiniteTreeListData<TData>>(current?: InfiniteTreeChildrenPagination<TData> | undefined, next?: InfiniteTreeChildrenPagination<TData> | undefined) => boolean;