@astral/ui 4.103.0 → 4.103.2

package/components/Accordion/Accordion.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Collapse } from '../Collapse';
-import { Chevron, ChevronWrapper, ContentWrapper, Header, SubtitleWrapper, Summary, Wrapper, } from './styles';
+import { Chevron, ChevronWrapper, ContentWrapper, Header, SubtitleWrapper, Summary, } from './styles';
 import { useLogic } from './useLogic';
 export const Accordion = forwardRef(({ summary, startAdornment, isExpanded, onChange, children, summaryVariant = 'h6', subtitle, }, forwardedRef) => {
     const { actualIsExpanded, hasStartAdornment, handleClick, handleKeyDown, hasSubtitle, } = useLogic({ startAdornment, isExpanded, onChange, subtitle });
-    return (_jsxs(Wrapper, { ref: forwardedRef, tabIndex: 0, onKeyDown: handleKeyDown, children: [_jsxs(Header, { role: "button", onClick: handleClick, "$withStartAdornment": hasStartAdornment, "$hasSubtitle": hasSubtitle, children: [startAdornment, typeof summary === 'string' ? (_jsx(Summary, { variant: summaryVariant, children: summary })) : (summary), _jsx(ChevronWrapper, { children: _jsx(Chevron, { "$isActive": actualIsExpanded }) }), hasSubtitle && (_jsx(SubtitleWrapper, { "$withStartAdornment": hasStartAdornment, children: subtitle }))] }), _jsx(Collapse, { in: actualIsExpanded, unmountOnExit: true, children: _jsx(ContentWrapper, { "$withStartAdornment": hasStartAdornment, "$hasSubtitle": hasSubtitle, children: children }) })] }));
+    return (_jsxs("div", { ref: forwardedRef, children: [_jsxs(Header, { role: "button", tabIndex: 0, onClick: handleClick, onKeyDown: handleKeyDown, "$withStartAdornment": hasStartAdornment, "$hasSubtitle": hasSubtitle, children: [startAdornment, typeof summary === 'string' ? (_jsx(Summary, { variant: summaryVariant, children: summary })) : (summary), _jsx(ChevronWrapper, { children: _jsx(Chevron, { "$isActive": actualIsExpanded }) }), hasSubtitle && (_jsx(SubtitleWrapper, { "$withStartAdornment": hasStartAdornment, children: subtitle }))] }), _jsx(Collapse, { in: actualIsExpanded, unmountOnExit: true, children: _jsx(ContentWrapper, { "$withStartAdornment": hasStartAdornment, "$hasSubtitle": hasSubtitle, children: children }) })] }));
 });

package/components/Accordion/styles.d.ts

@@ -34,10 +34,6 @@ export declare const ChevronWrapper: import("../styled").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>, {}>;
-export declare const Wrapper: import("../styled").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>, {}>;
 export declare const Chevron: import("../styled").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;

package/components/Accordion/styles.js

