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

package/dist/index.js

@@ -1514,6 +1514,18 @@ function createClassesTransformer() {
   });
 }
 
+// src/transformers/settings/date-range-transformer.ts
+var INVALID_DATE = "Invalid Date";
+var dateRangeTransformer = createTransformer((value) => {
+  if (!value || Object.keys(value).length === 0) {
+    return null;
+  }
+  return {
+    min: value.min && value.min !== INVALID_DATE ? value.min : "",
+    max: value.max && value.max !== INVALID_DATE ? value.max : ""
+  };
+});
+
 // src/transformers/settings/date-time-transformer.ts
 var dateTimeTransformer = createTransformer((values) => {
   return values.map((value) => {
@@ -1551,7 +1563,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 +1572,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 +1580,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;
@@ -1661,7 +1676,7 @@ var videoSrcTransformer = createTransformer(async (value) => {
 
 // src/init-settings-transformers.ts
 function initSettingsTransformers() {
-  settingsTransformersRegistry.register("classes", createClassesTransformer()).register("link", linkTransformer).register("query", queryTransformer).register("image", imageTransformer).register("image-src", imageSrcTransformer).register("svg-src", svgSrcTransformer).register("video-src", videoSrcTransformer).register("attributes", attributesTransformer).register("date-time", dateTimeTransformer).register("html-v2", htmlV2Transformer).register("html-v3", htmlV3Transformer).registerFallback(plainTransformer);
+  settingsTransformersRegistry.register("classes", createClassesTransformer()).register("link", linkTransformer).register("query", queryTransformer).register("image", imageTransformer).register("image-src", imageSrcTransformer).register("svg-src", svgSrcTransformer).register("video-src", videoSrcTransformer).register("attributes", attributesTransformer).register("date-time", dateTimeTransformer).register("html-v2", htmlV2Transformer).register("html-v3", htmlV3Transformer).register("date-range", dateRangeTransformer).registerFallback(plainTransformer);
 }
 
 // src/transformers/styles/background-color-overlay-transformer.ts

package/dist/index.mjs

@@ -1479,6 +1479,18 @@ function createClassesTransformer() {
   });
 }
 
+// src/transformers/settings/date-range-transformer.ts
+var INVALID_DATE = "Invalid Date";
+var dateRangeTransformer = createTransformer((value) => {
+  if (!value || Object.keys(value).length === 0) {
+    return null;
+  }
+  return {
+    min: value.min && value.min !== INVALID_DATE ? value.min : "",
+    max: value.max && value.max !== INVALID_DATE ? value.max : ""
+  };
+});
+
 // src/transformers/settings/date-time-transformer.ts
 var dateTimeTransformer = createTransformer((values) => {
   return values.map((value) => {
@@ -1516,7 +1528,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 +1537,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 +1545,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;
@@ -1626,7 +1641,7 @@ var videoSrcTransformer = createTransformer(async (value) => {
 
 // src/init-settings-transformers.ts
 function initSettingsTransformers() {
-  settingsTransformersRegistry.register("classes", createClassesTransformer()).register("link", linkTransformer).register("query", queryTransformer).register("image", imageTransformer).register("image-src", imageSrcTransformer).register("svg-src", svgSrcTransformer).register("video-src", videoSrcTransformer).register("attributes", attributesTransformer).register("date-time", dateTimeTransformer).register("html-v2", htmlV2Transformer).register("html-v3", htmlV3Transformer).registerFallback(plainTransformer);
+  settingsTransformersRegistry.register("classes", createClassesTransformer()).register("link", linkTransformer).register("query", queryTransformer).register("image", imageTransformer).register("image-src", imageSrcTransformer).register("svg-src", svgSrcTransformer).register("video-src", videoSrcTransformer).register("attributes", attributesTransformer).register("date-time", dateTimeTransformer).register("html-v2", htmlV2Transformer).register("html-v3", htmlV3Transformer).register("date-range", dateRangeTransformer).registerFallback(plainTransformer);
 }
 
 // src/transformers/styles/background-color-overlay-transformer.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "4.1.0-820",
+  "version": "4.1.0-822",
   "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-822",
     "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-822",
+    "@elementor/editor-documents": "4.1.0-822",
+    "@elementor/editor-elements": "4.1.0-822",
+    "@elementor/editor-interactions": "4.1.0-822",
+    "@elementor/editor-mcp": "4.1.0-822",
+    "@elementor/editor-notifications": "4.1.0-822",
+    "@elementor/editor-props": "4.1.0-822",
+    "@elementor/editor-responsive": "4.1.0-822",
+    "@elementor/editor-styles": "4.1.0-822",
+    "@elementor/editor-styles-repository": "4.1.0-822",
+    "@elementor/editor-ui": "4.1.0-822",
+    "@elementor/editor-v1-adapters": "4.1.0-822",
+    "@elementor/schema": "4.1.0-822",
+    "@elementor/twing": "4.1.0-822",
     "@elementor/ui": "1.37.5",
-    "@elementor/utils": "4.1.0-820",
-    "@elementor/wp-media": "4.1.0-820",
+    "@elementor/utils": "4.1.0-822",
+    "@elementor/wp-media": "4.1.0-822",
     "@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/init-settings-transformers.ts

@@ -1,6 +1,7 @@
 import { settingsTransformersRegistry } from './settings-transformers-registry';
 import { attributesTransformer } from './transformers/settings/attributes-transformer';
 import { createClassesTransformer } from './transformers/settings/classes-transformer';
+import { dateRangeTransformer } from './transformers/settings/date-range-transformer';
 import { dateTimeTransformer } from './transformers/settings/date-time-transformer';
 import { htmlV2Transformer } from './transformers/settings/html-v2-transformer';
 import { htmlV3Transformer } from './transformers/settings/html-v3-transformer';
@@ -25,5 +26,6 @@ export function initSettingsTransformers() {
 		.register( 'date-time', dateTimeTransformer )
 		.register( 'html-v2', htmlV2Transformer )
 		.register( 'html-v3', htmlV3Transformer )
+		.register( 'date-range', dateRangeTransformer )
 		.registerFallback( plainTransformer );
 }

package/src/transformers/settings/date-range-transformer.ts

@@ -0,0 +1,13 @@
+import { createTransformer } from '../create-transformer';
+
+const INVALID_DATE = 'Invalid Date';
+export const dateRangeTransformer = createTransformer< { min?: string; max?: string } >( ( value ) => {
+	if ( ! value || Object.keys( value ).length === 0 ) {
+		return null;
+	}
+
+	return {
+		min: value.min && value.min !== INVALID_DATE ? value.min : '',
+		max: value.max && value.max !== INVALID_DATE ? value.max : '',
+	};
+} );

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,
 		};
 	}