gbs-add-block 0.0.23 → 0.0.25

package/README.md

@@ -0,0 +1,15 @@
+# GBS Building Blocks 2.0 (v0.0.25)
+
+Latest and upgraded version of GBS building blocks with headless UI and removed dependencies.
+
+## Documentation
+
+For detailed documentation on usage and props, Please visit: [Building Block Documentation v2.0](https://blackmax-designs.gitbook.io/building-block-v2.0)
+
+## What's New 🎉 (Ver 0.0.23)
+
+- Updated Grid
+
+## Authors
+
+- [@anandhuremanan](https://www.github.com/anandhuremanan)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gbs-add-block",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "description": "React Component Library",
   "files": [
     "index.js",

package/source/components/grid/Grid.tsx

@@ -33,7 +33,7 @@ import {
 import type { GridProps } from "./type";
 import { getSourceData } from "../utils";
 
-export const Grid = forwardRef((props: GridProps, ref) => {
+export const GridMemoised = forwardRef((props: GridProps, ref) => {
   const {
     dataSource,
     columns = [],

package/source/components/grid/index.tsx

@@ -8,7 +8,7 @@
  * https://psychedelic-step-e70.notion.site/Data-GRID-by-GBS-R-D-20ff97c899d24bc590215a6196435fa3
  */
 
-import { Grid as GridComponent } from "./Grid";
+import { GridMemoised as GridComponent } from "./Grid";
 import React, { memo } from "react";
 
 const Grid = memo(GridComponent, (prevProps, nextProps) => {

package/source/components/uploader/UploadedFilePreview.tsx

@@ -80,12 +80,14 @@ export default function UploadedFilePreview({
             className="flex items-center justify-between bg-gray-50 p-2 rounded-md mt-2"
           >
             <div className="flex items-center space-x-2">
-              {isImageFile(item.FileName) && (
+              {isImageFile(item.FileName) ? (
                 <img
                   src={constructDownloadUrl(item.FileID)}
                   alt={item.FileName}
                   className="mt-2 w-8 h-8 object-cover rounded-lg"
                 />
+              ) : (
+                <GetFileIcon file={{ type: item.FileName.split(".").pop() }} />
               )}
               <div>
                 <p className="text-sm font-medium text-gray-700">

package/source/components/uploader/Uploader.tsx

@@ -63,6 +63,7 @@ export const FileUploader = ({
         }
       );
       setFileUploadStatus("Upload completed");
+      setFiles([]);
     } else {
       setFileUploadStatus("No files selected");
     }
@@ -97,9 +98,34 @@ export const FileUploader = ({
 
   // Adds files to file array
   const handleFileChange = (newFiles: File[]) => {
+    // First check for duplicates
+    const duplicateFiles: string[] = [];
+    const nonDuplicateFiles = newFiles.filter((newFile) => {
+      const isDuplicate = files.some(
+        (existingFile) => existingFile.name === newFile.name
+      );
+      if (isDuplicate) {
+        duplicateFiles.push(newFile.name);
+      }
+      return !isDuplicate;
+    });
+
+    // If there are duplicates, set error messages
+    if (duplicateFiles.length > 0) {
+      setFileSizeErrors((prev) => [
+        ...prev,
+        ...duplicateFiles.map(
+          (fileName) => `File "${fileName}" has already been uploaded`
+        ),
+      ]);
+
+      // If all files are duplicates, exit early
+      if (nonDuplicateFiles.length === 0) return;
+    }
+
     let updatedFiles: File[] = multiple
-      ? [...files, ...newFiles]
-      : [newFiles[0]];
+      ? [...files, ...nonDuplicateFiles]
+      : [nonDuplicateFiles[0]];
 
     // Ensure the total number of files doesn't exceed the fileCount limit
     if (updatedFiles.length > fileCount) {
@@ -143,7 +169,7 @@ export const FileUploader = ({
       if (onChange) onChange(validFiles);
     }
 
-    // Set file size errors
+    // Set file size errors (now includes both size and duplicate errors)
     setFileSizeErrors(newErrors);
   };
 

package/source/components/uploader/uploaderIcon.tsx

@@ -30,7 +30,7 @@ export const GetFileIcon = ({ file, showImagePreview, previewUrls }: any) => {
         svgClass={"stroke-blue-500 fill-none dark:stroke-white"}
       />
     );
-  if (file.type === "application/pdf")
+  if (file.type === "application/pdf" || file.type.includes("pdf"))
     return (
       <Icon
         dimensions={{ width: "26", height: "26" }}