@astral/ui 4.18.5 → 4.19.0

package/components/TreeAutocomplete/Input/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-import { useForwardedRef } from '../../../hooks/useForwardedRef';
+import { useForwardedRef } from '../../../useForwardedRef';
 export const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const handleClearAll = (event) => {

package/components/TreeLikeAsyncAutocomplete/Input/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, } from 'react';
-import { useForwardedRef } from '../../../hooks/useForwardedRef';
+import { useForwardedRef } from '../../../useForwardedRef';
 export const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRef, onChange: propsOnChange, onClick: propsOnClick, }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const prevValue = useRef(undefined);

package/components/TreeLikeAsyncAutocomplete/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useEffect, useState, } from 'react';
-import { useAsyncOptions } from '../../hooks/useAsyncOptions';
+import { useAsyncOptions } from '../../useAsyncOptions';
 import { DEFAULT_DELAY_MS, DEFAULT_MIN_SEARCH_CHARACTERS } from '../constants';
 export const useLogic = ({ onBlur, isError, value, isDisabled, fetchDelayMs = DEFAULT_DELAY_MS, fetchOptions, minSymbolsToFetch = DEFAULT_MIN_SEARCH_CHARACTERS, onDataLoadError, onChange, loadingErrorMsg, treeProps, dialogProps, onShowUserHint, ...restInputProps }) => {
     const [isOpen, setOpen] = useState(false);

package/components/TreeLikeAutocomplete/Input/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, } from 'react';
-import { useForwardedRef } from '../../../hooks/useForwardedRef';
+import { useForwardedRef } from '../../../useForwardedRef';
 export const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRef, onChange, }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const prevValue = useRef(undefined);

package/components/TreeLikeList/TreeItem/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useToggle } from '../../../hooks/useToggle';
+import { useToggle } from '../../../useToggle';
 import { addItem, addItemsByIds, checkIsSelected, getAllChildrenId, getCurrentValueIds, removeItem, removeItemsByIds, } from './utils';
 export const useLogic = ({ item, value = [], level, isConfirmChildrenSelection, isInitialExpanded, expandedLevel, chainsToSelectedItem = [], disabledItems, onChange, isObjectMode, }) => {
     const { id, children } = item;

package/components/TreeLikeList/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef } from 'react';
-import { useId } from '../../hooks/useId';
 import { getFormatDisabledItems } from '../../Tree/utils';
+import { useId } from '../../useId';
 import { getChainsId } from './utils';
 export const useLogic = ({ data, value, disabledItems, }) => {
     const prefixId = useId();

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

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

package/components/fileUploading/FileUploader/FIleList/FileList.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FileUploaderFile, } from '../../FileUploaderFile';
 import { Wrapper } from './styles';
-export const FileList = ({ isMultiple, files, className, ...restProps }) => (_jsx(Wrapper, { "$isMultiple": isMultiple, className: className, children: files?.map((file) => (_jsx("li", { children: _jsx(FileUploaderFile, { ...file, ...restProps }) }, file.id))) }));
+export const FileList = ({ isMultiple, files, className, deletingFileId, ...restProps }) => (_jsx(Wrapper, { "$isMultiple": isMultiple, className: className, children: files?.map((file) => (_jsx("li", { children: _jsx(FileUploaderFile, { ...file, ...restProps, isDeletingFile: deletingFileId === file.id }) }, file.id))) }));

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

@@ -9,13 +9,13 @@ import { Tooltip } from '../../../Tooltip';
 import { Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const Actions = (props) => {
-    const { downloadButtonProps, viewButtonProps, isVisibleAbortButton, isVisibleRetryButton, handleAbort, handleDelete, handleRetry, isLoading, isError, fileName, } = useLogic(props);
+    const { downloadButtonProps, viewButtonProps, isVisibleAbortButton, isVisibleRetryButton, handleAbort, handleDelete, handleRetry, isLoading, isError, isDeletingFile, fileName, } = useLogic(props);
     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, {}) }) })) }));
     }
     if (isError) {
-        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, children: _jsx(CrossOutlineMd, {}) }) })] }));
+        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: [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, children: _jsx(BinOutlineMd, {}) }) })] }));
+    return (_jsxs(Wrapper, { 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, {}) }) })] }));
 };

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

