@astral/ui 4.18.5 → 4.19.0

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

@@ -12,14 +12,14 @@ const Tooltip_1 = require("../../../Tooltip");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Actions = (props) => {
-    const { downloadButtonProps, viewButtonProps, isVisibleAbortButton, isVisibleRetryButton, handleAbort, handleDelete, handleRetry, isLoading, isError, fileName, } = (0, useLogic_1.useLogic)(props);
+    const { downloadButtonProps, viewButtonProps, isVisibleAbortButton, isVisibleRetryButton, handleAbort, handleDelete, handleRetry, isLoading, isError, isDeletingFile, fileName, } = (0, useLogic_1.useLogic)(props);
     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, {}) }) })) }));
     }
     if (isError) {
-        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, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }) })] }));
+        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: [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, children: (0, jsx_runtime_1.jsx)(BinOutlineMd_1.BinOutlineMd, {}) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { 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, {}) }) })] }));
 };
 exports.Actions = Actions;

package/node/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/node/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.js

@@ -7,7 +7,7 @@ const ConfigProvider_1 = require("../../../../ConfigProvider");
 const constants_1 = require("../../../constants");
 const useGenerateLocalFileURL_1 = require("../../../hooks/useGenerateLocalFileURL");
 const generateAttrLinkNewTab_1 = require("../../../utils/generateAttrLinkNewTab");
-const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, fileName, }) => {
+const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink, onDelete, onRetry, onView, setErrorStatusFile, selfFiles, isLoading, isError, isDeletingFile, fileName, }) => {
     const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
     const { controller } = selfFiles[fileId] || {};
@@ -74,6 +74,7 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
         handleRetry,
         isLoading,
         isError,
+        isDeletingFile,
         fileName,
     };
 };

package/node/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/node/components/fileUploading/FileUploaderFile/Progress/useLogic/useLogic.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useInterval_1 = require("../../../../hooks/useInterval");
+const useInterval_1 = require("../../../../useInterval");
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 const useLogic = ({ progress }) => {

package/node/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/node/components/fileUploading/PreviewFileUploader/FileList/FileList.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const PreviewFileUploaderFile_1 = require("../../PreviewFileUploaderFile");
-const FileList = ({ files, ...restProps }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: files?.map((file) => ((0, jsx_runtime_1.jsx)(PreviewFileUploaderFile_1.PreviewFileUploaderFile, { ...file, ...restProps }, file.id))) }));
+const FileList = ({ files, deletingFileId, ...restProps }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: files?.map((file) => ((0, jsx_runtime_1.jsx)(PreviewFileUploaderFile_1.PreviewFileUploaderFile, { ...file, ...restProps, isDeletingFile: deletingFileId === file.id }, file.id))) }));
 exports.FileList = FileList;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useInterval_1 = require("../../../../../hooks/useInterval");
+const useInterval_1 = require("../../../../../useInterval");
 // При достижении указанного значения прогресс-бар остановится
 const STOP_VALUE = 80;
 const useLogic = ({ progress }) => {

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

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

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

@@ -6,18 +6,18 @@ const BinOutlineMd_1 = require("../../../../icons/BinOutlineMd");
 const DownloadOutlineMd_1 = require("../../../../icons/DownloadOutlineMd");
 const EyeOutlineMd_1 = require("../../../../icons/EyeOutlineMd");
 const Button_1 = require("../../../Button");
-const useViewportType_1 = require("../../../hooks/useViewportType");
 const IconButton_1 = require("../../../IconButton");
 const Tooltip_1 = require("../../../Tooltip");
 const Typography_1 = require("../../../Typography");
+const useViewportType_1 = require("../../../useViewportType");
 const constants_1 = require("../../constants");
 const Preview_1 = require("./Preview");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const FilePreview = (props) => {
     const { viewButtonProps, downloadButtonProps, deleteButtonProps, isImageFile, isPdfFile, isOtherFile, } = (0, useLogic_1.useLogic)(props);
-    const { file, fileName, fileSize, fileUrl, generateDownloadLink, isHidePersonalData, PdfViewer, } = props;
+    const { file, fileName, fileSize, fileUrl, generateDownloadLink, isHidePersonalData, PdfViewer, isDeletingFile, } = props;
     const { isMobile } = (0, useViewportType_1.useViewportType)();
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(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: isMobile && isOtherFile ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "light", color: "grey", ...deleteButtonProps, children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isOtherFile && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "light", color: "grey", ...viewButtonProps, 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", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { component: "a", variant: "light", color: "grey", 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", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "light", color: "grey", ...deleteButtonProps, children: (0, jsx_runtime_1.jsx)(BinOutlineMd_1.BinOutlineMd, {}) }) })] })) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(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: isMobile && isOtherFile ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "light", color: "grey", loading: isDeletingFile, ...deleteButtonProps, children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isOtherFile && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "light", color: "grey", ...viewButtonProps, 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", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { component: "a", variant: "light", color: "grey", 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", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "light", color: "grey", loading: isDeletingFile, ...deleteButtonProps, children: (0, jsx_runtime_1.jsx)(BinOutlineMd_1.BinOutlineMd, {}) }) })] })) })] })] }));
 };
 exports.FilePreview = FilePreview;

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