@@ -11,6 +11,8 @@ export const Header = styled.header `
   grid-template-columns: ${({ $withStartAdornment }) => $withStartAdornment ? '20px 1fr 20px' : ' 1fr 20px'};
   grid-template-rows: ${({ $hasSubtitle }) => $hasSubtitle ? '20px 1fr' : '1fr'};
 
+  border-radius: ${({ theme }) => theme.shape.medium};
+
   ${({ theme }) => theme.breakpoints.down('mobile')} {
     grid-row-gap: ${({ theme }) => theme.spacing(1)};
     grid-template-rows: ${({ $hasSubtitle }) => $hasSubtitle ? '24px 1fr' : '1fr'};
@@ -18,6 +20,10 @@ export const Header = styled.header `
     /* Убирает highlight на мобильных устройствах */
     -webkit-tap-highlight-color: transparent;
   }
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme }) => theme.palette.components.focused};
+  }
   
   & .${svgIconClassnames.root} {
     font-size: 20px;
@@ -54,13 +60,6 @@ export const ChevronWrapper = styled.div `
     height: 24px;
   }
 `;
-export const Wrapper = styled.div `
-  border-radius: ${({ theme }) => theme.shape.medium};
-
-  &:focus-visible {
-    outline: 2px solid ${({ theme }) => theme.palette.components.focused};
-  }
-`;
 export const Chevron = styled(DownOutlineMd, {
     shouldForwardProp: (prop) => !['$isActive'].includes(prop),
 }) `

package/components/Accordion/useLogic/useLogic.d.ts

@@ -3,7 +3,7 @@ import { type AccordionProps } from '../types';
 type UseLogicParams = Pick<AccordionProps, 'startAdornment' | 'isExpanded' | 'onChange' | 'subtitle'>;
 export declare const useLogic: ({ startAdornment, isExpanded, onChange, subtitle, }: UseLogicParams) => {
     handleClick: (event: SyntheticEvent<HTMLElement>) => void;
-    handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
     actualIsExpanded: boolean;
     isUncontrolledExpanded: boolean;
     hasStartAdornment: boolean;

package/components/fileUploading/FileUploader/FIleList/FileList.d.ts

@@ -11,5 +11,5 @@ export type FileListProps = {
      * Идентификатор файла, для которого выполняется удаление
      */
     deletingFileId?: FileId | null;
-} & Pick<FileUploaderFileProps, 'onDelete' | 'onRetry' | 'onView' | 'generateDownloadLink' | 'selfFiles' | 'setErrorStatusFile'>;
+} & Pick<FileUploaderFileProps, 'onDelete' | 'onRetry' | 'onView' | 'generateDownloadLink' | 'selfFiles' | 'setErrorStatusFile' | 'isDisabled'>;
 export declare const FileList: ({ isMultiple, files, className, deletingFileId, ...restProps }: FileListProps) => import("react/jsx-runtime").JSX.Element;

package/components/fileUploading/FileUploaderFile/Actions/Actions.js

@@ -10,7 +10,7 @@ import { useViewportType } from '../../../useViewportType';
 import { Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const Actions = (props) => {
-    const { downloadButtonProps, viewButtonProps, isVisibleAbortButton, isVisibleRetryButton, handleAbort, handleDelete, handleRetry, isLoading, isError, isDeletingFile, fileName, } = useLogic(props);
+    const { downloadButtonProps, viewButtonProps, isVisibleAbortButton, isVisibleRetryButton, handleAbort, handleDelete, handleRetry, isLoading, isError, isDeletingFile, isDisabled, fileName, } = useLogic(props);
     const { isMobile } = useViewportType();
     if (isLoading) {
         return (_jsx(Wrapper, { children: isVisibleAbortButton && (_jsx(Tooltip, { title: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", children: _jsx(IconButton, { variant: "text", onClick: handleAbort, children: _jsx(CrossOutlineMd, {}) }) })) }));
@@ -19,5 +19,5 @@ export const Actions = (props) => {
         return (_jsxs(Wrapper, { children: [isVisibleRetryButton && (_jsx(Tooltip, { title: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", children: _jsx(IconButton, { variant: "text", onClick: handleRetry, children: _jsx(RetryOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: _jsx(IconButton, { variant: "text", onClick: handleDelete, loading: isDeletingFile, children: _jsx(CrossOutlineMd, {}) }) })] }));
     }
     const { isShowViewButton, ...restViewButtonProps } = viewButtonProps;
-    return (_jsxs(Wrapper, { children: [!isMobile && (_jsxs(_Fragment, { children: [isShowViewButton && (_jsx(Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", children: _jsx(IconButton, { variant: "text", ...restViewButtonProps, children: _jsx(EyeOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: _jsx(IconButton, { component: "a", variant: "text", download: fileName, ...downloadButtonProps, children: _jsx(DownloadOutlineMd, {}) }) })] })), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: _jsx(IconButton, { variant: "text", onClick: handleDelete, loading: isDeletingFile, children: _jsx(BinOutlineMd, {}) }) })] }));
+    return (_jsxs(Wrapper, { children: [!isMobile && (_jsxs(_Fragment, { children: [isShowViewButton && (_jsx(Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", children: _jsx(IconButton, { variant: "text", ...restViewButtonProps, children: _jsx(EyeOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: _jsx(IconButton, { component: "a", variant: "text", download: fileName, ...downloadButtonProps, children: _jsx(DownloadOutlineMd, {}) }) })] })), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", withoutContainer: !isDisabled, children: _jsx(IconButton, { variant: "text", onClick: handleDelete, loading: isDeletingFile, disabled: isDisabled, "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: _jsx(BinOutlineMd, {}) }) })] }));
 };

package/components/fileUploading/FileUploaderFile/Actions/styles.js

@@ -1,4 +1,11 @@
 import { styled } from '../../../styled';
+import { tooltipClassnames } from '../../../Tooltip';
 export const Wrapper = styled.div `
   text-align: right;
+
+  & .${tooltipClassnames.contentWrapper} {
+    display: inline-flex;
+
+    vertical-align: middle;
+  }
 `;

package/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.d.ts

@@ -49,9 +49,13 @@ export type UseLogicParams = {
      * Флаг загрузки при удалении файла
      */
     isDeletingFile?: boolean;
+    /**
+     * Флаг блокировки действий
+     */
+    isDisabled?: boolean;
     abortController?: AbortController;
 } & Pick<SelfFileApi, 'selfFiles' | 'setErrorStatusFile'>;
-export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }: UseLogicParams) => {
+export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, isDisabled, fileName, }: UseLogicParams) => {
     downloadButtonProps: {
         href: string;
     };
@@ -74,5 +78,6 @@ export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generate
     isLoading: boolean | undefined;
     isError: boolean | undefined;
     isDeletingFile: boolean | undefined;
+    isDisabled: boolean | undefined;
     fileName: string;
 };

package/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.js

@@ -3,7 +3,7 @@ import { ABORT_ERROR_MESSAGE, EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE,
 import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
 import { MimeTypeRegistry } from '../../../services/MimeTypeRegistry';
 import { generateAttrLinkNewTab } from '../../../utils/generateAttrLinkNewTab';
-export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }) => {
+export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, isDisabled, fileName, }) => {
     const { generateUrl } = useGenerateLocalFileURL();
     const { controller } = selfFiles[fileId] || {};
     const isVisibleAbortButton = Boolean(controller);
@@ -71,6 +71,7 @@ export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloa
         isLoading,
         isError,
         isDeletingFile,
+        isDisabled,
         fileName,
     };
 };

package/components/fileUploading/FileUploaderFile/FileUploaderFile.d.ts

@@ -21,5 +21,5 @@ export type FileUploaderFileProps = UploadFile & {
      * Флаг загрузки при удалении файла
      */
     isDeletingFile?: boolean;
-} & Pick<ActionsProps, 'selfFiles' | 'setErrorStatusFile'>;
+} & Pick<ActionsProps, 'selfFiles' | 'setErrorStatusFile' | 'isDisabled'>;
 export declare const FileUploaderFile: (props: FileUploaderFileProps) => import("react/jsx-runtime").JSX.Element;

package/components/fileUploading/PreviewFileUploader/FileList/FileList.d.ts

@@ -6,5 +6,5 @@ export type FileListProps = {
      * Идентификатор файла, для которого выполняется удаление
      */
     deletingFileId?: FileId | null;
-} & Pick<PreviewFileUploaderFileProps, 'onDelete' | 'onRetry' | 'onView' | 'generateDownloadLink' | 'selfFiles' | 'setErrorStatusFile'>;
+} & Pick<PreviewFileUploaderFileProps, 'onDelete' | 'onRetry' | 'onView' | 'generateDownloadLink' | 'selfFiles' | 'setErrorStatusFile' | 'isDisabled'>;
 export declare const FileList: ({ files, deletingFileId, ...restProps }: FileListProps) => import("react/jsx-runtime").JSX.Element;

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/FilePreview.d.ts

@@ -46,6 +46,10 @@ export type FilePreviewProps = {
      * Флаг загрузки при удалении файла
      */
     isDeletingFile?: boolean;
+    /**
+     * Флаг блокировки действий
+     */
+    isDisabled?: boolean;
     /**
      * Компонент для отображения превью pdf-файлов
      */

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/FilePreview.js

@@ -10,5 +10,5 @@ import { useLogic } from './useLogic';
 export const FilePreview = (props) => {
     const { getActionsList, isImageFile, isPdfFile, isOtherFile } = useLogic(props);
     const { file, fileName, fileSize, fileUrl, generateDownloadLink, isHidePersonalData, PdfViewer, } = props;
-    return (_jsxs(Wrapper, { children: [!isOtherFile && (_jsx(Preview, { isImageFile: isImageFile, isPdfFile: isPdfFile, file: file, fileUrl: fileUrl, generateDownloadLink: generateDownloadLink, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer })), _jsxs(Details, { className: previewFileUploaderClassnames.details, "$isOtherFile": isOtherFile, children: [isOtherFile && _jsx(Typography, { variant: "h6", children: "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D" }), _jsx(StyledFileInfo, { "$isOtherFile": isOtherFile, fileName: fileName, fileSize: fileSize }), _jsx(Actions, { children: getActionsList().map(({ type, ...action }) => (_jsx(Tooltip, { title: action.tooltip, disableInteractive: true, children: type === 'iconButton' ? (_jsx(IconButton, { ...action, children: action.icon })) : (_jsx(Button, { ...action, children: 'title' in action ? action.title : '' })) }, action.tooltip))) })] })] }));
+    return (_jsxs(Wrapper, { children: [!isOtherFile && (_jsx(Preview, { isImageFile: isImageFile, isPdfFile: isPdfFile, file: file, fileUrl: fileUrl, generateDownloadLink: generateDownloadLink, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer })), _jsxs(Details, { className: previewFileUploaderClassnames.details, "$isOtherFile": isOtherFile, children: [isOtherFile && _jsx(Typography, { variant: "h6", children: "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D" }), _jsx(StyledFileInfo, { "$isOtherFile": isOtherFile, fileName: fileName, fileSize: fileSize }), _jsx(Actions, { children: getActionsList().map(({ type, ...action }) => (_jsx(Tooltip, { title: action.tooltip, disableInteractive: true, withoutContainer: !action.disabled, children: type === 'iconButton' ? (_jsx(IconButton, { ...action, children: action.icon })) : (_jsx(Button, { ...action, children: action.title ?? '' })) }, action.tooltip))) })] })] }));
 };

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.d.ts

@@ -1,61 +1,23 @@
-/// <reference types="react" />
+import { type ReactElement } from 'react';
+import { type ButtonProps } from '../../../../Button';
 import { type FilePreviewProps } from '../FilePreview';
 type UseLogicParams = FilePreviewProps;
-export declare const useLogic: ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, }: UseLogicParams) => {
+/**
+ * Действие в списке actions превью файла.
+ */
+type FileAction = Omit<ButtonProps, 'type'> & {
+    type: 'button' | 'iconButton';
+    tooltip: string;
+    icon?: ReactElement;
+    title?: string;
+};
+export declare const useLogic: ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, isDisabled, }: UseLogicParams) => {
     isImageFile: boolean;
     isPdfFile: boolean;
     /**
      * Формат файла отличающийся от pdf и изображения
      */
     isOtherFile: boolean;
-    getActionsList: () => {
-        type: string;
-        tooltip: string;
-        title: string;
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-        loading: boolean | undefined;
-        onClick: () => void;
-    }[] | ({
-        component: import("react").ElementType;
-        href: string;
-        target: string;
-        rel: string;
-        type: string;
-        tooltip: string;
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-    } | {
-        onClick: () => void | undefined;
-        type: string;
-        tooltip: string;
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-    } | {
-        type: string;
-        tooltip: string;
-        component: "a";
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-        download: string;
-        href: string;
-        loading?: undefined;
-        onClick?: undefined;
-    } | {
-        type: string;
-        tooltip: string;
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-        loading: boolean | undefined;
-        onClick: () => void;
-        component?: undefined;
-        download?: undefined;
-        href?: undefined;
-    })[];
+    getActionsList: () => FileAction[];
 };
 export {};

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.js

@@ -8,7 +8,7 @@ import { EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE, } from '../../../con
 import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
 import { MimeTypeRegistry } from '../../../services/MimeTypeRegistry';
 import { generateAttrLinkNewTab } from '../../../utils/generateAttrLinkNewTab';
-export const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, }) => {
+export const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, isDisabled, }) => {
     const { generateUrl } = useGenerateLocalFileURL();
     const { isMobile } = useViewportType();
     const isPdfFile = MimeTypeRegistry.getInstance()
@@ -81,6 +81,8 @@ export const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink
                     color: 'grey',
                     icon: createElement(BinOutlineMd),
                     loading: isDeletingFile,
+                    disabled: isDisabled,
+                    'aria-label': 'Удалить',
                     onClick: handleDelete,
                 },
             ];
@@ -104,6 +106,8 @@ export const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink
                 color: 'grey',
                 icon: createElement(BinOutlineMd),
                 loading: isDeletingFile,
+                disabled: isDisabled,
+                'aria-label': 'Удалить',
                 onClick: handleDelete,
             },
         ];

package/components/fileUploading/PreviewFileUploaderFile/PreviewFileUploaderFile.d.ts

@@ -27,6 +27,10 @@ export type PreviewFileUploaderFileProps = UploadFile & {
      * Флаг загрузки при удалении файла
      */
     isDeletingFile?: boolean;
+    /**
+     * Флаг блокировки действий
+     */
+    isDisabled?: boolean;
     /**
      * Компонент для отображения превью pdf-файлов
      */

package/components/fileUploading/PreviewFileUploaderFile/PreviewFileUploaderFile.js

@@ -5,8 +5,8 @@ import { FileLoading } from './FileLoading';
 import { FilePreview } from './FilePreview';
 import { Wrapper } from './styles';
 export const PreviewFileUploaderFile = (props) => {
-    const { id, name, type, file, url, size, status, generateDownloadLink, onRetry, onDelete, onView, selfFiles, setErrorStatusFile, isHidePersonalData, PdfViewer, isDeletingFile, } = props;
+    const { id, name, type, file, url, size, status, generateDownloadLink, onRetry, onDelete, onView, selfFiles, setErrorStatusFile, isHidePersonalData, PdfViewer, isDeletingFile, isDisabled, } = props;
     const { isLoading, isUploadError, isRestrictionError, errorMsg, progress } = status || {};
     const isError = isUploadError || isRestrictionError;
-    return (_jsx(Fade, { in: true, children: _jsxs(Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [!isLoading && !isError && (_jsx(FilePreview, { fileId: id, fileName: name, fileType: type, file: file, fileUrl: url, fileSize: size, generateDownloadLink: generateDownloadLink, onView: onView, onDelete: onDelete, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer, isDeletingFile: isDeletingFile })), isLoading && (_jsx(FileLoading, { selfFiles: selfFiles, setErrorStatusFile: setErrorStatusFile, fileId: id, fileName: name, fileSize: size, progress: progress })), isError && (_jsx(FileError, { fileId: id, fileName: name, file: file, fileSize: size, errorMsg: errorMsg, isUploadError: isUploadError, onRetry: onRetry, onDelete: onDelete }))] }) }));
+    return (_jsx(Fade, { in: true, children: _jsxs(Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [!isLoading && !isError && (_jsx(FilePreview, { fileId: id, fileName: name, fileType: type, file: file, fileUrl: url, fileSize: size, generateDownloadLink: generateDownloadLink, onView: onView, onDelete: onDelete, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer, isDeletingFile: isDeletingFile, isDisabled: isDisabled })), isLoading && (_jsx(FileLoading, { selfFiles: selfFiles, setErrorStatusFile: setErrorStatusFile, fileId: id, fileName: name, fileSize: size, progress: progress })), isError && (_jsx(FileError, { fileId: id, fileName: name, file: file, fileSize: size, errorMsg: errorMsg, isUploadError: isUploadError, onRetry: onRetry, onDelete: onDelete }))] }) }));
 };

package/components/fileUploading/hooks/useFileUploader/useFileUploader.d.ts

@@ -44,6 +44,7 @@ export declare const useFileUploader: ({ value, isDisabled, isMultiple, accept,
         className: string;
     };
     fileListProps: {
+        isDisabled: boolean | undefined;
         onDelete: (fileId: FileId) => void;
         onRetry: ((fileId: FileId, file: File) => void) | undefined;
         onView: ((fileId: string, file?: File | undefined, fileUrl?: string | undefined) => void) | undefined;

package/components/fileUploading/hooks/useFileUploader/useFileUploader.js

@@ -162,6 +162,7 @@ inputRef, notify, onChange, onUploadFile, onDeleteFile, name, isError, onView, g
             },
         },
         fileListProps: {
+            isDisabled,
             onDelete: handleDelete,
             onRetry: getHandlerOnRetry(),
             onView,

package/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.d.ts

@@ -90,6 +90,7 @@ export declare const usePreviewFileUploader: ({ placeholderImgSrc, isHidePersona
     fileListProps: {
         isHidePersonalData: boolean | undefined;
         PdfViewer: LazyExoticComponent<(props: PdfViewerProps) => ReactElement> | ((props: PdfViewerProps) => ReactElement) | undefined;
+        isDisabled: boolean | undefined;
         onDelete: (fileId: string) => void;
         onRetry: ((fileId: string, file: File) => void) | undefined;
         onView: ((fileId: string, file?: File | undefined, fileUrl?: string | undefined) => void) | undefined;

package/node/components/Accordion/Accordion.js

@@ -8,5 +8,5 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.Accordion = (0, react_1.forwardRef)(({ summary, startAdornment, isExpanded, onChange, children, summaryVariant = 'h6', subtitle, }, forwardedRef) => {
     const { actualIsExpanded, hasStartAdornment, handleClick, handleKeyDown, hasSubtitle, } = (0, useLogic_1.useLogic)({ startAdornment, isExpanded, onChange, subtitle });
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: forwardedRef, tabIndex: 0, onKeyDown: handleKeyDown, children: [(0, jsx_runtime_1.jsxs)(styles_1.Header, { role: "button", onClick: handleClick, "$withStartAdornment": hasStartAdornment, "$hasSubtitle": hasSubtitle, children: [startAdornment, typeof summary === 'string' ? ((0, jsx_runtime_1.jsx)(styles_1.Summary, { variant: summaryVariant, children: summary })) : (summary), (0, jsx_runtime_1.jsx)(styles_1.ChevronWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.Chevron, { "$isActive": actualIsExpanded }) }), hasSubtitle && ((0, jsx_runtime_1.jsx)(styles_1.SubtitleWrapper, { "$withStartAdornment": hasStartAdornment, children: subtitle }))] }), (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: actualIsExpanded, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { "$withStartAdornment": hasStartAdornment, "$hasSubtitle": hasSubtitle, children: children }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: forwardedRef, children: [(0, jsx_runtime_1.jsxs)(styles_1.Header, { role: "button", tabIndex: 0, onClick: handleClick, onKeyDown: handleKeyDown, "$withStartAdornment": hasStartAdornment, "$hasSubtitle": hasSubtitle, children: [startAdornment, typeof summary === 'string' ? ((0, jsx_runtime_1.jsx)(styles_1.Summary, { variant: summaryVariant, children: summary })) : (summary), (0, jsx_runtime_1.jsx)(styles_1.ChevronWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.Chevron, { "$isActive": actualIsExpanded }) }), hasSubtitle && ((0, jsx_runtime_1.jsx)(styles_1.SubtitleWrapper, { "$withStartAdornment": hasStartAdornment, children: subtitle }))] }), (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: actualIsExpanded, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { "$withStartAdornment": hasStartAdornment, "$hasSubtitle": hasSubtitle, children: children }) })] }));
 });

package/node/components/Accordion/styles.d.ts

@@ -34,10 +34,6 @@ export declare const ChevronWrapper: import("@emotion/styled/dist/declarations/s
     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>, {}>;
-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>, {}>;
 export declare const Chevron: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
     color?: string | undefined;

package/node/components/Accordion/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chevron = exports.Wrapper = exports.ChevronWrapper = exports.Summary = exports.ContentWrapper = exports.SubtitleWrapper = exports.Header = void 0;
+exports.Chevron = exports.ChevronWrapper = exports.Summary = exports.ContentWrapper = exports.SubtitleWrapper = exports.Header = void 0;
 const DownOutlineMd_1 = require("../../icons/DownOutlineMd");
 const SvgIcon_1 = require("../SvgIcon");
 const styled_1 = require("../styled");
@@ -14,6 +14,8 @@ exports.Header = styled_1.styled.header `
   grid-template-columns: ${({ $withStartAdornment }) => $withStartAdornment ? '20px 1fr 20px' : ' 1fr 20px'};
   grid-template-rows: ${({ $hasSubtitle }) => $hasSubtitle ? '20px 1fr' : '1fr'};
 
+  border-radius: ${({ theme }) => theme.shape.medium};
+
   ${({ theme }) => theme.breakpoints.down('mobile')} {
     grid-row-gap: ${({ theme }) => theme.spacing(1)};
     grid-template-rows: ${({ $hasSubtitle }) => $hasSubtitle ? '24px 1fr' : '1fr'};
@@ -21,6 +23,10 @@ exports.Header = styled_1.styled.header `
     /* Убирает highlight на мобильных устройствах */
     -webkit-tap-highlight-color: transparent;
   }
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme }) => theme.palette.components.focused};
+  }
   
   & .${SvgIcon_1.svgIconClassnames.root} {
     font-size: 20px;
@@ -57,13 +63,6 @@ exports.ChevronWrapper = styled_1.styled.div `
     height: 24px;
   }
 `;
-exports.Wrapper = styled_1.styled.div `
-  border-radius: ${({ theme }) => theme.shape.medium};
-
-  &:focus-visible {
-    outline: 2px solid ${({ theme }) => theme.palette.components.focused};
-  }
-`;
 exports.Chevron = (0, styled_1.styled)(DownOutlineMd_1.DownOutlineMd, {
     shouldForwardProp: (prop) => !['$isActive'].includes(prop),
 }) `

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

@@ -3,7 +3,7 @@ import { type AccordionProps } from '../types';
 type UseLogicParams = Pick<AccordionProps, 'startAdornment' | 'isExpanded' | 'onChange' | 'subtitle'>;
 export declare const useLogic: ({ startAdornment, isExpanded, onChange, subtitle, }: UseLogicParams) => {
     handleClick: (event: SyntheticEvent<HTMLElement>) => void;
-    handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
     actualIsExpanded: boolean;
     isUncontrolledExpanded: boolean;
     hasStartAdornment: boolean;

package/node/components/fileUploading/FileUploader/FIleList/FileList.d.ts

@@ -11,5 +11,5 @@ export type FileListProps = {
      * Идентификатор файла, для которого выполняется удаление
      */
     deletingFileId?: FileId | null;
-} & Pick<FileUploaderFileProps, 'onDelete' | 'onRetry' | 'onView' | 'generateDownloadLink' | 'selfFiles' | 'setErrorStatusFile'>;
+} & Pick<FileUploaderFileProps, 'onDelete' | 'onRetry' | 'onView' | 'generateDownloadLink' | 'selfFiles' | 'setErrorStatusFile' | 'isDisabled'>;
 export declare const FileList: ({ isMultiple, files, className, deletingFileId, ...restProps }: FileListProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/fileUploading/FileUploaderFile/Actions/Actions.js

@@ -13,7 +13,7 @@ const useViewportType_1 = require("../../../useViewportType");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Actions = (props) => {
-    const { downloadButtonProps, viewButtonProps, isVisibleAbortButton, isVisibleRetryButton, handleAbort, handleDelete, handleRetry, isLoading, isError, isDeletingFile, fileName, } = (0, useLogic_1.useLogic)(props);
+    const { downloadButtonProps, viewButtonProps, isVisibleAbortButton, isVisibleRetryButton, handleAbort, handleDelete, handleRetry, isLoading, isError, isDeletingFile, isDisabled, fileName, } = (0, useLogic_1.useLogic)(props);
     const { isMobile } = (0, useViewportType_1.useViewportType)();
     if (isLoading) {
         return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: isVisibleAbortButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleAbort, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }) })) }));
