@elementor/editor-components 3.35.0-411 → 3.35.0-413

package/src/types.ts

@@ -73,3 +73,8 @@ export type ComponentOverridable = {
 	override_key: string;
 	origin_value: TransformablePropValue< string >;
 };
+
+export type UpdatedComponentName = {
+	componentId: number;
+	title: string;
+};

package/src/utils/component-name-validation.ts

@@ -0,0 +1,27 @@
+import { __getState as getState } from '@elementor/store';
+
+import { createSubmitComponentSchema } from '../components/create-component-form/utils/component-form-schema';
+import { selectComponents } from '../store/store';
+
+type ValidationResult = { isValid: true; errorMessage: null } | { isValid: false; errorMessage: string };
+
+export function validateComponentName( label: string ): ValidationResult {
+	const existingComponentTitles = selectComponents( getState() )?.map( ( { name } ) => name ) ?? [];
+	const schema = createSubmitComponentSchema( existingComponentTitles );
+	const result = schema.safeParse( { componentName: label.toLowerCase() } );
+
+	if ( result.success ) {
+		return {
+			isValid: true,
+			errorMessage: null,
+		};
+	}
+
+	const formattedErrors = result.error.format();
+	const errorMessage = formattedErrors.componentName?._errors[ 0 ] ?? formattedErrors._errors[ 0 ];
+
+	return {
+		isValid: false,
+		errorMessage,
+	};
+}