@@ -23,6 +23,10 @@ export type PreviewFileUploaderFileProps = UploadFile & {
      * Скрытие персональных данных от инструментов мониторинга
      */
     isHidePersonalData?: boolean;
+    /**
+     * Флаг загрузки при удалении файла
+     */
+    isDeletingFile?: 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, } = 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 ((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 })), 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 })), 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

@@ -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/node/components/fileUploading/hooks/useFileUploader/useFileUploader.js

@@ -4,8 +4,8 @@ exports.useFileUploader = void 0;
 const declensionOfWords_1 = require("@astral/utils/declension/declensionOfWords");
 const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
 const react_1 = require("react");
-const useGenerateLocalId_1 = require("../../../hooks/useGenerateLocalId");
-const useId_1 = require("../../../hooks/useId");
+const useGenerateLocalId_1 = require("../../../useGenerateLocalId");
+const useId_1 = require("../../../useId");
 const constants_1 = require("../../constants");
 const restrictions_1 = require("../../restrictions");
 const compareFile_1 = require("../../utils/compareFile");
@@ -14,8 +14,9 @@ const toArray_1 = require("../../utils/toArray");
 const useDnD_1 = require("../useDnD");
 const useUploadFiles_1 = require("../useUploadFiles");
 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 = (0, useId_1.useId)();
+    const [deletingFileId, setDeletingFileId] = (0, react_1.useState)(null);
     const { generateId } = (0, useGenerateLocalId_1.useGenerateLocalId)();
     // Преобразуем value к массиву
     const files = (0, react_1.useMemo)(() => (0, toArray_1.toArray)(value), [value]);
@@ -97,10 +98,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) {
@@ -158,6 +169,7 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
             selfFiles,
             setErrorStatusFile,
             getErrorMessage,
+            deletingFileId,
         },
     };
 };

package/node/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/node/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.js

@@ -4,8 +4,8 @@ exports.usePreviewFileUploader = void 0;
 const declensionOfWords_1 = require("@astral/utils/declension/declensionOfWords");
 const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
 const react_1 = require("react");
-const useGenerateLocalId_1 = require("../../../hooks/useGenerateLocalId");
-const useId_1 = require("../../../hooks/useId");
+const useGenerateLocalId_1 = require("../../../useGenerateLocalId");
+const useId_1 = require("../../../useId");
 const constants_1 = require("../../constants");
 const restrictions_1 = require("../../restrictions");
 const compareFile_1 = require("../../utils/compareFile");
@@ -13,8 +13,9 @@ const rulePipe_1 = require("../../utils/rulePipe");
 const toArray_1 = require("../../utils/toArray");
 const useDnD_1 = require("../useDnD");
 const useUploadFiles_1 = require("../useUploadFiles");
-const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [], maxFileSize, inputRef, notify, onChange, onUploadFile, label, isError, generateDownloadLink, onView, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }) => {
+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 = (0, useId_1.useId)();
+    const [deletingFileId, setDeletingFileId] = (0, react_1.useState)(null);
     const { generateId } = (0, useGenerateLocalId_1.useGenerateLocalId)();
     // Преобразуем value к массиву
     const files = (0, react_1.useMemo)(() => (0, toArray_1.toArray)(value), [value]);
@@ -83,8 +84,16 @@ 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) {
@@ -138,6 +147,7 @@ const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [],
             files,
             isHidePersonalData,
             PdfViewer,
+            deletingFileId,
         },
     };
 };

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

@@ -164,53 +164,53 @@ var GuidTypography_1 = require("./GuidTypography");
 Object.defineProperty(exports, "GuidTypography", { enumerable: true, get: function () { return GuidTypography_1.GuidTypography; } });
 var HintIcon_1 = require("./HintIcon");
 Object.defineProperty(exports, "HintIcon", { enumerable: true, get: function () { return HintIcon_1.HintIcon; } });
