@centreon/ui 25.1.10 → 25.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "25.1.10",
+  "version": "25.1.12",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",

package/src/Dialog/Confirm/index.tsx

@@ -1,4 +1,9 @@
-import { ButtonProps, DialogContentText, DialogContentTextProps, Typography } from '@mui/material';
+import {
+  ButtonProps,
+  DialogContentText,
+  DialogContentTextProps,
+  Typography
+} from '@mui/material';
 
 import Dialog, { Props as DialogProps } from '..';
 
@@ -8,7 +13,7 @@ type Props = DialogProps & {
   labelSecondMessage?: string | null;
   restCancelButtonProps?: ButtonProps;
   restConfirmButtonProps?: ButtonProps;
-  dialogContentTextProps?:DialogContentTextProps
+  dialogContentTextProps?: DialogContentTextProps;
 };
 
 const Confirm = ({

package/src/Dialog/index.tsx

@@ -38,7 +38,7 @@ export type Props = {
   className?: string;
   confirmDisabled?: boolean;
   contentWidth?: number;
-  dialogTitleProps?:DialogTitleProps
+  dialogTitleProps?: DialogTitleProps;
   dialogActionsClassName?: string;
   dialogConfirmButtonClassName?: string;
   dialogContentClassName?: string;
@@ -93,7 +93,9 @@ const Dialog = ({
       {...rest}
     >
       {labelTitle && (
-        <DialogTitle className={dialogTitleClassName} {...dialogTitleProps}>{labelTitle}</DialogTitle>
+        <DialogTitle className={dialogTitleClassName} {...dialogTitleProps}>
+          {labelTitle}
+        </DialogTitle>
       )}
       {children && (
         <DialogContent

package/src/InputField/Select/Autocomplete/Draggable/index.tsx

@@ -183,10 +183,10 @@ const DraggableAutocomplete = (
         helperText={error}
         textFieldSlotsAndSlotProps={{
           slotProps: {
-            input:{
+            input: {
               ...renderProps?.InputProps
             },
-            inputLabel:{
+            inputLabel: {
               ...renderProps?.inputLabel
             },
             htmlInput: {

package/src/api/useMutationQuery/useOptimisticMutation.ts

@@ -60,8 +60,10 @@ export const useOptimisticMutation = <T, TMeta>({
   }: GetOptimisticMutationListingProps<T, TMeta>): object => {
     const listingQueryKey = getListingQueryKey();
 
-    const updatedPayload = payload && 'id' in payload ? payload :{...payload, id: optimisticListing?.total}
-
+    const updatedPayload =
+      payload && 'id' in payload
+        ? payload
+        : { ...payload, id: (optimisticListing?.total ?? 0) + 1 };
 
     const hasOnlyOnePage =
       (optimisticListing?.total || 0) <= (optimisticListing?.limit || 0);

package/src/components/CollapsibleItem/CollapsibleItem.tsx

@@ -7,7 +7,9 @@ import {
   Accordion,
   AccordionDetails,
   AccordionSummary,
-  Typography
+  AccordionSummaryProps,
+  Typography,
+  TypographyProps
 } from '@mui/material';
 
 import { useCollapsibleItemStyles } from './useCollapsibleItemStyles';
@@ -18,6 +20,7 @@ export interface Props {
   dataTestId?: string;
   defaultExpanded?: boolean;
   title: string | JSX.Element;
+  titleProps?: TypographyProps;
 }
 
 export const CollapsibleItem = ({
@@ -25,8 +28,10 @@ export const CollapsibleItem = ({
   children,
   defaultExpanded,
   compact = false,
-  dataTestId = ''
-}: Props): JSX.Element => {
+  dataTestId = '',
+  titleProps,
+  ...rest
+}: Props & AccordionSummaryProps): JSX.Element => {
   const { classes, cx } = useCollapsibleItemStyles();
 
   const isStringTitle = equals(type(title), 'String');
@@ -56,9 +61,10 @@ export const CollapsibleItem = ({
           }}
           data-testid={`${dataTestId}-summary`}
           expandIcon={<ExpandMoreIcon color="primary" />}
+          {...rest}
         >
           {isStringTitle && (
-            <Typography color="primary" variant="h6">
+            <Typography color="primary" variant="h6" {...titleProps}>
               {title}
             </Typography>
           )}