@centreon/ui 23.10.59 → 23.10.60

package/package.json

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

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}