@@ -45,9 +45,13 @@ export type UseLogicParams = {
      * Функция, вызываемая при удалении файла
      */
     onDelete: (fileId: FileId) => void;
+    /**
+     * Флаг загрузки при удалении файла
+     */
+    isDeletingFile?: boolean;
     abortController?: AbortController;
 } & Pick<SelfFileApi, 'selfFiles' | 'setErrorStatusFile'>;
-export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, fileName, }: UseLogicParams) => {
+export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }: UseLogicParams) => {
     downloadButtonProps: {
         href: string;
     };
@@ -69,5 +73,6 @@ export declare const useLogic: ({ fileId, file, fileUrl, isUploadError, generate
     handleRetry: () => void | undefined;
     isLoading: boolean | undefined;
     isError: boolean | undefined;
+    isDeletingFile: boolean | undefined;
     fileName: string;
 };

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

@@ -4,7 +4,7 @@ import { ConfigContext } from '../../../../ConfigProvider';
 import { ABORT_ERROR_MESSAGE, EXTENSIONS_IN_NEW_TAB, VIEW_NEW_TAB_ERROR_MESSAGE, } from '../../../constants';
 import { useGenerateLocalFileURL } from '../../../hooks/useGenerateLocalFileURL';
 import { generateAttrLinkNewTab } from '../../../utils/generateAttrLinkNewTab';
-export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, fileName, }) => {
+export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }) => {
     const { captureException } = useContext(ConfigContext);
     const { generateUrl } = useGenerateLocalFileURL();
     const { controller } = selfFiles[fileId] || {};
@@ -71,6 +71,7 @@ export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloa
         handleRetry,
         isLoading,
         isError,
+        isDeletingFile,
         fileName,
     };
 };

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

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

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

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useInterval } from '../../../../hooks/useInterval';
+import { useInterval } from '../../../../useInterval';
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 export const useLogic = ({ progress }) => {

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

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

package/components/fileUploading/PreviewFileUploader/FileList/FileList.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { PreviewFileUploaderFile, } from '../../PreviewFileUploaderFile';
-export const FileList = ({ files, ...restProps }) => (_jsx(_Fragment, { children: files?.map((file) => (_jsx(PreviewFileUploaderFile, { ...file, ...restProps }, file.id))) }));
+export const FileList = ({ files, deletingFileId, ...restProps }) => (_jsx(_Fragment, { children: files?.map((file) => (_jsx(PreviewFileUploaderFile, { ...file, ...restProps, isDeletingFile: deletingFileId === file.id }, file.id))) }));

package/components/fileUploading/PreviewFileUploaderFile/FileLoading/Progress/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useInterval } from '../../../../../hooks/useInterval';
+import { useInterval } from '../../../../../useInterval';
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 export const useLogic = ({ progress }) => {

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

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

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

@@ -3,17 +3,17 @@ import { BinOutlineMd } from '../../../../icons/BinOutlineMd';
 import { DownloadOutlineMd } from '../../../../icons/DownloadOutlineMd';
 import { EyeOutlineMd } from '../../../../icons/EyeOutlineMd';
 import { Button } from '../../../Button';
-import { useViewportType } from '../../../hooks/useViewportType';
 import { IconButton } from '../../../IconButton';
 import { Tooltip } from '../../../Tooltip';
 import { Typography } from '../../../Typography';
+import { useViewportType } from '../../../useViewportType';
 import { previewFileUploaderClassnames } from '../../constants';
 import { Preview } from './Preview';
 import { Actions, Details, StyledFileInfo, Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const FilePreview = (props) => {
     const { viewButtonProps, downloadButtonProps, deleteButtonProps, isImageFile, isPdfFile, isOtherFile, } = useLogic(props);
-    const { file, fileName, fileSize, fileUrl, generateDownloadLink, isHidePersonalData, PdfViewer, } = props;
+    const { file, fileName, fileSize, fileUrl, generateDownloadLink, isHidePersonalData, PdfViewer, isDeletingFile, } = props;
     const { isMobile } = useViewportType();
-    return (_jsxs(Wrapper, { children: [_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: isMobile && isOtherFile ? (_jsx(Button, { variant: "light", color: "grey", ...deleteButtonProps, children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })) : (_jsxs(_Fragment, { children: [!isOtherFile && (_jsx(Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { variant: "light", color: "grey", ...viewButtonProps, children: _jsx(EyeOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { component: "a", variant: "light", color: "grey", download: fileName, ...downloadButtonProps, children: _jsx(DownloadOutlineMd, {}) }) }), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { variant: "light", color: "grey", ...deleteButtonProps, children: _jsx(BinOutlineMd, {}) }) })] })) })] })] }));
+    return (_jsxs(Wrapper, { children: [_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: isMobile && isOtherFile ? (_jsx(Button, { variant: "light", color: "grey", loading: isDeletingFile, ...deleteButtonProps, children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })) : (_jsxs(_Fragment, { children: [!isOtherFile && (_jsx(Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { variant: "light", color: "grey", ...viewButtonProps, children: _jsx(EyeOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { component: "a", variant: "light", color: "grey", download: fileName, ...downloadButtonProps, children: _jsx(DownloadOutlineMd, {}) }) }), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { variant: "light", color: "grey", loading: isDeletingFile, ...deleteButtonProps, children: _jsx(BinOutlineMd, {}) }) })] })) })] })] }));
 };

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

