@astral/ui 4.97.0 → 4.98.0

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

@@ -1,26 +1,61 @@
 /// <reference types="react" />
 import { type FilePreviewProps } from '../FilePreview';
 type UseLogicParams = FilePreviewProps;
-export declare const useLogic: ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onView, fileType, }: UseLogicParams) => {
-    deleteButtonProps: {
+export declare const useLogic: ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, }: 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;
-    };
-    downloadButtonProps: {
-        href: string;
-    };
-    viewButtonProps: {
+    }[] | ({
         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;
-    };
-    isImageFile: boolean;
-    isPdfFile: boolean;
-    /**
-     * Формат файла отличающийся от pdf и изображения
-     */
-    isOtherFile: boolean;
+        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;
+    })[];
 };
 export {};

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

@@ -1,13 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
+const react_1 = require("react");
+const BinOutlineMd_1 = require("../../../../../icons/BinOutlineMd");
+const DownloadOutlineMd_1 = require("../../../../../icons/DownloadOutlineMd");
+const EyeOutlineMd_1 = require("../../../../../icons/EyeOutlineMd");
 const ErrorService_1 = require("../../../../services/ErrorService");
+const useViewportType_1 = require("../../../../useViewportType");
 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, generateDownloadLink, onDelete, onView, fileType, }) => {
+const useLogic = ({ fileId, file, fileUrl, fileName, generateDownloadLink, onDelete, onView, fileType, isDeletingFile, }) => {
     const { generateUrl } = (0, useGenerateLocalFileURL_1.useGenerateLocalFileURL)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const isPdfFile = MimeTypeRegistry_1.MimeTypeRegistry.getInstance()
         .getExtensionsByMimeType((file?.type || fileType))
         ?.includes('pdf') || false;
@@ -53,20 +59,66 @@ const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onVie
             },
         };
     };
+    const getViewActionsList = () => {
+        return isOtherFile
+            ? []
+            : [
+                {
+                    type: 'iconButton',
+                    tooltip: 'Посмотреть',
+                    variant: 'light',
+                    color: 'grey',
+                    icon: (0, react_1.createElement)(EyeOutlineMd_1.EyeOutlineMd),
+                    ...getPropsViewButton(),
+                },
+            ];
+    };
+    const getActionsList = () => {
+        if (isMobile) {
+            return [
+                {
+                    type: isOtherFile ? 'button' : 'iconButton',
+                    tooltip: 'Удалить',
+                    title: 'Удалить',
+                    variant: 'light',
+                    color: 'grey',
+                    icon: (0, react_1.createElement)(BinOutlineMd_1.BinOutlineMd),
+                    loading: isDeletingFile,
+                    onClick: handleDelete,
+                },
+            ];
+        }
+        return [
+            ...getViewActionsList(),
+            {
+                type: 'iconButton',
+                tooltip: 'Скачать',
+                component: 'a',
+                variant: 'light',
+                color: 'grey',
+                icon: (0, react_1.createElement)(DownloadOutlineMd_1.DownloadOutlineMd),
+                download: fileName,
+                href: downloadLink,
+            },
+            {
+                type: 'iconButton',
+                tooltip: 'Удалить',
+                variant: 'light',
+                color: 'grey',
+                icon: (0, react_1.createElement)(BinOutlineMd_1.BinOutlineMd),
+                loading: isDeletingFile,
+                onClick: handleDelete,
+            },
+        ];
+    };
     return {
-        deleteButtonProps: {
-            onClick: handleDelete,
-        },
-        downloadButtonProps: {
-            href: downloadLink,
-        },
-        viewButtonProps: getPropsViewButton(),
         isImageFile,
         isPdfFile,
         /**
          * Формат файла отличающийся от pdf и изображения
          */
         isOtherFile,
+        getActionsList,
     };
 };
 exports.useLogic = useLogic;

package/package.json

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