@elementor/editor-canvas 4.1.0-831 → 4.1.0-833

package/dist/index.js

@@ -1302,7 +1302,8 @@ var FORM_FIELD_ELEMENT_TYPES = /* @__PURE__ */ new Set([
   "e-form-select",
   "e-form-radio-button",
   "e-form-file-upload",
-  "e-form-date-picker"
+  "e-form-date-picker",
+  "e-form-time-picker"
 ]);
 function getArgsElementType(args) {
   return args.model?.widgetType || args.model?.elType;
@@ -1518,14 +1519,13 @@ 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 : ""
+    min: value.min || null,
+    max: value.max || null
   };
 });
 
@@ -1563,6 +1563,17 @@ var queryTransformer = createTransformer(({ id }) => {
   return id ?? null;
 });
 
+// src/transformers/settings/time-range-transformer.ts
+var timeRangeTransformer = createTransformer((value) => {
+  if (!value || Object.keys(value).length === 0) {
+    return null;
+  }
+  return {
+    min: value.min || null,
+    max: value.max || null
+  };
+});
+
 // src/transformers/shared/image-src-transformer.ts
 var imageSrcTransformer = createTransformer((value) => ({
   id: value.id ?? null,
@@ -1679,7 +1690,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).register("date-range", dateRangeTransformer).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).register("time-range", timeRangeTransformer).registerFallback(plainTransformer);
 }
 
 // src/transformers/styles/background-color-overlay-transformer.ts

package/dist/index.mjs

@@ -1266,7 +1266,8 @@ var FORM_FIELD_ELEMENT_TYPES = /* @__PURE__ */ new Set([
   "e-form-select",
   "e-form-radio-button",
   "e-form-file-upload",
-  "e-form-date-picker"
+  "e-form-date-picker",
+  "e-form-time-picker"
 ]);
 function getArgsElementType(args) {
   return args.model?.widgetType || args.model?.elType;
@@ -1482,14 +1483,13 @@ 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 : ""
+    min: value.min || null,
+    max: value.max || null
   };
 });
 
@@ -1527,6 +1527,17 @@ var queryTransformer = createTransformer(({ id }) => {
   return id ?? null;
 });
 
+// src/transformers/settings/time-range-transformer.ts
+var timeRangeTransformer = createTransformer((value) => {
+  if (!value || Object.keys(value).length === 0) {
+    return null;
+  }
+  return {
+    min: value.min || null,
+    max: value.max || null
+  };
+});
+
 // src/transformers/shared/image-src-transformer.ts
 var imageSrcTransformer = createTransformer((value) => ({
   id: value.id ?? null,
@@ -1643,7 +1654,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).register("date-range", dateRangeTransformer).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).register("time-range", timeRangeTransformer).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-831",
+  "version": "4.1.0-833",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,25 +37,25 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "4.1.0-831",
+    "@elementor/editor": "4.1.0-833",
     "dompurify": "^3.2.6",
-    "@elementor/editor-controls": "4.1.0-831",
-    "@elementor/editor-documents": "4.1.0-831",
-    "@elementor/editor-elements": "4.1.0-831",
-    "@elementor/editor-interactions": "4.1.0-831",
-    "@elementor/editor-mcp": "4.1.0-831",
-    "@elementor/editor-notifications": "4.1.0-831",
-    "@elementor/editor-props": "4.1.0-831",
-    "@elementor/editor-responsive": "4.1.0-831",
-    "@elementor/editor-styles": "4.1.0-831",
-    "@elementor/editor-styles-repository": "4.1.0-831",
-    "@elementor/editor-ui": "4.1.0-831",
-    "@elementor/editor-v1-adapters": "4.1.0-831",
-    "@elementor/schema": "4.1.0-831",
-    "@elementor/twing": "4.1.0-831",
+    "@elementor/editor-controls": "4.1.0-833",
+    "@elementor/editor-documents": "4.1.0-833",
+    "@elementor/editor-elements": "4.1.0-833",
+    "@elementor/editor-interactions": "4.1.0-833",
+    "@elementor/editor-mcp": "4.1.0-833",
+    "@elementor/editor-notifications": "4.1.0-833",
+    "@elementor/editor-props": "4.1.0-833",
+    "@elementor/editor-responsive": "4.1.0-833",
+    "@elementor/editor-styles": "4.1.0-833",
+    "@elementor/editor-styles-repository": "4.1.0-833",
+    "@elementor/editor-ui": "4.1.0-833",
+    "@elementor/editor-v1-adapters": "4.1.0-833",
+    "@elementor/schema": "4.1.0-833",
+    "@elementor/twing": "4.1.0-833",
     "@elementor/ui": "1.37.5",
-    "@elementor/utils": "4.1.0-831",
-    "@elementor/wp-media": "4.1.0-831",
+    "@elementor/utils": "4.1.0-833",
+    "@elementor/wp-media": "4.1.0-833",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/form-structure/utils.ts

@@ -44,6 +44,7 @@ export const FORM_FIELD_ELEMENT_TYPES = new Set( [
 	'e-form-radio-button',
 	'e-form-file-upload',
 	'e-form-date-picker',
+	'e-form-time-picker',
 ] );
 
 export function getArgsElementType( args: CreateArgs ): string | undefined {

package/src/init-settings-transformers.ts

@@ -7,6 +7,7 @@ import { htmlV2Transformer } from './transformers/settings/html-v2-transformer';
 import { htmlV3Transformer } from './transformers/settings/html-v3-transformer';
 import { linkTransformer } from './transformers/settings/link-transformer';
 import { queryTransformer } from './transformers/settings/query-transformer';
+import { timeRangeTransformer } from './transformers/settings/time-range-transformer';
 import { imageSrcTransformer } from './transformers/shared/image-src-transformer';
 import { imageTransformer } from './transformers/shared/image-transformer';
 import { plainTransformer } from './transformers/shared/plain-transformer';
@@ -27,5 +28,6 @@ export function initSettingsTransformers() {
 		.register( 'html-v2', htmlV2Transformer )
 		.register( 'html-v3', htmlV3Transformer )
 		.register( 'date-range', dateRangeTransformer )
+		.register( 'time-range', timeRangeTransformer )
 		.registerFallback( plainTransformer );
 }

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

@@ -1,13 +1,12 @@
 import { createTransformer } from '../create-transformer';
 
-const INVALID_DATE = 'Invalid Date';
-export const dateRangeTransformer = createTransformer< { min?: string; max?: string } >( ( value ) => {
+export const dateRangeTransformer = createTransformer< { min?: string | null; max?: string | null } >( ( 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 : '',
+		min: value.min || null,
+		max: value.max || null,
 	};
 } );

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

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