@astral/ui 4.100.0 → 4.102.0

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

@@ -4,18 +4,68 @@ exports.useLogic = void 0;
 const react_1 = require("react");
 const InfiniteTreeListContext_1 = require("../../InfiniteTreeListContext");
 const TreeListItemContext_1 = require("../TreeListItemContext");
-const useLogic = ({ isDisabled, disabledReason, }) => {
-    const { itemSkeleton, setDisabled } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
+/**
+ * Логика строки: отдаёт списку данные дочерних элементов и callback-функции
+ * пагинации, сообщает о раскрытии узла и собирает состояние блокировки строки
+ */
+const useLogic = ({ isDisabled, disabledReason, isLoading, isError, isEndReached, childItems, onOpen, onLoadMore, onRetry, }) => {
+    const { itemSkeleton, setDisabled, registerChildrenCallbacks, registerChildren, notifyExpand, } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
     const { item, onToggle, isDisabled: isDisabledByActions, disabledReason: disabledReasonByActions, } = (0, react_1.useContext)(TreeListItemContext_1.TreeListItemContext);
+    const isChildrenControl = childItems !== undefined || onLoadMore !== undefined;
     (0, react_1.useEffect)(() => {
         if (isDisabled) {
             setDisabled(item.id, isDisabled);
         }
     }, [isDisabled]);
-    const [isChevronActive, setChevronActive] = (0, react_1.useState)(item.meta.isExpanded);
+    (0, react_1.useEffect)(() => {
+        registerChildrenCallbacks(item.id, {
+            onLoadMore,
+            onRetry,
+        });
+    }, [item.id, onLoadMore, onRetry, registerChildrenCallbacks]);
+    (0, react_1.useEffect)(() => {
+        if (!isChildrenControl) {
+            return;
+        }
+        registerChildren(item.id, {
+            data: childItems ?? [],
+            isLoading,
+            isError,
+            isEndReached,
+        });
+    }, [
+        item.id,
+        isChildrenControl,
+        childItems,
+        isLoading,
+        isError,
+        isEndReached,
+        registerChildren,
+    ]);
+    // onOpen вызывается на раскрытии узла, а не на клике: узел раскрывается и
+    // через initialExpandedLevel, где клика не было. Повторные вызовы блокируются
+    const onOpenRef = (0, react_1.useRef)(onOpen);
+    (0, react_1.useEffect)(() => {
+        onOpenRef.current = onOpen;
+    });
+    (0, react_1.useEffect)(() => {
+        if (!item.meta.isExpanded) {
+            return;
+        }
+        notifyExpand(item.id, () => onOpenRef.current?.());
+    }, [item.meta.isExpanded, item.id, notifyExpand]);
+    const [optimisticExpanded, setOptimisticExpanded] = (0, react_1.useState)(null);
+    const isChevronActive = optimisticExpanded ?? item.meta.isExpanded;
+    (0, react_1.useEffect)(() => {
+        setOptimisticExpanded(null);
+    }, [item.meta.isExpanded]);
     const handleClick = (0, react_1.useCallback)((event) => {
         event.stopPropagation();
-        setChevronActive((prev) => !prev);
+        // Лист не раскрывается: клик не должен заводить его в набор раскрытых узлов
+        if (!item.meta.hasNested) {
+            return;
+        }
+        setOptimisticExpanded((prev) => !(prev ?? item.meta.isExpanded));
         onToggle(item);
     }, [item, onToggle]);
     // Omit ref для избежания ошибки типов у Tooltip
@@ -36,6 +86,8 @@ const useLogic = ({ isDisabled, disabledReason, }) => {
         tooltipProps,
         isDisabledByActions,
         isChevronActive,
+        isRowLoading: Boolean(isLoading && !isChildrenControl),
+        isRowError: Boolean(isError && !isChildrenControl),
     };
 };
 exports.useLogic = useLogic;

package/node/components/InfiniteTreeList/{EndData → ListFooter/EndData}/EndData.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EndData = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Typography_1 = require("../../Typography");
+const Typography_1 = require("../../../Typography");
 const constants_1 = require("./constants");
 const EndData = ({ endOfScrollMsg = constants_1.END_OF_SCROLL_MESSAGE }) => ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: endOfScrollMsg }));
 exports.EndData = EndData;

