@elementor/editor-components 4.0.0-666 → 4.0.0-668

package/src/extended/store/actions/create-unpublished-component.ts

@@ -1,99 +0,0 @@
-import { createElements, deleteElement, getContainer, type V1ElementData } from '@elementor/editor-elements';
-import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
-import { generateUniqueId } from '@elementor/utils';
-import { __ } from '@wordpress/i18n';
-
-import { componentsActions } from '../../../store/dispatchers';
-import { type OriginalElementData, type OverridableProps } from '../../../types';
-import { type Source, trackComponentEvent } from '../../../utils/tracking';
-import { type ComponentEventData } from '../../components/create-component-form/utils/get-component-event-data';
-import { replaceElementWithComponent } from '../../utils/replace-element-with-component';
-import { revertAllOverridablesInElementData } from '../../utils/revert-overridable-settings';
-
-type CreateUnpublishedComponentParams = {
-	name: string;
-	element: V1ElementData;
-	eventData: ComponentEventData | null;
-	uid?: string | null;
-	overridableProps?: OverridableProps;
-	source: Source;
-};
-
-export async function createUnpublishedComponent( {
-	name,
-	element,
-	eventData,
-	uid,
-	overridableProps,
-	source,
-}: CreateUnpublishedComponentParams ): Promise< { uid: string; instanceId: string } > {
-	const generatedUid = uid ?? generateUniqueId( 'component' );
-	const componentBase = { uid: generatedUid, name };
-	const elementDataWithOverridablesReverted = revertAllOverridablesInElementData( element );
-
-	const container = getContainer( element.id );
-	const modelFromContainer = container?.model?.toJSON?.() as V1ElementData | undefined;
-	const originalElement: OriginalElementData = {
-		model: modelFromContainer ?? element,
-		parentId: container?.parent?.id ?? '',
-		index: container?.view?._index ?? 0,
-	};
-
-	componentsActions.addUnpublished( {
-		...componentBase,
-		elements: [ elementDataWithOverridablesReverted ],
-		overridableProps,
-	} );
-
-	componentsActions.addCreatedThisSession( generatedUid );
-
-	const componentInstance = replaceElementWithComponent( element, componentBase );
-
-	trackComponentEvent( {
-		action: 'created',
-		source,
-		component_uid: generatedUid,
-		component_name: name,
-		...eventData,
-	} );
-
-	try {
-		await runCommand( 'document/save/auto' );
-	} catch ( error ) {
-		restoreOriginalElement( originalElement, componentInstance.id );
-
-		componentsActions.removeUnpublished( generatedUid );
-		componentsActions.removeCreatedThisSession( generatedUid );
-
-		throw error;
-	}
-
-	return { uid: generatedUid, instanceId: componentInstance.id };
-}
-
-function restoreOriginalElement( originalElement: OriginalElementData, componentInstanceId: string ): void {
-	const componentContainer = getContainer( componentInstanceId );
-
-	if ( componentContainer ) {
-		deleteElement( { container: componentContainer, options: { useHistory: false } } );
-	}
-
-	const parentContainer = getContainer( originalElement.parentId );
-
-	if ( ! parentContainer ) {
-		return;
-	}
-
-	const clonedModel = structuredClone( originalElement.model );
-
-	createElements( {
-		title: __( 'Restore Element', 'elementor' ),
-		elements: [
-			{
-				container: parentContainer,
-				model: clonedModel as Parameters< typeof createElements >[ 0 ][ 'elements' ][ 0 ][ 'model' ],
-				options: { at: originalElement.index },
-			},
-		],
-	} );
-}

package/src/extended/store/actions/delete-overridable-group.ts

@@ -1,32 +0,0 @@
-import { componentsActions } from '../../../store/dispatchers';
-import { componentsSelectors } from '../../../store/selectors';
-import { type ComponentId } from '../../../types';
-import { deleteGroup } from '../utils/groups-transformers';
-
-type DeleteGroupParams = {
-	componentId: ComponentId;
-	groupId: string;
-};
-
-export function deleteOverridableGroup( { componentId, groupId }: DeleteGroupParams ): boolean {
-	const overridableProps = componentsSelectors.getOverridableProps( componentId );
-
-	if ( ! overridableProps ) {
-		return false;
-	}
-
-	const group = overridableProps.groups.items[ groupId ];
-
-	if ( ! group || group.props.length > 0 ) {
-		return false;
-	}
-
-	const updatedGroups = deleteGroup( overridableProps.groups, groupId );
-
-	componentsActions.setOverridableProps( componentId, {
-		...overridableProps,
-		groups: updatedGroups,
-	} );
-
-	return true;
-}

