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

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

@@ -2,17 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfiniteTreeListContextProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const hooks_1 = require("../../../hooks");
 const InfiniteTreeListContext_1 = require("../InfiniteTreeListContext");
 const InfiniteTreeListContextProvider = ({ children, itemSkeleton, }) => {
-    const [disabledItemIds, setDisabledItemIds] = (0, react_1.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] = (0, hooks_1.useSet)(new Set());
+    const setDisabled = (itemId, disabled) => {
+        disabled
+            ? disabledIdListActions.add(itemId)
+            : disabledIdListActions.remove(itemId);
     };
-    return ((0, jsx_runtime_1.jsx)(InfiniteTreeListContext_1.InfiniteTreeListContext.Provider, { value: { itemSkeleton, disabledItemIds, setDisabledItemId }, children: children }));
+    return ((0, jsx_runtime_1.jsx)(InfiniteTreeListContext_1.InfiniteTreeListContext.Provider, { value: {
+            itemSkeleton,
+            disabledIdList,
+            setDisabled,
+        }, children: children }));
 };
 exports.InfiniteTreeListContextProvider = InfiniteTreeListContextProvider;

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

@@ -13,6 +13,6 @@ const InfiniteTreeListItem = (props) => {
     return ((0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading, loadingContent: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isLoading": true, children: itemSkeleton }), isError: isError, errorState: {
             onRetry,
             errorList: [errorMsg || ''],
-        }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({}, tooltipProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { onClick: handleClick, className: className, "$isDisabled": isDisabled || isDisabledByActions, "$isLoading": isLoading, "$hasNested": item.hasNested, inert: isDisabled || isDisabledByActions ? '' : undefined, children: [item.hasNested && (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: isChevronActive }), children, actions && (0, jsx_runtime_1.jsx)(styles_1.ActionsWrapper, { children: actions })] }, `infinite-tree-list-item-${item.id}`) })) }));
+        }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({}, tooltipProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { onClick: handleClick, className: className, "$isDisabled": isDisabled || isDisabledByActions, "$isLoading": isLoading, "$hasNested": item.meta.hasNested, inert: isDisabled || isDisabledByActions ? '' : undefined, children: [item.meta.hasNested && (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: isChevronActive }), children, actions && (0, jsx_runtime_1.jsx)(styles_1.ActionsWrapper, { children: actions })] }, `infinite-tree-list-item-${item.id}`) })) }));
 };
 exports.InfiniteTreeListItem = InfiniteTreeListItem;

package/node/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/node/components/InfiniteTreeList/InfiniteTreeListItem/TreeListItemContext/TreeListItemContext.js

@@ -6,5 +6,5 @@ exports.TreeListItemContext = (0, react_1.createContext)({
     item: {},
     onToggle: () => undefined,
     isDisabled: false,
-    setDisabled: () => undefined,
+    setDisabledReason: () => undefined,
 });

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

@@ -6,27 +6,17 @@ const react_1 = require("react");
 const InfiniteTreeListContext_1 = require("../../../InfiniteTreeListContext");
 const TreeListItemContext_1 = require("../TreeListItemContext");
 const TreeListItemContextProvider = ({ item, children, onToggle, }) => {
-    const [isDisabled, setIsDisabled] = (0, react_1.useState)(false);
     const [disabledReason, setDisabledReason] = (0, react_1.useState)();
-    const { disabledItemIds } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
-    // Проверяем, является ли элемент потомком disabled родителя
-    const isDisabledByParent = (0, react_1.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 } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
+    const isDisabled = (0, react_1.useMemo)(() => {
+        return item.meta.path.some((id) => disabledIdList.has(id));
+    }, [item.path, disabledIdList]);
     return ((0, jsx_runtime_1.jsx)(TreeListItemContext_1.TreeListItemContext.Provider, { value: {
             item,
             onToggle,
-            isDisabled: finalIsDisabled,
+            isDisabled,
             disabledReason,
-            setDisabled,
+            setDisabledReason,
         }, children: children }));
 };
 exports.TreeListItemContextProvider = TreeListItemContextProvider;

