@elementor/editor-controls 3.35.0-380 → 3.35.0-382

package/dist/index.mjs

@@ -5932,12 +5932,7 @@ 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
@@ -6237,6 +6232,7 @@ var InlineEditorToolbar = ({ editor }) => {
 };
 
 // src/components/inline-editor.tsx
+var INITIAL_STYLE = "margin:0;padding:0;";
 var useOnUpdate = (callback, dependencies) => {
   const hasMounted = useRef26(false);
   useEffect11(() => {
@@ -6278,6 +6274,7 @@ var InlineEditor = forwardRef10(
     value,
     setValue,
     attributes = {},
+    elementClasses = "",
     showToolbar = false,
     autofocus = false,
     sx = {},
@@ -6323,16 +6320,20 @@ var InlineEditor = forwardRef10(
         Paragraph.extend({
           renderHTML({ HTMLAttributes }) {
             const tag = expectedTag ?? "p";
-            return [tag, { ...HTMLAttributes, style: "margin:0;padding:0;" }, 0];
+            return [tag, { ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses }, 0];
           }
         }),
         Heading.extend({
           renderHTML({ node, HTMLAttributes }) {
             if (expectedTag) {
-              return [expectedTag, { ...HTMLAttributes, style: "margin:0;padding:0;" }, 0];
+              return [
+                expectedTag,
+                { ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses },
+                0
+              ];
             }
             const level = this.options.levels.includes(node.attrs.level) ? node.attrs.level : this.options.levels[0];
-            return [`h${level}`, { ...HTMLAttributes, style: "margin:0;padding:0;" }, 0];
+            return [`h${level}`, { ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses }, 0];
           }
         }).configure({
           levels: [1, 2, 3, 4, 5, 6]
@@ -6419,18 +6420,8 @@ var InlineEditingControl = createControl(
     attributes,
     props
   }) => {
-    const { value, setValue, bind } = useBoundProp(htmlPropTypeUtil);
-    const [actualValue, setActualValue] = useState20(value);
+    const { value, setValue } = useBoundProp(htmlPropTypeUtil);
     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,
       {
@@ -6465,7 +6456,7 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React102.createElement(InlineEditor, { value: actualValue || "", setValue: handleChange })
+      /* @__PURE__ */ React102.createElement(InlineEditor, { value: value || "", setValue: handleChange })
     ));
   }
 );
@@ -6482,7 +6473,7 @@ var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /*
 
 // src/components/repeater/repeater.tsx
 import * as React104 from "react";
-import { useEffect as useEffect13, useState as useState21 } from "react";
+import { useEffect as useEffect12, useState as useState20 } 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,
@@ -6511,7 +6502,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = useState21(initialOpenItem);
+  const [openItem, setOpenItem] = useState20(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -6667,10 +6658,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] = useState21(null);
+  const [ref, setRef] = useState20(null);
   const popoverState = usePopupState10({ variant: "popover" });
   const popoverProps = bindPopover9(popoverState);
-  useEffect13(() => {
+  useEffect12(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();