@@ -23,6 +23,10 @@ export type PreviewFileUploaderFileProps = UploadFile & {
      * Скрытие персональных данных от инструментов мониторинга
      */
     isHidePersonalData?: boolean;
+    /**
+     * Флаг загрузки при удалении файла
+     */
+    isDeletingFile?: 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, } = props;
+    const { id, name, type, file, url, size, status, generateDownloadLink, onRetry, onDelete, onView, selfFiles, setErrorStatusFile, isHidePersonalData, PdfViewer, isDeletingFile, } = 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 })), 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 })), 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

@@ -1,7 +1,7 @@
 import { type ChangeEvent } from 'react';
 import type { FileId, FileUploaderProps, UploadFile } from '../../types';
 export type UseFileUploaderParams = FileUploaderProps;
-export declare const useFileUploader: ({ value, isDisabled, isMultiple, accept, restrictions, maxFileSize, maxFileCount, inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloadLink, placeholder, helperText, label, className, getErrorMessage, }: UseFileUploaderParams) => {
+export declare const useFileUploader: ({ value, isDisabled, isMultiple, accept, restrictions, maxFileSize, maxFileCount, inputRef, notify, onChange, onUploadFile, onDeleteFile, name, isError, onView, generateDownloadLink, placeholder, helperText, label, className, getErrorMessage, }: UseFileUploaderParams) => {
     dropZoneProps: {
         isLimitMaxFileCount: boolean;
         maxFileCount: number;
@@ -53,5 +53,6 @@ export declare const useFileUploader: ({ value, isDisabled, isMultiple, accept,
         selfFiles: Record<string, UploadFile & import("../../types").SpecificSelfFileParams>;
         setErrorStatusFile: (fileId: string, errorMsg: string) => void;
         getErrorMessage: ((fileId: string, error: Error) => string) | undefined;
+        deletingFileId: string | null;
     };
 };

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

@@ -1,8 +1,8 @@
 import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
 import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
-import { useMemo } from 'react';
-import { useGenerateLocalId } from '../../../hooks/useGenerateLocalId';
-import { useId } from '../../../hooks/useId';
+import { useMemo, useState } from 'react';
+import { useGenerateLocalId } from '../../../useGenerateLocalId';
+import { useId } from '../../../useId';
 import { DEFAULT_FILE_STATUS, fileUploaderClassnames } from '../../constants';
 import { restrictFileMaxSize, restrictFileType } from '../../restrictions';
 import { compareFile } from '../../utils/compareFile';
@@ -11,8 +11,9 @@ import { toArray } from '../../utils/toArray';
 import { useDnD } from '../useDnD';
 import { useUploadFiles } from '../useUploadFiles';
 export const useFileUploader = ({ value, isDisabled, isMultiple, accept, restrictions = [], maxFileSize, maxFileCount = 1, // для случая, когда isMultiple=false
-inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloadLink, placeholder, helperText, label, className, getErrorMessage, }) => {
+inputRef, notify, onChange, onUploadFile, onDeleteFile, name, isError, onView, generateDownloadLink, placeholder, helperText, label, className, getErrorMessage, }) => {
     const inputId = useId();
+    const [deletingFileId, setDeletingFileId] = useState(null);
     const { generateId } = useGenerateLocalId();
     // Преобразуем value к массиву
     const files = useMemo(() => toArray(value), [value]);
@@ -94,10 +95,20 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
         },
     });
     const handleDelete = (fileId) => {
-        if (isMultiple) {
-            return onChange(files?.filter(({ id }) => id !== fileId));
+        const deleteFile = () => {
+            if (isMultiple) {
+                return onChange(files?.filter(({ id }) => id !== fileId));
+            }
+            return onChange(null);
+        };
+        if (!onDeleteFile) {
+            return deleteFile();
         }
-        return onChange(null);
+        setDeletingFileId(fileId);
+        onDeleteFile(fileId)
+            .then(deleteFile)
+            .catch(() => notify.error('Ошибка удаления файла'))
+            .finally(() => setDeletingFileId(null));
     };
     const getHandlerOnRetry = () => {
         if (onUploadFile) {
@@ -155,6 +166,7 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
             selfFiles,
             setErrorStatusFile,
             getErrorMessage,
+            deletingFileId,
         },
     };
 };

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

