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

package/dist/index.js

@@ -5919,6 +5919,7 @@ var import_editor_props52 = require("@elementor/editor-props");
 
 // src/components/inline-editor.tsx
 var React99 = __toESM(require("react"));
+var import_react52 = require("react");
 var import_ui85 = require("@elementor/ui");
 var import_extension_bold = __toESM(require("@tiptap/extension-bold"));
 var import_extension_document = __toESM(require("@tiptap/extension-document"));
@@ -5927,10 +5928,20 @@ var import_extension_italic = __toESM(require("@tiptap/extension-italic"));
 var import_extension_strike = __toESM(require("@tiptap/extension-strike"));
 var import_extension_text = __toESM(require("@tiptap/extension-text"));
 var import_extension_underline = __toESM(require("@tiptap/extension-underline"));
-var import_react52 = require("@tiptap/react");
+var import_react53 = require("@tiptap/react");
+var useOnUpdate = (callback, dependencies) => {
+  const hasMounted = (0, import_react52.useRef)(false);
+  (0, import_react52.useEffect)(() => {
+    if (hasMounted.current) {
+      callback();
+    } else {
+      hasMounted.current = true;
+    }
+  }, dependencies);
+};
 var InlineEditor = React99.forwardRef(
   ({ value, setValue, attributes = {}, sx }, ref) => {
-    const editor = (0, import_react52.useEditor)({
+    const editor = (0, import_react53.useEditor)({
       extensions: [
         import_extension_document.default.extend({
           content: "inline*"
@@ -5951,6 +5962,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(
       import_ui85.Box,
       {
@@ -5979,7 +5999,7 @@ var InlineEditor = React99.forwardRef(
         },
         ...attributes
       },
-      /* @__PURE__ */ React99.createElement(import_react52.EditorContent, { editor })
+      /* @__PURE__ */ React99.createElement(import_react53.EditorContent, { editor })
     );
   }
 );
@@ -6003,7 +6023,7 @@ var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /*
 
 // src/components/repeater/repeater.tsx
 var React102 = __toESM(require("react"));
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_icons34 = require("@elementor/icons");
 var import_ui87 = require("@elementor/ui");
 var import_i18n50 = require("@wordpress/i18n");
@@ -6023,7 +6043,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = (0, import_react53.useState)(initialOpenItem);
+  const [openItem, setOpenItem] = (0, import_react54.useState)(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -6165,10 +6185,10 @@ var RepeaterItem = ({
   ), /* @__PURE__ */ React102.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React102.createElement(import_ui87.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
-  const [ref, setRef] = (0, import_react53.useState)(null);
+  const [ref, setRef] = (0, import_react54.useState)(null);
   const popoverState = (0, import_ui87.usePopupState)({ variant: "popover" });
   const popoverProps = (0, import_ui87.bindPopover)(popoverState);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();