@@ -22,6 +22,6 @@ const Actions = (props) => {
         return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [isVisibleRetryButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleRetry, children: (0, jsx_runtime_1.jsx)(RetryOutlineMd_1.RetryOutlineMd, {}) }) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleDelete, loading: isDeletingFile, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }) })] }));
     }
     const { isShowViewButton, ...restViewButtonProps } = viewButtonProps;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [!isMobile && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isShowViewButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", ...restViewButtonProps, children: (0, jsx_runtime_1.jsx)(EyeOutlineMd_1.EyeOutlineMd, {}) }) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { component: "a", variant: "text", download: fileName, ...downloadButtonProps, children: (0, jsx_runtime_1.jsx)(DownloadOutlineMd_1.DownloadOutlineMd, {}) }) })] })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleDelete, loading: isDeletingFile, children: (0, jsx_runtime_1.jsx)(BinOutlineMd_1.BinOutlineMd, {}) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [!isMobile && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isShowViewButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", ...restViewButtonProps, children: (0, jsx_runtime_1.jsx)(EyeOutlineMd_1.EyeOutlineMd, {}) }) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { component: "a", variant: "text", download: fileName, ...downloadButtonProps, children: (0, jsx_runtime_1.jsx)(DownloadOutlineMd_1.DownloadOutlineMd, {}) }) })] })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", withoutContainer: !isDisabled, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleDelete, loading: isDeletingFile, disabled: isDisabled, "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: (0, jsx_runtime_1.jsx)(BinOutlineMd_1.BinOutlineMd, {}) }) })] }));
 };
 exports.Actions = Actions;

