@astral/ui 4.0.0-alpha.29 → 4.0.0-alpha.30

package/components/InfiniteTreeList/InfiniteTreeList.js

@@ -9,7 +9,7 @@ import { InfiniteTreeListContextProvider } from './InfiniteTreeListContext';
 import { TreeListItemContextProvider } from './InfiniteTreeListItem';
 import { NoDataPlaceholder } from './NoDataPlaceholder';
 import { OnTopButton } from './OnTopButton';
-import { Footer } from './styles';
+import { Footer, FooterDummy } from './styles';
 import { TreeItem } from './TreeItem';
 import { useLogic } from './useLogic';
 export const InfiniteTreeList = (props) => {
@@ -19,7 +19,7 @@ export const InfiniteTreeList = (props) => {
                             Footer: () => {
                                 const { isLoading, isError, isEndReached } = footerProps;
                                 if (!isLoading && !isError && !isEndReached) {
-                                    return null;
+                                    return _jsx(FooterDummy, {});
                                 }
                                 return (_jsxs(Footer, { children: [isLoading && _jsx(Loader, {}), isError && _jsx(ErrorMessage, { onRetry: onRetry }), isEndReached && (_jsx(EndData, { endOfScrollMsg: endOfScrollMsg }))] }));
                             },

package/components/InfiniteTreeList/InfiniteTreeListActions/useLogic/useLogic.js

@@ -3,20 +3,20 @@ import { InfiniteTreeListContext } from '../../InfiniteTreeListContext';
 import { TreeListItemContext } from '../../InfiniteTreeListItem';
 export const useLogic = ({ actions }) => {
     const { main, secondary = [] } = actions;
-    const { setDisabled, item } = useContext(TreeListItemContext);
-    const { setDisabledItemId } = useContext(InfiniteTreeListContext);
+    const { setDisabledReason, item } = useContext(TreeListItemContext);
+    const { setDisabled } = useContext(InfiniteTreeListContext);
     const blockingAction = useMemo(() => [...main, ...secondary].find((action) => action.isBlockingOperation && action.loading), [main, secondary]);
     const isDisabledAction = Boolean(blockingAction);
     useEffect(() => {
         if (blockingAction) {
-            setDisabled(true, blockingAction === null || blockingAction === void 0 ? void 0 : blockingAction.loadingNote);
             // Добавляем id элемента в Set disabled элементов
-            setDisabledItemId(item.id, true);
+            setDisabled(item.id, true);
+            setDisabledReason(blockingAction === null || blockingAction === void 0 ? void 0 : blockingAction.loadingNote);
             return;
         }
-        setDisabled(false);
         // Удаляем id элемента из Set disabled элементов
-        setDisabledItemId(item.id, false);
+        setDisabled(item.id, false);
+        setDisabledReason('');
     }, [blockingAction, item.id]);
     const handleActionClick = useCallback((onClick) => () => {
         onClick === null || onClick === void 0 ? void 0 : onClick(item);

package/components/InfiniteTreeList/InfiniteTreeListContext/InfiniteTreeListContext.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 export type InfiniteTreeListContextProps = {
     itemSkeleton: ReactNode;
-    disabledItemIds: Set<string>;
-    setDisabledItemId: (itemId: string, disabled: boolean) => void;
+    disabledIdList: Set<string>;
+    setDisabled: (itemId: string, disabled: boolean) => void;
 };
 export declare const InfiniteTreeListContext: import("react").Context<InfiniteTreeListContextProps>;

package/components/InfiniteTreeList/InfiniteTreeListContext/InfiniteTreeListContext.js

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 export const InfiniteTreeListContext = createContext({
     itemSkeleton: '',
-    disabledItemIds: new Set(),
-    setDisabledItemId: () => undefined,
+    disabledIdList: new Set(),
+    setDisabled: () => undefined,
 });

package/components/InfiniteTreeList/InfiniteTreeListContext/InfiniteTreeListContextProvider/InfiniteTreeListContextProvider.js

@@ -1,14 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useSet } from '../../../hooks';
 import { InfiniteTreeListContext, } from '../InfiniteTreeListContext';
 export const InfiniteTreeListContextProvider = ({ children, itemSkeleton, }) => {
-    const [disabledItemIds, setDisabledItemIds] = useState(new Set());
-    const setDisabledItemId = (itemId, disabled) => {
-        setDisabledItemIds((prev) => {
-            const next = new Set(prev);
-            disabled ? next.add(itemId) : next.delete(itemId);
-            return next;
-        });
+    const [disabledIdList, disabledIdListActions] = useSet(new Set());
+    const setDisabled = (itemId, disabled) => {
+        disabled
+            ? disabledIdListActions.add(itemId)
+            : disabledIdListActions.remove(itemId);
     };
-    return (_jsx(InfiniteTreeListContext.Provider, { value: { itemSkeleton, disabledItemIds, setDisabledItemId }, children: children }));
+    return (_jsx(InfiniteTreeListContext.Provider, { value: {
+            itemSkeleton,
+            disabledIdList,
+            setDisabled,
+        }, children: children }));
 };

package/components/InfiniteTreeList/InfiniteTreeListItem/InfiniteTreeListItem.js

@@ -10,5 +10,5 @@ export const InfiniteTreeListItem = (props) => {
     return (_jsx(ContentState, { isLoading: isLoading, loadingContent: _jsx(Wrapper, { "$isLoading": true, children: itemSkeleton }), isError: isError, errorState: {
             onRetry,
             errorList: [errorMsg || ''],
-        }, children: _jsx(Tooltip, Object.assign({}, tooltipProps, { children: _jsxs(Wrapper, { onClick: handleClick, className: className, "$isDisabled": isDisabled || isDisabledByActions, "$isLoading": isLoading, "$hasNested": item.hasNested, inert: isDisabled || isDisabledByActions ? '' : undefined, children: [item.hasNested && _jsx(Chevron, { isActive: isChevronActive }), children, actions && _jsx(ActionsWrapper, { children: actions })] }, `infinite-tree-list-item-${item.id}`) })) }));
+        }, children: _jsx(Tooltip, Object.assign({}, tooltipProps, { children: _jsxs(Wrapper, { onClick: handleClick, className: className, "$isDisabled": isDisabled || isDisabledByActions, "$isLoading": isLoading, "$hasNested": item.meta.hasNested, inert: isDisabled || isDisabledByActions ? '' : undefined, children: [item.meta.hasNested && _jsx(Chevron, { isActive: isChevronActive }), children, actions && _jsx(ActionsWrapper, { children: actions })] }, `infinite-tree-list-item-${item.id}`) })) }));
 };

package/components/InfiniteTreeList/InfiniteTreeListItem/TreeListItemContext/TreeListItemContext.d.ts

@@ -5,6 +5,6 @@ export type TreeListItemContextProps = {
     onToggle: (item: InfiniteTreeListData) => void;
     isDisabled: boolean;
     disabledReason?: string;
-    setDisabled: (isDisabled: boolean, disabledReason?: string) => void;
+    setDisabledReason: (disabledReason?: string) => void;
 };
 export declare const TreeListItemContext: import("react").Context<TreeListItemContextProps>;

package/components/InfiniteTreeList/InfiniteTreeListItem/TreeListItemContext/TreeListItemContext.js

@@ -3,5 +3,5 @@ export const TreeListItemContext = createContext({
     item: {},
     onToggle: () => undefined,
     isDisabled: false,
-    setDisabled: () => undefined,
+    setDisabledReason: () => undefined,
 });

package/components/InfiniteTreeList/InfiniteTreeListItem/TreeListItemContext/TreeListItemContextProvider/TreeListItemContextProvider.js

@@ -3,26 +3,16 @@ import { useContext, useMemo, useState } from 'react';
 import { InfiniteTreeListContext } from '../../../InfiniteTreeListContext';
 import { TreeListItemContext, } from '../TreeListItemContext';
 export const TreeListItemContextProvider = ({ item, children, onToggle, }) => {
-    const [isDisabled, setIsDisabled] = useState(false);
     const [disabledReason, setDisabledReason] = useState();
-    const { disabledItemIds } = useContext(InfiniteTreeListContext);
-    // Проверяем, является ли элемент потомком disabled родителя
-    const isDisabledByParent = useMemo(() => {
-        // Проверяем, есть ли хотя бы один родитель в Set disabled элементов
-        // path содержит [parent1, parent2, ..., currentItem], поэтому проверяем все кроме последнего
-        const parentIds = item.path.slice(0, -1);
-        return parentIds.some((parentId) => disabledItemIds.has(parentId));
-    }, [item.path, disabledItemIds]);
-    const setDisabled = (disabled, reason) => {
-        setIsDisabled(disabled);
-        setDisabledReason(disabled ? reason : undefined);
-    };
-    const finalIsDisabled = isDisabled || isDisabledByParent;
+    const { disabledIdList } = useContext(InfiniteTreeListContext);
+    const isDisabled = useMemo(() => {
+        return item.meta.path.some((id) => disabledIdList.has(id));
+    }, [item.path, disabledIdList]);
     return (_jsx(TreeListItemContext.Provider, { value: {
             item,
             onToggle,
-            isDisabled: finalIsDisabled,
+            isDisabled,
             disabledReason,
-            setDisabled,
+            setDisabledReason,
         }, children: children }));
 };

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

@@ -1,8 +1,7 @@
 import { type MouseEvent } from 'react';
 import { type TooltipProps } from '../../../Tooltip';
 import { type InfiniteTreeListItemProps } from '../types';
-type UseLogicParams = InfiniteTreeListItemProps;
-export declare const useLogic: ({ isDisabled, disabledReason }: UseLogicParams) => {
+export declare const useLogic: ({ isDisabled, disabledReason, }: InfiniteTreeListItemProps) => {
     item: import("../..").FlattenTree<import("../..").InfiniteTreeListData>;
     handleClick: (event: MouseEvent) => void;
     itemSkeleton: import("react").ReactNode;
@@ -12,4 +11,3 @@ export declare const useLogic: ({ isDisabled, disabledReason }: UseLogicParams)
     isDisabledByActions: boolean;
     isChevronActive: boolean;
 };
-export {};

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

@@ -1,10 +1,15 @@
-import { useCallback, useContext, useState } from 'react';
+import { useCallback, useContext, useEffect, useState, } from 'react';
 import { InfiniteTreeListContext } from '../../InfiniteTreeListContext';
 import { TreeListItemContext } from '../TreeListItemContext';
-export const useLogic = ({ isDisabled, disabledReason }) => {
-    const { itemSkeleton } = useContext(InfiniteTreeListContext);
+export const useLogic = ({ isDisabled, disabledReason, }) => {
+    const { itemSkeleton, setDisabled } = useContext(InfiniteTreeListContext);
     const { item, onToggle, isDisabled: isDisabledByActions, disabledReason: disabledReasonByActions, } = useContext(TreeListItemContext);
-    const [isChevronActive, setChevronActive] = useState(item.isExpanded);
+    useEffect(() => {
+        if (isDisabled) {
+            setDisabled(item.id, isDisabled);
+        }
+    }, [isDisabled]);
+    const [isChevronActive, setChevronActive] = useState(item.meta.isExpanded);
     const handleClick = useCallback((event) => {
         event.stopPropagation();
         setChevronActive((prev) => !prev);

package/components/InfiniteTreeList/TreeItem/TreeItem.js

@@ -3,5 +3,6 @@ import { Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const TreeItem = (props) => {
     const { item, renderItem, classname, onAnimationEnd } = useLogic(props);
-    return (_jsx(Wrapper, { id: item.nodeId, className: classname, "$level": item.level, "$siblingIndex": item.siblingIndex, onAnimationEnd: onAnimationEnd, children: renderItem(item, { level: item.level }) }));
+    const { nodeId, level, siblingIndex } = item.meta;
+    return (_jsx(Wrapper, { id: nodeId, className: classname, "$level": level, "$siblingIndex": siblingIndex, onAnimationEnd: onAnimationEnd, children: renderItem(item) }));
 };

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

@@ -1,9 +1,9 @@
 import type { ReactNode, RefObject } from 'react';
-import type { FlattenTree, InfiniteTreeListData } from '../types';
+import { type FlattenTree, type InfiniteTreeItemMeta, type InfiniteTreeListData } from '../types';
 export type TreeItemProps<TData extends InfiniteTreeListData<TData>> = {
     item: FlattenTree<TData>;
-    renderItem: (item: TData, meta: {
-        level: number;
+    renderItem: (item: TData & {
+        meta: InfiniteTreeItemMeta;
     }) => ReactNode;
     recentlyExpandedIds: RefObject<Set<string>>;
 };

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

@@ -3,8 +3,8 @@ import type { InfiniteTreeListData } from '../../types';
 import { type TreeItemProps } from '../types';
 export declare const useLogic: <TData extends InfiniteTreeListData<TData>>({ item, renderItem, recentlyExpandedIds, }: TreeItemProps<TData>) => {
     item: import("../../types").FlattenTree<TData>;
-    renderItem: (item: TData, meta: {
-        level: number;
+    renderItem: (item: TData & {
+        meta: import("../../types").InfiniteTreeItemMeta;
     }) => import("react").ReactNode;
     classname: string;
     onAnimationEnd: () => void;

package/components/InfiniteTreeList/TreeItem/useLogic/useLogic.js

@@ -3,7 +3,8 @@ import { infiniteTreeListClassnames } from '../../constants';
 export const useLogic = ({ item, renderItem, recentlyExpandedIds, }) => {
     const deleteRecentlyExpandedId = () => {
         var _a;
-        item.parentId && ((_a = recentlyExpandedIds.current) === null || _a === void 0 ? void 0 : _a.delete(item.parentId));
+        item.meta.parentId &&
+            ((_a = recentlyExpandedIds.current) === null || _a === void 0 ? void 0 : _a.delete(item.meta.parentId));
     };
     useEffect(() => {
         return () => {
@@ -15,7 +16,8 @@ export const useLogic = ({ item, renderItem, recentlyExpandedIds, }) => {
     };
     const classname = useMemo(() => {
         var _a;
-        if ((item === null || item === void 0 ? void 0 : item.parentId) && ((_a = recentlyExpandedIds.current) === null || _a === void 0 ? void 0 : _a.has(item === null || item === void 0 ? void 0 : item.parentId))) {
+        if ((item === null || item === void 0 ? void 0 : item.meta.parentId) &&
+            ((_a = recentlyExpandedIds.current) === null || _a === void 0 ? void 0 : _a.has(item === null || item === void 0 ? void 0 : item.meta.parentId))) {
             return infiniteTreeListClassnames.addAnimation;
         }
         return '';

package/components/InfiniteTreeList/styles.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Footer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const FooterDummy: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/InfiniteTreeList/styles.js

@@ -1,12 +1,4 @@
 import { styled } from '../styles';
-export const Wrapper = styled.div `
-  position: relative;
-
-  display: flex;
-  flex-direction: column;
-
-  height: 100%;
-`;
 export const Footer = styled.footer `
   display: flex;
   flex-shrink: 0;
@@ -16,3 +8,6 @@ export const Footer = styled.footer `
   min-height: 64px;
   margin-top: ${({ theme }) => theme.spacing(1)};
 `;
+export const FooterDummy = styled.div `
+  min-height: 20px;
+`;

package/components/InfiniteTreeList/types.d.ts

@@ -7,10 +7,6 @@ export type InfiniteTreeListDataBase = {
      * Уникальный идентификатор элемента
      */
     id: string;
-    /**
-     * Флаг наличия дочерних элементов
-     */
-    hasNested?: boolean;
     /**
      * Дополнительные  поля
      */
@@ -66,8 +62,8 @@ export type InfiniteTreeListProps<TData extends InfiniteTreeListData<TData> = In
      *               </InfiniteTreeListItem>
      *             )}
      */
-    renderItem: (item: TData, meta: {
-        level: number;
+    renderItem: (item: TData & {
+        meta: InfiniteTreeItemMeta;
     }) => ReactNode;
     /**
      * Уровень раскрытия дерева по умолчанию
@@ -91,7 +87,7 @@ export type InfiniteTreeListProps<TData extends InfiniteTreeListData<TData> = In
      */
     errorImgSrc?: string;
 };
-export type FlattenTree<TData extends InfiniteTreeListData<TData>> = TData & {
+export type InfiniteTreeItemMeta = {
     /**
      * Уровень вложенности (начинается с 0)
      */
@@ -108,6 +104,10 @@ export type FlattenTree<TData extends InfiniteTreeListData<TData>> = TData & {
      * Индекс элемента среди siblings (для каскадной анимации)
      */
     siblingIndex: number;
+    /**
+     * Флаг имеет ли элемент вложенных потомков
+     */
+    hasNested: boolean;
     /**
      * Флаг раскрытия узла
      */
@@ -117,3 +117,6 @@ export type FlattenTree<TData extends InfiniteTreeListData<TData>> = TData & {
      */
     nodeId: string;
 };
+export type FlattenTree<TData extends InfiniteTreeListData<TData>> = TData & {
+    meta: InfiniteTreeItemMeta;
+};

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

@@ -26,8 +26,8 @@ export declare const useLogic: <TData extends InfiniteTreeListData<TData>>({ ini
     };
     endOfScrollMsg: string | undefined;
     itemSkeleton: import("react").ReactNode;
-    renderItem: (item: TData, meta: {
-        level: number;
+    renderItem: (item: TData & {
+        meta: import("../types").InfiniteTreeItemMeta;
     }) => import("react").ReactNode;
     items: TData[];
     onLoadMore: (() => void) | undefined;

package/components/InfiniteTreeList/useLogic/useLogic.js

@@ -24,12 +24,7 @@ export const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isErr
     /**
      * Дерево, преобразованное в плоский список. Такая структура необходима для полноценной виртуализации
      */
-    const flatList = useMemo(() => {
-        const list = flattenTree(items, internalExpanded);
-        return list.map((item) => {
-            return Object.assign(Object.assign({}, item), { isExpanded: internalExpanded.has(item.id) });
-        });
-    }, [items, internalExpanded]);
+    const flatList = useMemo(() => flattenTree(items, internalExpanded), [items, internalExpanded]);
     const onToggle = ({ id: itemId }) => {
         const isExpanded = internalExpanded.has(itemId);
         if (!isExpanded) {
@@ -38,7 +33,7 @@ export const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isErr
         }
         else {
             const children = sortCollapsed(getDescendants(flatList, itemId));
-            children.forEach(({ nodeId }) => startRemoveAnimation(nodeId));
+            children.forEach(({ meta }) => startRemoveAnimation(meta.nodeId));
             const collapseDurationMs = theme.transitions.duration.shorter;
             setTimeout(() => {
                 internalExpandedActions.remove(itemId);

package/components/InfiniteTreeList/useLogic/utils/flattenTree/flattenTree.js

@@ -7,10 +7,15 @@ export const flattenTree = (items, expandedIds, parentPath = [], level = 0, pare
         const path = [...parentPath, item.id];
         const isExpanded = expandedIds.has(item.id);
         // Создаем flattened item с правильной типизацией
-        const flattenedItem = Object.assign(Object.assign({}, item), { level,
-            path,
-            isExpanded,
-            parentId, siblingIndex: index, nodeId: `infinite-tree-item-${item.id}` });
+        const flattenedItem = Object.assign(Object.assign({}, item), { meta: {
+                hasNested: Boolean(item.children),
+                level,
+                path,
+                isExpanded,
+                parentId,
+                siblingIndex: index,
+                nodeId: `infinite-tree-item-${item.id}`,
+            } });
         result.push(flattenedItem);
         // Рекурсивно обрабатываем детей с сохранением типизации
         if (isExpanded && item.children && item.children.length > 0) {

package/components/InfiniteTreeList/useLogic/utils/getDescendants/getDescendants.js

@@ -9,10 +9,10 @@
 export const getDescendants = (flatList, parentId) => {
     const result = [];
     const collectChildren = (id) => {
-        const children = flatList.filter((item) => item.parentId === id);
+        const children = flatList.filter((item) => item.meta.parentId === id);
         children.forEach((child) => {
             result.push(child);
-            if (child.isExpanded) {
+            if (child.meta.isExpanded) {
                 collectChildren(child.id);
             }
         });

package/components/InfiniteTreeList/useLogic/utils/getInitialExpandedIds/getInitialExpandedIds.js

@@ -10,8 +10,7 @@ export const getInitialExpandedIds = (prev, items, initialExpandedLevel, current
     const shouldExpand = currentLevel < initialExpandedLevel;
     items.forEach((item) => {
         var _a;
-        const mightHaveChildren = item.hasNested || item.children;
-        if (shouldExpand && mightHaveChildren) {
+        if (shouldExpand && item.children) {
             if (!(prev === null || prev === void 0 ? void 0 : prev.has(item.id))) {
                 expandedIds.add(item.id);
             }

package/components/InfiniteTreeList/useLogic/utils/sortCollapsed/sortCollapsed.js

@@ -8,9 +8,9 @@
  */
 export const sortCollapsed = (items) => {
     return [...items].sort((a, b) => {
-        if (a.level !== b.level) {
-            return b.level - a.level;
+        if (a.meta.level !== b.meta.level) {
+            return b.meta.level - a.meta.level;
         }
-        return a.siblingIndex - b.siblingIndex;
+        return a.meta.siblingIndex - b.meta.siblingIndex;
     });
 };

package/components/PdfViewer/PdfViewer.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 import { pdfjs } from 'react-pdf';
 import { ContentState } from '../ContentState';
 import { LoadingPlaceholder } from '../placeholders';
@@ -16,10 +17,10 @@ pdfjs.GlobalWorkerOptions.workerSrc = PDFJS_WORKER_URL;
  * Компонент для просмотра PDF файлов
  */
 export const PdfViewer = (props) => {
-    const { file, pageCount, pageHeightList, isError, errorState, onLoadSuccess, onLoadError, scrollRef, paginationRef, changePage, isLoading, isHidePersonalData, initialIndex, isRenderList, isViewerLite, scale, setContainerWidth, zoomOut, zoomIn, isDisabledZoomOutButton, isDisabledZoomInButton, scrollContainerRef, loadingPlaceholderTitle, enabledZoom, } = useLogic(props);
-    return (_jsx(ContentState, { isError: isError, errorState: errorState, children: _jsxs(Wrapper, { "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: [_jsx(PDFViewerContainer, { "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: _jsx(ScrollContainer, { ref: scrollContainerRef, "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: _jsx(PDFDocument, { file: file, onLoadSuccess: onLoadSuccess, onLoadError: onLoadError, setContainerWidth: setContainerWidth, isLoading: isLoading, loading: _jsx(LoadingPlaceholder, { title: loadingPlaceholderTitle }), isViewerLite: isViewerLite, enabledZoom: enabledZoom, children: isRenderList && (_jsx(List, { paginationRef: paginationRef, initialIndex: initialIndex, children: pageHeightList === null || pageHeightList === void 0 ? void 0 : pageHeightList.map((height, index) => (_jsx(PDFPage
-                                // biome-ignore lint/suspicious/noArrayIndexKey: Страницы статичны
-                                , { scrollRef: scrollRef, height: height * scale, pageNumber: index + 1, pageCount: pageCount, onChangePage: changePage, isHidePersonalData: isHidePersonalData, currentPage: Number(initialIndex) + 1, isViewerLite: isViewerLite, scale: scale, enabledZoom: enabledZoom }, index))) }, pageHeightList === null || pageHeightList === void 0 ? void 0 : pageHeightList[0])) }) }) }), _jsx(ControlBar, { zoomOut: zoomOut, zoomIn: zoomIn, pageNumber: Number(initialIndex) + 1, buttonProps: {
+    const { documentProps, pageProps, pageCount, pageHeightList, isError, errorState, paginationRef, isLoading, initialIndex, isRenderList, isViewerLite, scale, zoomOut, zoomIn, isDisabledZoomOutButton, isDisabledZoomInButton, scrollContainerRef, loadingPlaceholderTitle, enabledZoom, } = useLogic(props);
+    return (_jsx(ContentState, { isError: isError, errorState: errorState, children: _jsxs(Wrapper, { "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: [_jsx(PDFViewerContainer, { "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: _jsx(ScrollContainer, { ref: scrollContainerRef, "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: _jsx(PDFDocument, Object.assign({}, documentProps, { isLoading: isLoading, loading: _jsx(LoadingPlaceholder, { title: loadingPlaceholderTitle }), isViewerLite: isViewerLite, enabledZoom: enabledZoom, children: isRenderList && (_jsx(List, { paginationRef: paginationRef, initialIndex: initialIndex, children: pageHeightList === null || pageHeightList === void 0 ? void 0 : pageHeightList.map((height, index) => (_createElement(PDFPage, Object.assign({}, pageProps, { 
+                                    // biome-ignore lint/suspicious/noArrayIndexKey: Страницы статичны
+                                    key: index, height: height * scale, pageNumber: index + 1, pageCount: pageCount, isViewerLite: isViewerLite, scale: scale, enabledZoom: enabledZoom })))) }, pageHeightList === null || pageHeightList === void 0 ? void 0 : pageHeightList[0])) })) }) }), _jsx(ControlBar, { zoomOut: zoomOut, zoomIn: zoomIn, pageNumber: Number(initialIndex) + 1, buttonProps: {
                         isDisabledZoomIn: isDisabledZoomInButton,
                         isDisabledZoomOut: isDisabledZoomOutButton,
                     }, isViewerLite: isViewerLite, isLoading: isLoading, pageCount: pageCount, enabledZoom: enabledZoom })] }) }));

package/components/PdfViewer/types.d.ts

@@ -17,6 +17,12 @@ export type PdfViewerProps = {
      * Файл для отображения
      */
     file: Blob | string | null | undefined;
+    options?: {
+        /**
+         * Флаг следует ли включать cookie в запрос. По-умолчанию `true`.
+         */
+        withCredentials?: boolean | undefined;
+    };
     /**
      * Будет вызван после успешной загрузки файла
      */

package/components/PdfViewer/useLogic/useLogic.d.ts

@@ -1,7 +1,21 @@
 /// <reference types="react" />
 import { type PdfViewerOnLoadSuccessProps, type PdfViewerProps } from '../types';
-export declare const useLogic: ({ file, scrollRef, paginationRef, isFullHeight, renderPageRange, isHidePersonalData, isViewerLite, enabledZoom, ...props }: PdfViewerProps) => {
-    file: string | Blob | null | undefined;
+export declare const useLogic: ({ file, scrollRef, paginationRef, isFullHeight, renderPageRange, isHidePersonalData, isViewerLite, enabledZoom, options, ...props }: PdfViewerProps) => {
+    documentProps: {
+        file: string | Blob | null | undefined;
+        options: {
+            withCredentials: boolean;
+        };
+        onLoadSuccess: (pdf: PdfViewerOnLoadSuccessProps) => void;
+        onLoadError: (error: Error) => void;
+        setContainerWidth: import("react").Dispatch<import("react").SetStateAction<number>>;
+    };
+    pageProps: {
+        scrollRef: import("react").RefObject<HTMLElement>;
+        onChangePage: (newPage: number) => void;
+        isHidePersonalData: boolean | undefined;
+        currentPage: number;
+    };
     pageCount: number;
     pageHeightList: number[] | null;
     isError: boolean;
@@ -13,15 +27,9 @@ export declare const useLogic: ({ file, scrollRef, paginationRef, isFullHeight,
         title: string;
         errorList: string[];
     } | undefined;
-    onLoadSuccess: (pdf: PdfViewerOnLoadSuccessProps) => void;
-    onLoadError: (error: Error) => void;
     onRetry: () => void;
-    scrollRef: import("react").RefObject<HTMLElement>;
     paginationRef: import("react").RefObject<HTMLDivElement> | undefined;
-    setContainerWidth: import("react").Dispatch<import("react").SetStateAction<number>>;
-    changePage: (newPage: number) => void;
     isLoading: boolean;
-    isHidePersonalData: boolean | undefined;
     initialIndex: number | null;
     isRenderList: boolean;
     isViewerLite: boolean | undefined;

package/components/PdfViewer/useLogic/useLogic.js

@@ -14,7 +14,7 @@ import { ConfigContext } from '../../ConfigProvider';
 import { useZoom } from '../hooks';
 import { getPageHeightList } from '../utils';
 export const useLogic = (_a) => {
-    var { file, scrollRef, paginationRef, isFullHeight, renderPageRange, isHidePersonalData, isViewerLite, enabledZoom = true } = _a, props = __rest(_a, ["file", "scrollRef", "paginationRef", "isFullHeight", "renderPageRange", "isHidePersonalData", "isViewerLite", "enabledZoom"]);
+    var { file, scrollRef, paginationRef, isFullHeight, renderPageRange, isHidePersonalData, isViewerLite, enabledZoom = true, options } = _a, props = __rest(_a, ["file", "scrollRef", "paginationRef", "isFullHeight", "renderPageRange", "isHidePersonalData", "isViewerLite", "enabledZoom", "options"]);
     const [containerWidth, setContainerWidth] = useState(1);
     const scrollContainerRef = useRef(null);
     const { zoomOut, scale, zoomIn, shouldAnimateZoom } = useZoom({
@@ -68,7 +68,7 @@ export const useLogic = (_a) => {
         (_a = props.onLoadError) === null || _a === void 0 ? void 0 : _a.call(props, error);
     };
     const [initialIndex, setInitialIndex] = useState(null);
-    const changePage = (newPage) => {
+    const onChangePage = (newPage) => {
         var _a;
         (_a = props.onChangePage) === null || _a === void 0 ? void 0 : _a.call(props, newPage);
         setInitialIndex(newPage - 1);
@@ -77,21 +77,30 @@ export const useLogic = (_a) => {
     const loadingPlaceholderTitle = isViewerLite
         ? undefined
         : 'Загрузка данных...';
+    const getOptions = useMemo(() => {
+        return Object.assign({ withCredentials: true }, options);
+    }, [options]);
     return {
-        file,
+        documentProps: {
+            file,
+            options: getOptions,
+            onLoadSuccess,
+            onLoadError,
+            setContainerWidth,
+        },
+        pageProps: {
+            scrollRef,
+            onChangePage,
+            isHidePersonalData,
+            currentPage: Number(initialIndex) + 1,
+        },
         pageCount: (pdfParams === null || pdfParams === void 0 ? void 0 : pdfParams.numPages) || 0,
         pageHeightList,
         isError,
         errorState,
-        onLoadSuccess,
-        onLoadError,
         onRetry,
-        scrollRef,
         paginationRef,
-        setContainerWidth,
-        changePage,
         isLoading,
-        isHidePersonalData,
         initialIndex,
         isRenderList,
         isViewerLite,

package/node/components/InfiniteTreeList/InfiniteTreeList.js

@@ -22,7 +22,7 @@ const InfiniteTreeList = (props) => {
                             Footer: () => {
                                 const { isLoading, isError, isEndReached } = footerProps;
                                 if (!isLoading && !isError && !isEndReached) {
-                                    return null;
+                                    return (0, jsx_runtime_1.jsx)(styles_1.FooterDummy, {});
                                 }
                                 return ((0, jsx_runtime_1.jsxs)(styles_1.Footer, { children: [isLoading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isError && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { onRetry: onRetry }), isEndReached && ((0, jsx_runtime_1.jsx)(EndData_1.EndData, { endOfScrollMsg: endOfScrollMsg }))] }));
                             },

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

@@ -6,20 +6,20 @@ const InfiniteTreeListContext_1 = require("../../InfiniteTreeListContext");
 const InfiniteTreeListItem_1 = require("../../InfiniteTreeListItem");
 const useLogic = ({ actions }) => {
     const { main, secondary = [] } = actions;
-    const { setDisabled, item } = (0, react_1.useContext)(InfiniteTreeListItem_1.TreeListItemContext);
-    const { setDisabledItemId } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
+    const { setDisabledReason, item } = (0, react_1.useContext)(InfiniteTreeListItem_1.TreeListItemContext);
+    const { setDisabled } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
     const blockingAction = (0, react_1.useMemo)(() => [...main, ...secondary].find((action) => action.isBlockingOperation && action.loading), [main, secondary]);
     const isDisabledAction = Boolean(blockingAction);
     (0, react_1.useEffect)(() => {
         if (blockingAction) {
-            setDisabled(true, blockingAction === null || blockingAction === void 0 ? void 0 : blockingAction.loadingNote);
             // Добавляем id элемента в Set disabled элементов
-            setDisabledItemId(item.id, true);
+            setDisabled(item.id, true);
+            setDisabledReason(blockingAction === null || blockingAction === void 0 ? void 0 : blockingAction.loadingNote);
             return;
         }
-        setDisabled(false);
         // Удаляем id элемента из Set disabled элементов
-        setDisabledItemId(item.id, false);
+        setDisabled(item.id, false);
+        setDisabledReason('');
     }, [blockingAction, item.id]);
     const handleActionClick = (0, react_1.useCallback)((onClick) => () => {
         onClick === null || onClick === void 0 ? void 0 : onClick(item);

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 export type InfiniteTreeListContextProps = {
     itemSkeleton: ReactNode;
-    disabledItemIds: Set<string>;
-    setDisabledItemId: (itemId: string, disabled: boolean) => void;
+    disabledIdList: Set<string>;
+    setDisabled: (itemId: string, disabled: boolean) => void;
 };
 export declare const InfiniteTreeListContext: import("react").Context<InfiniteTreeListContextProps>;

package/node/components/InfiniteTreeList/InfiniteTreeListContext/InfiniteTreeListContext.js

@@ -4,6 +4,6 @@ exports.InfiniteTreeListContext = void 0;
 const react_1 = require("react");
 exports.InfiniteTreeListContext = (0, react_1.createContext)({
     itemSkeleton: '',
-    disabledItemIds: new Set(),
-    setDisabledItemId: () => undefined,
+    disabledIdList: new Set(),
+    setDisabled: () => undefined,
 });