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

package/dist/index.mjs

@@ -5914,6 +5914,7 @@ import { htmlPropTypeUtil } from "@elementor/editor-props";
 
 // src/components/inline-editor.tsx
 import * as React99 from "react";
+import { useEffect as useEffect9, useRef as useRef24 } from "react";
 import { Box as Box21 } from "@elementor/ui";
 import Bold from "@tiptap/extension-bold";
 import Document from "@tiptap/extension-document";
@@ -5923,6 +5924,16 @@ import Strike from "@tiptap/extension-strike";
 import Text from "@tiptap/extension-text";
 import Underline from "@tiptap/extension-underline";
 import { EditorContent, useEditor } from "@tiptap/react";
+var useOnUpdate = (callback, dependencies) => {
+  const hasMounted = useRef24(false);
+  useEffect9(() => {
+    if (hasMounted.current) {
+      callback();
+    } else {
+      hasMounted.current = true;
+    }
+  }, dependencies);
+};
 var InlineEditor = React99.forwardRef(
   ({ value, setValue, attributes = {}, sx }, ref) => {
     const editor = useEditor({
@@ -5946,6 +5957,15 @@ var InlineEditor = React99.forwardRef(
       content: value,
       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 /* @__PURE__ */ React99.createElement(
       Box21,
       {
@@ -5998,7 +6018,7 @@ var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /*
 
 // src/components/repeater/repeater.tsx
 import * as React102 from "react";
-import { useEffect as useEffect9, useState as useState16 } from "react";
+import { useEffect as useEffect10, useState as useState16 } from "react";
 import { CopyIcon as CopyIcon2, EyeIcon as EyeIcon2, EyeOffIcon as EyeOffIcon2, PlusIcon as PlusIcon3, XIcon as XIcon4 } from "@elementor/icons";
 import {
   bindPopover as bindPopover7,
@@ -6170,7 +6190,7 @@ var usePopover = (openOnMount, onOpen) => {
   const [ref, setRef] = useState16(null);
   const popoverState = usePopupState8({ variant: "popover" });
   const popoverProps = bindPopover7(popoverState);
-  useEffect9(() => {
+  useEffect10(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();