package/node/components/InfiniteTreeList/{ErrorMessage → ListFooter/ErrorMessage}/ErrorMessage.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Button_1 = require("../../Button");
-const Typography_1 = require("../../Typography");
+const Button_1 = require("../../../Button");
+const Typography_1 = require("../../../Typography");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const ErrorMessage = ({ onRetry }) => ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { align: "center", children: constants_1.ERROR_MESSAGE }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onRetry, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" })] }));

package/node/components/InfiniteTreeList/ListFooter/ErrorMessage/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/InfiniteTreeList/{ErrorMessage → ListFooter/ErrorMessage}/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const styled_1 = require("../../styled");
+const styled_1 = require("../../../styled");
 exports.Wrapper = styled_1.styled.div `
   display: grid;
   grid-template-columns: 100%;

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

@@ -0,0 +1,10 @@
+import type { ContextProp } from 'react-virtuoso';
+import type { ListFooterContext } from './types';
+/**
+ * Футер списка для Virtuoso.
+ *
+ * Вынесен в модуль и передаётся в `components.Footer`: inline-компонент в
+ * `components` на каждый рендер даёт новый тип, и React размонтирует футер.
+ * Данные приходят через `context` Virtuoso
+ */
+export declare const ListFooter: ({ context }: ContextProp<ListFooterContext>) => import("react/jsx-runtime").JSX.Element;

package/node/components/InfiniteTreeList/ListFooter/ListFooter.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListFooter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Loader_1 = require("../../Loader");
+const EndData_1 = require("./EndData");
+const ErrorMessage_1 = require("./ErrorMessage");
+const styles_1 = require("./styles");
+/**
+ * Футер списка для Virtuoso.
+ *
+ * Вынесен в модуль и передаётся в `components.Footer`: inline-компонент в
+ * `components` на каждый рендер даёт новый тип, и React размонтирует футер.
+ * Данные приходят через `context` Virtuoso
+ */
+const ListFooter = ({ context }) => {
+    const { isLoading, isError, isEndReached, endOfScrollMsg, onRetry } = context;
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}) }));
+    }
+    if (isError) {
+        return ((0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { onRetry: onRetry }) }));
+    }
+    if (isEndReached) {
+        return ((0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(EndData_1.EndData, { endOfScrollMsg: endOfScrollMsg }) }));
+    }
+    return (0, jsx_runtime_1.jsx)(styles_1.FooterDummy, {});
+};
+exports.ListFooter = ListFooter;

package/node/components/InfiniteTreeList/ListFooter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListFooter';
+export type { ListFooterContext } from './types';

package/node/components/InfiniteTreeList/ListFooter/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("./ListFooter"), exports);

package/node/components/InfiniteTreeList/{styles.js → ListFooter/styles.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterDummy = exports.Footer = void 0;
-const styled_1 = require("../styled");
+const styled_1 = require("../../styled");
 exports.Footer = styled_1.styled.footer `
   display: flex;
   flex-shrink: 0;

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

@@ -0,0 +1,22 @@
+export type ListFooterContext = {
+    /**
+     * Флаг состояния загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Флаг достижения конца списка
+     */
+    isEndReached?: boolean;
+    /**
+     * Сообщение, отображаемое при достижении конца списка
+     */
+    endOfScrollMsg?: string;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry: () => void;
+};

package/node/components/InfiniteTreeList/ListFooter/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,8 +1,14 @@
 import { type RefObject } from 'react';
 type Props = {
-    isActive: boolean;
+    /**
+     * Контейнер со скроллом
+     */
     scrollRef: RefObject<HTMLElement | null>;
+    /**
+     * Ref кнопки. Скролл списка переключает её видимость через classname
+     */
+    buttonRef: RefObject<HTMLButtonElement | null>;
     handleScrollToTop: () => void;
 };
-export declare const OnTopButton: ({ isActive, scrollRef, handleScrollToTop, }: Props) => import("react").ReactPortal | null;
+export declare const OnTopButton: ({ scrollRef, buttonRef, handleScrollToTop, }: Props) => import("react").ReactPortal | null;
 export {};

