@elementor/editor-controls 3.35.0-376 → 3.35.0-377

package/dist/index.mjs

@@ -5932,12 +5932,22 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 
 // src/controls/inline-editing-control.tsx
 import * as React102 from "react";
+import { useEffect as useEffect12, useState as useState20 } from "react";
 import { htmlPropTypeUtil } from "@elementor/editor-props";
+import {
+  __privateListenTo as listenTo,
+  commandEndEvent
+} from "@elementor/editor-v1-adapters";
 import { Box as Box23 } from "@elementor/ui";
 
 // src/components/inline-editor.tsx
 import * as React101 from "react";
-import { useEffect as useEffect11, useRef as useRef27 } from "react";
+import {
+  forwardRef as forwardRef10,
+  useEffect as useEffect11,
+  useRef as useRef26,
+  useState as useState19
+} from "react";
 import { bindPopover as bindPopover8, Box as Box22, ClickAwayListener, Popover as Popover8, usePopupState as usePopupState9 } from "@elementor/ui";
 import Bold from "@tiptap/extension-bold";
 import Document from "@tiptap/extension-document";
@@ -6228,7 +6238,7 @@ var InlineEditorToolbar = ({ editor }) => {
 
 // src/components/inline-editor.tsx
 var useOnUpdate = (callback, dependencies) => {
-  const hasMounted = useRef27(false);
+  const hasMounted = useRef26(false);
   useEffect11(() => {
     if (hasMounted.current) {
       callback();
@@ -6263,7 +6273,7 @@ var Wrapper = ({ children, containerRef, editor, sx, onBlur }) => {
     wrappedChildren
   ) : /* @__PURE__ */ React101.createElement(React101.Fragment, null, wrappedChildren);
 };
-var InlineEditor = React101.forwardRef(
+var InlineEditor = forwardRef10(
   ({
     value,
     setValue,
@@ -6275,11 +6285,11 @@ var InlineEditor = React101.forwardRef(
     getInitialPopoverPosition = void 0,
     expectedTag = null
   }, ref) => {
-    const containerRef = React101.useRef(null);
+    const containerRef = useRef26(null);
     const popupState = usePopupState9({ variant: "popover", disableAutoFocus: true });
-    const [hasSelectedContent, setHasSelectedContent] = React101.useState(false);
+    const [hasSelectedContent, setHasSelectedContent] = useState19(false);
     const documentContentSettings = !!expectedTag ? "block+" : "inline*";
-    const [selectionRect, setSelectionRect] = React101.useState(null);
+    const [selectionRect, setSelectionRect] = useState19(null);
     const onSelectionEnd = (view) => {
       const hasSelection = !view.state.selection.empty;
       setHasSelectedContent(hasSelection);
@@ -6301,6 +6311,10 @@ var InlineEditor = React101.forwardRef(
       keyup: onSelectionEnd,
       keydown: onKeyDown
     } : void 0;
+    const onUpdate = ({ editor: updatedEditor }) => {
+      const newValue = updatedEditor.getHTML();
+      setValue(isEmpty(newValue) ? null : newValue);
+    };
     const editor = useEditor({
       extensions: [
         Document.extend({
@@ -6342,10 +6356,7 @@ var InlineEditor = React101.forwardRef(
         })
       ],
       content: value,
-      onUpdate: ({ editor: updatedEditor }) => {
-        const newValue = updatedEditor.getHTML();
-        setValue(isEmpty(newValue) ? null : newValue);
-      },
+      onUpdate,
       autofocus,
       editorProps: {
         attributes: {
@@ -6408,8 +6419,18 @@ var InlineEditingControl = createControl(
     attributes,
     props
   }) => {
-    const { value, setValue } = useBoundProp(htmlPropTypeUtil);
+    const { value, setValue, bind } = useBoundProp(htmlPropTypeUtil);
+    const [actualValue, setActualValue] = useState20(value);
     const handleChange = (newValue) => setValue(newValue);
+    useEffect12(() => {
+      return listenTo(commandEndEvent("document/elements/settings"), (e) => {
+        const { args, type } = e;
+        const settingValue = args?.settings?.[bind]?.value ?? null;
+        if (type !== "command" || settingValue !== actualValue) {
+          setActualValue(settingValue);
+        }
+      });
+    }, []);
     return /* @__PURE__ */ React102.createElement(ControlActions, null, /* @__PURE__ */ React102.createElement(
       Box23,
       {
@@ -6444,7 +6465,7 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React102.createElement(InlineEditor, { value: value || "", setValue: handleChange })
+      /* @__PURE__ */ React102.createElement(InlineEditor, { value: actualValue || "", setValue: handleChange })
     ));
   }
 );
@@ -6461,7 +6482,7 @@ var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /*
 
 // src/components/repeater/repeater.tsx
 import * as React104 from "react";
-import { useEffect as useEffect12, useState as useState20 } from "react";
+import { useEffect as useEffect13, useState as useState21 } from "react";
 import { CopyIcon as CopyIcon2, EyeIcon as EyeIcon2, EyeOffIcon as EyeOffIcon2, PlusIcon as PlusIcon3, XIcon as XIcon4 } from "@elementor/icons";
 import {
   bindPopover as bindPopover9,
@@ -6490,7 +6511,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = useState20(initialOpenItem);
+  const [openItem, setOpenItem] = useState21(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -6646,10 +6667,10 @@ var RepeaterItem = ({
   ), /* @__PURE__ */ React104.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React104.createElement(Box24, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
-  const [ref, setRef] = useState20(null);
+  const [ref, setRef] = useState21(null);
   const popoverState = usePopupState10({ variant: "popover" });
   const popoverProps = bindPopover9(popoverState);
-  useEffect12(() => {
+  useEffect13(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();