@elementor/editor-canvas 3.35.0-423 → 3.35.0-424

package/dist/index.js

@@ -2014,16 +2014,17 @@ var createTemplatedElementTypeWithReplacements = ({
   element
 }) => {
   const legacyWindow2 = window;
+  const view = createViewWithReplacements({
+    type,
+    renderer,
+    element
+  });
   return class extends legacyWindow2.elementor.modules.elements.types.Widget {
     getType() {
       return type;
     }
     getView() {
-      return createViewWithReplacements({
-        type,
-        renderer,
-        element
-      });
+      return view;
     }
   };
 };

package/dist/index.mjs

@@ -1976,16 +1976,17 @@ var createTemplatedElementTypeWithReplacements = ({
   element
 }) => {
   const legacyWindow2 = window;
+  const view = createViewWithReplacements({
+    type,
+    renderer,
+    element
+  });
   return class extends legacyWindow2.elementor.modules.elements.types.Widget {
     getType() {
       return type;
     }
     getView() {
-      return createViewWithReplacements({
-        type,
-        renderer,
-        element
-      });
+      return view;
     }
   };
 };

package/package.json

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

package/src/legacy/__tests__/create-templated-element-type.test.ts

@@ -0,0 +1,56 @@
+import { mockLegacyElementor } from 'test-utils';
+
+import { createTemplatedElementType } from '../create-templated-element-type';
+
+const MOCK_ELEMENT_TYPE = 'test-element';
+
+const createMockRenderer = () => ( {
+	register: jest.fn(),
+	render: jest.fn( () => Promise.resolve( '<div>Element</div>' ) ),
+} );
+
+const createMockElementConfig = () => ( {
+	twig_templates: {},
+	twig_main_template: 'main',
+	atomic_props_schema: {},
+	base_styles_dictionary: {},
+} );
+
+describe( 'createTemplatedElementType', () => {
+	beforeEach( () => {
+		mockLegacyElementor();
+	} );
+
+	it( 'should return the correct element type', () => {
+		// Arrange
+		const ElementType = createTemplatedElementType( {
+			type: MOCK_ELEMENT_TYPE,
+			renderer: createMockRenderer(),
+			element: createMockElementConfig(),
+		} );
+
+		// Act
+		const typeInstance = new ElementType();
+
+		// Assert
+		expect( typeInstance.getType() ).toBe( MOCK_ELEMENT_TYPE );
+	} );
+
+	it( 'should return the same view class for multiple type instances', () => {
+		// Arrange
+		const ElementType = createTemplatedElementType( {
+			type: MOCK_ELEMENT_TYPE,
+			renderer: createMockRenderer(),
+			element: createMockElementConfig(),
+		} );
+
+		// Act
+		const typeInstance1 = new ElementType();
+		const typeInstance2 = new ElementType();
+		const viewClass1 = typeInstance1.getView();
+		const viewClass2 = typeInstance2.getView();
+
+		// Assert
+		expect( viewClass1 ).toBe( viewClass2 );
+	} );
+} );

package/src/legacy/create-templated-element-type.ts

@@ -30,17 +30,19 @@ export function createTemplatedElementType( {
 }: CreateTemplatedElementTypeOptions ): typeof ElementType {
 	const legacyWindow = window as unknown as LegacyWindow;
 
+	const view = createTemplatedElementView( {
+		type,
+		renderer,
+		element,
+	} );
+
 	return class extends legacyWindow.elementor.modules.elements.types.Widget {
 		getType() {
 			return type;
 		}
 
 		getView() {
-			return createTemplatedElementView( {
-				type,
-				renderer,
-				element,
-			} );
+			return view;
 		}
 	};
 }

package/src/legacy/replacements/__tests__/manager.test.ts

@@ -0,0 +1,56 @@
+import { mockLegacyElementor } from 'test-utils';
+
+import { createTemplatedElementTypeWithReplacements } from '../manager';
+
+const MOCK_ELEMENT_TYPE = 'test-element';
+
+const createMockRenderer = () => ( {
+	register: jest.fn(),
+	render: jest.fn( () => Promise.resolve( '<div>Element</div>' ) ),
+} );
+
+const createMockElementConfig = () => ( {
+	twig_templates: {},
+	twig_main_template: 'main',
+	atomic_props_schema: {},
+	base_styles_dictionary: {},
+} );
+
+describe( 'createTemplatedElementTypeWithReplacements', () => {
+	beforeEach( () => {
+		mockLegacyElementor();
+	} );
+
+	it( 'should return the correct element type', () => {
+		// Arrange
+		const ElementType = createTemplatedElementTypeWithReplacements( {
+			type: MOCK_ELEMENT_TYPE,
+			renderer: createMockRenderer(),
+			element: createMockElementConfig(),
+		} );
+
+		// Act
+		const typeInstance = new ElementType();
+
+		// Assert
+		expect( typeInstance.getType() ).toBe( MOCK_ELEMENT_TYPE );
+	} );
+
+	it( 'should return the same view class for multiple type instances', () => {
+		// Arrange
+		const ElementType = createTemplatedElementTypeWithReplacements( {
+			type: MOCK_ELEMENT_TYPE,
+			renderer: createMockRenderer(),
+			element: createMockElementConfig(),
+		} );
+
+		// Act
+		const typeInstance1 = new ElementType();
+		const typeInstance2 = new ElementType();
+		const viewClass1 = typeInstance1.getView();
+		const viewClass2 = typeInstance2.getView();
+
+		// Assert
+		expect( viewClass1 ).toBe( viewClass2 );
+	} );
+} );

package/src/legacy/replacements/manager.ts

@@ -112,17 +112,19 @@ export const createTemplatedElementTypeWithReplacements = ( {
 }: CreateTemplatedElementTypeOptions ): typeof ElementType => {
 	const legacyWindow = window as unknown as LegacyWindow;
 
+	const view = createViewWithReplacements( {
+		type,
+		renderer,
+		element,
+	} );
+
 	return class extends legacyWindow.elementor.modules.elements.types.Widget {
 		getType() {
 			return type;
 		}
 
 		getView() {
-			return createViewWithReplacements( {
-				type,
-				renderer,
-				element,
-			} );
+			return view;
 		}
 	};
 };