@groupeactual/ui-kit 1.7.0-beta.6 → 1.7.0-beta.8

package/dist/es/src/components/UploadDocument/FileUploader.d.ts

@@ -19,7 +19,7 @@ interface Props {
     _isDroppingFile?: boolean;
     validateFile?: (_size: number, _type: string, _accept: string[], _setUploadFileError: React.Dispatch<React.SetStateAction<boolean | string>>) => boolean;
     onTouched?: () => void;
-    onFilesDataChange?: (_fileData: FileDataType[] | undefined) => void;
+    onFilesDataChange?: (_fileData: FileDataType[] | undefined, _filesInput?: File[]) => void;
 }
 declare const FileUploader: ({ title, subTitle, titleAddButton, helperText, titleTooltip, files, isMulti, accept, acceptText, orText, disabled, error, enableGoogleDrive, googleAuthClientId, googleApiKey, _isDroppingFile, validateFile, onTouched, onFilesDataChange, }: Props) => React.JSX.Element;
 export default FileUploader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "1.7.0-beta.6",
+  "version": "1.7.0-beta.8",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "devDependencies": {
@@ -57,7 +57,7 @@
     "react-dom": "^18.3.1",
     "react-google-picker": "^0.1.0",
     "react-dropzone": "^14.3.5",
-    "@groupeactual/design-tokens": "1.7.0-beta.6"
+    "@groupeactual/design-tokens": "1.7.0-beta.8"
   },
   "scripts": {
     "build": "rollup -c",

package/src/components/UploadDocument/FileUploader.tsx

@@ -60,7 +60,10 @@ interface Props {
     _setUploadFileError: React.Dispatch<React.SetStateAction<boolean | string>>,
   ) => boolean;
   onTouched?: () => void;
-  onFilesDataChange?: (_fileData: FileDataType[] | undefined) => void;
+  onFilesDataChange?: (
+    _fileData: FileDataType[] | undefined,
+    _filesInput?: File[],
+  ) => void;
 }
 
 const FileUploader = ({
@@ -100,6 +103,7 @@ const FileUploader = ({
   const [uploadFileError, setUploadFileError] = useState<string | boolean>(
     false,
   );
+  const [isInitialized, setIsInitialized] = useState<boolean>(false);
 
   // * Refs
   const fileInputRef = useRef<HTMLInputElement | null>(null);
@@ -319,25 +323,29 @@ const FileUploader = ({
       url: file.url,
     }));
 
-    const initialFiles = FilesDataDto.map(
-      (fileData) =>
-        new File(
-          [new Blob([`Dummy content for ${fileData.name}`])],
-          fileData.name,
-          {
+    const initializeFiles = async () => {
+      const initialFiles = await Promise.all(
+        FilesDataDto.map(async (fileData) => {
+          const response = await fetch(fileData.url);
+          const blob = await response.blob();
+
+          return new File([blob], fileData.name, {
             type: fileData.type,
-          },
-        ),
-    );
+          });
+        }),
+      );
+
+      setCurrentFiles(initialFiles); // Now files is a File[] array
+    };
 
-    setCurrentFiles(initialFiles);
+    initializeFiles();
     setFilesData(FilesDataDto);
-  }, []);
+  }, [files]);
 
   useEffect(() => {
     // * Notify parent component
-    onFilesDataChange?.(filesData);
-  }, [filesData]);
+    onFilesDataChange?.(filesData, currentFiles);
+  }, [filesData, currentFiles]);
 
   useEffect(() => {
     return () => {