-var useAsyncOptions_1 = require("./hooks/useAsyncOptions");
+var useAsyncOptions_1 = require("./useAsyncOptions");
 Object.defineProperty(exports, "useAsyncOptions", { enumerable: true, get: function () { return useAsyncOptions_1.useAsyncOptions; } });
-var useCheckControlled_1 = require("./hooks/useCheckControlled");
+var useCheckControlled_1 = require("./useCheckControlled");
 Object.defineProperty(exports, "useCheckControlled", { enumerable: true, get: function () { return useCheckControlled_1.useCheckControlled; } });
-var useClickAwayEffect_1 = require("./hooks/useClickAwayEffect");
+var useClickAwayEffect_1 = require("./useClickAwayEffect");
 Object.defineProperty(exports, "useClickAwayEffect", { enumerable: true, get: function () { return useClickAwayEffect_1.useClickAwayEffect; } });
-var useEscapeClickEffect_1 = require("./hooks/useEscapeClickEffect");
+var useEscapeClickEffect_1 = require("./useEscapeClickEffect");
 Object.defineProperty(exports, "useEscapeClickEffect", { enumerable: true, get: function () { return useEscapeClickEffect_1.useEscapeClickEffect; } });
-var useFeatureFlags_1 = require("./hooks/useFeatureFlags");
+var useFeatureFlags_1 = require("./useFeatureFlags");
 Object.defineProperty(exports, "useFeatureFlags", { enumerable: true, get: function () { return useFeatureFlags_1.useFeatureFlags; } });
-var useFirstMountState_1 = require("./hooks/useFirstMountState");
+var useFirstMountState_1 = require("./useFirstMountState");
 Object.defineProperty(exports, "useFirstMountState", { enumerable: true, get: function () { return useFirstMountState_1.useFirstMountState; } });
-var useFocusAwayEffect_1 = require("./hooks/useFocusAwayEffect");
+var useFocusAwayEffect_1 = require("./useFocusAwayEffect");
 Object.defineProperty(exports, "useFocusAwayEffect", { enumerable: true, get: function () { return useFocusAwayEffect_1.useFocusAwayEffect; } });
-var useForwardedRef_1 = require("./hooks/useForwardedRef");
+var useForwardedRef_1 = require("./useForwardedRef");
 Object.defineProperty(exports, "useForwardedRef", { enumerable: true, get: function () { return useForwardedRef_1.useForwardedRef; } });
-var useInputPopover_1 = require("./hooks/useInputPopover");
+var useInputPopover_1 = require("./useInputPopover");
 Object.defineProperty(exports, "useInputPopover", { enumerable: true, get: function () { return useInputPopover_1.useInputPopover; } });
-var useInterval_1 = require("./hooks/useInterval");
+var useInterval_1 = require("./useInterval");
 Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return useInterval_1.useInterval; } });
-var useLoadingState_1 = require("./hooks/useLoadingState");
+var useLoadingState_1 = require("./useLoadingState");
 Object.defineProperty(exports, "useLoadingState", { enumerable: true, get: function () { return useLoadingState_1.useLoadingState; } });
-var useLocaleDateTimeFormat_1 = require("./hooks/useLocaleDateTimeFormat");
+var useLocaleDateTimeFormat_1 = require("./useLocaleDateTimeFormat");
 Object.defineProperty(exports, "useLocaleDateTimeFormat", { enumerable: true, get: function () { return useLocaleDateTimeFormat_1.useLocaleDateTimeFormat; } });
-var useLocalStorage_1 = require("./hooks/useLocalStorage");
+var useLocalStorage_1 = require("./useLocalStorage");
 Object.defineProperty(exports, "useLocalStorage", { enumerable: true, get: function () { return useLocalStorage_1.useLocalStorage; } });
-var useMenu_1 = require("./hooks/useMenu");
+var useMenu_1 = require("./useMenu");
 Object.defineProperty(exports, "useMenu", { enumerable: true, get: function () { return useMenu_1.useMenu; } });
-var usePopover_1 = require("./hooks/usePopover");
+var usePopover_1 = require("./usePopover");
 Object.defineProperty(exports, "usePopover", { enumerable: true, get: function () { return usePopover_1.usePopover; } });
-var usePopoverAnimation_1 = require("./hooks/usePopoverAnimation");
+var usePopoverAnimation_1 = require("./usePopoverAnimation");
 Object.defineProperty(exports, "usePopoverAnimation", { enumerable: true, get: function () { return usePopoverAnimation_1.usePopoverAnimation; } });
