@elementor/editor-canvas 4.1.0-828 → 4.1.0-830

package/dist/index.js

@@ -1300,7 +1300,9 @@ var FORM_FIELD_ELEMENT_TYPES = /* @__PURE__ */ new Set([
   "e-form-checkbox",
   "e-form-submit-button",
   "e-form-select",
-  "e-form-radio-button"
+  "e-form-radio-button",
+  "e-form-file-upload",
+  "e-form-date-picker"
 ]);
 function getArgsElementType(args) {
   return args.model?.widgetType || args.model?.elType;
@@ -4074,7 +4076,7 @@ var validateInput = {
 var CompositionBuilder = class _CompositionBuilder {
   elementConfig = {};
   elementStylesConfig = {};
-  elementCusomCSS = {};
+  elementCustomCSS = {};
   rootContainers = [];
   api = {
     createElement: import_editor_elements13.createElement,
@@ -4111,7 +4113,7 @@ var CompositionBuilder = class _CompositionBuilder {
     this.elementStylesConfig = config;
   }
   setCustomCSS(config) {
-    this.elementCusomCSS = config;
+    this.elementCustomCSS = config;
   }
   getXML() {
     return this.xml;
@@ -4191,7 +4193,7 @@ var CompositionBuilder = class _CompositionBuilder {
     const allConfigIds = /* @__PURE__ */ new Set([
       ...Object.keys(this.elementConfig),
       ...Object.keys(this.elementStylesConfig),
-      ...Object.keys(this.elementCusomCSS)
+      ...Object.keys(this.elementCustomCSS)
     ]);
     for (const configId of allConfigIds) {
       let element, node;
@@ -4202,7 +4204,7 @@ var CompositionBuilder = class _CompositionBuilder {
         if (this.elementConfig[configId]) {
           configErrors.push(msg);
         }
-        if (this.elementStylesConfig[configId] || this.elementCusomCSS[configId]) {
+        if (this.elementStylesConfig[configId] || this.elementCustomCSS[configId]) {
           styleErrors.push(msg);
         }
         continue;
@@ -4252,7 +4254,7 @@ var CompositionBuilder = class _CompositionBuilder {
           }
         }
       }
-      const customCSS = this.elementCusomCSS[configId];
+      const customCSS = this.elementCustomCSS[configId];
       if (customCSS) {
         try {
           this.api.doUpdateElementProperty({
@@ -4325,7 +4327,7 @@ var generatePrompt = () => {
 - [elementor://global-variables] - ONLY use variables defined here
 - [${AVAILABLE_WIDGETS_URI}/v4]
 
-# TOOL SUUPORT
+# TOOL SUPPORT
 This tool support v4 elements only
 
 # WORKFLOW
@@ -4640,11 +4642,11 @@ var configureElementToolPrompt = `Configure an existing element on the page.
 2. [${STYLE_SCHEMA_URI}]
    Required to understand the styles schema for the widgets. All widgets share the same styles schema, grouped by categories.
    Use this resource to understand which style properties are available for each element, and how to structure the "stylePropertiesToChange" parameter.
-3. If not sure about the PropValues schema, you can use the "get-element-configuration-values" tool to retreive the current PropValues configuration of the element.
+3. If not sure about the PropValues schema, you can use the "get-element-configuration-values" tool to retrieve the current PropValues configuration of the element.
 
 Before using this tool, check the definitions of the elements PropTypes at the resource "widget-schema-by-type" at editor-canvas__elementor://widgets/schema/{widgetType}
 All widgets share a common _style property for styling, which uses the common styles schema.
-Retreive and check the common styles schema at the resource list "styles-schema" at editor-canvas__elementor://styles/schema/{category}
+Retrieve and check the common styles schema at the resource list "styles-schema" at editor-canvas__elementor://styles/schema/{category}
 
 # Parameters
 - propertiesToChange: An object containing the properties to change, with their new values. MANDATORY. When updating a style only, provide an empty object.
@@ -4673,19 +4675,19 @@ PropValue structure:
 }
 
 <IMPORTANT>
-ALWAYS MAKE SURE you have the PropType schemas for the element you are configuring, and the common-styles schema for styling. If you are not sure, retreive the schema from the resources mentioned above.
+ALWAYS MAKE SURE you have the PropType schemas for the element you are configuring, and the common-styles schema for styling. If you are not sure, retrieve the schema from the resources mentioned above.
 </IMPORTANT>
 
 You can use multiple property changes at once by providing multiple entries in the propertiesToChange object, including _style alongside non-style props.
 Some properties are nested, use the root property name, then objects with nested values inside, as the complete schema suggests.
 
-Make sure you have the "widget-schema-by-type" resource available to retreive the PropType schema for the element type you are configuring.
-Make sure you have to "styles-schema" resources available to retreive the common styles schema.
+Make sure you have the "widget-schema-by-type" resource available to retrieve the PropType schema for the element type you are configuring.
+Make sure you have to "styles-schema" resources available to retrieve the common styles schema.
 
 # How to configure elements
 We use a dedicated PropType Schema for configuring elements, including styles. When you configure an element, you must use the EXACT PropType Value as defined in the schema.
 For styleProperties, use the style schema provided, as it also uses the PropType format.
-For all non-primitive types, provide the key property as defined in the schema as $$type in the generated objecct, as it is MANDATORY for parsing.
+For all non-primitive types, provide the key property as defined in the schema as $$type in the generated object, as it is MANDATORY for parsing.
 
 Use the EXACT "PROP-TYPE" Schema given, and ALWAYS include the "key" property from the original configuration for every property you are changing.
 
@@ -4741,7 +4743,7 @@ var inputSchema2 = {
     import_schema3.z.any().describe(`The style PropValue, refer to [${STYLE_SCHEMA_URI}] how to generate values`),
     import_schema3.z.any()
   ).describe("An object record containing style property names and their new values to be set on the element").default({}),
-  elementType: import_schema3.z.string().describe("The type of the element to retreive the schema"),
+  elementType: import_schema3.z.string().describe("The type of the element to retrieve the schema"),
   elementId: import_schema3.z.string().describe("The unique id of the element to configure")
 };
 var outputSchema2 = {

package/dist/index.mjs

@@ -1264,7 +1264,9 @@ var FORM_FIELD_ELEMENT_TYPES = /* @__PURE__ */ new Set([
   "e-form-checkbox",
   "e-form-submit-button",
   "e-form-select",
-  "e-form-radio-button"
+  "e-form-radio-button",
+  "e-form-file-upload",
+  "e-form-date-picker"
 ]);
 function getArgsElementType(args) {
   return args.model?.widgetType || args.model?.elType;
@@ -4068,7 +4070,7 @@ var validateInput = {
 var CompositionBuilder = class _CompositionBuilder {
   elementConfig = {};
   elementStylesConfig = {};
-  elementCusomCSS = {};
+  elementCustomCSS = {};
   rootContainers = [];
   api = {
     createElement: createElement7,
@@ -4105,7 +4107,7 @@ var CompositionBuilder = class _CompositionBuilder {
     this.elementStylesConfig = config;
   }
   setCustomCSS(config) {
-    this.elementCusomCSS = config;
+    this.elementCustomCSS = config;
   }
   getXML() {
     return this.xml;
@@ -4185,7 +4187,7 @@ var CompositionBuilder = class _CompositionBuilder {
     const allConfigIds = /* @__PURE__ */ new Set([
       ...Object.keys(this.elementConfig),
       ...Object.keys(this.elementStylesConfig),
-      ...Object.keys(this.elementCusomCSS)
+      ...Object.keys(this.elementCustomCSS)
     ]);
     for (const configId of allConfigIds) {
       let element, node;
@@ -4196,7 +4198,7 @@ var CompositionBuilder = class _CompositionBuilder {
         if (this.elementConfig[configId]) {
           configErrors.push(msg);
         }
-        if (this.elementStylesConfig[configId] || this.elementCusomCSS[configId]) {
+        if (this.elementStylesConfig[configId] || this.elementCustomCSS[configId]) {
           styleErrors.push(msg);
         }
         continue;
@@ -4246,7 +4248,7 @@ var CompositionBuilder = class _CompositionBuilder {
           }
         }
       }
-      const customCSS = this.elementCusomCSS[configId];
+      const customCSS = this.elementCustomCSS[configId];
       if (customCSS) {
         try {
           this.api.doUpdateElementProperty({
@@ -4319,7 +4321,7 @@ var generatePrompt = () => {
 - [elementor://global-variables] - ONLY use variables defined here
 - [${AVAILABLE_WIDGETS_URI}/v4]
 
-# TOOL SUUPORT
+# TOOL SUPPORT
 This tool support v4 elements only
 
 # WORKFLOW
@@ -4634,11 +4636,11 @@ var configureElementToolPrompt = `Configure an existing element on the page.
 2. [${STYLE_SCHEMA_URI}]
    Required to understand the styles schema for the widgets. All widgets share the same styles schema, grouped by categories.
    Use this resource to understand which style properties are available for each element, and how to structure the "stylePropertiesToChange" parameter.
-3. If not sure about the PropValues schema, you can use the "get-element-configuration-values" tool to retreive the current PropValues configuration of the element.
+3. If not sure about the PropValues schema, you can use the "get-element-configuration-values" tool to retrieve the current PropValues configuration of the element.
 
 Before using this tool, check the definitions of the elements PropTypes at the resource "widget-schema-by-type" at editor-canvas__elementor://widgets/schema/{widgetType}
 All widgets share a common _style property for styling, which uses the common styles schema.
-Retreive and check the common styles schema at the resource list "styles-schema" at editor-canvas__elementor://styles/schema/{category}
+Retrieve and check the common styles schema at the resource list "styles-schema" at editor-canvas__elementor://styles/schema/{category}
 
 # Parameters
 - propertiesToChange: An object containing the properties to change, with their new values. MANDATORY. When updating a style only, provide an empty object.
@@ -4667,19 +4669,19 @@ PropValue structure:
 }
 
 <IMPORTANT>
-ALWAYS MAKE SURE you have the PropType schemas for the element you are configuring, and the common-styles schema for styling. If you are not sure, retreive the schema from the resources mentioned above.
+ALWAYS MAKE SURE you have the PropType schemas for the element you are configuring, and the common-styles schema for styling. If you are not sure, retrieve the schema from the resources mentioned above.
 </IMPORTANT>
 
 You can use multiple property changes at once by providing multiple entries in the propertiesToChange object, including _style alongside non-style props.
 Some properties are nested, use the root property name, then objects with nested values inside, as the complete schema suggests.
 
-Make sure you have the "widget-schema-by-type" resource available to retreive the PropType schema for the element type you are configuring.
-Make sure you have to "styles-schema" resources available to retreive the common styles schema.
+Make sure you have the "widget-schema-by-type" resource available to retrieve the PropType schema for the element type you are configuring.
+Make sure you have to "styles-schema" resources available to retrieve the common styles schema.
 
 # How to configure elements
 We use a dedicated PropType Schema for configuring elements, including styles. When you configure an element, you must use the EXACT PropType Value as defined in the schema.
 For styleProperties, use the style schema provided, as it also uses the PropType format.
-For all non-primitive types, provide the key property as defined in the schema as $$type in the generated objecct, as it is MANDATORY for parsing.
+For all non-primitive types, provide the key property as defined in the schema as $$type in the generated object, as it is MANDATORY for parsing.
 
 Use the EXACT "PROP-TYPE" Schema given, and ALWAYS include the "key" property from the original configuration for every property you are changing.
 
@@ -4735,7 +4737,7 @@ var inputSchema2 = {
     z2.any().describe(`The style PropValue, refer to [${STYLE_SCHEMA_URI}] how to generate values`),
     z2.any()
   ).describe("An object record containing style property names and their new values to be set on the element").default({}),
-  elementType: z2.string().describe("The type of the element to retreive the schema"),
+  elementType: z2.string().describe("The type of the element to retrieve the schema"),
   elementId: z2.string().describe("The unique id of the element to configure")
 };
 var outputSchema2 = {

package/package.json

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

package/src/composition-builder/composition-builder.ts

@@ -34,7 +34,7 @@ type CtorOptions = {
 export class CompositionBuilder {
 	private elementConfig: Record< string, Record< string, AnyValue > > = {};
 	private elementStylesConfig: Record< string, Record< string, AnyValue > > = {};
-	private elementCusomCSS: Record< string, string > = {};
+	private elementCustomCSS: Record< string, string > = {};
 	private rootContainers: V1Element[] = [];
 	private api: API = {
 		createElement,
@@ -76,7 +76,7 @@ export class CompositionBuilder {
 	}
 
 	setCustomCSS( config: Record< string, string > ) {
-		this.elementCusomCSS = config;
+		this.elementCustomCSS = config;
 	}
 
 	getXML() {
@@ -176,7 +176,7 @@ export class CompositionBuilder {
 		const allConfigIds = new Set( [
 			...Object.keys( this.elementConfig ),
 			...Object.keys( this.elementStylesConfig ),
-			...Object.keys( this.elementCusomCSS ),
+			...Object.keys( this.elementCustomCSS ),
 		] );
 
 		for ( const configId of allConfigIds ) {
@@ -188,7 +188,7 @@ export class CompositionBuilder {
 				if ( this.elementConfig[ configId ] ) {
 					configErrors.push( msg );
 				}
-				if ( this.elementStylesConfig[ configId ] || this.elementCusomCSS[ configId ] ) {
+				if ( this.elementStylesConfig[ configId ] || this.elementCustomCSS[ configId ] ) {
 					styleErrors.push( msg );
 				}
 				continue;
@@ -241,7 +241,7 @@ export class CompositionBuilder {
 				}
 			}
 
-			const customCSS = this.elementCusomCSS[ configId ];
+			const customCSS = this.elementCustomCSS[ configId ];
 			if ( customCSS ) {
 				try {
 					this.api.doUpdateElementProperty( {

package/src/form-structure/utils.ts

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

package/src/mcp/tools/build-composition/prompt.ts

@@ -11,7 +11,7 @@ export const generatePrompt = () => {
 - [elementor://global-variables] - ONLY use variables defined here
 - [${ AVAILABLE_WIDGETS_URI }/v4]
 
-# TOOL SUUPORT
+# TOOL SUPPORT
 This tool support v4 elements only
 
 # WORKFLOW

package/src/mcp/tools/configure-element/prompt.ts

@@ -9,11 +9,11 @@ export const configureElementToolPrompt = `Configure an existing element on the
 2. [${ STYLE_SCHEMA_URI }]
    Required to understand the styles schema for the widgets. All widgets share the same styles schema, grouped by categories.
    Use this resource to understand which style properties are available for each element, and how to structure the "stylePropertiesToChange" parameter.
-3. If not sure about the PropValues schema, you can use the "get-element-configuration-values" tool to retreive the current PropValues configuration of the element.
+3. If not sure about the PropValues schema, you can use the "get-element-configuration-values" tool to retrieve the current PropValues configuration of the element.
 
 Before using this tool, check the definitions of the elements PropTypes at the resource "widget-schema-by-type" at editor-canvas__elementor://widgets/schema/{widgetType}
 All widgets share a common _style property for styling, which uses the common styles schema.
-Retreive and check the common styles schema at the resource list "styles-schema" at editor-canvas__elementor://styles/schema/{category}
+Retrieve and check the common styles schema at the resource list "styles-schema" at editor-canvas__elementor://styles/schema/{category}
 
 # Parameters
 - propertiesToChange: An object containing the properties to change, with their new values. MANDATORY. When updating a style only, provide an empty object.
@@ -42,19 +42,19 @@ PropValue structure:
 }
 
 <IMPORTANT>
-ALWAYS MAKE SURE you have the PropType schemas for the element you are configuring, and the common-styles schema for styling. If you are not sure, retreive the schema from the resources mentioned above.
+ALWAYS MAKE SURE you have the PropType schemas for the element you are configuring, and the common-styles schema for styling. If you are not sure, retrieve the schema from the resources mentioned above.
 </IMPORTANT>
 
 You can use multiple property changes at once by providing multiple entries in the propertiesToChange object, including _style alongside non-style props.
 Some properties are nested, use the root property name, then objects with nested values inside, as the complete schema suggests.
 
-Make sure you have the "widget-schema-by-type" resource available to retreive the PropType schema for the element type you are configuring.
-Make sure you have to "styles-schema" resources available to retreive the common styles schema.
+Make sure you have the "widget-schema-by-type" resource available to retrieve the PropType schema for the element type you are configuring.
+Make sure you have to "styles-schema" resources available to retrieve the common styles schema.
 
 # How to configure elements
 We use a dedicated PropType Schema for configuring elements, including styles. When you configure an element, you must use the EXACT PropType Value as defined in the schema.
 For styleProperties, use the style schema provided, as it also uses the PropType format.
-For all non-primitive types, provide the key property as defined in the schema as $$type in the generated objecct, as it is MANDATORY for parsing.
+For all non-primitive types, provide the key property as defined in the schema as $$type in the generated object, as it is MANDATORY for parsing.
 
 Use the EXACT "PROP-TYPE" Schema given, and ALWAYS include the "key" property from the original configuration for every property you are changing.
 

package/src/mcp/tools/configure-element/schema.ts

@@ -20,7 +20,7 @@ export const inputSchema = {
 		)
 		.describe( 'An object record containing style property names and their new values to be set on the element' )
 		.default( {} ),
-	elementType: z.string().describe( 'The type of the element to retreive the schema' ),
+	elementType: z.string().describe( 'The type of the element to retrieve the schema' ),
 	elementId: z.string().describe( 'The unique id of the element to configure' ),
 };
 

package/src/mcp/utils/do-update-element-property.ts

@@ -30,7 +30,7 @@ export function resolvePropValue( value: unknown, forceKey?: string ): PropValue
 }
 
 /*
- * This function expects a PropValue bag for updaing an element.
+ * This function expects a PropValue bag for updating an element.
  * Also, it supports updating styles "on-the-way" by checking for "_styles" property with PropValue bag that fits the common style schema.
  */
 export const doUpdateElementProperty = ( params: OwnParams ) => {