@groupeactual/ui-kit 1.7.0-beta.7 → 1.7.0

package/dist/es/src/index.d.ts

@@ -2,3 +2,4 @@ export * from './components';
 export { default as DesignSystemProvider } from './DesignSystemProvider';
 export { DesignSystemContext } from './DesignSystemProvider';
 export { type DesignSystemContextValues } from './DesignSystemProvider';
+export { type ThemeDS } from './interfaces/theme';

package/dist/es/src/interfaces/theme.d.ts

@@ -0,0 +1,55 @@
+interface PaletteDS {
+    redActual: string;
+    blueClickable: string;
+    blueHoverClickable: string;
+    greyMediumInactive: string;
+    greyXDark: string;
+    greyDark: string;
+    white: string;
+    greyXLight: string;
+    greyXDarkBgModal: string;
+    blueHoverEquivalence: string;
+    blueHoverOpacity12: string;
+    greyLightDefaultBorder: string;
+    blueInfo: string;
+    greenSuccess: string;
+    redError: string;
+    orangeWarning: string;
+    blueDark: string;
+    blueMedium: string;
+    blueLight: string;
+    greenDark: string;
+    greenMedium: string;
+    green: string;
+    brown: string;
+    greenLight: string;
+    orangeLight: string;
+    yellow: string;
+    purpleDark: string;
+    purple: string;
+    pink: string;
+    pinkLight: string;
+    primary: {
+        main: string;
+        dark: string;
+    };
+    secondary: {
+        main: string;
+    };
+    success: {
+        main: string;
+    };
+    error: {
+        main: string;
+    };
+    warning: {
+        main: string;
+    };
+    infos: {
+        main: string;
+    };
+}
+export interface ThemeDS {
+    palette: PaletteDS;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "1.7.0-beta.7",
+  "version": "1.7.0",
   "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.7"
+    "@groupeactual/design-tokens": "1.7.0"
   },
   "scripts": {
     "build": "rollup -c",

package/src/components/UploadDocument/FileUploader.tsx

@@ -22,6 +22,7 @@ import {
 } from '@fortawesome/pro-solid-svg-icons';
 import { Box, IconButton } from '@mui/material';
 import Menu from '@mui/material/Menu';
+import { set } from 'lodash';
 
 import Button from '@/components/Button';
 import IconProvider from '@/components/IconProvider';
@@ -103,6 +104,7 @@ const FileUploader = ({
   const [uploadFileError, setUploadFileError] = useState<string | boolean>(
     false,
   );
+  const [isInitialized, setIsInitialized] = useState(false);
 
   // * Refs
   const fileInputRef = useRef<HTMLInputElement | null>(null);
@@ -315,32 +317,39 @@ const FileUploader = ({
 
   // * Initialize the component with the files passed as props
   useEffect(() => {
-    const FilesDataDto: FileDataType[] = files.map((file) => ({
-      name: file.name,
-      size: Math.round(file.size / 1024), // Convert size to KB
-      type: file.type,
-      url: file.url,
-    }));
-
-    const initialFiles = FilesDataDto.map(
-      (fileData) =>
-        new File(
-          [new Blob([`Dummy content for ${fileData.name}`])],
-          fileData.name,
-          {
-            type: fileData.type,
-          },
-        ),
-    );
-
-    setCurrentFiles(initialFiles);
-    setFilesData(FilesDataDto);
-  }, []);
+    if (!isInitialized && files.length > 0) {
+      const FilesDataDto: FileDataType[] = files.map((file) => ({
+        name: file.name,
+        size: Math.round(file.size / 1024), // Convert size to KB
+        type: file.type,
+        url: file.url,
+      }));
+
+      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
+      };
+
+      initializeFiles();
+      setFilesData(FilesDataDto);
+      setIsInitialized(true);
+    }
+  }, [files]);
 
   useEffect(() => {
     // * Notify parent component
     onFilesDataChange?.(filesData, currentFiles);
-  }, [filesData]);
+  }, [filesData, currentFiles]);
 
   useEffect(() => {
     return () => {

package/src/index.ts

@@ -2,3 +2,4 @@ export * from './components';
 export { default as DesignSystemProvider } from './DesignSystemProvider';
 export { DesignSystemContext } from './DesignSystemProvider';
 export { type DesignSystemContextValues } from './DesignSystemProvider';
+export { type ThemeDS } from './interfaces/theme';

package/src/interfaces/theme.ts

@@ -0,0 +1,55 @@
+interface PaletteDS {
+  redActual: string;
+  blueClickable: string;
+  blueHoverClickable: string;
+  greyMediumInactive: string;
+  greyXDark: string;
+  greyDark: string;
+  white: string;
+  greyXLight: string;
+  greyXDarkBgModal: string;
+  blueHoverEquivalence: string;
+  blueHoverOpacity12: string;
+  greyLightDefaultBorder: string;
+  blueInfo: string;
+  greenSuccess: string;
+  redError: string;
+  orangeWarning: string;
+  blueDark: string;
+  blueMedium: string;
+  blueLight: string;
+  greenDark: string;
+  greenMedium: string;
+  green: string;
+  brown: string;
+  greenLight: string;
+  orangeLight: string;
+  yellow: string;
+  purpleDark: string;
+  purple: string;
+  pink: string;
+  pinkLight: string;
+  primary: {
+    main: string;
+    dark: string;
+  };
+  secondary: {
+    main: string;
+  };
+  success: {
+    main: string;
+  };
+  error: {
+    main: string;
+  };
+  warning: {
+    main: string;
+  };
+  infos: {
+    main: string;
+  };
+}
+
+export interface ThemeDS {
+  palette: PaletteDS;
+}