@groupeactual/ui-kit 0.4.25 → 0.4.26

package/src/components/Icon/Icon.tsx

@@ -1,5 +1,5 @@
+import React, { forwardRef } from 'react';
 import SvgIcon from '@mui/material/SvgIcon';
-import { forwardRef } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import Box, { BoxProps } from '@mui/material/Box';
@@ -61,7 +61,7 @@ const FontAwesomeSvgIcon = forwardRef<SVGSVGElement, FontAwesomeSvgIconProps>(
   }
 );
 
-const Icon = ({
+const IconProvider = ({
   variant = 'none',
   icon,
   color = '#136cac',
@@ -84,9 +84,9 @@ const Icon = ({
           borderRadius: '4px',
           borderColor: '1px solid ' + usedColor,
           overflow: 'visible',
-          padding: usedFontSize + 'px',
-          width: usedFontSize,
-          height: usedFontSize,
+          padding: '10px',
+          width: '35px',
+          height: '35px',
           display: 'flex',
           justifyContent: 'center',
           alignItems: 'center'
@@ -107,11 +107,14 @@ const Icon = ({
     return key in FontSizes;
   };
 
-  const usedFontSize: number = isKey(size)
-    ? FontSizes[size]
-    : size >= 0
-    ? size
-    : 16;
+  const usedFontSize: number =
+    variant === 'square'
+      ? 16
+      : isKey(size)
+      ? FontSizes[size]
+      : size >= 0
+      ? size
+      : 16;
 
   return (
     <Box component="span" sx={getStyles()} {...props}>
@@ -120,4 +123,4 @@ const Icon = ({
   );
 };
 
-export default Icon;
+export default IconProvider;

package/src/components/Link/Link.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link as LinkMui, LinkProps } from '@mui/material';
 
 interface Props extends Omit<LinkProps, 'variant'> {

package/src/components/Pagination/Pagination.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   Box,
   Divider,
@@ -60,7 +60,7 @@ const Pagination = ({
             />
             <Select
               sx={{
-                //@TODO replace by Select from ui-kit when ready
+                // @TODO replace by Select from ui-kit when ready
                 height: '32px',
                 width: '75px',
                 fontSize: '14px',

package/src/components/Text/Text.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Typography, TypographyProps } from '@mui/material';
 
 interface Props extends Omit<TypographyProps, 'variant'> {

package/src/components/Tooltip/Tooltip.tsx

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { IconButton, Tooltip as TooltipMui, TooltipProps } from '@mui/material';
+
+interface Props extends Omit<TooltipProps, 'icon' | 'children'> {
+  title: string;
+  children: ReactNode;
+}
+
+const Tooltip = ({ title, children, ...props }: Props) => (
+  <TooltipMui title={title} {...props} className="DsTooltip-root">
+    <IconButton
+      sx={{
+        padding: 0,
+        '& .MuiBox-root': {
+          width: 0
+        }
+      }}
+    >
+      {children}
+    </IconButton>
+  </TooltipMui>
+);
+
+export default Tooltip;

package/src/components/Tooltip/index.ts

@@ -0,0 +1 @@
+export { default } from './Tooltip';

package/src/components/index.ts

@@ -2,9 +2,12 @@ export { default as Text } from './Text';
 export { default as Link } from './Link';
 export { default as Button } from './Button';
 export { default as TextField } from './Form/TextField';
+export { default as Select } from './Form/Select';
+export { default as MultiSelect } from './Form/MultiSelect';
 export { default as Checkbox } from './Form/Checkbox';
 export { default as Accordion } from './Accordion';
 export { default as IconProvider } from './Icon/Icon';
 export { default as Pagination } from './Pagination';
 export { default as Chip } from './Chip/Chip';
 export { default as EmbeddedNotification } from './EmbbededNotification/EmbeddedNotification';
+export { default as Tooltip } from './Tooltip/Tooltip';