package/node/components/fileUploading/FileUploaderFile/Actions/styles.js

@@ -2,6 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
 const styled_1 = require("../../../styled");
+const Tooltip_1 = require("../../../Tooltip");
 exports.Wrapper = styled_1.styled.div `
   text-align: right;
+
+  & .${Tooltip_1.tooltipClassnames.contentWrapper} {
+    display: inline-flex;
+
+    vertical-align: middle;
+  }
 `;

package/node/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.d.ts

@@ -49,9 +49,13 @@ export type UseLogicParams = {
      * Флаг загрузки при удалении файла
      */
     isDeletingFile?: boolean;
+    /**
+     * Флаг блокировки действий
+     */
+    isDisabled?: boolean;
     abortController?: AbortController;
 } & Pick<SelfFileApi, 'selfFiles' | 'setErrorStatusFile'>;
-export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }: UseLogicParams) => {
+export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, isDisabled, fileName, }: UseLogicParams) => {
     downloadButtonProps: {
         href: string;
     };
@@ -74,5 +78,6 @@ export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generate
     isLoading: boolean | undefined;
     isError: boolean | undefined;
     isDeletingFile: boolean | undefined;
+    isDisabled: boolean | undefined;
     fileName: string;
 };

package/node/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.js

@@ -6,7 +6,7 @@ const constants_1 = require("../../../constants");
 const useGenerateLocalFileURL_1 = require("../../../hooks/useGenerateLocalFileURL");
 const MimeTypeRegistry_1 = require("../../../services/MimeTypeRegistry");
 const generateAttrLinkNewTab_1 = require("../../../utils/generateAttrLinkNewTab");