package/src/extended/store/actions/delete-overridable-prop.ts

@@ -1,64 +0,0 @@
-import { componentsActions } from '../../../store/dispatchers';
-import { componentsSelectors } from '../../../store/selectors';
-import { type ComponentId, type OverridableProp } from '../../../types';
-import { type Source, trackComponentEvent } from '../../../utils/tracking';
-import { revertElementOverridableSetting } from '../../utils/revert-overridable-settings';
-import { removePropFromAllGroups } from '../utils/groups-transformers';
-
-type DeletePropParams = {
-	componentId: ComponentId;
-	propKey: string | string[];
-	source: Source;
-};
-
-export function deleteOverridableProp( { componentId, propKey, source }: DeletePropParams ): void {
-	const overridableProps = componentsSelectors.getOverridableProps( componentId );
-
-	if ( ! overridableProps || Object.keys( overridableProps.props ).length === 0 ) {
-		return;
-	}
-
-	const propKeysToDelete = Array.isArray( propKey ) ? propKey : [ propKey ];
-	const deletedProps: OverridableProp[] = [];
-
-	for ( const key of propKeysToDelete ) {
-		const prop = overridableProps.props[ key ];
-
-		if ( ! prop ) {
-			continue;
-		}
-
-		deletedProps.push( prop );
-		revertElementOverridableSetting( prop.elementId, prop.propKey, prop.originValue, key );
-	}
-
-	if ( deletedProps.length === 0 ) {
-		return;
-	}
-
-	const remainingProps = Object.fromEntries(
-		Object.entries( overridableProps.props ).filter( ( [ key ] ) => ! propKeysToDelete.includes( key ) )
-	);
-
-	const updatedGroups = removePropFromAllGroups( overridableProps.groups, propKey );
-
-	componentsActions.setOverridableProps( componentId, {
-		...overridableProps,
-		props: remainingProps,
-		groups: updatedGroups,
-	} );
-
-	const currentComponent = componentsSelectors.getCurrentComponent();
-
-	for ( const prop of deletedProps ) {
-		trackComponentEvent( {
-			action: 'propertyRemoved',
-			source,
-			component_uid: currentComponent?.uid,
-			property_id: prop.overrideKey,
-			property_path: prop.propKey,
-			property_name: prop.label,
-			element_type: prop.widgetType ?? prop.elType,
-		} );
-	}
-}

package/src/extended/store/actions/rename-component.ts

@@ -1,48 +0,0 @@
-import { getV1DocumentsManager, setDocumentModifiedStatus } from '@elementor/editor-documents';
-import { getAllDescendants, type V1Element } from '@elementor/editor-elements';
-
-import { COMPONENT_WIDGET_TYPE } from '../../../create-component-type';
-import { componentsActions } from '../../../store/dispatchers';
-
-const TITLE_EXTERNAL_CHANGE_COMMAND = 'title_external_change';
-
-export const renameComponent = ( componentUid: string, newName: string ) => {
-	componentsActions.rename( componentUid, newName );
-
-	setDocumentModifiedStatus( true );
-
-	refreshComponentInstanceTitles( componentUid );
-};
-
-function refreshComponentInstanceTitles( componentUid: string ) {
-	const documentContainer = getDocumentContainer();
-
-	if ( ! documentContainer ) {
-		return;
-	}
-
-	const componentInstances = findComponentInstancesByUid( documentContainer, componentUid );
-
-	componentInstances.forEach( ( element ) => {
-		element.model.trigger?.( TITLE_EXTERNAL_CHANGE_COMMAND );
-	} );
-}
-
-function getDocumentContainer(): V1Element | undefined {
-	const documentsManager = getV1DocumentsManager();
-
-	return documentsManager?.getCurrent()?.container as V1Element | undefined;
-}
-
-function findComponentInstancesByUid( documentContainer: V1Element, componentUid: string ): V1Element[] {
-	const allDescendants = getAllDescendants( documentContainer );
-
-	return allDescendants.filter( ( element ) => {
-		const widgetType = element.model.get( 'widgetType' );
-		const editorSettings = element.model.get( 'editor_settings' );
-
-		const isMatch = widgetType === COMPONENT_WIDGET_TYPE && editorSettings?.component_uid === componentUid;
-
-		return isMatch;
-	} );
-}

package/src/extended/store/actions/rename-overridable-group.ts