@@ -117,6 +117,13 @@ export type UsePreviewFileUploaderParams = {
      * - При обновлении информации о файле после успешной загрузки
      */
     onChange: (value: UploadFile | null) => void;
+    /**
+     * Функция, вызываемая при удалении файла.
+     * Используется для сбора идентификаторов файлов, помеченных на удаление.
+     * Фактическое удаление файлов с сервера должно выполняться только при подтверждении формы,
+     * чтобы избежать потери данных при отмене действия или перезагрузке страницы.
+     */
+    onDeleteFile?: (fileId: FileId) => Promise<void>;
     /**
      * Скрытие персональных данных от инструментов мониторинга
      */
@@ -126,7 +133,7 @@ export type UsePreviewFileUploaderParams = {
      */
     PdfViewer?: ((props: PdfViewerProps) => ReactElement) | LazyExoticComponent<(props: PdfViewerProps) => ReactElement>;
 };
-export declare const usePreviewFileUploader: ({ value, isDisabled, accept, restrictions, maxFileSize, inputRef, notify, onChange, onUploadFile, label, isError, generateDownloadLink, onView, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }: UsePreviewFileUploaderParams) => {
+export declare const usePreviewFileUploader: ({ value, isDisabled, accept, restrictions, maxFileSize, inputRef, notify, onChange, onUploadFile, onDeleteFile, label, isError, generateDownloadLink, onView, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }: UsePreviewFileUploaderParams) => {
     dropZoneProps: {
         isVisibleAddFile: boolean;
         isVisibleFileList: boolean;
@@ -165,7 +172,7 @@ export declare const usePreviewFileUploader: ({ value, isDisabled, accept, restr
         isError: boolean | undefined;
     };
     fileListProps: {
-        onDelete: () => void;
+        onDelete: (fileId: FileId) => void;
         onRetry: ((fileId: FileId, file: File) => void) | undefined;
         setErrorStatusFile: (fileId: string, errorMsg: string) => void;
         selfFiles: Record<string, UploadFile & import("../../types").SpecificSelfFileParams>;
@@ -174,5 +181,6 @@ export declare const usePreviewFileUploader: ({ value, isDisabled, accept, restr
         files: UploadFile[];
         isHidePersonalData: boolean | undefined;
         PdfViewer: LazyExoticComponent<(props: PdfViewerProps) => ReactElement> | ((props: PdfViewerProps) => ReactElement) | undefined;
+        deletingFileId: string | null;
     };
 };

package/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.js

@@ -1,8 +1,8 @@
 import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
 import { formatFileSizeToView } from '@astral/utils/file/formatFileSizeToView';
-import { useMemo, } from 'react';
-import { useGenerateLocalId } from '../../../hooks/useGenerateLocalId';
-import { useId } from '../../../hooks/useId';
+import { useMemo, useState, } from 'react';
+import { useGenerateLocalId } from '../../../useGenerateLocalId';
+import { useId } from '../../../useId';
 import { DEFAULT_FILE_STATUS, previewFileUploaderClassnames, } from '../../constants';
 import { restrictFileMaxSize, restrictFileType } from '../../restrictions';
 import { compareFile } from '../../utils/compareFile';
@@ -10,8 +10,9 @@ import { rulePipe } from '../../utils/rulePipe';
 import { toArray } from '../../utils/toArray';
 import { useDnD } from '../useDnD';
 import { useUploadFiles } from '../useUploadFiles';
-export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [], maxFileSize, inputRef, notify, onChange, onUploadFile, label, isError, generateDownloadLink, onView, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }) => {
+export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [], maxFileSize, inputRef, notify, onChange, onUploadFile, onDeleteFile, label, isError, generateDownloadLink, onView, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }) => {
     const inputId = useId();
+    const [deletingFileId, setDeletingFileId] = useState(null);
     const { generateId } = useGenerateLocalId();
     // Преобразуем value к массиву
     const files = useMemo(() => toArray(value), [value]);
@@ -80,8 +81,16 @@ export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions
             });
         },
     });
