@elementor/editor-controls 3.33.0-293 → 3.33.0-295

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-controls",
   "description": "This package contains the controls model and utils for the Elementor editor",
-  "version": "3.33.0-293",
+  "version": "3.33.0-295",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,22 +40,22 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-current-user": "3.33.0-293",
-    "@elementor/editor-elements": "3.33.0-293",
-    "@elementor/editor-props": "3.33.0-293",
-    "@elementor/editor-responsive": "3.33.0-293",
-    "@elementor/editor-ui": "3.33.0-293",
-    "@elementor/editor-v1-adapters": "3.33.0-293",
-    "@elementor/env": "3.33.0-293",
-    "@elementor/http-client": "3.33.0-293",
+    "@elementor/editor-current-user": "3.33.0-295",
+    "@elementor/editor-elements": "3.33.0-295",
+    "@elementor/editor-props": "3.33.0-295",
+    "@elementor/editor-responsive": "3.33.0-295",
+    "@elementor/editor-ui": "3.33.0-295",
+    "@elementor/editor-v1-adapters": "3.33.0-295",
+    "@elementor/env": "3.33.0-295",
+    "@elementor/http-client": "3.33.0-295",
     "@elementor/icons": "^1.61.0",
-    "@elementor/locations": "3.33.0-293",
-    "@elementor/mixpanel": "3.33.0-293",
-    "@elementor/query": "3.33.0-293",
-    "@elementor/session": "3.33.0-293",
+    "@elementor/locations": "3.33.0-295",
+    "@elementor/mixpanel": "3.33.0-295",
+    "@elementor/query": "3.33.0-295",
+    "@elementor/session": "3.33.0-295",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "3.33.0-293",
-    "@elementor/wp-media": "3.33.0-293",
+    "@elementor/utils": "3.33.0-295",
+    "@elementor/wp-media": "3.33.0-295",
     "@wordpress/i18n": "^5.13.0",
     "@monaco-editor/react": "^4.7.0",
     "dayjs": "^1.11.18",

package/src/components/inline-editor.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type ForwardedRef } from 'react';
+import { type DependencyList, type ForwardedRef, useEffect, useRef } from 'react';
 import { Box, type SxProps, type Theme } from '@elementor/ui';
 import Bold from '@tiptap/extension-bold';
 import Document from '@tiptap/extension-document';
@@ -17,6 +17,19 @@ type InlineEditorProps = {
 	sx?: SxProps< Theme >;
 };
 
+const useOnUpdate = ( callback: () => void, dependencies: DependencyList ): void => {
+	const hasMounted = useRef( false );
+
+	useEffect( () => {
+		if ( hasMounted.current ) {
+			callback();
+		} else {
+			hasMounted.current = true;
+		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, dependencies );
+};
+
 export const InlineEditor = React.forwardRef(
 	( { value, setValue, attributes = {}, sx }: InlineEditorProps, ref: ForwardedRef< HTMLDivElement > ) => {
 		const editor = useEditor( {
@@ -41,6 +54,18 @@ export const InlineEditor = React.forwardRef(
 			onUpdate: ( { editor: updatedEditor } ) => setValue( updatedEditor.getHTML() ),
 		} );
 
+		useOnUpdate( () => {
+			if ( ! editor ) {
+				return;
+			}
+
+			const currentContent = editor.getHTML();
+
+			if ( currentContent !== value ) {
+				editor.commands.setContent( value, { emitUpdate: false } );
+			}
+		}, [ editor, value ] );
+
 		return (
 			<Box
 				ref={ ref }

package/src/components/repeater/repeater.tsx

@@ -369,7 +369,6 @@ const usePopover = ( openOnMount: boolean, onOpen: () => void ) => {
 			popoverState.open( ref );
 			onOpen?.();
 		}
-		// eslint-disable-next-line react-compiler/react-compiler
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [ ref ] );
 

package/src/hooks/use-sync-external-state.tsx

@@ -37,7 +37,6 @@ export const useSyncExternalState = < TValue, >( {
 	useEffect( () => {
 		setInternal( ( prevInternal ) => toInternal( external, prevInternal ) );
 
-		// eslint-disable-next-line react-compiler/react-compiler
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [ external ] );