@@ -1,33 +0,0 @@
-import { componentsActions } from '../../../store/dispatchers';
-import { componentsSelectors } from '../../../store/selectors';
-import { type ComponentId } from '../../../types';
-import { renameGroup } from '../utils/groups-transformers';
-
-type RenameGroupParams = {
-	componentId: ComponentId;
-	groupId: string;
-	label: string;
-};
-
-export function renameOverridableGroup( { componentId, groupId, label }: RenameGroupParams ): boolean {
-	const overridableProps = componentsSelectors.getOverridableProps( componentId );
-
-	if ( ! overridableProps ) {
-		return false;
-	}
-
-	const group = overridableProps.groups.items[ groupId ];
-
-	if ( ! group ) {
-		return false;
-	}
-
-	const updatedGroups = renameGroup( overridableProps.groups, groupId, label );
-
-	componentsActions.setOverridableProps( componentId, {
-		...overridableProps,
-		groups: updatedGroups,
-	} );
-
-	return true;
-}

package/src/extended/store/actions/reorder-group-props.ts

@@ -1,37 +0,0 @@
-import { componentsActions } from '../../../store/dispatchers';
-import { componentsSelectors } from '../../../store/selectors';
-import { type ComponentId } from '../../../types';
-
-type ReorderGroupPropsParams = {
-	componentId: ComponentId;
-	groupId: string;
-	newPropsOrder: string[];
-};
-
-export function reorderGroupProps( { componentId, groupId, newPropsOrder }: ReorderGroupPropsParams ): void {
-	const overridableProps = componentsSelectors.getOverridableProps( componentId );
-
-	if ( ! overridableProps ) {
-		return;
-	}
-
-	const group = overridableProps.groups.items[ groupId ];
-
-	if ( ! group ) {
-		return;
-	}
-
-	componentsActions.setOverridableProps( componentId, {
-		...overridableProps,
-		groups: {
-			...overridableProps.groups,
-			items: {
-				...overridableProps.groups.items,
-				[ groupId ]: {
-					...group,
-					props: newPropsOrder,
-				},
-			},
-		},
-	} );
-}

package/src/extended/store/actions/reorder-overridable-groups.ts

@@ -1,24 +0,0 @@
-import { componentsActions } from '../../../store/dispatchers';
-import { componentsSelectors } from '../../../store/selectors';
-import { type ComponentId } from '../../../types';
-
-type ReorderGroupsParams = {
-	componentId: ComponentId;
-	newOrder: string[];
-};
-
-export function reorderOverridableGroups( { componentId, newOrder }: ReorderGroupsParams ): void {
-	const overridableProps = componentsSelectors.getOverridableProps( componentId );
-
-	if ( ! overridableProps ) {
-		return;
-	}
-
-	componentsActions.setOverridableProps( componentId, {
-		...overridableProps,
-		groups: {
-			...overridableProps.groups,
-			order: newOrder,
-		},
-	} );
-}

package/src/extended/store/actions/reset-sanitized-components.ts

@@ -1,5 +0,0 @@
-import { componentsActions } from '../../../store/dispatchers';
-
-export function resetSanitizedComponents() {
-	componentsActions.resetSanitizedComponents();
-}

package/src/extended/store/actions/set-overridable-prop.ts