-const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }) => {
+const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, isDisabled, fileName, }) => {
     const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
     const { controller } = selfFiles[fileId] || {};
     const isVisibleAbortButton = Boolean(controller);
@@ -74,6 +74,7 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
         isLoading,
         isError,
         isDeletingFile,
+        isDisabled,
         fileName,
     };
 };

package/node/components/fileUploading/FileUploaderFile/FileUploaderFile.d.ts

@@ -21,5 +21,5 @@ export type FileUploaderFileProps = UploadFile & {
      * Флаг загрузки при удалении файла
      */
     isDeletingFile?: boolean;
-} & Pick<ActionsProps, 'selfFiles' | 'setErrorStatusFile'>;
+} & Pick<ActionsProps, 'selfFiles' | 'setErrorStatusFile' | 'isDisabled'>;
 export declare const FileUploaderFile: (props: FileUploaderFileProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/fileUploading/PreviewFileUploader/FileList/FileList.d.ts

@@ -6,5 +6,5 @@ export type FileListProps = {
      * Идентификатор файла, для которого выполняется удаление
      */
     deletingFileId?: FileId | null;
-} & Pick<PreviewFileUploaderFileProps, 'onDelete' | 'onRetry' | 'onView' | 'generateDownloadLink' | 'selfFiles' | 'setErrorStatusFile'>;
+} & Pick<PreviewFileUploaderFileProps, 'onDelete' | 'onRetry' | 'onView' | 'generateDownloadLink' | 'selfFiles' | 'setErrorStatusFile' | 'isDisabled'>;
 export declare const FileList: ({ files, deletingFileId, ...restProps }: FileListProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/fileUploading/PreviewFileUploaderFile/FilePreview/FilePreview.d.ts

@@ -46,6 +46,10 @@ export type FilePreviewProps = {
      * Флаг загрузки при удалении файла
      */
     isDeletingFile?: boolean;
+    /**
+     * Флаг блокировки действий
+     */
+    isDisabled?: boolean;
     /**
      * Компонент для отображения превью pdf-файлов
      */

package/node/components/fileUploading/PreviewFileUploaderFile/FilePreview/FilePreview.js

@@ -13,6 +13,6 @@ const useLogic_1 = require("./useLogic");
 const FilePreview = (props) => {
     const { getActionsList, isImageFile, isPdfFile, isOtherFile } = (0, useLogic_1.useLogic)(props);
     const { file, fileName, fileSize, fileUrl, generateDownloadLink, isHidePersonalData, PdfViewer, } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [!isOtherFile && ((0, jsx_runtime_1.jsx)(Preview_1.Preview, { isImageFile: isImageFile, isPdfFile: isPdfFile, file: file, fileUrl: fileUrl, generateDownloadLink: generateDownloadLink, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer })), (0, jsx_runtime_1.jsxs)(styles_1.Details, { className: constants_1.previewFileUploaderClassnames.details, "$isOtherFile": isOtherFile, children: [isOtherFile && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D" }), (0, jsx_runtime_1.jsx)(styles_1.StyledFileInfo, { "$isOtherFile": isOtherFile, fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsx)(styles_1.Actions, { children: getActionsList().map(({ type, ...action }) => ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: action.tooltip, disableInteractive: true, children: type === 'iconButton' ? ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ...action, children: action.icon })) : ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...action, children: 'title' in action ? action.title : '' })) }, action.tooltip))) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [!isOtherFile && ((0, jsx_runtime_1.jsx)(Preview_1.Preview, { isImageFile: isImageFile, isPdfFile: isPdfFile, file: file, fileUrl: fileUrl, generateDownloadLink: generateDownloadLink, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer })), (0, jsx_runtime_1.jsxs)(styles_1.Details, { className: constants_1.previewFileUploaderClassnames.details, "$isOtherFile": isOtherFile, children: [isOtherFile && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D" }), (0, jsx_runtime_1.jsx)(styles_1.StyledFileInfo, { "$isOtherFile": isOtherFile, fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsx)(styles_1.Actions, { children: getActionsList().map(({ type, ...action }) => ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: action.tooltip, disableInteractive: true, withoutContainer: !action.disabled, children: type === 'iconButton' ? ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ...action, children: action.icon })) : ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...action, children: action.title ?? '' })) }, action.tooltip))) })] })] }));
 };
 exports.FilePreview = FilePreview;