package/node/components/InfiniteTreeList/OnTopButton/OnTopButton.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OnTopButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_dom_1 = require("react-dom");
-const ScrollToTopButton_1 = require("../../ScrollToTopButton");
-const OnTopButton = ({ isActive, scrollRef, handleScrollToTop, }) => {
+const constants_1 = require("../constants");
+const styles_1 = require("./styles");
+const OnTopButton = ({ scrollRef, buttonRef, handleScrollToTop, }) => {
     const parentElement = scrollRef?.current?.parentElement;
-    if (isActive && parentElement) {
-        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ScrollToTopButton_1.ScrollToTopButton, { onClick: handleScrollToTop }), parentElement);
+    if (!parentElement) {
+        return null;
     }
-    return null;
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.StyledScrollToTopButton, { ref: buttonRef, className: constants_1.infiniteTreeListClassnames.scrollToTopButton, onClick: handleScrollToTop }), parentElement);
 };
 exports.OnTopButton = OnTopButton;

package/node/components/InfiniteTreeList/OnTopButton/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledScrollToTopButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../ScrollToTopButton").ScrollToTopButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/node/components/InfiniteTreeList/OnTopButton/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledScrollToTopButton = void 0;
+const ScrollToTopButton_1 = require("../../ScrollToTopButton");
+const styled_1 = require("../../styled");
+const constants_1 = require("../constants");
+exports.StyledScrollToTopButton = (0, styled_1.styled)(ScrollToTopButton_1.ScrollToTopButton) `
+  display: none;
+
+  &.${constants_1.infiniteTreeListClassnames.visibleScrollToTopButton} {
+    display: inline-flex;
+  }
+`;

package/node/components/InfiniteTreeList/ParentItems/Item/CustomParentWrapper/CustomParentWrapper.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import type { FlattenTree, InfiniteTreeListData } from '../../../types';
+type CustomParentWrapperProps = {
+    /**
+     * Строка узла с подгружаемыми дочерними элементами
+     */
+    item: FlattenTree<InfiniteTreeListData>;
+    /**
+     * Рендер-функция строки родителя из props списка
+     */
+    renderParent: (item: FlattenTree<InfiniteTreeListData>) => ReactNode;
+};
+/**
+ * То же, что `CustomItemWrapper`, но для узлов с подгружаемыми дочерними
+ * элементами.
+ *
+ * Отдельный компонент, а не ветка внутри `CustomItemWrapper`: хуки из
+ * `renderItem` и `renderParent` ложатся в hook-list вызвавшего компонента, и
+ * смена ветки меняла бы их количество между рендерами — React упал бы с
+ * `Rendered fewer hooks than expected`
+ */
+export declare const CustomParentWrapper: import("react").MemoExoticComponent<({ item, renderParent }: CustomParentWrapperProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/node/components/InfiniteTreeList/ParentItems/Item/CustomParentWrapper/CustomParentWrapper.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomParentWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * То же, что `CustomItemWrapper`, но для узлов с подгружаемыми дочерними
+ * элементами.
+ *
+ * Отдельный компонент, а не ветка внутри `CustomItemWrapper`: хуки из
+ * `renderItem` и `renderParent` ложатся в hook-list вызвавшего компонента, и
+ * смена ветки меняла бы их количество между рендерами — React упал бы с
+ * `Rendered fewer hooks than expected`
+ */
+exports.CustomParentWrapper = (0, react_1.memo)(({ item, renderParent }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderParent(item) })));

package/node/components/InfiniteTreeList/ParentItems/Item/CustomParentWrapper/index.d.ts

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

package/node/components/InfiniteTreeList/ParentItems/Item/CustomParentWrapper/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("./CustomParentWrapper"), exports);

package/node/components/InfiniteTreeList/ParentItems/Item/Item.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ItemProps } from './types';
+/**
+ * Строка одного узла с подгружаемыми дочерними элементами.
+ *
+ * В строке виртуализации не живёт: рисуется порталом в свой постоянный
+ * контейнер, а контейнер `TreeItem` переносит в строку скролла, пока узел на
+ * экране
+ */
+export declare const Item: import("react").MemoExoticComponent<(props: ItemProps) => import("react").ReactPortal | null>;

