@groupeactual/ui-kit 1.5.2 → 1.6.0-beta.3

package/src/components/Link/Link.tsx

@@ -1,21 +1,18 @@
-import React, { useMemo } from 'react';
-import { Link as LinkMui, LinkProps, styled, useTheme } from '@mui/material';
+import { useMemo } from 'react';
 
 import { LinkStyle } from '@groupeactual/design-tokens';
+import { Link as LinkMui, LinkProps, styled, useTheme } from '@mui/material';
 
 interface Props extends Omit<LinkProps, 'variant'> {
   variant?: 'link1' | 'link2';
+  /* eslint-disable @typescript-eslint/no-explicit-any */
   component?: any;
 }
 
 const Link = (props: Props) => {
-    const theme = useTheme();
-    const StyledLink = useMemo(
-      () => styled(LinkMui)(LinkStyle(theme)),
-      [theme]
-    );
+  const theme = useTheme();
+  const StyledLink = useMemo(() => styled(LinkMui)(LinkStyle(theme)), [theme]);
   return <StyledLink {...(props as LinkProps)} />;
-
 };
 
 Link.displayName = 'Link';

package/src/components/Modal/Drawer/Drawer.tsx

@@ -22,7 +22,6 @@ const Drawer = ({
 }: Omit<ModalProps, 'withHeaderDivider' | 'icon'>) => {
   return (
     <DrawerMUI
-      disableEnforceFocus
       anchor="right"
       open={open}
       onClose={() => onClose?.()}
@@ -38,7 +37,7 @@ const Drawer = ({
         },
         '.MuiCardContent-root': {
           padding: '10px 24px 24px 24px',
-          color: 'greyXDark'
+          color: 'greyXDark',
         },
       }}
     >

package/src/components/Modal/modal.interface.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactNode } from 'react';
 
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { CardProps } from '@mui/material';
@@ -17,8 +17,8 @@ export interface ModalProps
   open: boolean;
   title?: string;
   size?: 'small' | 'large';
-  component: ReactElement<any> | null;
-  footer?: ReactElement<any> | null;
+  component: ReactNode | null;
+  footer?: ReactNode | null;
   cardProps?: Partial<CardProps>;
   className?: string;
   icon?: IconDefinition;
@@ -27,7 +27,7 @@ export interface ModalProps
 
 export type DialogTitleProps<T extends OverridableTypeMap> =
   DefaultComponentProps<T> & {
-    children?: React.ReactNode;
+    children?: ReactNode;
     icon?: IconDefinition | null;
     onClose: () => void;
   };

package/src/components/NotistackAdapter/NotistackAdapter.tsx

@@ -1,7 +1,8 @@
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
+
+import { CustomContentProps, SnackbarContent } from 'notistack';
 
 import Snackbar from '../Snackbar/Snackbar';
-import { SnackbarContent, CustomContentProps } from 'notistack';
 
 const NotistackAdapter = forwardRef<HTMLDivElement, CustomContentProps>(
   ({ message, variant }, ref) => {
@@ -13,7 +14,7 @@ const NotistackAdapter = forwardRef<HTMLDivElement, CustomContentProps>(
         <Snackbar text={message} severity={variant} />
       </SnackbarContent>
     );
-  }
+  },
 );
 NotistackAdapter.displayName = 'NotistackAdapter';
 

package/src/components/Pagination/Pagination.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import { ChangeEvent, useEffect, useMemo, useState } from 'react';
 
 import { PaginationStyle } from '@groupeactual/design-tokens';
 import {
@@ -133,7 +133,7 @@ const Pagination = ({
           shape="rounded"
           count={displayablePages}
           page={internalPage}
-          onChange={(_: React.ChangeEvent<unknown>, value: number) =>
+          onChange={(_: ChangeEvent<unknown>, value: number) =>
             changePage(value)
           }
         />

package/src/components/Snackbar/Snackbar.tsx

@@ -1,13 +1,13 @@
 import React, { useMemo } from 'react';
-import { Alert, AlertProps, useTheme, styled } from '@mui/material';
+
 import {
   IconDefinition,
   faCheckCircle,
   faExclamationCircle,
-  faTimesCircle
+  faTimesCircle,
 } from '@fortawesome/pro-solid-svg-icons';
-
 import { SnackbarStyle } from '@groupeactual/design-tokens';
+import { Alert, AlertProps, styled, useTheme } from '@mui/material';
 
 import IconProvider from '../IconProvider/IconProvider';
 
@@ -20,7 +20,7 @@ const Snackbar = ({ text, severity }: Props) => {
   const theme = useTheme();
   const StyledSnackbar = useMemo(
     () => styled(Alert)(SnackbarStyle(theme)),
-    [theme]
+    [theme],
   );
 
   let alertIcon: IconDefinition;

package/src/components/Text/Text.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Typography, TypographyProps } from '@mui/material';
 
 interface Props extends Omit<TypographyProps, 'variant'> {
@@ -24,6 +23,7 @@ interface Props extends Omit<TypographyProps, 'variant'> {
     | 'h4'
     | 'link1'
     | 'link2';
+  /* eslint-disable @typescript-eslint/no-explicit-any */
   component?: any;
 }
 

package/src/components/Tooltip/Tooltip.tsx

@@ -5,7 +5,7 @@ import {
   Tooltip as TooltipMui,
   TooltipProps,
   styled,
-  tooltipClasses
+  tooltipClasses,
 } from '@mui/material';
 
 import { Placement } from './tooltip.interface';
@@ -25,31 +25,29 @@ const Tooltip = ({
   if (!title) {
     return <>{children}</>;
   }
-  const StyledTooltip = styled(
-    ({ className, ...tooltipProps }: TooltipProps) => (
-      <TooltipMui {...tooltipProps} classes={{ popper: className }} />
-    )
-  )(() => ({
+  const StyledTooltip = styled(({ classes, ...tooltipProps }: TooltipProps) => (
+    <TooltipMui {...tooltipProps} classes={classes} />
+  ))(() => ({
     [`& .${tooltipClasses.tooltip}`]: {
       backgroundColor: '#272727',
       padding: '4px !important',
       fontFamily: 'Roboto, sans-serif',
       fontSize: '13px',
       color: 'white',
-      fontWeight: 400
+      fontWeight: 400,
     },
     [`& .${tooltipClasses.tooltipPlacementTop}`]: {
-      marginBottom: '4px !important'
+      marginBottom: '4px !important',
     },
     [`& .${tooltipClasses.tooltipPlacementRight}`]: {
-      marginLeft: '4px !important'
+      marginLeft: '4px !important',
     },
     [`& .${tooltipClasses.tooltipPlacementBottom}`]: {
-      marginTop: '4px !important'
+      marginTop: '4px !important',
     },
     [`& .${tooltipClasses.tooltipPlacementLeft}`]: {
-      marginRight: '4px !important'
-    }
+      marginRight: '4px !important',
+    },
   }));
 
   return (

package/src/components/UploadDocument/FileUploaderSingle.tsx

@@ -2,8 +2,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import { faEye, faTrash, faUpload } from '@fortawesome/pro-regular-svg-icons';
 import { faFileAlt } from '@fortawesome/pro-solid-svg-icons';
-import { IconButton } from '@mui/material';
-import Box from '@mui/material/Box';
+import { Box, IconButton } from '@mui/material';
 
 import Button from '../Button/Button';
 import IconProvider from '../IconProvider/IconProvider';