package/node/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.d.ts

@@ -1,61 +1,23 @@
-/// <reference types="react" />
+import { type ReactElement } from 'react';
+import { type ButtonProps } from '../../../../Button';
 import { type FilePreviewProps } from '../FilePreview';
 type UseLogicParams = FilePreviewProps;
-export declare const useLogic: ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, }: UseLogicParams) => {
+/**
+ * Действие в списке actions превью файла.
+ */
+type FileAction = Omit<ButtonProps, 'type'> & {
+    type: 'button' | 'iconButton';
+    tooltip: string;
+    icon?: ReactElement;
+    title?: string;
+};
+export declare const useLogic: ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, isDisabled, }: UseLogicParams) => {
     isImageFile: boolean;
     isPdfFile: boolean;
     /**
      * Формат файла отличающийся от pdf и изображения
      */
     isOtherFile: boolean;
-    getActionsList: () => {
-        type: string;
-        tooltip: string;
-        title: string;
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-        loading: boolean | undefined;
-        onClick: () => void;
-    }[] | ({
-        component: import("react").ElementType;
-        href: string;
-        target: string;
-        rel: string;
-        type: string;
-        tooltip: string;
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-    } | {
-        onClick: () => void | undefined;
-        type: string;
-        tooltip: string;
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-    } | {
-        type: string;
-        tooltip: string;
-        component: "a";
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-        download: string;
-        href: string;
-        loading?: undefined;
-        onClick?: undefined;
-    } | {
-        type: string;
-        tooltip: string;
-        variant: "light";
-        color: "grey";
-        icon: import("react").FunctionComponentElement<import("../../../..").SvgIconProps>;
-        loading: boolean | undefined;
-        onClick: () => void;
-        component?: undefined;
-        download?: undefined;
-        href?: undefined;
-    })[];
+    getActionsList: () => FileAction[];
 };
 export {};