@@ -1,109 +0,0 @@
-import { type PropValue } from '@elementor/editor-props';
-import { generateUniqueId } from '@elementor/utils';
-
-import { componentsActions } from '../../../store/dispatchers';
-import { componentsSelectors } from '../../../store/selectors';
-import { type OriginPropFields, type OverridableProp } from '../../../types';
-import { type Source, trackComponentEvent } from '../../../utils/tracking';
-import {
-	addPropToGroup,
-	ensureGroupInOrder,
-	removePropFromGroup,
-	removePropsFromState,
-	resolveOrCreateGroup,
-} from '../utils/groups-transformers';
-
-type Props = {
-	componentId: number;
-	overrideKey: string | null;
-	elementId: string;
-	label: string;
-	groupId: string | null;
-	propKey: string;
-	elType: string;
-	widgetType: string;
-	originValue: PropValue;
-	originPropFields?: OriginPropFields;
-	source: Source;
-};
-
-export function setOverridableProp( {
-	componentId,
-	overrideKey,
-	elementId,
-	label,
-	groupId,
-	propKey,
-	elType,
-	widgetType,
-	originValue,
-	originPropFields,
-	source,
-}: Props ): OverridableProp | undefined {
-	const overridableProps = componentsSelectors.getOverridableProps( componentId );
-
-	if ( ! overridableProps ) {
-		return;
-	}
-
-	const existingOverridableProp = overrideKey ? overridableProps.props[ overrideKey ] : null;
-	const duplicatedTargetProps = Object.values( overridableProps.props ).filter(
-		( prop ) => prop.elementId === elementId && prop.propKey === propKey && prop !== existingOverridableProp
-	);
-
-	const { groups: groupsAfterResolve, groupId: currentGroupId } = resolveOrCreateGroup(
-		overridableProps.groups,
-		groupId || existingOverridableProp?.groupId || undefined
-	);
-
-	const overridableProp: OverridableProp = {
-		overrideKey: existingOverridableProp?.overrideKey || generateUniqueId( 'prop' ),
-		label,
-		elementId,
-		propKey,
-		widgetType,
-		elType,
-		originValue,
-		groupId: currentGroupId,
-		originPropFields,
-	};
-
-	const stateAfterRemovingDuplicates = removePropsFromState(
-		{ ...overridableProps, groups: groupsAfterResolve },
-		duplicatedTargetProps
-	);
-
-	const props = {
-		...stateAfterRemovingDuplicates.props,
-		[ overridableProp.overrideKey ]: overridableProp,
-	};
-
-	let groups = addPropToGroup( stateAfterRemovingDuplicates.groups, currentGroupId, overridableProp.overrideKey );
-	groups = ensureGroupInOrder( groups, currentGroupId );
-
-	const isChangingGroups = existingOverridableProp && existingOverridableProp.groupId !== currentGroupId;
-
-	if ( isChangingGroups ) {
-		groups = removePropFromGroup( groups, existingOverridableProp.groupId, overridableProp.overrideKey );
-	}
-
-	componentsActions.setOverridableProps( componentId, { props, groups } );
-
-	const isNewProperty = ! existingOverridableProp;
-
-	if ( isNewProperty ) {
-		const currentComponent = componentsSelectors.getCurrentComponent();
-
-		trackComponentEvent( {
-			action: 'propertyExposed',
-			source,
-			component_uid: currentComponent?.uid,
-			property_id: overridableProp.overrideKey,
-			property_path: propKey,
-			property_name: label,
-			element_type: widgetType ?? elType,
-		} );
-	}
-
-	return overridableProp;
-}

package/src/extended/store/actions/update-component-sanitized-attribute.ts

@@ -1,7 +0,0 @@
-import { componentsActions } from '../../../store/dispatchers';
-import { type SanitizeAttributes } from '../../../store/store';
-import { type ComponentId } from '../../../types';
-
-export function updateComponentSanitizedAttribute( componentId: ComponentId, attribute: SanitizeAttributes ) {
-	componentsActions.updateComponentSanitizedAttribute( componentId, attribute );
-}

package/src/extended/store/actions/update-current-component.ts

@@ -1,12 +0,0 @@
-import { type V1Document } from '@elementor/editor-documents';
-
-import { componentsActions } from '../../../store/dispatchers';
-import { type ComponentsPathItem } from '../../../store/store';
-
-export function updateCurrentComponent( params: {
-	path: ComponentsPathItem[];
-	currentComponentId: V1Document[ 'id' ] | null;
-} ) {
-	componentsActions.setPath( params.path );
-	componentsActions.setCurrentComponentId( params.currentComponentId );
-}

package/src/extended/store/actions/update-overridable-prop-params.ts

@@ -1,52 +0,0 @@
-import { componentsActions } from '../../../store/dispatchers';
-import { componentsSelectors } from '../../../store/selectors';
-import { type ComponentId, type OverridableProp } from '../../../types';
-import { movePropBetweenGroups } from '../utils/groups-transformers';
-
-type UpdatePropParams = {
-	componentId: ComponentId;
-	overrideKey: string;
-	label: string;
-	groupId: string | null;
-};
-
-export function updateOverridablePropParams( {
-	componentId,
-	overrideKey,
-	label,
-	groupId,
-}: UpdatePropParams ): OverridableProp | undefined {
-	const overridableProps = componentsSelectors.getOverridableProps( componentId );
-
-	if ( ! overridableProps ) {
-		return;
-	}
-
-	const prop = overridableProps.props[ overrideKey ];
-
-	if ( ! prop ) {
-		return;
-	}
-
-	const oldGroupId = prop.groupId;
-	const newGroupId = groupId ?? oldGroupId;
-
-	const updatedProp: OverridableProp = {
-		...prop,
-		label,
-		groupId: newGroupId,
-	};
-
-	const updatedGroups = movePropBetweenGroups( overridableProps.groups, overrideKey, oldGroupId, newGroupId );
-
-	componentsActions.setOverridableProps( componentId, {
-		...overridableProps,
-		props: {
-			...overridableProps.props,
-			[ overrideKey ]: updatedProp,
-		},
-		groups: updatedGroups,
-	} );
-
-	return updatedProp;
-}