@groupeactual/ui-kit 1.7.0-beta.8 → 1.7.1-beta.0

package/dist/es/src/components/EmbbededNotification/EmbeddedNotification.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { BoxProps } from '@mui/system';
+import { BoxProps } from '@mui/material';
 interface Props extends BoxProps {
     variant: 'warning' | 'error' | 'success' | 'infos';
     title: string;

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.8",
+  "version": "1.7.1-beta.0",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "devDependencies": {
@@ -12,7 +12,7 @@
     "@mdx-js/react": "^3.1.0",
     "@types/google.picker": "^0.0.46",
     "@types/lodash": "^4.17.13",
-    "@types/react": "^18.3.12",
+    "@types/react": "^18.2.75",
     "@types/styled-components": "^5.1.34",
     "babel-loader": "^9.2.1",
     "clsx": "^2.1.1",
@@ -28,7 +28,7 @@
     "style-loader": "^4.0.0",
     "styled-components": "^6.1.13",
     "tslib": "^2.8.1",
-    "typescript": "^5.6.3"
+    "typescript": "^5.5.4"
   },
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -39,15 +39,13 @@
   "types": "dist/es/index.d.ts",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@emotion/react": "^11.13.3",
-    "@emotion/serialize": "^1.3.2",
-    "@emotion/styled": "^11.13.0",
     "@fortawesome/fontawesome-svg-core": "6.6.0",
     "@fortawesome/free-brands-svg-icons": "6.6.0",
     "@fortawesome/pro-regular-svg-icons": "git+https://github.com/actualtysoft/pro-regular-svg-icons.git#6.4.2",
     "@fortawesome/pro-solid-svg-icons": "git+https://github.com/actualtysoft/pro-solid-svg-icons.git#6.4.2",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "5.16.7",
+    "@mui/styled-engine": "5.16.6",
+    "@mui/system": "5.16.7",
     "@mui/x-date-pickers": "^7.15.0",
     "@mui/x-date-pickers-pro": "^7.15.0",
     "@react-oauth/google": "^0.12.1",
@@ -57,7 +55,7 @@
     "react-dom": "^18.3.1",
     "react-google-picker": "^0.1.0",
     "react-dropzone": "^14.3.5",
-    "@groupeactual/design-tokens": "1.7.0-beta.8"
+    "@groupeactual/design-tokens": "1.7.1-beta.0"
   },
   "scripts": {
     "build": "rollup -c",

package/src/components/EmbbededNotification/EmbeddedNotification.tsx

@@ -7,8 +7,7 @@ import {
   faCircleInfo,
   faCircleXmark,
 } from '@fortawesome/pro-solid-svg-icons';
-import { Box } from '@mui/material';
-import { BoxProps } from '@mui/system';
+import { Box, BoxProps } from '@mui/material';
 
 import Text from '@/components//Text';
 import Icon from '@/components/IconProvider';

package/src/components/Form/TimePicker/TimePicker.tsx

@@ -133,7 +133,6 @@ const TimePicker = ({
         {...props}
         ref={textFieldRef}
         data-testid="select-hour"
-        fullWidth
         error={customError || error}
         label={label}
         helperText={customError ?? helperText}

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,7 +104,7 @@ const FileUploader = ({
   const [uploadFileError, setUploadFileError] = useState<string | boolean>(
     false,
   );
-  const [isInitialized, setIsInitialized] = useState<boolean>(false);
+  const [isInitialized, setIsInitialized] = useState(false);
 
   // * Refs
   const fileInputRef = useRef<HTMLInputElement | null>(null);
@@ -316,30 +317,33 @@ 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 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
-    };
+    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);
+      initializeFiles();
+      setFilesData(FilesDataDto);
+      setIsInitialized(true);
+    }
   }, [files]);
 
   useEffect(() => {

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;
+}