-var useRadioGroup_1 = require("./hooks/useRadioGroup");
+var useRadioGroup_1 = require("./useRadioGroup");
 Object.defineProperty(exports, "useRadioGroup", { enumerable: true, get: function () { return useRadioGroup_1.useRadioGroup; } });
-var useScrollManagement_1 = require("./hooks/useScrollManagement");
+var useScrollManagement_1 = require("./useScrollManagement");
 Object.defineProperty(exports, "useScrollManagement", { enumerable: true, get: function () { return useScrollManagement_1.useScrollManagement; } });
-var useSecondsCountDown_1 = require("./hooks/useSecondsCountDown");
+var useSecondsCountDown_1 = require("./useSecondsCountDown");
 Object.defineProperty(exports, "useSecondsCountdown", { enumerable: true, get: function () { return useSecondsCountDown_1.useSecondsCountdown; } });
-var useSet_1 = require("./hooks/useSet");
+var useSet_1 = require("./useSet");
 Object.defineProperty(exports, "useSet", { enumerable: true, get: function () { return useSet_1.useSet; } });
-var useStickyButton_1 = require("./hooks/useStickyButton");
+var useStickyButton_1 = require("./useStickyButton");
 Object.defineProperty(exports, "useStickyButton", { enumerable: true, get: function () { return useStickyButton_1.useStickyButton; } });
-var useToggle_1 = require("./hooks/useToggle");
+var useToggle_1 = require("./useToggle");
 Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return useToggle_1.useToggle; } });
-var useUpdateEffect_1 = require("./hooks/useUpdateEffect");
+var useUpdateEffect_1 = require("./useUpdateEffect");
 Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return useUpdateEffect_1.useUpdateEffect; } });
-var useViewportType_1 = require("./hooks/useViewportType");
+var useViewportType_1 = require("./useViewportType");
 Object.defineProperty(exports, "useViewportType", { enumerable: true, get: function () { return useViewportType_1.useViewportType; } });
 __exportStar(require("./IconButton"), exports);
 __exportStar(require("./IconDropdownButton"), exports);

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAsyncOptions = void 0;
 const debounce_1 = require("@astral/utils/debounce");
 const react_1 = require("react");
-const useLoadingState_1 = require("../../hooks/useLoadingState");
+const useLoadingState_1 = require("../useLoadingState");
 /**
  * Хук для асинхронной загрузки опций в компонентах с поиском.
  * Управляет задержкой, отменой запросов и состояниями загрузки.

package/node/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/{components/hooks → node/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/node/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/node/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/{components/hooks → node/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/node/components/{hooks/useLocaleDateTimeFormat → useLocaleDateTimeFormat}/useLocaleDateTimeFormat.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLocaleDateTimeFormat = void 0;
 const react_1 = require("react");
-const ConfigProvider_1 = require("../../ConfigProvider");
+const ConfigProvider_1 = require("../ConfigProvider");
 const useLocaleDateTimeFormat = (options) => {
     const { language } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { current } = (0, react_1.useRef)(Intl.DateTimeFormat(language, options).format);

package/node/components/{hooks/useScrollManagement → useScrollManagement}/useScrollManagement.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScrollManagement = void 0;
 const react_1 = require("react");
-const PageLayoutContainer_1 = require("../../PageLayoutContainer");
+const PageLayoutContainer_1 = require("../PageLayoutContainer");
 const useViewportType_1 = require("../useViewportType");
 /**
  * Отслеживание скролла для динамического отображения футера

package/node/components/{hooks/useSecondsCountDown → useSecondsCountDown}/useSecondsCountdown.d.ts

@@ -1,4 +1,4 @@
-import { type SecondsCountdownParams } from '../../services';
+import { type SecondsCountdownParams } from '../services';
 type UseSecondsCountdownParams = Pick<SecondsCountdownParams, 'targetDate' | 'isInitialActive' | 'seconds'>;
 type UseSecondsCountdownResult = {
     /**

package/node/components/{hooks/useSecondsCountDown → useSecondsCountDown}/useSecondsCountdown.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSecondsCountdown = void 0;
 const react_1 = require("react");
-const services_1 = require("../../services");
+const services_1 = require("../services");
 /**
  *  Хук, предоставляющий функционал с текстом убывающих секунд
  */

package/node/hook-form/EditableText/EditableText.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { type UseFormReturn } from '../hooks/useForm';
+import { type UseFormReturn } from '../useForm';
 import { type FIELD_NAME } from './constants';
 import type { FormValues, ValidationFn } from './types';
 export type EditableTextProps<TValue = string> = {