package/node/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/node/components/InfiniteTreeList/InfiniteTreeListItem/useLogic/useLogic.js

@@ -4,10 +4,15 @@ 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 } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
+const useLogic = ({ isDisabled, disabledReason, }) => {
+    const { itemSkeleton, setDisabled } = (0, react_1.useContext)(InfiniteTreeListContext_1.InfiniteTreeListContext);
     const { item, onToggle, isDisabled: isDisabledByActions, disabledReason: disabledReasonByActions, } = (0, react_1.useContext)(TreeListItemContext_1.TreeListItemContext);
-    const [isChevronActive, setChevronActive] = (0, react_1.useState)(item.isExpanded);
+    (0, react_1.useEffect)(() => {
+        if (isDisabled) {
+            setDisabled(item.id, isDisabled);
+        }
+    }, [isDisabled]);
+    const [isChevronActive, setChevronActive] = (0, react_1.useState)(item.meta.isExpanded);
     const handleClick = (0, react_1.useCallback)((event) => {
         event.stopPropagation();
         setChevronActive((prev) => !prev);

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

@@ -6,6 +6,7 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const TreeItem = (props) => {
     const { item, renderItem, classname, onAnimationEnd } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(styles_1.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 ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { id: nodeId, className: classname, "$level": level, "$siblingIndex": siblingIndex, onAnimationEnd: onAnimationEnd, children: renderItem(item) }));
 };
 exports.TreeItem = TreeItem;

package/node/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/node/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/node/components/InfiniteTreeList/TreeItem/useLogic/useLogic.js

@@ -6,7 +6,8 @@ const constants_1 = require("../../constants");
 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));
     };
     (0, react_1.useEffect)(() => {
         return () => {
@@ -18,7 +19,8 @@ const useLogic = ({ item, renderItem, recentlyExpandedIds, }) => {
     };
     const classname = (0, react_1.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 constants_1.infiniteTreeListClassnames.addAnimation;
         }
         return '';

package/node/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/node/components/InfiniteTreeList/styles.js

@@ -1,15 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = exports.Wrapper = void 0;
+exports.FooterDummy = exports.Footer = void 0;
 const styles_1 = require("../styles");
-exports.Wrapper = styles_1.styled.div `
-  position: relative;
-
-  display: flex;
-  flex-direction: column;
-
-  height: 100%;
-`;
 exports.Footer = styles_1.styled.footer `
   display: flex;
   flex-shrink: 0;
@@ -19,3 +11,6 @@ exports.Footer = styles_1.styled.footer `
   min-height: 64px;
   margin-top: ${({ theme }) => theme.spacing(1)};
 `;
+exports.FooterDummy = styles_1.styled.div `
+  min-height: 20px;
+`;

package/node/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/node/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/node/components/InfiniteTreeList/useLogic/useLogic.js

@@ -27,12 +27,7 @@ const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isL
     /**
      * Дерево, преобразованное в плоский список. Такая структура необходима для полноценной виртуализации
      */
-    const flatList = (0, react_1.useMemo)(() => {
-        const list = (0, utils_1.flattenTree)(items, internalExpanded);
-        return list.map((item) => {
-            return Object.assign(Object.assign({}, item), { isExpanded: internalExpanded.has(item.id) });
-        });
-    }, [items, internalExpanded]);
+    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) {
@@ -41,7 +36,7 @@ const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isL
         }
         else {
             const children = (0, utils_1.sortCollapsed)((0, utils_1.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/node/components/InfiniteTreeList/useLogic/utils/flattenTree/flattenTree.js

@@ -10,10 +10,15 @@ const flattenTree = (items, expandedIds, parentPath = [], level = 0, parentId) =
         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/node/components/InfiniteTreeList/useLogic/utils/getDescendants/getDescendants.js

@@ -12,10 +12,10 @@ exports.getDescendants = void 0;
 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/node/components/InfiniteTreeList/useLogic/utils/getInitialExpandedIds/getInitialExpandedIds.js

@@ -13,8 +13,7 @@ const getInitialExpandedIds = (prev, items, initialExpandedLevel, currentLevel =
     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/node/components/InfiniteTreeList/useLogic/utils/sortCollapsed/sortCollapsed.js

@@ -11,10 +11,10 @@ exports.sortCollapsed = void 0;
  */
 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;
     });
 };
 exports.sortCollapsed = sortCollapsed;

package/node/components/PdfViewer/PdfViewer.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PdfViewer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_pdf_1 = require("react-pdf");
 const ContentState_1 = require("../ContentState");
 const placeholders_1 = require("../placeholders");
@@ -19,10 +20,10 @@ react_pdf_1.pdfjs.GlobalWorkerOptions.workerSrc = constants_1.PDFJS_WORKER_URL;
  * Компонент для просмотра PDF файлов
  */
 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, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isError: isError, errorState: errorState, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: [(0, jsx_runtime_1.jsx)(styles_1.PDFViewerContainer, { "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: (0, jsx_runtime_1.jsx)(styles_1.ScrollContainer, { ref: scrollContainerRef, "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: (0, jsx_runtime_1.jsx)(PdfDocument_1.PDFDocument, { file: file, onLoadSuccess: onLoadSuccess, onLoadError: onLoadError, setContainerWidth: setContainerWidth, isLoading: isLoading, loading: (0, jsx_runtime_1.jsx)(placeholders_1.LoadingPlaceholder, { title: loadingPlaceholderTitle }), isViewerLite: isViewerLite, enabledZoom: enabledZoom, children: isRenderList && ((0, jsx_runtime_1.jsx)(List_1.List, { paginationRef: paginationRef, initialIndex: initialIndex, children: pageHeightList === null || pageHeightList === void 0 ? void 0 : pageHeightList.map((height, index) => ((0, jsx_runtime_1.jsx)(PdfPage_1.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])) }) }) }), (0, jsx_runtime_1.jsx)(ControlBar_1.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, } = (0, useLogic_1.useLogic)(props);
+    return ((0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isError: isError, errorState: errorState, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: [(0, jsx_runtime_1.jsx)(styles_1.PDFViewerContainer, { "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: (0, jsx_runtime_1.jsx)(styles_1.ScrollContainer, { ref: scrollContainerRef, "$isViewerLite": isViewerLite, "$enabledZoom": enabledZoom, children: (0, jsx_runtime_1.jsx)(PdfDocument_1.PDFDocument, Object.assign({}, documentProps, { isLoading: isLoading, loading: (0, jsx_runtime_1.jsx)(placeholders_1.LoadingPlaceholder, { title: loadingPlaceholderTitle }), isViewerLite: isViewerLite, enabledZoom: enabledZoom, children: isRenderList && ((0, jsx_runtime_1.jsx)(List_1.List, { paginationRef: paginationRef, initialIndex: initialIndex, children: pageHeightList === null || pageHeightList === void 0 ? void 0 : pageHeightList.map((height, index) => ((0, react_1.createElement)(PdfPage_1.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])) })) }) }), (0, jsx_runtime_1.jsx)(ControlBar_1.ControlBar, { zoomOut: zoomOut, zoomIn: zoomIn, pageNumber: Number(initialIndex) + 1, buttonProps: {
                         isDisabledZoomIn: isDisabledZoomInButton,
                         isDisabledZoomOut: isDisabledZoomOutButton,
                     }, isViewerLite: isViewerLite, isLoading: isLoading, pageCount: pageCount, enabledZoom: enabledZoom })] }) }));

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

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

package/node/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/node/components/PdfViewer/useLogic/useLogic.js

@@ -17,7 +17,7 @@ const ConfigProvider_1 = require("../../ConfigProvider");
 const hooks_1 = require("../hooks");
 const utils_1 = require("../utils");
 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] = (0, react_1.useState)(1);
     const scrollContainerRef = (0, react_1.useRef)(null);
     const { zoomOut, scale, zoomIn, shouldAnimateZoom } = (0, hooks_1.useZoom)({
@@ -71,7 +71,7 @@ const useLogic = (_a) => {
         (_a = props.onLoadError) === null || _a === void 0 ? void 0 : _a.call(props, error);
     };
     const [initialIndex, setInitialIndex] = (0, react_1.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);
@@ -80,21 +80,30 @@ const useLogic = (_a) => {
     const loadingPlaceholderTitle = isViewerLite
         ? undefined
         : 'Загрузка данных...';
+    const getOptions = (0, react_1.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.0.0-alpha.29",
+  "version": "4.0.0-alpha.30",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
@@ -47,7 +47,9 @@
     "./server": {
       "module": "./server/index.js",
       "require": "./node/server/index.js",
-      "types": "./server/index.d.ts"
+      "types": "./server/index.d.ts",
+      "default": "./server/index.js",
+      "import": "./server/index.js"
     },
     "./next": {
       "module": "./next.js",
@@ -59,42 +61,58 @@
     "./components/PdfViewer": {
       "module": "./components/PdfViewer.js",
       "require": "./node/components/PdfViewer.js",
-      "types": "./components/PdfViewer.d.ts"
+      "types": "./components/PdfViewer.d.ts",
+      "default": "./components/PdfViewer.js",
+      "import": "./components/PdfViewer.js"
     },
     "./components/JsonViewer": {
       "module": "./components/JsonViewer.js",
       "require": "./node/components/JsonViewer.js",
-      "types": "./components/JsonViewer.d.ts"
+      "types": "./components/JsonViewer.d.ts",
+      "default": "./components/JsonViewer.js",
+      "import": "./components/JsonViewer.js"
     },
     "./components/Notification": {
       "module": "./components/Notification.js",
       "require": "./node/components/Notification.js",
-      "types": "./components/Notification.d.ts"
+      "types": "./components/Notification.d.ts",
+      "default": "./components/Notification.js",
+      "import": "./components/Notification.js"
     },
     "./components/LegacyNotification": {
       "module": "./components/LegacyNotification.js",
       "require": "./node/components/LegacyNotification.js",
-      "types": "./components/LegacyNotification.d.ts"
+      "types": "./components/LegacyNotification.d.ts",
+      "default": "./components/LegacyNotification.js",
+      "import": "./components/LegacyNotification.js"
     },
     "./components/Banner": {
       "module": "./components/Banner.js",
       "require": "./node/components/Banner.js",
-      "types": "./components/Banner.d.ts"
+      "types": "./components/Banner.d.ts",
+      "default": "./components/Banner.js",
+      "import": "./components/Banner.js"
     },
     "./components/unstable/ResizingDataGrid": {
       "module": "./components/ResizingDataGrid.js",
       "require": "./node/components/ResizingDataGrid.js",
-      "types": "./components/ResizingDataGrid.d.ts"
+      "types": "./components/ResizingDataGrid.d.ts",
+      "default": "./components/ResizingDataGrid.js",
+      "import": "./components/ResizingDataGrid.js"
     },
     "./components/unstable/ResizingDataGridInfinite": {
       "module": "./components/ResizingDataGridInfinite.js",
       "require": "./node/components/ResizingDataGridInfinite.js",
-      "types": "./components/ResizingDataGridInfinite.d.ts"
+      "types": "./components/ResizingDataGridInfinite.d.ts",
+      "default": "./components/ResizingDataGridInfinite.js",
+      "import": "./components/ResizingDataGridInfinite.js"
     },
     "./components/InfiniteTreeList": {
       "module": "./components/InfiniteTreeList.js",
       "require": "./node/components/InfiniteTreeList.js",
-      "types": "./components/InfiniteTreeList.d.ts"
+      "types": "./components/InfiniteTreeList.d.ts",
+      "default": "./components/InfiniteTreeList.js",
+      "import": "./components/InfiniteTreeList.js"
     }
   },
   "author": "Astral.Soft",