@groupeactual/ui-kit 1.7.2 → 1.7.3

package/dist/es/src/components/Datatable/datatable.interface.d.ts

@@ -32,6 +32,7 @@ type WithoutPaginationProps = {
 };
 export type PaginationProps = {
     withPagination: true;
+    hideTotal: false;
     setPage: (_page: number) => void;
     setLimit: (_limit: number) => void;
     trans: PaginationTrans;

package/dist/es/src/components/Pagination/Pagination.d.ts

@@ -3,11 +3,12 @@ interface Props {
     totalString: string;
     totalPerPageString: string;
     totalRows: number;
+    hideTotal?: boolean;
     limitsPerPage?: number[];
     page?: number;
     limit?: number;
     setPage?: (_page: number) => void;
     setLimit?: (_limit: number) => void;
 }
-declare const Pagination: ({ totalString, totalPerPageString, limitsPerPage, setLimit, setPage, page, totalRows, limit, }: Props) => React.JSX.Element;
+declare const Pagination: ({ totalString, totalPerPageString, hideTotal, limitsPerPage, page, totalRows, limit, setLimit, setPage, }: Props) => React.JSX.Element;
 export default Pagination;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "main": "dist/cjs/index.js",
@@ -33,7 +33,7 @@
     "@mui/x-date-pickers": "7.15.0",
     "@mui/x-date-pickers-pro": "7.15.0",
     "styled-components": "^6.1.13",
-    "@groupeactual/design-tokens": "1.7.2"
+    "@groupeactual/design-tokens": "1.7.3"
   },
   "scripts": {
     "build": "rollup -c",

package/src/components/Datatable/Datatable.tsx

@@ -35,7 +35,7 @@ const Datatable = <T extends object>({
   isTableLayoutFixed = false,
   ...props
 }: Props<T>) => {
-  const { trans, limits, withTopPagination, setPage, setLimit } =
+  const { trans, limits, withTopPagination, hideTotal, setPage, setLimit } =
     usePaginationProps<T>(props);
   const theme = useTheme();
 
@@ -75,6 +75,7 @@ const Datatable = <T extends object>({
       page={currentPage}
       limit={itemsPerPage}
       setPage={setPage}
+      hideTotal={hideTotal}
       setLimit={setLimit}
       limitsPerPage={limits}
       totalPerPageString={trans.totalPerPage}

package/src/components/Datatable/datatable.interface.ts

@@ -40,6 +40,7 @@ type WithoutPaginationProps = {
 
 export type PaginationProps = {
   withPagination: true;
+  hideTotal: false;
   setPage: (_page: number) => void;
   setLimit: (_limit: number) => void;
   trans: PaginationTrans;

package/src/components/Datatable/use-pagination-props.hook.ts

@@ -8,6 +8,7 @@ const usePaginationProps = <T extends object>(
   let withTopPagination = false;
   let setPage: (_page: number) => void = () => {};
   let setLimit: (_limit: number) => void = () => {};
+  let hideTotal = false;
 
   if ('trans' in props && props.trans) {
     trans = props.trans;
@@ -29,10 +30,15 @@ const usePaginationProps = <T extends object>(
     setLimit = props.setLimit;
   }
 
+  if ('hideTotal' in props) {
+    hideTotal = props.hideTotal;
+  }
+
   return {
     trans,
     limits,
     withTopPagination,
+    hideTotal,
     setPage,
     setLimit,
   };

package/src/components/Pagination/Pagination.tsx

@@ -19,6 +19,7 @@ interface Props {
   totalString: string;
   totalPerPageString: string;
   totalRows: number;
+  hideTotal?: boolean;
   limitsPerPage?: number[];
   page?: number;
   limit?: number;
@@ -29,12 +30,13 @@ interface Props {
 const Pagination = ({
   totalString,
   totalPerPageString,
+  hideTotal = false,
   limitsPerPage = [5, 10, 20],
-  setLimit,
-  setPage,
   page = 1,
   totalRows,
   limit,
+  setLimit,
+  setPage,
 }: Props) => {
   const theme = useTheme();
   const StyledPagination = useMemo(
@@ -88,18 +90,22 @@ const Pagination = ({
       }}
     >
       <Box display="flex" alignItems="center">
-        <Text variant="body1Medium">
-          {totalRows} {totalString}
-        </Text>
-        <Divider
-          orientation="vertical"
-          sx={{
-            color: 'greyXLight',
-            width: '1px',
-            height: '33px',
-            marginX: '16px',
-          }}
-        />
+        {!hideTotal && (
+          <>
+            <Text variant="body1Medium">
+              {totalRows} {totalString}
+            </Text>
+            <Divider
+              orientation="vertical"
+              sx={{
+                color: 'greyXLight',
+                width: '1px',
+                height: '33px',
+                marginX: '16px',
+              }}
+            />
+          </>
+        )}
         <Select
           className="dac-select-label"
           labelId="select-label"

package/src/components/UploadDocument/FileUploader.tsx

@@ -173,7 +173,7 @@ const FileUploader = ({
 
   // * Handle file change and file deletion
   const handleFileChange = useCallback(
-    (
+    async (
       _event: ChangeEvent<HTMLInputElement> | null,
       data?: {
         docs: GoogleDriveFile[];
@@ -203,14 +203,44 @@ const FileUploader = ({
             : true,
         );
 
-        const googleFileData = validDocs.map((doc) => ({
-          name: doc.name,
-          size: Math.round(doc.sizeBytes / 1024), // * Convert size to KB
-          type: doc.mimeType,
-          url: `https://drive.google.com/file/d/${doc.id}/view?usp=drive_we`,
-          driveFileId: doc.id,
-          driveAccessToken: token,
-        }));
+        const googleFileData = await Promise.all(
+          validDocs.map(async (doc) => {
+            const baseUrl = `https://www.googleapis.com/drive/v3/files/${doc.id}`;
+            const params = new URLSearchParams({
+              alt: 'media',
+              supportsAllDrives: 'true',
+            });
+
+            const url = `${baseUrl}?${params}`;
+
+            const response = await fetch(url, {
+              method: 'GET',
+              headers: {
+                Authorization: `Bearer ${token}`,
+              },
+            });
+
+            const blob = await response.blob();
+
+            let file: File | undefined = undefined;
+
+            if (response.status === 200) {
+              file = new File([blob], doc.name, {
+                type: doc.mimeType,
+              });
+            }
+
+            return {
+              name: doc.name,
+              size: Math.round(doc.sizeBytes / 1024), // * Convert size to KB
+              type: doc.mimeType,
+              url: `https://drive.google.com/file/d/${doc.id}/view?usp=drive_we`,
+              file: file,
+              driveFileId: doc.id,
+              driveAccessToken: token,
+            };
+          }),
+        );
 
         setFilesData([...(filesData || []), ...googleFileData]);
       } else if (