@elementor/editor-canvas 4.1.0-820 → 4.1.0-821

package/dist/index.js

@@ -1551,7 +1551,8 @@ var queryTransformer = createTransformer(({ id }) => {
 // src/transformers/shared/image-src-transformer.ts
 var imageSrcTransformer = createTransformer((value) => ({
   id: value.id ?? null,
-  url: value.url ?? null
+  url: value.url ?? null,
+  alt: value.alt ?? null
 }));
 
 // src/transformers/shared/image-transformer.ts
@@ -1559,7 +1560,7 @@ var import_wp_media = require("@elementor/wp-media");
 var imageTransformer = createTransformer(async (value) => {
   const { src, size: size2 } = value;
   if (!src?.id) {
-    return src?.url ? { src: src.url } : null;
+    return src?.url ? { src: src.url, alt: src.alt ?? "" } : null;
   }
   const attachment = await (0, import_wp_media.getMediaAttachment)({ id: src.id });
   const sizedAttachment = attachment?.sizes?.[size2 ?? ""];
@@ -1567,14 +1568,16 @@ var imageTransformer = createTransformer(async (value) => {
     return {
       src: sizedAttachment.url,
       height: sizedAttachment.height,
-      width: sizedAttachment.width
+      width: sizedAttachment.width,
+      alt: attachment.alt
     };
   }
   if (attachment) {
     return {
       src: attachment.url,
       height: attachment.height,
-      width: attachment.width
+      width: attachment.width,
+      alt: attachment.alt
     };
   }
   return null;

package/dist/index.mjs

@@ -1516,7 +1516,8 @@ var queryTransformer = createTransformer(({ id }) => {
 // src/transformers/shared/image-src-transformer.ts
 var imageSrcTransformer = createTransformer((value) => ({
   id: value.id ?? null,
-  url: value.url ?? null
+  url: value.url ?? null,
+  alt: value.alt ?? null
 }));
 
 // src/transformers/shared/image-transformer.ts
@@ -1524,7 +1525,7 @@ import { getMediaAttachment } from "@elementor/wp-media";
 var imageTransformer = createTransformer(async (value) => {
   const { src, size: size2 } = value;
   if (!src?.id) {
-    return src?.url ? { src: src.url } : null;
+    return src?.url ? { src: src.url, alt: src.alt ?? "" } : null;
   }
   const attachment = await getMediaAttachment({ id: src.id });
   const sizedAttachment = attachment?.sizes?.[size2 ?? ""];
@@ -1532,14 +1533,16 @@ var imageTransformer = createTransformer(async (value) => {
     return {
       src: sizedAttachment.url,
       height: sizedAttachment.height,
-      width: sizedAttachment.width
+      width: sizedAttachment.width,
+      alt: attachment.alt
     };
   }
   if (attachment) {
     return {
       src: attachment.url,
       height: attachment.height,
-      width: attachment.width
+      width: attachment.width,
+      alt: attachment.alt
     };
   }
   return null;

package/package.json

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

package/src/__tests__/settings-props-resolver.test.ts

@@ -103,6 +103,7 @@ describe( 'settings props resolver', () => {
 			expected: {
 				image: {
 					src: 'https://localhost.test/test-image.png',
+					alt: '',
 				},
 			},
 		},
@@ -130,6 +131,7 @@ describe( 'settings props resolver', () => {
 					src: 'large-image-url-123',
 					height: 3,
 					width: 3,
+					alt: undefined,
 				},
 			},
 		},
@@ -157,6 +159,7 @@ describe( 'settings props resolver', () => {
 					src: 'original-image-url-123',
 					height: 0,
 					width: 0,
+					alt: undefined,
 				},
 			},
 		},

package/src/transformers/shared/image-src-transformer.ts

@@ -3,9 +3,11 @@ import { createTransformer } from '../create-transformer';
 type ImageSrc = {
 	id?: unknown;
 	url?: unknown;
+	alt?: unknown;
 };
 
 export const imageSrcTransformer = createTransformer( ( value: ImageSrc ) => ( {
 	id: value.id ?? null,
 	url: value.url ?? null,
+	alt: value.alt ?? null,
 } ) );

package/src/transformers/shared/image-transformer.ts

@@ -6,6 +6,7 @@ type Image = {
 	src?: {
 		id: number | null;
 		url: string | null;
+		alt?: string | null;
 	};
 	size?: string;
 };
@@ -14,7 +15,7 @@ export const imageTransformer = createTransformer( async ( value: Image ) => {
 	const { src, size } = value;
 
 	if ( ! src?.id ) {
-		return src?.url ? { src: src.url } : null;
+		return src?.url ? { src: src.url, alt: src.alt ?? '' } : null;
 	}
 
 	const attachment = await getMediaAttachment( { id: src.id } );
@@ -26,6 +27,7 @@ export const imageTransformer = createTransformer( async ( value: Image ) => {
 			src: sizedAttachment.url,
 			height: sizedAttachment.height,
 			width: sizedAttachment.width,
+			alt: attachment.alt,
 		};
 	}
 
@@ -34,6 +36,7 @@ export const imageTransformer = createTransformer( async ( value: Image ) => {
 			src: attachment.url,
 			height: attachment.height,
 			width: attachment.width,
+			alt: attachment.alt,
 		};
 	}