@elementor/editor-canvas 0.3.0 → 0.5.0

package/src/styles-renderer/__tests__/__mocks__/styles-schema.ts

@@ -0,0 +1,785 @@
+import { type PropsSchema } from '@elementor/editor-elements';
+
+export const stylesSchemaMock = {
+	'font-size': {
+		kind: 'object',
+		key: 'size',
+		default: null,
+		meta: {},
+		settings: {},
+		shape: {
+			size: {
+				kind: 'plain',
+				key: 'number',
+				default: null,
+				meta: {},
+				settings: {
+					required: true,
+				},
+			},
+			unit: {
+				kind: 'plain',
+				key: 'string',
+				default: null,
+				meta: {},
+				settings: {
+					enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+					required: true,
+				},
+			},
+		},
+	},
+	'text-stroke': {
+		kind: 'object',
+		key: 'stroke',
+		default: null,
+		meta: {},
+		settings: {},
+		shape: {
+			color: {
+				kind: 'plain',
+				key: 'color',
+				default: null,
+				meta: {},
+				settings: {},
+			},
+			width: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+		},
+	},
+	padding: {
+		kind: 'object',
+		key: 'linked-dimensions',
+		default: null,
+		meta: {},
+		settings: {},
+		shape: {
+			isLinked: {
+				kind: 'plain',
+				key: 'boolean',
+				default: null,
+				meta: {},
+				settings: {},
+			},
+			top: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+			right: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+			bottom: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+			left: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+		},
+	},
+	'border-radius': {
+		kind: 'union',
+		default: null,
+		meta: {},
+		settings: {},
+		prop_types: {
+			size: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+			'border-radius': {
+				kind: 'object',
+				key: 'border-radius',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					'top-left': {
+						kind: 'object',
+						key: 'size',
+						default: null,
+						meta: {},
+						settings: {},
+						shape: {
+							size: {
+								kind: 'plain',
+								key: 'number',
+								default: null,
+								meta: {},
+								settings: {
+									required: true,
+								},
+							},
+							unit: {
+								kind: 'plain',
+								key: 'string',
+								default: null,
+								meta: {},
+								settings: {
+									enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+									required: true,
+								},
+							},
+						},
+					},
+					'top-right': {
+						kind: 'object',
+						key: 'size',
+						default: null,
+						meta: {},
+						settings: {},
+						shape: {
+							size: {
+								kind: 'plain',
+								key: 'number',
+								default: null,
+								meta: {},
+								settings: {
+									required: true,
+								},
+							},
+							unit: {
+								kind: 'plain',
+								key: 'string',
+								default: null,
+								meta: {},
+								settings: {
+									enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+									required: true,
+								},
+							},
+						},
+					},
+					'bottom-right': {
+						kind: 'object',
+						key: 'size',
+						default: null,
+						meta: {},
+						settings: {},
+						shape: {
+							size: {
+								kind: 'plain',
+								key: 'number',
+								default: null,
+								meta: {},
+								settings: {
+									required: true,
+								},
+							},
+							unit: {
+								kind: 'plain',
+								key: 'string',
+								default: null,
+								meta: {},
+								settings: {
+									enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+									required: true,
+								},
+							},
+						},
+					},
+					'bottom-left': {
+						kind: 'object',
+						key: 'size',
+						default: null,
+						meta: {},
+						settings: {},
+						shape: {
+							size: {
+								kind: 'plain',
+								key: 'number',
+								default: null,
+								meta: {},
+								settings: {
+									required: true,
+								},
+							},
+							unit: {
+								kind: 'plain',
+								key: 'string',
+								default: null,
+								meta: {},
+								settings: {
+									enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+									required: true,
+								},
+							},
+						},
+					},
+				},
+			},
+		},
+	},
+	'border-width': {
+		kind: 'object',
+		key: 'border-width',
+		default: null,
+		meta: {},
+		settings: {},
+		shape: {
+			top: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+			right: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+			bottom: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+			left: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+		},
+	},
+	background: {
+		kind: 'object',
+		key: 'background',
+		default: null,
+		meta: {},
+		settings: {},
+		shape: {
+			'background-overlay': {
+				kind: 'array',
+				key: 'background-overlay',
+				default: null,
+				meta: {},
+				settings: {},
+				item_prop_type: {
+					kind: 'union',
+					default: null,
+					meta: {},
+					settings: {},
+					prop_types: {
+						'background-image-overlay': {
+							kind: 'object',
+							key: 'background-image-overlay',
+							default: null,
+							meta: {},
+							settings: {},
+							shape: {
+								url: {
+									kind: 'plain',
+									key: 'string',
+									default: null,
+									meta: {},
+									settings: {},
+								},
+								repeat: {
+									kind: 'plain',
+									key: 'string',
+									default: null,
+									meta: {},
+									settings: {},
+								},
+							},
+						},
+						'background-gradient-overlay': {
+							kind: 'object',
+							key: 'background-gradient-overlay',
+							default: null,
+							meta: {},
+							settings: {},
+							shape: {
+								color: {
+									kind: 'plain',
+									key: 'color',
+									default: null,
+									meta: {},
+									settings: {},
+								},
+							},
+						},
+						'background-color-overlay': {
+							kind: 'plain',
+							key: 'background-color-overlay',
+							default: null,
+							meta: {},
+							settings: {},
+						},
+					},
+				},
+			},
+			color: {
+				kind: 'plain',
+				key: 'color',
+				default: null,
+				meta: {},
+				settings: {},
+			},
+		},
+	},
+	'box-shadow': {
+		kind: 'array',
+		key: 'box-shadow',
+		default: null,
+		meta: {},
+		settings: {},
+		item_prop_type: {
+			kind: 'object',
+			key: 'shadow',
+			default: null,
+			meta: {},
+			settings: {},
+			shape: {
+				hOffset: {
+					kind: 'object',
+					key: 'size',
+					default: null,
+					meta: {},
+					settings: {
+						required: true,
+					},
+					shape: {
+						size: {
+							kind: 'plain',
+							key: 'number',
+							default: null,
+							meta: {},
+							settings: {
+								required: true,
+							},
+						},
+						unit: {
+							kind: 'plain',
+							key: 'string',
+							default: null,
+							meta: {},
+							settings: {
+								enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+								required: true,
+							},
+						},
+					},
+				},
+				vOffset: {
+					kind: 'object',
+					key: 'size',
+					default: null,
+					meta: {},
+					settings: {
+						required: true,
+					},
+					shape: {
+						size: {
+							kind: 'plain',
+							key: 'number',
+							default: null,
+							meta: {},
+							settings: {
+								required: true,
+							},
+						},
+						unit: {
+							kind: 'plain',
+							key: 'string',
+							default: null,
+							meta: {},
+							settings: {
+								enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+								required: true,
+							},
+						},
+					},
+				},
+				blur: {
+					kind: 'object',
+					key: 'size',
+					default: null,
+					meta: {},
+					settings: {
+						required: true,
+					},
+					shape: {
+						size: {
+							kind: 'plain',
+							key: 'number',
+							default: null,
+							meta: {},
+							settings: {
+								required: true,
+							},
+						},
+						unit: {
+							kind: 'plain',
+							key: 'string',
+							default: null,
+							meta: {},
+							settings: {
+								enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+								required: true,
+							},
+						},
+					},
+				},
+				spread: {
+					kind: 'object',
+					key: 'size',
+					default: null,
+					meta: {},
+					settings: {
+						required: true,
+					},
+					shape: {
+						size: {
+							kind: 'plain',
+							key: 'number',
+							default: null,
+							meta: {},
+							settings: {
+								required: true,
+							},
+						},
+						unit: {
+							kind: 'plain',
+							key: 'string',
+							default: null,
+							meta: {},
+							settings: {
+								enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+								required: true,
+							},
+						},
+					},
+				},
+				color: {
+					kind: 'plain',
+					key: 'color',
+					default: null,
+					meta: {},
+					settings: {
+						required: true,
+					},
+				},
+				position: {
+					kind: 'plain',
+					key: 'string',
+					default: null,
+					meta: {},
+					settings: {
+						enum: [ 'inset' ],
+					},
+				},
+			},
+		},
+	},
+	gap: {
+		kind: 'object',
+		key: 'gap',
+		default: null,
+		meta: {},
+		settings: {},
+		shape: {
+			isLinked: {
+				kind: 'plain',
+				key: 'boolean',
+				default: null,
+				meta: {},
+				settings: {},
+			},
+			column: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+			row: {
+				kind: 'object',
+				key: 'size',
+				default: null,
+				meta: {},
+				settings: {},
+				shape: {
+					size: {
+						kind: 'plain',
+						key: 'number',
+						default: null,
+						meta: {},
+						settings: {
+							required: true,
+						},
+					},
+					unit: {
+						kind: 'plain',
+						key: 'string',
+						default: null,
+						meta: {},
+						settings: {
+							enum: [ 'px', 'em', 'rem', '%', 'vh', 'vw', 'vmin', 'vmax' ],
+							required: true,
+						},
+					},
+				},
+			},
+		},
+	},
+} satisfies PropsSchema;