@centreon/ui 24.4.13 → 24.4.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "24.4.13",
+  "version": "24.4.15",
   "description": "Centreon UI Components",
   "scripts": {
     "eslint": "eslint ./src --ext .js,.jsx,.ts,.tsx --max-warnings 0",

package/src/Button/Save/Content.tsx

@@ -1,7 +1,6 @@
-import { useTranslation } from 'react-i18next';
-
 import CheckIcon from '@mui/icons-material/Check';
 import SaveIcon from '@mui/icons-material/Save';
+import { Typography, TypographyProps } from '@mui/material';
 
 interface Props {
   labelLoading: string;
@@ -11,24 +10,42 @@ interface Props {
   succeeded: boolean;
 }
 
+interface WrapperLabelProps {
+  label: string;
+}
+
+const WrapperLabel = ({
+  label,
+  ...rest
+}: WrapperLabelProps & TypographyProps): JSX.Element => {
+  return <Typography {...rest}>{label}</Typography>;
+};
+
 const Content = ({
   succeeded,
   labelSucceeded,
   labelSave,
   loading,
-  labelLoading
-}: Props): JSX.Element | string | null => {
-  const { t } = useTranslation();
-
+  labelLoading,
+  ...rest
+}: Props & TypographyProps): JSX.Element | string | null => {
   if (loading) {
-    return t(labelLoading);
+    return <WrapperLabel label={labelLoading} {...rest} />;
   }
 
   if (succeeded) {
-    return labelSucceeded ? t(labelSucceeded) : <CheckIcon />;
+    return labelSucceeded ? (
+      <WrapperLabel label={labelSucceeded} {...rest} />
+    ) : (
+      <CheckIcon />
+    );
   }
 
-  return labelSave ? t(labelSave) : <SaveIcon />;
+  return labelSave ? (
+    <WrapperLabel label={labelSave} {...rest} />
+  ) : (
+    <SaveIcon />
+  );
 };
 
 export default Content;

package/src/Button/Save/index.tsx

@@ -1,7 +1,7 @@
 import { any, isEmpty, isNil, not, or, pipe } from 'ramda';
 import { makeStyles } from 'tss-react/mui';
 
-import { Theme, Tooltip } from '@mui/material';
+import { Theme, Tooltip, TypographyProps } from '@mui/material';
 import { LoadingButton } from '@mui/lab';
 
 import { getNormalizedId } from '../../utils';
@@ -18,10 +18,12 @@ const useStyles = makeStyles()((theme: Theme) => ({
 interface Props extends Record<string, unknown> {
   className?: string;
   labelLoading?: string;
+  labelProps?: TypographyProps;
   labelSave?: string;
   labelSucceeded?: string;
   loading?: boolean;
   size?: 'small' | 'medium' | 'large';
+  startIcon?: boolean;
   succeeded?: boolean;
   tooltip?: string;
   tooltipLabel?: string;
@@ -45,6 +47,8 @@ const SaveButton = ({
   labelSave = '',
   size = 'small',
   className,
+  startIcon = true,
+  labelProps,
   ...rest
 }: Props): JSX.Element => {
   const { classes, cx } = useStyles();
@@ -73,7 +77,9 @@ const SaveButton = ({
           loading={loading}
           loadingPosition={labelLoading ? 'start' : 'center'}
           size={size}
-          startIcon={<StartIcon startIconConfig={startIconConfig} />}
+          startIcon={
+            startIcon && <StartIcon startIconConfig={startIconConfig} />
+          }
           variant="contained"
           {...rest}
         >
@@ -82,7 +88,8 @@ const SaveButton = ({
             labelSave,
             labelSucceeded,
             loading,
-            succeeded
+            succeeded,
+            ...labelProps
           })}
         </LoadingButton>
       </div>

package/src/Checkbox/Checkbox.tsx

@@ -2,7 +2,7 @@ import { makeStyles } from 'tss-react/mui';
 import { T, always, cond, equals } from 'ramda';
 
 import { SvgIconComponent } from '@mui/icons-material';
-import Typography, { TypographyTypeMap } from '@mui/material/Typography';
+import Typography, { TypographyProps } from '@mui/material/Typography';
 import { FormControlLabel, Checkbox as MuiCheckbox, Box } from '@mui/material';
 
 export type LabelPlacement = 'bottom' | 'top' | 'end' | 'start' | undefined;
@@ -56,7 +56,7 @@ interface Props {
   disabled?: boolean;
   label: string;
   labelPlacement?: LabelPlacement;
-  labelProps?: TypographyTypeMap['props'];
+  labelProps?: TypographyProps;
   onChange?: (e) => void;
 }
 

package/src/Checkbox/CheckboxGroup/index.tsx

@@ -2,7 +2,7 @@ import { equals, includes } from 'ramda';
 import { makeStyles } from 'tss-react/mui';
 
 import FormGroup, { FormGroupProps } from '@mui/material/FormGroup';
-import { TypographyTypeMap } from '@mui/material/Typography';
+import { TypographyProps } from '@mui/material/Typography';
 
 import Checkbox, { LabelPlacement } from '../Checkbox';
 
@@ -13,7 +13,7 @@ interface Props {
   disabled?: boolean;
   formGroupProps?: FormGroupProps;
   labelPlacement?: LabelPlacement;
-  labelProps?: TypographyTypeMap['props'];
+  labelProps?: TypographyProps;
   onChange?: (e) => void;
   options: Array<string>;
   values: Array<string>;