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

package/dist/index.js

@@ -1660,6 +1660,7 @@ function createTemplatedElementView({
 
 // src/legacy/replacements/inline-editing/inline-editing-elements.tsx
 var React5 = __toESM(require("react"));
+var import_react11 = require("react");
 var import_client = require("react-dom/client");
 var import_editor_controls2 = require("@elementor/editor-controls");
 var import_editor_elements3 = require("@elementor/editor-elements");
@@ -1788,7 +1789,12 @@ var InlineEditingReplacement = class extends ReplacementBase {
   setContentValue(value) {
     const settingKey = this.getInlineEditablePropertyName();
     const valueToSave = value ? import_editor_props3.htmlPropTypeUtil.create(value) : null;
-    this.setSetting(settingKey, valueToSave);
+    (0, import_editor_v1_adapters8.__privateRunCommandSync)("document/elements/settings", {
+      container: (0, import_editor_elements3.getContainer)(this.id),
+      settings: {
+        [settingKey]: valueToSave
+      }
+    });
   }
   getExpectedTag() {
     const propsSchema = (0, import_editor_elements3.getElementType)(this.type)?.propsSchema;
@@ -1811,9 +1817,9 @@ var InlineEditingReplacement = class extends ReplacementBase {
   InlineEditorApp = ({ classes }) => {
     const propValue = this.getContentValue();
     const expectedTag = this.getExpectedTag();
-    const wrapperRef = React5.useRef(null);
-    const [isWrapperRendered, setIsWrapperRendered] = React5.useState(false);
-    React5.useEffect(() => {
+    const wrapperRef = (0, import_react11.useRef)(null);
+    const [isWrapperRendered, setIsWrapperRendered] = (0, import_react11.useState)(false);
+    (0, import_react11.useEffect)(() => {
       setIsWrapperRendered(!!wrapperRef.current);
     }, []);
     return /* @__PURE__ */ React5.createElement(import_ui4.ThemeProvider, null, /* @__PURE__ */ React5.createElement(import_ui4.Box, { ref: wrapperRef }, isWrapperRendered && /* @__PURE__ */ React5.createElement(OutlineOverlay, { element: wrapperRef.current, id: this.id, isSelected: true }), /* @__PURE__ */ React5.createElement(

package/dist/index.mjs

@@ -1619,14 +1619,15 @@ function createTemplatedElementView({
 
 // src/legacy/replacements/inline-editing/inline-editing-elements.tsx
 import * as React5 from "react";
+import { useEffect as useEffect7, useRef as useRef2, useState as useState4 } from "react";
 import { createRoot } from "react-dom/client";
 import { InlineEditor } from "@elementor/editor-controls";
-import { getElementType } from "@elementor/editor-elements";
+import { getContainer, getElementType } from "@elementor/editor-elements";
 import {
   htmlPropTypeUtil,
   stringPropTypeUtil
 } from "@elementor/editor-props";
-import { isExperimentActive } from "@elementor/editor-v1-adapters";
+import { __privateRunCommandSync as runCommandSync, isExperimentActive } from "@elementor/editor-v1-adapters";
 import { Box as Box2, ThemeProvider } from "@elementor/ui";
 
 // src/legacy/replacements/base.ts
@@ -1750,7 +1751,12 @@ var InlineEditingReplacement = class extends ReplacementBase {
   setContentValue(value) {
     const settingKey = this.getInlineEditablePropertyName();
     const valueToSave = value ? htmlPropTypeUtil.create(value) : null;
-    this.setSetting(settingKey, valueToSave);
+    runCommandSync("document/elements/settings", {
+      container: getContainer(this.id),
+      settings: {
+        [settingKey]: valueToSave
+      }
+    });
   }
   getExpectedTag() {
     const propsSchema = getElementType(this.type)?.propsSchema;
@@ -1773,9 +1779,9 @@ var InlineEditingReplacement = class extends ReplacementBase {
   InlineEditorApp = ({ classes }) => {
     const propValue = this.getContentValue();
     const expectedTag = this.getExpectedTag();
-    const wrapperRef = React5.useRef(null);
-    const [isWrapperRendered, setIsWrapperRendered] = React5.useState(false);
-    React5.useEffect(() => {
+    const wrapperRef = useRef2(null);
+    const [isWrapperRendered, setIsWrapperRendered] = useState4(false);
+    useEffect7(() => {
       setIsWrapperRendered(!!wrapperRef.current);
     }, []);
     return /* @__PURE__ */ React5.createElement(ThemeProvider, null, /* @__PURE__ */ React5.createElement(Box2, { ref: wrapperRef }, isWrapperRendered && /* @__PURE__ */ React5.createElement(OutlineOverlay, { element: wrapperRef.current, id: this.id, isSelected: true }), /* @__PURE__ */ React5.createElement(
@@ -1994,7 +2000,7 @@ import {
   createElement as createElement6,
   deleteElement,
   generateElementId,
-  getContainer,
+  getContainer as getContainer2,
   getWidgetsCache as getWidgetsCache5
 } from "@elementor/editor-elements";
 
@@ -2585,7 +2591,7 @@ var initBuildCompositionsTool = (reg) => {
       const softErrors = [];
       const rootContainers = [];
       const widgetsCache = getWidgetsCache5() || {};
-      const documentContainer = getContainer("document");
+      const documentContainer = getContainer2("document");
       try {
         const parser = new DOMParser();
         xml = parser.parseFromString(xmlStructure, "application/xml");
@@ -2931,7 +2937,7 @@ Check the styles schema at the resource [${STYLE_SCHEMA_URI.replace(
 }
 
 // src/mcp/tools/get-element-config/tool.ts
-import { getContainer as getContainer2, getElementStyles as getElementStyles2, getWidgetsCache as getWidgetsCache6 } from "@elementor/editor-elements";
+import { getContainer as getContainer3, getElementStyles as getElementStyles2, getWidgetsCache as getWidgetsCache6 } from "@elementor/editor-elements";
 import { Schema as Schema4 } from "@elementor/editor-props";
 import { z as z3 } from "@elementor/schema";
 var schema = {
@@ -2970,7 +2976,7 @@ var initGetElementConfigTool = (reg) => {
       speedPriority: 0.9
     },
     handler: async ({ elementId }) => {
-      const element = getContainer2(elementId);
+      const element = getContainer3(elementId);
       if (!element) {
         throw new Error(`Element with ID ${elementId} not found.`);
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "3.35.0-376",
+  "version": "3.35.0-377",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,24 +37,24 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "3.35.0-376",
-    "@elementor/editor-controls": "3.35.0-376",
-    "@elementor/editor-documents": "3.35.0-376",
-    "@elementor/editor-elements": "3.35.0-376",
-    "@elementor/editor-interactions": "3.35.0-376",
-    "@elementor/editor-mcp": "3.35.0-376",
-    "@elementor/editor-notifications": "3.35.0-376",
-    "@elementor/editor-props": "3.35.0-376",
-    "@elementor/editor-responsive": "3.35.0-376",
-    "@elementor/editor-styles": "3.35.0-376",
-    "@elementor/editor-styles-repository": "3.35.0-376",
-    "@elementor/editor-ui": "3.35.0-376",
-    "@elementor/editor-v1-adapters": "3.35.0-376",
-    "@elementor/schema": "3.35.0-376",
-    "@elementor/twing": "3.35.0-376",
+    "@elementor/editor": "3.35.0-377",
+    "@elementor/editor-controls": "3.35.0-377",
+    "@elementor/editor-documents": "3.35.0-377",
+    "@elementor/editor-elements": "3.35.0-377",
+    "@elementor/editor-interactions": "3.35.0-377",
+    "@elementor/editor-mcp": "3.35.0-377",
+    "@elementor/editor-notifications": "3.35.0-377",
+    "@elementor/editor-props": "3.35.0-377",
+    "@elementor/editor-responsive": "3.35.0-377",
+    "@elementor/editor-styles": "3.35.0-377",
+    "@elementor/editor-styles-repository": "3.35.0-377",
+    "@elementor/editor-ui": "3.35.0-377",
+    "@elementor/editor-v1-adapters": "3.35.0-377",
+    "@elementor/schema": "3.35.0-377",
+    "@elementor/twing": "3.35.0-377",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "3.35.0-376",
-    "@elementor/wp-media": "3.35.0-376",
+    "@elementor/utils": "3.35.0-377",
+    "@elementor/wp-media": "3.35.0-377",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/legacy/replacements/inline-editing/inline-editing-elements.tsx

@@ -1,14 +1,15 @@
 import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { createRoot, type Root } from 'react-dom/client';
 import { InlineEditor } from '@elementor/editor-controls';
-import { getElementType } from '@elementor/editor-elements';
+import { getContainer, getElementType } from '@elementor/editor-elements';
 import {
 	htmlPropTypeUtil,
 	stringPropTypeUtil,
 	type StringPropValue,
 	type TransformablePropValue,
 } from '@elementor/editor-props';
-import { isExperimentActive } from '@elementor/editor-v1-adapters';
+import { __privateRunCommandSync as runCommandSync, isExperimentActive } from '@elementor/editor-v1-adapters';
 import { Box, ThemeProvider } from '@elementor/ui';
 
 import { OutlineOverlay } from '../../../components/outline-overlay';
@@ -112,7 +113,12 @@ export default class InlineEditingReplacement extends ReplacementBase {
 		const settingKey = this.getInlineEditablePropertyName();
 		const valueToSave = value ? htmlPropTypeUtil.create( value ) : null;
 
-		this.setSetting( settingKey, valueToSave );
+		runCommandSync( 'document/elements/settings', {
+			container: getContainer( this.id ),
+			settings: {
+				[ settingKey ]: valueToSave,
+			},
+		} );
 	}
 
 	getExpectedTag() {
@@ -148,10 +154,10 @@ export default class InlineEditingReplacement extends ReplacementBase {
 	InlineEditorApp = ( { classes }: { classes: string } ) => {
 		const propValue = this.getContentValue();
 		const expectedTag = this.getExpectedTag();
-		const wrapperRef = React.useRef< HTMLDivElement | null >( null );
-		const [ isWrapperRendered, setIsWrapperRendered ] = React.useState( false );
+		const wrapperRef = useRef< HTMLDivElement | null >( null );
+		const [ isWrapperRendered, setIsWrapperRendered ] = useState( false );
 
-		React.useEffect( () => {
+		useEffect( () => {
 			setIsWrapperRendered( !! wrapperRef.current );
 		}, [] );