-    const handleDelete = () => {
-        return onChange(null);
+    const handleDelete = (fileId) => {
+        const deleteFile = () => onChange(null);
+        if (!onDeleteFile) {
+            return deleteFile();
+        }
+        setDeletingFileId(fileId);
+        onDeleteFile(fileId)
+            .then(deleteFile)
+            .catch(() => notify.error('Ошибка удаления файла'))
+            .finally(() => setDeletingFileId(null));
     };
     const getHandlerOnRetry = () => {
         if (onUploadFile) {
@@ -135,6 +144,7 @@ export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions
             files,
             isHidePersonalData,
             PdfViewer,
+            deletingFileId,
         },
     };
 };

package/components/fileUploading/types.d.ts

@@ -188,6 +188,13 @@ type BaseFileUploaderProps = {
         signal: AbortSignal;
         setProgress: (progressFileId: FileId, progressEvent: ProgressEvent) => void;
     }) => Promise<UploadedFileData>;
+    /**
+     * Функция, вызываемая при удалении файла.
+     * Используется для сбора идентификаторов файлов, помеченных на удаление.
+     * Фактическое удаление файлов с сервера должно выполняться только при подтверждении формы,
+     * чтобы избежать потери данных при отмене действия или перезагрузке страницы.
+     */
+    onDeleteFile?: (fileId: FileId) => Promise<void>;
     /**
      * Обработчик просмотра файла
      * @param fileId - Идентификатор файла

package/components/index.d.ts

@@ -86,30 +86,30 @@ export * from './GlobalStyles';
 export * from './Grid';
 export { GuidTypography, type GuidTypographyProps } from './GuidTypography';
 export { HintIcon, type HintIconProps } from './HintIcon';
-export { useAsyncOptions } from './hooks/useAsyncOptions';
-export { useCheckControlled } from './hooks/useCheckControlled';
-export { type UseClickAwayListenerOptions, useClickAwayEffect, } from './hooks/useClickAwayEffect';
-export { type UseEscapeClickEffectProps, useEscapeClickEffect, } from './hooks/useEscapeClickEffect';
-export { useFeatureFlags } from './hooks/useFeatureFlags';
-export { useFirstMountState } from './hooks/useFirstMountState';
-export { useFocusAwayEffect } from './hooks/useFocusAwayEffect';
-export { useForwardedRef } from './hooks/useForwardedRef';
-export { type UseInputPopoverOptions, useInputPopover, } from './hooks/useInputPopover';
-export { useInterval } from './hooks/useInterval';
-export { useLoadingState } from './hooks/useLoadingState';
-export { useLocaleDateTimeFormat } from './hooks/useLocaleDateTimeFormat';
-export { useLocalStorage } from './hooks/useLocalStorage';
-export { useMenu } from './hooks/useMenu';
-export { type AnchorType, type UsePopoverResult, usePopover, } from './hooks/usePopover';
-export { type UsePopoverAnimationResult, usePopoverAnimation, } from './hooks/usePopoverAnimation';
-export { useRadioGroup } from './hooks/useRadioGroup';
-export { useScrollManagement } from './hooks/useScrollManagement';
-export { useSecondsCountdown } from './hooks/useSecondsCountDown';
-export { useSet } from './hooks/useSet';
-export { useStickyButton } from './hooks/useStickyButton';
-export { useToggle } from './hooks/useToggle';
-export { useUpdateEffect } from './hooks/useUpdateEffect';
-export { useViewportType } from './hooks/useViewportType';
+export { useAsyncOptions } from './useAsyncOptions';
+export { useCheckControlled } from './useCheckControlled';
+export { type UseClickAwayListenerOptions, useClickAwayEffect, } from './useClickAwayEffect';
+export { type UseEscapeClickEffectProps, useEscapeClickEffect, } from './useEscapeClickEffect';
+export { useFeatureFlags } from './useFeatureFlags';
+export { useFirstMountState } from './useFirstMountState';
+export { useFocusAwayEffect } from './useFocusAwayEffect';
+export { useForwardedRef } from './useForwardedRef';
+export { type UseInputPopoverOptions, useInputPopover, } from './useInputPopover';
+export { useInterval } from './useInterval';
+export { useLoadingState } from './useLoadingState';
+export { useLocaleDateTimeFormat } from './useLocaleDateTimeFormat';
+export { useLocalStorage } from './useLocalStorage';
+export { useMenu } from './useMenu';
+export { type AnchorType, type UsePopoverResult, usePopover, } from './usePopover';
+export { type UsePopoverAnimationResult, usePopoverAnimation, } from './usePopoverAnimation';
+export { useRadioGroup } from './useRadioGroup';
+export { useScrollManagement } from './useScrollManagement';
+export { useSecondsCountdown } from './useSecondsCountDown';
+export { useSet } from './useSet';
+export { useStickyButton } from './useStickyButton';
+export { useToggle } from './useToggle';
+export { useUpdateEffect } from './useUpdateEffect';
+export { useViewportType } from './useViewportType';
 export * from './IconButton';
 export * from './IconDropdownButton';
 export { Iframe, type IframeProps } from './Iframe';

package/components/index.js

@@ -85,30 +85,30 @@ export * from './GlobalStyles';
 export * from './Grid';
 export { GuidTypography } from './GuidTypography';
 export { HintIcon } from './HintIcon';
-export { useAsyncOptions } from './hooks/useAsyncOptions';
-export { useCheckControlled } from './hooks/useCheckControlled';
-export { useClickAwayEffect, } from './hooks/useClickAwayEffect';
-export { useEscapeClickEffect, } from './hooks/useEscapeClickEffect';
-export { useFeatureFlags } from './hooks/useFeatureFlags';
-export { useFirstMountState } from './hooks/useFirstMountState';
-export { useFocusAwayEffect } from './hooks/useFocusAwayEffect';
-export { useForwardedRef } from './hooks/useForwardedRef';
-export { useInputPopover, } from './hooks/useInputPopover';
-export { useInterval } from './hooks/useInterval';
-export { useLoadingState } from './hooks/useLoadingState';
-export { useLocaleDateTimeFormat } from './hooks/useLocaleDateTimeFormat';
-export { useLocalStorage } from './hooks/useLocalStorage';
-export { useMenu } from './hooks/useMenu';
-export { usePopover, } from './hooks/usePopover';
-export { usePopoverAnimation, } from './hooks/usePopoverAnimation';
-export { useRadioGroup } from './hooks/useRadioGroup';
-export { useScrollManagement } from './hooks/useScrollManagement';
-export { useSecondsCountdown } from './hooks/useSecondsCountDown';
-export { useSet } from './hooks/useSet';
-export { useStickyButton } from './hooks/useStickyButton';
-export { useToggle } from './hooks/useToggle';
-export { useUpdateEffect } from './hooks/useUpdateEffect';
-export { useViewportType } from './hooks/useViewportType';
+export { useAsyncOptions } from './useAsyncOptions';
+export { useCheckControlled } from './useCheckControlled';
+export { useClickAwayEffect, } from './useClickAwayEffect';
+export { useEscapeClickEffect, } from './useEscapeClickEffect';
+export { useFeatureFlags } from './useFeatureFlags';
+export { useFirstMountState } from './useFirstMountState';
+export { useFocusAwayEffect } from './useFocusAwayEffect';
+export { useForwardedRef } from './useForwardedRef';
+export { useInputPopover, } from './useInputPopover';
+export { useInterval } from './useInterval';
+export { useLoadingState } from './useLoadingState';
+export { useLocaleDateTimeFormat } from './useLocaleDateTimeFormat';
+export { useLocalStorage } from './useLocalStorage';
+export { useMenu } from './useMenu';
+export { usePopover, } from './usePopover';
+export { usePopoverAnimation, } from './usePopoverAnimation';
+export { useRadioGroup } from './useRadioGroup';
+export { useScrollManagement } from './useScrollManagement';
+export { useSecondsCountdown } from './useSecondsCountDown';
+export { useSet } from './useSet';
+export { useStickyButton } from './useStickyButton';
+export { useToggle } from './useToggle';
+export { useUpdateEffect } from './useUpdateEffect';
+export { useViewportType } from './useViewportType';
 export * from './IconButton';
 export * from './IconDropdownButton';
 export { Iframe } from './Iframe';

package/components/{hooks/useAsyncOptions → useAsyncOptions}/useAsyncOptions.js

@@ -1,6 +1,6 @@
 import { debounce } from '@astral/utils/debounce';
 import { useCallback, useRef, useState } from 'react';
-import { useLoadingState } from '../../hooks/useLoadingState';
+import { useLoadingState } from '../useLoadingState';
 /**
  * Хук для асинхронной загрузки опций в компонентах с поиском.
  * Управляет задержкой, отменой запросов и состояниями загрузки.

package/components/{hooks/useClickAwayEffect → useClickAwayEffect}/useClickAwayEffect.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import { type CloseEventReason } from '../../types/CloseEventReason';
+import { type CloseEventReason } from '../types/CloseEventReason';
 export type UseClickAwayListenerOptions = {
     /**
      * реф на дом ноду, клик вне которой надо отслеживать

package/{node/components/hooks → components}/useEscapeClickEffect/useEscapeClickEffect.d.ts

@@ -1,4 +1,4 @@
-import { type CloseEventReason } from '../../types/CloseEventReason';
+import { type CloseEventReason } from '../types/CloseEventReason';
 export type UseEscapeClickEffectProps = {
     /**
      * колбэк который будет вызываться при нажатии на кнопку `esc`

package/components/{hooks/useFeatureFlags → useFeatureFlags}/useFeatureFlags.d.ts

@@ -1,4 +1,4 @@
-import { type NextFeatureFlagsContextProps } from '../../ConfigProvider';
+import { type NextFeatureFlagsContextProps } from '../ConfigProvider';
 type UseFeatureFlagsParams<TFlag extends keyof NextFeatureFlagsContextProps> = {
     /**
      * Название компонента

package/components/{hooks/useFocusAwayEffect → useFocusAwayEffect}/useFocusAwayEffect.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import { type CloseEventReason } from '../../types/CloseEventReason';
+import { type CloseEventReason } from '../types/CloseEventReason';
 type UseFocusAwayEffectOptions = {
     /**
      * реф на дом ноду, blur вне которой надо отслеживать

package/{node/components/hooks → components}/useInputPopover/useInputPopover.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject, type SyntheticEvent } from 'react';
-import { type CloseEventReason } from '../../types/CloseEventReason';
+import { type CloseEventReason } from '../types/CloseEventReason';
 export type UseInputPopoverOptions = {
     /**
      * реф на отслеживаемую ноду, ивенты вне которого будут приводить к закрытию поппера

package/components/{hooks/useLocaleDateTimeFormat → useLocaleDateTimeFormat}/useLocaleDateTimeFormat.js

@@ -1,5 +1,5 @@
 import { useContext, useRef } from 'react';
-import { ConfigContext } from '../../ConfigProvider';
+import { ConfigContext } from '../ConfigProvider';
 export const useLocaleDateTimeFormat = (options) => {
     const { language } = useContext(ConfigContext);
     const { current } = useRef(Intl.DateTimeFormat(language, options).format);