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

package/dist/index.d.mts

@@ -555,6 +555,7 @@ type InlineEditorProps = {
     value: string | null;
     setValue: (value: string | null) => void;
     attributes?: Record<string, string>;
+    elementClasses?: string;
     sx?: SxProps<Theme>;
     onBlur?: (event: Event) => void;
     showToolbar?: boolean;

package/dist/index.d.ts

@@ -555,6 +555,7 @@ type InlineEditorProps = {
     value: string | null;
     setValue: (value: string | null) => void;
     attributes?: Record<string, string>;
+    elementClasses?: string;
     sx?: SxProps<Theme>;
     onBlur?: (event: Event) => void;
     showToolbar?: boolean;

package/dist/index.js

@@ -5938,9 +5938,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 
 // src/controls/inline-editing-control.tsx
 var React102 = __toESM(require("react"));
-var import_react57 = require("react");
 var import_editor_props52 = require("@elementor/editor-props");
-var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var import_ui88 = require("@elementor/ui");
 
 // src/components/inline-editor.tsx
@@ -6218,6 +6216,7 @@ var InlineEditorToolbar = ({ editor }) => {
 };
 
 // src/components/inline-editor.tsx
+var INITIAL_STYLE = "margin:0;padding:0;";
 var useOnUpdate = (callback, dependencies) => {
   const hasMounted = (0, import_react55.useRef)(false);
   (0, import_react55.useEffect)(() => {
@@ -6259,6 +6258,7 @@ var InlineEditor = (0, import_react55.forwardRef)(
     value,
     setValue,
     attributes = {},
+    elementClasses = "",
     showToolbar = false,
     autofocus = false,
     sx = {},
@@ -6304,16 +6304,20 @@ var InlineEditor = (0, import_react55.forwardRef)(
         import_extension_paragraph.default.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];
           }
         }),
         import_extension_heading.default.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]
@@ -6400,18 +6404,8 @@ var InlineEditingControl = createControl(
     attributes,
     props
   }) => {
-    const { value, setValue, bind } = useBoundProp(import_editor_props52.htmlPropTypeUtil);
-    const [actualValue, setActualValue] = (0, import_react57.useState)(value);
+    const { value, setValue } = useBoundProp(import_editor_props52.htmlPropTypeUtil);
     const handleChange = (newValue) => setValue(newValue);
-    (0, import_react57.useEffect)(() => {
-      return (0, import_editor_v1_adapters.__privateListenTo)((0, import_editor_v1_adapters.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(
       import_ui88.Box,
       {
@@ -6446,7 +6440,7 @@ var InlineEditingControl = createControl(
         ...attributes,
         ...props
       },
-      /* @__PURE__ */ React102.createElement(InlineEditor, { value: actualValue || "", setValue: handleChange })
+      /* @__PURE__ */ React102.createElement(InlineEditor, { value: value || "", setValue: handleChange })
     ));
   }
 );
@@ -6463,7 +6457,7 @@ var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /*
 
 // src/components/repeater/repeater.tsx
 var React104 = __toESM(require("react"));
-var import_react58 = require("react");
+var import_react57 = require("react");
 var import_icons36 = require("@elementor/icons");
 var import_ui90 = require("@elementor/ui");
 var import_i18n52 = require("@wordpress/i18n");
@@ -6484,7 +6478,7 @@ var Repeater3 = ({
   openItem: initialOpenItem = EMPTY_OPEN_ITEM2,
   isSortable = true
 }) => {
-  const [openItem, setOpenItem] = (0, import_react58.useState)(initialOpenItem);
+  const [openItem, setOpenItem] = (0, import_react57.useState)(initialOpenItem);
   const uniqueKeys = items2.map(
     (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
   );
@@ -6640,10 +6634,10 @@ var RepeaterItem = ({
   ), /* @__PURE__ */ React104.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React104.createElement(import_ui90.Box, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
-  const [ref, setRef] = (0, import_react58.useState)(null);
+  const [ref, setRef] = (0, import_react57.useState)(null);
   const popoverState = (0, import_ui90.usePopupState)({ variant: "popover" });
   const popoverProps = (0, import_ui90.bindPopover)(popoverState);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (openOnMount && ref) {
       popoverState.open(ref);
       onOpen?.();