@majapisoftwares/ui 4.1.8 → 4.1.9

package/components/FileInput/FileInput.d.ts

@@ -9,6 +9,7 @@ export type FileFile = {
     name: string;
     type: string;
     size: number;
+    url: string;
 };
 export type FileUrl = {
     _id: string;

package/components/FileInput/FileInput.jsx

@@ -63,6 +63,7 @@ function FileInput({ error, className, helpText, onChange, name, limit, label, i
                     file,
                     type: file.type,
                     size: file.size,
+                    url: URL.createObjectURL(file),
                 })),
             ]);
         }
@@ -84,6 +85,7 @@ function FileInput({ error, className, helpText, onChange, name, limit, label, i
                         file,
                         type: file.type,
                         size: file.size,
+                        url: URL.createObjectURL(file),
                     });
                     setInnerValue((value) => [...value, uploadedFile]);
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -103,13 +105,7 @@ function FileInput({ error, className, helpText, onChange, name, limit, label, i
             onChange({
                 target: {
                     name,
-                    value: innerValue.map((file) => ({
-                        ...file,
-                        url: file.url ||
-                            (file.file
-                                ? URL.createObjectURL(file.file)
-                                : undefined),
-                    })),
+                    value: innerValue,
                 },
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
             });

package/components/FileInput/PreviewFile.jsx

@@ -11,25 +11,16 @@ import checkIsVideo from "./isVideo";
 import checkIsImage from "./isImage";
 import { isEqual } from "lodash-es";
 function PreviewFile({ file, readOnly, handleDeleteClick, downloadText, openText, display = "info", additionalInfo, index, className, filesPerPage, currentPage, }) {
-    const url = file.url ||
-        (file.file
-            ? URL.createObjectURL(file.file)
-            : undefined);
-    if (!url) {
-        return (<div className={clsx("p-4 text-red-500", className)}>
-        Error: No URL or file provided for preview.
-      </div>);
-    }
-    const isVideo = file.type?.startsWith("video") || checkIsVideo(url);
-    const isImage = file.type?.startsWith("image") || checkIsImage(url);
+    const isVideo = file.type?.startsWith("video") || checkIsVideo(file.url);
+    const isImage = file.type?.startsWith("image") || checkIsImage(file.url);
     if (display === "preview" && !isVideo && !isImage) {
         display = "info";
     }
     return (<div className={clsx("group relative flex flex-wrap items-center justify-center rounded-md bg-zinc-200 dark:bg-zinc-800", className)}>
       {["preview", "both"].includes(display) &&
-            (isVideo ? (<video className="max-h-96 rounded-md" src={url} controls/>) : (
+            (isVideo ? (<video className="max-h-96 rounded-md" src={file.url} controls/>) : (
             // eslint-disable-next-line @next/next/no-img-element
-            <img src={url} alt={file.description} className="max-h-96 rounded-md"/>))}
+            <img src={file.url} alt={file.description} className="max-h-96 rounded-md"/>))}
       {["info", "both"].includes(display) && (<Group className="w-full items-center gap-0">
           {display === "info" && (<div className="m-2 mr-0 rounded-lg bg-zinc-300 p-2 dark:bg-zinc-800">
               <DocumentIcon className="h-5 w-5"/>
@@ -42,11 +33,11 @@ function PreviewFile({ file, readOnly, handleDeleteClick, downloadText, openText
               {file.description && <div>{file.description}</div>}
               <Text size="sm">{file.type}</Text>
               {!!file.size && (<Text size="sm">{numeral(file.size).format("0b")}</Text>)}
-              {!url.startsWith("blob") && (<Group className="mr-auto">
-                  <Button leading={<ArrowTopRightOnSquareIcon />} href={url} target="_blank">
+              {!file.url.startsWith("blob") && (<Group className="mr-auto">
+                  <Button leading={<ArrowTopRightOnSquareIcon />} href={file.url} target="_blank">
                     {openText}
                   </Button>
-                  <Button leading={<ArrowDownTrayIcon />} href={url} download={file.name}>
+                  <Button leading={<ArrowDownTrayIcon />} href={file.url} download={file.name}>
                     {downloadText}
                   </Button>
                 </Group>)}

package/package.json

@@ -4,6 +4,6 @@
     "type": "git",
     "url": "https://github.com/majapisoftwares/ui.git"
   },
-  "version": "4.1.8",
+  "version": "4.1.9",
   "type": "module"
 }