@elementor/editor-components 3.33.0-295 → 3.33.0-296

package/src/component-overridable-transformer.ts

@@ -0,0 +1,28 @@
+import { createTransformer, settingsTransformersRegistry } from '@elementor/editor-canvas';
+
+import { type ComponentOverridable } from './types';
+
+export const componentOverridableTransformer = createTransformer(
+	async ( value: ComponentOverridable, options: { key: string; signal?: AbortSignal } ) => {
+		// todo: render component overrides
+		return await transformOriginValue( value, options );
+	}
+);
+
+async function transformOriginValue( value: ComponentOverridable, options: { key: string; signal?: AbortSignal } ) {
+	if ( ! value.origin_value || ! value.origin_value.value || ! value.origin_value.$$type ) {
+		return null;
+	}
+
+	const transformer = settingsTransformersRegistry.get( value.origin_value.$$type );
+
+	if ( ! transformer ) {
+		return null;
+	}
+
+	try {
+		return await transformer( value.origin_value.value, options );
+	} catch {
+		return null;
+	}
+}

package/src/init.ts

@@ -13,6 +13,7 @@ import { __registerSlice as registerSlice } from '@elementor/store';
 import { __ } from '@wordpress/i18n';
 
 import { componentInstanceTransformer } from './component-instance-transformer';
+import { componentOverridableTransformer } from './component-overridable-transformer';
 import { Components } from './components/components-tab/components';
 import { CreateComponentForm } from './components/create-component-form/create-component-form';
 import { EditComponent } from './components/edit-component/edit-component';
@@ -82,4 +83,5 @@ export function init() {
 	} );
 
 	settingsTransformersRegistry.register( 'component-instance', componentInstanceTransformer );
+	settingsTransformersRegistry.register( 'overridable', componentOverridableTransformer );
 }

package/src/types.ts

@@ -61,3 +61,8 @@ type ComponentOverride = {
 	override_key: string;
 	value: TransformablePropValue< string >;
 };
+
+export type ComponentOverridable = {
+	override_key: string;
+	origin_value: TransformablePropValue< string >;
+};