package/node/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.js

@@ -11,7 +11,7 @@ const constants_1 = require("../../../constants");
 const useGenerateLocalFileURL_1 = require("../../../hooks/useGenerateLocalFileURL");
 const MimeTypeRegistry_1 = require("../../../services/MimeTypeRegistry");
 const generateAttrLinkNewTab_1 = require("../../../utils/generateAttrLinkNewTab");
-const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, }) => {
+const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, isDisabled, }) => {
     const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
     const { isMobile } = (0, useViewportType_1.useViewportType)();
     const isPdfFile = MimeTypeRegistry_1.MimeTypeRegistry.getInstance()
@@ -84,6 +84,8 @@ const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDel
                     color: 'grey',
                     icon: (0, react_1.createElement)(BinOutlineMd_1.BinOutlineMd),
                     loading: isDeletingFile,
+                    disabled: isDisabled,
+                    'aria-label': 'Удалить',
                     onClick: handleDelete,
                 },
             ];
@@ -107,6 +109,8 @@ const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDel
                 color: 'grey',
                 icon: (0, react_1.createElement)(BinOutlineMd_1.BinOutlineMd),
                 loading: isDeletingFile,
+                disabled: isDisabled,
+                'aria-label': 'Удалить',
                 onClick: handleDelete,
             },
         ];