package/node/components/InfiniteTreeList/ParentItems/Item/Item.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const constants_1 = require("../../constants");
+const InfiniteTreeListItem_1 = require("../../InfiniteTreeListItem");
+const styles_1 = require("../../TreeItem/styles");
+const CustomParentWrapper_1 = require("./CustomParentWrapper");
+const useLogic_1 = require("./useLogic");
+/**
+ * Строка одного узла с подгружаемыми дочерними элементами.
+ *
+ * В строке виртуализации не живёт: рисуется порталом в свой постоянный
+ * контейнер, а контейнер `TreeItem` переносит в строку скролла, пока узел на
+ * экране
+ */
+exports.Item = (0, react_1.memo)((props) => {
+    const { nodeId, slot, cssVars, parent, renderParent, onToggle } = (0, useLogic_1.useLogic)(props);
+    if (!slot) {
+        return null;
+    }
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(InfiniteTreeListItem_1.TreeListItemContextProvider, { item: parent, onToggle: onToggle, children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { id: nodeId, className: constants_1.infiniteTreeListClassnames.row, style: cssVars, children: (0, jsx_runtime_1.jsx)(CustomParentWrapper_1.CustomParentWrapper, { item: parent, renderParent: renderParent }) }) }), slot);
+});

package/node/components/InfiniteTreeList/ParentItems/Item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Item';
+export * from './types';

package/node/components/InfiniteTreeList/ParentItems/Item/index.js

@@ -0,0 +1,18 @@
+"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("./Item"), exports);
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,8 @@
+import type { FlattenTree, InfiniteTreeListData } from '../../types';
+export type ItemProps = {
+    /**
+     * Узел с подгружаемыми дочерними элементами, строку которого нужно держать
+     * смонтированной
+     */
+    parent: FlattenTree<InfiniteTreeListData>;
+};

package/node/components/InfiniteTreeList/ParentItems/Item/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/InfiniteTreeList/ParentItems/Item/useLogic/index.d.ts

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

package/node/components/InfiniteTreeList/ParentItems/Item/useLogic/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("./useLogic"), exports);

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

@@ -0,0 +1,12 @@
+import { type CSSProperties } from 'react';
+import { type ItemProps } from '../types';
+type UseLogicParams = ItemProps;
+export declare const useLogic: ({ parent }: UseLogicParams) => {
+    slot: HTMLDivElement | null;
+    nodeId: string;
+    cssVars: CSSProperties;
+    parent: import("../../../types").FlattenTree<import("../../../types").InfiniteTreeListData>;
+    renderParent: (item: import("../../../types").FlattenTree<import("../../../types").InfiniteTreeListData>) => import("react").ReactNode;
+    onToggle: (item: import("../../../types").InfiniteTreeListData) => void;
+};
+export {};

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const InfiniteTreeListContext_1 = require("../../../InfiniteTreeListContext");
+const useLogic = ({ parent }) => {
+    const { renderParent, onToggle, acquireParentSlot } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
+    const slot = acquireParentSlot(parent.id);
+    const { nodeId, level, siblingIndex } = parent.meta;
+    const cssVars = {
+        '--level': level,
+        '--sibling-index': siblingIndex,
+    };
+    return { slot, nodeId, cssVars, parent, renderParent, onToggle };
+};
+exports.useLogic = useLogic;

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

@@ -0,0 +1,11 @@
+import type { InfiniteTreeListData } from '../types';
+import type { ParentItemsProps } from './types';
+/**
+ * Постоянный слой строк узлов с подгружаемыми дочерними элементами.
+ *
+ * Разметки на своём месте не даёт: каждая строка рисуется порталом в свой
+ * контейнер, а виртуализация переносит контейнер в строку скролла. Строка
+ * монтируется один раз, поэтому её состояние переживает и уход со скролла, и
+ * сворачивание ветки
+ */
+export declare const ParentItems: <TData extends InfiniteTreeListData<TData>>({ parents, }: ParentItemsProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/node/components/InfiniteTreeList/ParentItems/ParentItems.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParentItems = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Item_1 = require("./Item");
+/**
+ * Постоянный слой строк узлов с подгружаемыми дочерними элементами.
+ *
+ * Разметки на своём месте не даёт: каждая строка рисуется порталом в свой
+ * контейнер, а виртуализация переносит контейнер в строку скролла. Строка
+ * монтируется один раз, поэтому её состояние переживает и уход со скролла, и
+ * сворачивание ветки
+ */
+const ParentItems = ({ parents, }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: parents.map((parent) => ((0, jsx_runtime_1.jsx)(Item_1.Item, { parent: parent }, parent.id))) }));
+exports.ParentItems = ParentItems;

