@elementor/editor-elements 4.0.0-manual → 4.1.0-685

package/src/sync/replace-element.ts

@@ -2,7 +2,7 @@ import { ElementIndexNotFoundError, ElementNotFoundError, ElementParentNotFoundE
 import { createElement } from './create-element';
 import { deleteElement } from './delete-element';
 import { getContainer } from './get-container';
-import { type V1Element, type V1ElementData, type V1ElementModelProps } from './types';
+import { type V1Element, type V1ElementModelProps } from './types';
 
 type ElementLocation = {
 	container: V1Element;
@@ -10,16 +10,16 @@ type ElementLocation = {
 };
 
 type ReplaceElementArgs = {
-	currentElement: V1ElementData;
+	currentElementId: string;
 	newElement: Omit< V1ElementModelProps, 'id' >;
 	withHistory?: boolean;
 };
 
-export const replaceElement = async ( { currentElement, newElement, withHistory = true }: ReplaceElementArgs ) => {
-	const currentElementContainer = getContainer( currentElement.id );
+export const replaceElement = ( { currentElementId, newElement, withHistory = true }: ReplaceElementArgs ) => {
+	const currentElementContainer = getContainer( currentElementId );
 
 	if ( ! currentElementContainer ) {
-		throw new ElementNotFoundError( { context: { elementId: currentElement.id } } );
+		throw new ElementNotFoundError( { context: { elementId: currentElementId } } );
 	}
 
 	const { container, index } = getNewElementContainer( currentElementContainer, newElement );
@@ -30,7 +30,7 @@ export const replaceElement = async ( { currentElement, newElement, withHistory
 		options: { at: index, useHistory: withHistory },
 	} );
 
-	await deleteElement( { container: currentElementContainer, options: { useHistory: withHistory } } );
+	deleteElement( { container: currentElementContainer, options: { useHistory: withHistory } } );
 
 	return newElementInstance;
 };

package/src/sync/types.ts

@@ -74,6 +74,8 @@ export type ConfigPropValue = {
 		replay: BooleanPropValue;
 		easing: StringPropValue;
 		relativeTo: StringPropValue;
+		repeat: StringPropValue;
+		times: NumberPropValue;
 		start?: SizePropValue;
 		end?: SizePropValue;
 	};

package/src/hooks/use-element-interactions.ts

@@ -1,25 +0,0 @@
-import { useState } from 'react';
-import { __privateUseListenTo as useListenTo, windowEvent } from '@elementor/editor-v1-adapters';
-
-import { getElementInteractions } from '../sync/get-element-interactions';
-import { type ElementInteractions } from '../sync/types';
-import { type ElementID } from '../types';
-
-export const useElementInteractions = ( elementId: ElementID ) => {
-	const [ interactions, setInteractions ] = useState< ElementInteractions >( () => {
-		const initial = getElementInteractions( elementId );
-
-		return initial ?? { version: 1, items: [] };
-	} );
-
-	useListenTo(
-		windowEvent( 'elementor/element/update_interactions' ),
-		() => {
-			const newInteractions = getElementInteractions( elementId );
-			setInteractions( newInteractions ?? { version: 1, items: [] } );
-		},
-		[ elementId ]
-	);
-
-	return interactions;
-};