@groupeactual/ui-kit 1.1.4 → 1.2.0

package/src/components/Pagination/Pagination.tsx

@@ -16,18 +16,18 @@ import { getTotalPages } from './pagination.helper';
 interface Props {
   totalString: string;
   totalPerPageString: string;
-  limitsPerPage: number[];
   totalRows: number;
-  setLimit?: (limit: number) => void;
-  setPage?: (page: number) => void;
+  limitsPerPage?: number[];
   page?: number;
   limit?: number;
+  setPage?: (page: number) => void;
+  setLimit?: (limit: number) => void;
 }
 
 const Pagination = ({
   totalString,
   totalPerPageString,
-  limitsPerPage,
+  limitsPerPage = [5, 10, 20],
   setLimit,
   setPage,
   page = 1,
@@ -83,6 +83,7 @@ const Pagination = ({
       display="flex"
       flexDirection="row"
       justifyContent="flex-end"
+      alignItems="center"
       sx={{
         paddingTop: '16px',
         paddingBottom: '24px'
@@ -108,6 +109,7 @@ const Pagination = ({
               getRenderValue={(value) => value.toString()}
               width={75}
               sx={{
+                backgroundColor: 'white',
                 '&.MuiInputBase-root': {
                   height: '32px !important'
                 }
@@ -116,8 +118,8 @@ const Pagination = ({
             <Text
               color="greyXDark"
               variant="body1Regular"
-              pt="6px"
-              pl="6px"
+              pt="10px"
+              pl="8px"
               pr="16px"
             >
               {totalPerPageString}

package/src/components/Tooltip/Tooltip.tsx

@@ -1,45 +1,30 @@
-import React, { ReactNode, useMemo } from 'react';
+import { ReactElement, useMemo } from 'react';
+
 import {
-  IconButton,
   Tooltip as TooltipMui,
   TooltipProps,
-  tooltipClasses,
-  styled
+  styled,
+  tooltipClasses
 } from '@mui/material';
-
-
+import { Box } from '@mui/material';
 
 import Text from '../Text/Text';
+import { Placement } from './tooltip.interface';
 
 interface Props extends Omit<TooltipProps, 'icon' | 'children' | 'placement'> {
   title: string;
-  children: ReactNode;
-  placement?:
-    | 'right'
-    | 'bottom'
-    | 'left'
-    | 'top'
-    | 'bottom-end'
-    | 'bottom-start'
-    | 'left-end'
-    | 'left-start'
-    | 'right-end'
-    | 'right-start'
-    | 'top-end'
-    | 'top-start'
-    | undefined;
+  children: ReactElement;
+  placement?: Placement;
 }
 
-const Tooltip = ({
-  title,
-  children,
-  placement,
-  ...props
-}: Props) => {
+const Tooltip = ({ title, children, placement, ...tooltipProps }: Props) => {
+  if (!title) {
+    return <>{children}</>;
+  }
   const StyledTooltip = useMemo(
     () =>
-      styled(({ className, ...props }: TooltipProps) => (
-        <TooltipMui {...props} classes={{ popper: className }} />
+      styled(({ className, ...tooltipProps }: TooltipProps) => (
+        <TooltipMui {...tooltipProps} classes={{ popper: className }} />
       ))(({ theme }) => ({
         [`& .${tooltipClasses.tooltip}`]: {
           backgroundColor: theme.palette.greyXDark,
@@ -72,6 +57,7 @@ const Tooltip = ({
       })),
     []
   );
+
   return (
     <StyledTooltip
       {...(placement ? { placement } : {})}
@@ -80,21 +66,11 @@ const Tooltip = ({
           {title}
         </Text>
       }
-      {...props}
+      {...tooltipProps}
     >
-      <IconButton
-        sx={{
-          padding: '4px !important',
-          '&.MuiIconButton-root:hover': {
-            backgroundColor: 'unset'
-          },
-          '.MuiTouchRipple-root': {
-            display: 'none'
-          }
-        }}
-      >
+      <Box p={1} component="span">
         {children}
-      </IconButton>
+      </Box>
     </StyledTooltip>
   );
 };

package/src/components/Tooltip/tooltip.interface.ts

@@ -0,0 +1,14 @@
+export type Placement =
+  | 'right'
+  | 'bottom'
+  | 'left'
+  | 'top'
+  | 'bottom-end'
+  | 'bottom-start'
+  | 'left-end'
+  | 'left-start'
+  | 'right-end'
+  | 'right-start'
+  | 'top-end'
+  | 'top-start'
+  | undefined;

package/src/components/index.ts

@@ -24,3 +24,4 @@ export { default as Stepper } from './Stepper/Stepper';
 export { default as Switch } from './Form/Switch/Switch';
 export { default as DatePicker } from './Form/DatePicker';
 export { default as Datatable } from './Datatable/Datatable';
+export { default as IconButton } from './IconButton/IconButton';

package/dist/cjs/types/components/Datatable/datatable.helper.d.ts

@@ -1,10 +0,0 @@
-import { Row } from './datatable.interface';
-/**
- * Compares two objects based on a specified property in descending order.
- *
- * @param a - The first object in the comparison.
- * @param b - The second object in the comparison.
- * @param orderBy - The property of the objects to base the comparison on.
- * @returns A number indicating the order of the objects.
- */
-export declare const descendingComparator: <T>(a: T | (T & Row), b: T | (T & Row), orderBy?: string) => number;

package/dist/es/types/components/Datatable/datatable.helper.d.ts

@@ -1,10 +0,0 @@
-import { Row } from './datatable.interface';
-/**
- * Compares two objects based on a specified property in descending order.
- *
- * @param a - The first object in the comparison.
- * @param b - The second object in the comparison.
- * @param orderBy - The property of the objects to base the comparison on.
- * @returns A number indicating the order of the objects.
- */
-export declare const descendingComparator: <T>(a: T | (T & Row), b: T | (T & Row), orderBy?: string) => number;

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

@@ -1,21 +0,0 @@
-import { Row } from './datatable.interface';
-
-/**
- * Compares two objects based on a specified property in descending order.
- *
- * @param a - The first object in the comparison.
- * @param b - The second object in the comparison.
- * @param orderBy - The property of the objects to base the comparison on.
- * @returns A number indicating the order of the objects.
- */
-export const descendingComparator = <T>(
-  a: T | (T & Row),
-  b: T | (T & Row),
-  orderBy?: string
-): number => {
-  if (!orderBy) {
-    return 0;
-  }
-
-  return b[orderBy] < a[orderBy] ? -1 : b[orderBy] > a[orderBy] ? 1 : 0;
-};