@centreon/ui 23.10.58 → 23.10.60

package/package.json

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

package/src/InputField/Select/Autocomplete/Connected/Multi/MultiConnectedAutocompleteField.cypress.spec.tsx

@@ -73,15 +73,13 @@ describe('Multi connected autocomplete', () => {
       });
     });
 
-    cy.matchImageSnapshot(
-      'displays the list when the user clicks on the input'
-    );
+    cy.makeSnapshot('displays the list when the user clicks on the input');
 
     cy.get('@input').click();
 
     cy.get('@listOptions').should('not.exist');
 
-    cy.matchImageSnapshot('hides the list when the user clicks on the input');
+    cy.makeSnapshot('hides the list when the user clicks on the input');
   });
 
   it('displays exactly one option on the list when the user types that option', () => {
@@ -109,7 +107,7 @@ describe('Multi connected autocomplete', () => {
       cy.contains(optionOne).should('be.visible');
     });
 
-    cy.matchImageSnapshot();
+    cy.makeSnapshot();
   });
 
   it('displays all options on the list when the user searches for and selects an option', () => {
@@ -156,6 +154,6 @@ describe('Multi connected autocomplete', () => {
       });
     });
 
-    cy.matchImageSnapshot();
+    cy.makeSnapshot();
   });
 });

package/src/Listing/Listing.cypress.spec.tsx

@@ -105,7 +105,7 @@ describe('Listing', () => {
       });
     });
 
-    cy.matchImageSnapshot();
+    cy.makeSnapshot();
   });
 
   it('collapses the row when the corresponding icon si clicked', () => {
@@ -115,6 +115,6 @@ describe('Listing', () => {
 
     cy.contains('Sub item 100').should('not.exist');
 
-    cy.matchImageSnapshot();
+    cy.makeSnapshot();
   });
 });

package/src/RichTextEditor/ContentEditable.tsx

@@ -53,6 +53,7 @@ interface Props {
   error?: string;
   hasInitialTextContent?: boolean;
   initialEditorState?: string;
+  initialize?: (editor) => void;
   inputClassname?: string;
   minInputHeight: number;
   namespace: string;
@@ -77,7 +78,8 @@ const ContentEditable = ({
   error,
   onBlur,
   className,
-  disabled
+  disabled,
+  initialize
 }: Props): JSX.Element => {
   const { classes, cx } = useStyles({ editable, error, minInputHeight });
   const { t } = useTranslation();
@@ -147,6 +149,10 @@ const ContentEditable = ({
     editor.setEditable(!disabled);
   }, [disabled]);
 
+  useEffect(() => {
+    initialize?.(editor);
+  }, []);
+
   return (
     <div
       className={cx(

package/src/RichTextEditor/RichTextEditor.tsx

@@ -7,7 +7,7 @@ import { HeadingNode } from '@lexical/rich-text';
 import { ListItemNode, ListNode } from '@lexical/list';
 import anylogger from 'anylogger';
 import { makeStyles } from 'tss-react/mui';
-import { EditorState } from 'lexical';
+import { EditorState, LexicalEditor } from 'lexical';
 import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
 import { equals } from 'ramda';
 import { ListPlugin } from '@lexical/react/LexicalListPlugin';
@@ -27,8 +27,9 @@ export interface RichTextEditorProps {
   editable: boolean;
   editorState?: string;
   error?: string;
-  getEditorState?: (editorState: EditorState) => void;
+  getEditorState?: (editorState: EditorState, editor: LexicalEditor) => void;
   initialEditorState?: string;
+  initialize?: (editor) => void;
   inputClassname?: string;
   minInputHeight?: number;
   namespace?: string;
@@ -132,7 +133,8 @@ const RichTextEditor = ({
   contentClassName,
   displayMacrosButton = false,
   disabled,
-  openLinkInNewTab = true
+  openLinkInNewTab = true,
+  initialize
 }: RichTextEditorProps): JSX.Element => {
   const { classes } = useStyles({ toolbarPositions });
 
@@ -188,6 +190,7 @@ const RichTextEditor = ({
                 error={error}
                 hasInitialTextContent={hasInitialTextContent}
                 initialEditorState={initialEditorState}
+                initialize={initialize}
                 inputClassname={inputClassname}
                 minInputHeight={minInputHeight}
                 namespace={namespace}

package/src/TimePeriods/ResolutionTimePeriod.cypress.spec.tsx

@@ -59,7 +59,7 @@ data.forEach((item) =>
     });
 
     it(`displays correctly the dates design when screen resolution is ${width}px`, () => {
-      cy.matchImageSnapshot(`${width}px`);
+      cy.makeSnapshot(`${width}px`);
     });
   })
 );

package/src/TimePeriods/TimePeriods.cypress.spec.tsx

@@ -499,7 +499,7 @@ testData.forEach((item) =>
           getNextMonth({ currentMonth, labelButton: item.button });
         }
 
-        cy.matchImageSnapshot(
+        cy.makeSnapshot(
           `calendar-${item.timezone}-${
             Object.keys(element)[0]
           }-when-clicking-on-${item.button}`

package/src/utils/useLicenseExpirationWarning.cypress.spec.tsx

@@ -132,6 +132,6 @@ describe('License', () => {
 
     cy.findByText(labelLicenseWarning('centreon-autodiscovery-server', 10));
 
-    cy.matchImageSnapshot();
+    cy.makeSnapshot();
   });
 });