package/node/components/fileUploading/PreviewFileUploaderFile/PreviewFileUploaderFile.d.ts

@@ -27,6 +27,10 @@ export type PreviewFileUploaderFileProps = UploadFile & {
      * Флаг загрузки при удалении файла
      */
     isDeletingFile?: boolean;
+    /**
+     * Флаг блокировки действий
+     */
+    isDisabled?: boolean;
     /**
      * Компонент для отображения превью pdf-файлов
      */

package/node/components/fileUploading/PreviewFileUploaderFile/PreviewFileUploaderFile.js

@@ -8,9 +8,9 @@ const FileLoading_1 = require("./FileLoading");
 const FilePreview_1 = require("./FilePreview");
 const styles_1 = require("./styles");
 const PreviewFileUploaderFile = (props) => {
-    const { id, name, type, file, url, size, status, generateDownloadLink, onRetry, onDelete, onView, selfFiles, setErrorStatusFile, isHidePersonalData, PdfViewer, isDeletingFile, } = props;
+    const { id, name, type, file, url, size, status, generateDownloadLink, onRetry, onDelete, onView, selfFiles, setErrorStatusFile, isHidePersonalData, PdfViewer, isDeletingFile, isDisabled, } = props;
     const { isLoading, isUploadError, isRestrictionError, errorMsg, progress } = status || {};
     const isError = isUploadError || isRestrictionError;
-    return ((0, jsx_runtime_1.jsx)(Fade_1.Fade, { in: true, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [!isLoading && !isError && ((0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { fileId: id, fileName: name, fileType: type, file: file, fileUrl: url, fileSize: size, generateDownloadLink: generateDownloadLink, onView: onView, onDelete: onDelete, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer, isDeletingFile: isDeletingFile })), isLoading && ((0, jsx_runtime_1.jsx)(FileLoading_1.FileLoading, { selfFiles: selfFiles, setErrorStatusFile: setErrorStatusFile, fileId: id, fileName: name, fileSize: size, progress: progress })), isError && ((0, jsx_runtime_1.jsx)(FileError_1.FileError, { fileId: id, fileName: name, file: file, fileSize: size, errorMsg: errorMsg, isUploadError: isUploadError, onRetry: onRetry, onDelete: onDelete }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(Fade_1.Fade, { in: true, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [!isLoading && !isError && ((0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { fileId: id, fileName: name, fileType: type, file: file, fileUrl: url, fileSize: size, generateDownloadLink: generateDownloadLink, onView: onView, onDelete: onDelete, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer, isDeletingFile: isDeletingFile, isDisabled: isDisabled })), isLoading && ((0, jsx_runtime_1.jsx)(FileLoading_1.FileLoading, { selfFiles: selfFiles, setErrorStatusFile: setErrorStatusFile, fileId: id, fileName: name, fileSize: size, progress: progress })), isError && ((0, jsx_runtime_1.jsx)(FileError_1.FileError, { fileId: id, fileName: name, file: file, fileSize: size, errorMsg: errorMsg, isUploadError: isUploadError, onRetry: onRetry, onDelete: onDelete }))] }) }));
 };
 exports.PreviewFileUploaderFile = PreviewFileUploaderFile;

package/node/components/fileUploading/hooks/useFileUploader/useFileUploader.d.ts

@@ -44,6 +44,7 @@ export declare const useFileUploader: ({ value, isDisabled, isMultiple, accept,
         className: string;
     };
     fileListProps: {
+        isDisabled: boolean | undefined;
         onDelete: (fileId: FileId) => void;
         onRetry: ((fileId: FileId, file: File) => void) | undefined;
         onView: ((fileId: string, file?: File | undefined, fileUrl?: string | undefined) => void) | undefined;

package/node/components/fileUploading/hooks/useFileUploader/useFileUploader.js

@@ -165,6 +165,7 @@ inputRef, notify, onChange, onUploadFile, onDeleteFile, name, isError, onView, g
             },
         },
         fileListProps: {
+            isDisabled,
             onDelete: handleDelete,
             onRetry: getHandlerOnRetry(),
             onView,

package/node/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.d.ts

@@ -90,6 +90,7 @@ export declare const usePreviewFileUploader: ({ placeholderImgSrc, isHidePersona
     fileListProps: {
         isHidePersonalData: boolean | undefined;
         PdfViewer: LazyExoticComponent<(props: PdfViewerProps) => ReactElement> | ((props: PdfViewerProps) => ReactElement) | undefined;
+        isDisabled: boolean | undefined;
         onDelete: (fileId: string) => void;
         onRetry: ((fileId: string, file: File) => void) | undefined;
         onView: ((fileId: string, file?: File | undefined, fileUrl?: string | undefined) => void) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.103.0",
+  "version": "4.103.2",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {