@groupeactual/ui-kit 1.8.3 → 1.8.5

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

@@ -1,6 +1,7 @@
 import React, { MouseEvent } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { ChipProps as ChipPropsMUI } from '@mui/material';
+import { Placement } from '@/components/Tooltip/tooltip.interface';
 interface Props extends Omit<ChipPropsMUI, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon' | 'variant'> {
     variant: 'filled' | 'outlined' | 'status' | 'statusFilled';
     label: string;
@@ -8,9 +9,11 @@ interface Props extends Omit<ChipPropsMUI, 'suffix' | 'prefix' | 'onDelete' | 'o
     suffixIcon?: IconDefinition;
     suffixAction?: (_e: MouseEvent) => void;
     suffixTooltip?: string;
+    suffixTooltipPlacement?: Placement;
     tooltip?: string;
+    tooltipPlacement?: Placement;
     maxWidth?: string | number;
     maxLength?: number;
 }
-declare const Chip: ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixAction, tooltip, maxWidth, ...props }: Props) => React.JSX.Element;
+declare const Chip: ({ variant, label, prefixIcon, suffixIcon, suffixTooltip, suffixTooltipPlacement, suffixAction, tooltip, tooltipPlacement, maxWidth, ...props }: Props) => React.JSX.Element;
 export default Chip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "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.8.3"
+    "@groupeactual/design-tokens": "1.8.5"
   },
   "scripts": {
     "build": "rollup -c",

package/src/components/Chip/Chip.tsx

@@ -6,12 +6,13 @@ import {
   Box,
   Chip as ChipMUI,
   ChipProps as ChipPropsMUI,
-  Tooltip,
   styled,
   useTheme,
 } from '@mui/material';
 
 import IconProvider from '@/components/IconProvider';
+import Tooltip from '@/components/Tooltip';
+import { Placement } from '@/components/Tooltip/tooltip.interface';
 
 interface Props
   extends Omit<
@@ -24,7 +25,9 @@ interface Props
   suffixIcon?: IconDefinition;
   suffixAction?: (_e: MouseEvent) => void;
   suffixTooltip?: string;
+  suffixTooltipPlacement?: Placement;
   tooltip?: string;
+  tooltipPlacement?: Placement;
   maxWidth?: string | number;
   maxLength?: number;
 }
@@ -35,8 +38,10 @@ const Chip = ({
   prefixIcon,
   suffixIcon,
   suffixTooltip,
+  suffixTooltipPlacement = 'bottom-end',
   suffixAction,
   tooltip,
+  tooltipPlacement = 'right-start',
   maxWidth = '100%',
   ...props
 }: Props) => {
@@ -64,7 +69,7 @@ const Chip = ({
   }
 
   return (
-    <Tooltip title={tooltip} placement="right-start" open={isTooltipOpen}>
+    <Tooltip title={tooltip} placement={tooltipPlacement} open={isTooltipOpen}>
       <Box
         maxWidth="fit-content"
         onMouseEnter={() => setIsTooltipOpen(true)}
@@ -73,7 +78,7 @@ const Chip = ({
         <Tooltip
           title={suffixTooltip}
           open={isSuffixTooltipOpen}
-          placement="bottom-end"
+          placement={suffixTooltipPlacement}
           sx={{ cursor: suffixAction ? 'pointer !important' : 'default' }}
         >
           <StyledChip

package/src/components/Form/AutoCompleteMulti/AutoCompleteMulti.tsx

@@ -101,7 +101,7 @@ const AutocompleteMultipleSelect = <T,>({
     ];
 
     return classNames.filter(Boolean).join(' ');
-  }, [value]);
+  }, [value, disabled, color]);
 
   const addInputLabelClassName = useMemo(() => {
     const classNames = [