package/node/components/InfiniteTreeList/ParentItems/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ParentItems';
+export * from './Item';
+export * from './types';

package/node/components/InfiniteTreeList/ParentItems/index.js

@@ -0,0 +1,19 @@
+"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("./ParentItems"), exports);
+__exportStar(require("./Item"), exports);
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,8 @@
+import type { FlattenTree, InfiniteTreeListData } from '../types';
+export type ParentItemsProps<TData extends InfiniteTreeListData<TData>> = {
+    /**
+     * Узлы с подгружаемыми дочерними элементами, строки которых держатся
+     * смонтированными
+     */
+    parents: FlattenTree<TData>[];
+};

package/node/components/InfiniteTreeList/ParentItems/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/InfiniteTreeList/TreeItem/ChildrenPlaceholder/ChildrenPlaceholder.d.ts

@@ -0,0 +1,9 @@
+import type { FlattenTree, InfiniteTreeListData } from '../../types';
+type ChildrenPlaceholderProps<TData extends InfiniteTreeListData<TData>> = {
+    /**
+     * Строка ветки с заполненным `placeholderKind`
+     */
+    item: FlattenTree<TData>;
+};
+export declare const ChildrenPlaceholder: <TData extends InfiniteTreeListData<TData>>({ item, }: ChildrenPlaceholderProps<TData>) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/node/components/InfiniteTreeList/TreeItem/ChildrenPlaceholder/ChildrenPlaceholder.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChildrenPlaceholder = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Loader_1 = require("../../../Loader");
+const InfiniteTreeListContext_1 = require("../../InfiniteTreeListContext");
+const InfiniteTreeListItem_1 = require("../../InfiniteTreeListItem");
+const NoDataRow_1 = require("./NoDataRow");
+const ChildrenPlaceholder = ({ item, }) => {
+    const { onRetry } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
+    const { parentId } = item.meta;
+    switch (item.placeholderKind) {
+        case 'spinner':
+            return (0, jsx_runtime_1.jsx)(Loader_1.Loader, {});
+        case 'skeleton':
+            return (0, jsx_runtime_1.jsx)(InfiniteTreeListItem_1.InfiniteTreeListItem, { isLoading: true, children: null });
+        case 'no-data':
+            return (0, jsx_runtime_1.jsx)(NoDataRow_1.NoDataRow, {});
+        case 'error':
+            return ((0, jsx_runtime_1.jsx)(InfiniteTreeListItem_1.InfiniteTreeListItem, { isError: true, onRetry: () => parentId && onRetry(parentId), children: null }));
+        default:
+            return null;
+    }
+};
+exports.ChildrenPlaceholder = ChildrenPlaceholder;

package/node/components/InfiniteTreeList/TreeItem/ChildrenPlaceholder/NoDataRow/NoDataRow.d.ts

@@ -0,0 +1 @@
+export declare const NoDataRow: () => import("react/jsx-runtime").JSX.Element;

package/node/components/InfiniteTreeList/TreeItem/ChildrenPlaceholder/NoDataRow/NoDataRow.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoDataRow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Typography_1 = require("../../../../Typography");
+const constants_1 = require("../../../constants");
+const InfiniteTreeListItem_1 = require("../../../InfiniteTreeListItem");
+const NoDataRow = () => ((0, jsx_runtime_1.jsx)(InfiniteTreeListItem_1.InfiniteTreeListItem, { children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, { color: "grey", colorIntensity: "600", children: constants_1.CHILDREN_NO_DATA_MSG }) }));
+exports.NoDataRow = NoDataRow;

package/node/components/InfiniteTreeList/TreeItem/ChildrenPlaceholder/NoDataRow/index.d.ts

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

package/node/components/InfiniteTreeList/TreeItem/ChildrenPlaceholder/NoDataRow/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("./NoDataRow"), exports);

package/node/components/InfiniteTreeList/TreeItem/ChildrenPlaceholder/index.d.ts

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