pixel-react-excel-sheet 1.1.26 → 1.1.27

package/lib/index.cjs

@@ -41157,216 +41157,85 @@ const ActiveCell = props => {
   const [selectOption, setSelectOption] = React__namespace.useState(false);
   const [allOption, setAllOption] = React__namespace.useState();
   const [selectedFiles, setSelectedFiles] = React__namespace.useState([]);
-  // const handleFilesChange = async (
-  //   newFiles: File[],
-  //   selected?: File[],
-  //   actionType?: string
-  // ) => {
-  //   if (newFiles.length > 5) {
-  //     toast.info('Cannot upload more than 5 files.');
-  //     return;
-  //   }
-  //   if (props.attachmentAction?.addAttachment && selected) {
-  //     try {
-  //       if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
-  //         const parsedFiles: File[] = !checkEmpty(cell.value)
-  //           ? JSON.parse(cell.value)
-  //           : [];
-  //         let successCount = 0;
-  //         let failureCount = 0;
-  //         let duplicateCount = 0;
-  //         const nonDuplicateFiles = selected?.filter((file) => {
-  //           const isDuplicate = parsedFiles?.some(
-  //             (existing) => existing?.name.split('*')[0] === file?.name
-  //           );
-  //           if (isDuplicate) {
-  //             duplicateCount++;
-  //           }
-  //           return !isDuplicate;
-  //         });
-  //         const uploadPromises = nonDuplicateFiles?.map(async (file) => {
-  //           const response = await props.attachmentAction?.addAttachment(file);
-  //           if (!checkEmpty(response)) {
-  //             return JSON.parse(response ?? '');
-  //           }
-  //         });
-  //         const results = await Promise.all(uploadPromises);
-  //         results.forEach((result) => {
-  //           if (result) {
-  //             parsedFiles.push(result);
-  //             successCount++;
-  //           } else {
-  //             failureCount++;
-  //           }
-  //         });
-  //         // Update cell value with all successful uploads
-  //         handleChange({
-  //           ...cell,
-  //             value: JSON.stringify(parsedFiles),
-  //           style: cell?.style,
-  //           inputType: cell?.inputType,
-  //         });
-  //         setSelectedFiles(parsedFiles);
-  //         if (duplicateCount > 0) {
-  //               toast.warning(`Duplicate attachments not allowed within the same row`);
-  //         } else if (successCount > 0 && failureCount === 0) {
-  //           toast.success(
-  //             `file${successCount > 1 ? 's' : ''} uploaded successfully.`
-  //           );
-  //         } else if (failureCount > 0) {
-  //           toast.info(
-  //             `${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}. Please check the file formats.`
-  //           );
-  //         }
-  //       } else if (actionType === 'DELETE') {
-  //         const parsedValue = cell && JSON.parse(cell.value);
-  //         const updatedFileDetails = [...parsedValue];
-  //         for (const file of selected) {
-  //           const index = updatedFileDetails.findIndex(
-  //             (originalFile: Types.AttachmentApi) => {
-  //               return originalFile.name === file.name;
-  //             }
-  //           );
-  //           const fileId = updatedFileDetails[index].id;
-  //           if (index !== -1 && fileId) {
-  //             const response = await props.attachmentAction?.deleteAttachment(fileId);
-  //             if (response) {
-  //               updatedFileDetails.splice(index, 1);
-  //               handleChange({
-  //                 ...cell,
-  //                 value: !checkEmpty(updatedFileDetails)
-  //                   ? JSON.stringify(updatedFileDetails)
-  //                   : '',
-  //                 style: cell?.style,
-  //                 inputType: cell?.inputType,
-  //               });
-  //               setSelectedFiles((prevSelectedFiles) => [
-  //                 ...prevSelectedFiles.filter((f) => f.name !== file.name),
-  //               ]);
-  //             }
-  //           }
-  //         }
-  //       }
-  //     } catch (error) {
-  //       toast.error('Attachment operation failed');
-  //       console.error('Attachment failed:', error);
-  //     }
-  //   }
-  // };
+  console.log("Active cell");
   const handleFilesChange = async (newFiles, selected, actionType) => {
     if (newFiles.length > 5) {
       toast.info('Cannot upload more than 5 files.');
       return;
     }
-    if (props.attachmentAction?.addAttachment && selected && actionType === 'ADD' && cell?.inputType?.type === 'file') {
+    console.log(newFiles);
+    console.log(selected);
+    console.log(actionType);
+    if (props.attachmentAction?.addAttachment && selected) {
       try {
-        const parsedFiles = !checkEmpty(cell.value) ? JSON.parse(cell.value) : [];
-        let successCount = 0;
-        let failureCount = 0;
-        let duplicateCount = 0;
-        // Filter out duplicate files
-        const nonDuplicateFiles = selected.filter(file => {
-          const isDuplicate = parsedFiles.some(existing => existing?.name.split('*')[0] === file?.name);
-          if (isDuplicate) {
-            duplicateCount++;
-          }
-          return !isDuplicate;
-        });
-        if (duplicateCount > 0) {
-          toast.warning(`Duplicate attachments not allowed within the same row`);
-        }
-        if (nonDuplicateFiles.length === 0) {
-          return; // No files to upload after filtering duplicates
-        }
-        // Upload non-duplicate files
-        const uploadPromises = nonDuplicateFiles.map(async file => {
-          try {
+        if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
+          const parsedFiles = !checkEmpty(cell.value) ? JSON.parse(cell.value) : [];
+          let successCount = 0;
+          let failureCount = 0;
+          let duplicateCount = 0;
+          const nonDuplicateFiles = selected?.filter(file => {
+            const isDuplicate = parsedFiles?.some(existing => existing?.name.split('*')[0] === file?.name);
+            if (isDuplicate) {
+              duplicateCount++;
+            }
+            return !isDuplicate;
+          });
+          const uploadPromises = nonDuplicateFiles?.map(async file => {
             const response = await props.attachmentAction?.addAttachment(file);
-            // Check if response is non-empty
             if (!checkEmpty(response)) {
-              try {
-                const parsedResponse = JSON.parse(response ?? '[]');
-                // Expecting an array with at least one file object
-                if (Array.isArray(parsedResponse) && parsedResponse.length > 0 && parsedResponse[0].id && parsedResponse[0].name) {
-                  return {
-                    file,
-                    result: parsedResponse[0]
-                  }; // Use the first file object
-                } else {
-                  throw new Error('Invalid response structure');
-                }
-              } catch (parseError) {
-                throw parseError;
-              }
+              return JSON.parse(response ?? '');
+            }
+          });
+          const results = await Promise.all(uploadPromises);
+          results.forEach(result => {
+            if (result) {
+              parsedFiles.push(result);
+              successCount++;
             } else {
-              throw new Error('Empty response from server');
+              failureCount++;
             }
-          } catch (error) {
-            return {
-              file,
-              error
-            }; // Capture errors for individual files
-          }
-        });
-        const results = await Promise.all(uploadPromises);
-        // Process results
-        const successfulUploads = [];
-        results.forEach(({
-          file,
-          result,
-          error
-        }) => {
-          if (result && !error) {
-            successfulUploads.push(result);
-            successCount++;
-          } else {
-            failureCount++;
-            console.error(`Failed to upload file ${file?.name}:`, error);
-          }
-        });
-        // Update cell value with successful uploads
-        if (successCount > 0) {
-          const updatedFiles = [...parsedFiles, ...successfulUploads];
+          });
+          // Update cell value with all successful uploads
           handleChange({
             ...cell,
-            value: JSON.stringify(updatedFiles),
+            value: JSON.stringify(parsedFiles),
             style: cell?.style,
             inputType: cell?.inputType
           });
-          setSelectedFiles(updatedFiles.map(file => new File([new Blob()], file.name)));
-          toast.success(`file${successCount > 1 ? 's' : ''} uploaded successfully.`);
-        }
-        if (failureCount > 0) {
-          toast.info(`${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}. Please check the file formats.`);
-        }
-      } catch (error) {
-        toast.error('Attachment operation failed');
-        console.error('Attachment failed:', error);
-      }
-    } else if (actionType === 'DELETE' && cell && props.attachmentAction?.deleteAttachment) {
-      try {
-        const parsedValue = JSON.parse(cell.value);
-        const updatedFileDetails = [...parsedValue];
-        for (const file of selected || []) {
-          const index = updatedFileDetails.findIndex(originalFile => originalFile.name === file.name);
-          const fileId = updatedFileDetails[index]?.id;
-          if (index !== -1 && fileId) {
-            const response = await props.attachmentAction?.deleteAttachment(fileId);
-            if (response) {
-              updatedFileDetails.splice(index, 1);
-              handleChange({
-                ...cell,
-                value: !checkEmpty(updatedFileDetails) ? JSON.stringify(updatedFileDetails) : '',
-                style: cell?.style,
-                inputType: cell?.inputType
-              });
-              setSelectedFiles(updatedFileDetails.map(f => new File([new Blob()], f.name)));
+          setSelectedFiles(parsedFiles);
+          if (duplicateCount > 0) {
+            toast.warning(`Duplicate attachments not allowed within the same row`);
+          } else if (successCount > 0 && failureCount === 0) {
+            toast.success(`file${successCount > 1 ? 's' : ''} uploaded successfully.`);
+          } else if (failureCount > 0) {
+            toast.info(`${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}. Please check the file formats.`);
+          }
+        } else if (actionType === 'DELETE') {
+          const parsedValue = cell && JSON.parse(cell.value);
+          const updatedFileDetails = [...parsedValue];
+          for (const file of selected) {
+            const index = updatedFileDetails.findIndex(originalFile => {
+              return originalFile.name === file.name;
+            });
+            const fileId = updatedFileDetails[index].id;
+            if (index !== -1 && fileId) {
+              const response = await props.attachmentAction?.deleteAttachment(fileId);
+              if (response) {
+                updatedFileDetails.splice(index, 1);
+                handleChange({
+                  ...cell,
+                  value: !checkEmpty(updatedFileDetails) ? JSON.stringify(updatedFileDetails) : '',
+                  style: cell?.style,
+                  inputType: cell?.inputType
+                });
+                setSelectedFiles(prevSelectedFiles => [...prevSelectedFiles.filter(f => f.name !== file.name)]);
+              }
             }
           }
         }
       } catch (error) {
         toast.error('Attachment operation failed');
-        console.error('Delete attachment failed:', error);
+        console.error('Attachment failed:', error);
       }
     }
   };
@@ -41492,6 +41361,7 @@ const ActiveCell = props => {
       selectedFiles: selectedFiles,
       onFilesChange: handleFilesChange,
       disabled: false,
+      maxFileSizeMB: 5,
       maxFiles: 5,
       buttonLabel: "+ Attachments",
       buttonVariant: "tertiary",