@elementor/editor-interactions 4.0.0-635 → 4.0.0-637

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-interactions",
-  "version": "4.0.0-635",
+  "version": "4.0.0-637",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,18 +39,18 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-controls": "4.0.0-635",
-    "@elementor/editor-elements": "4.0.0-635",
-    "@elementor/editor-mcp": "4.0.0-635",
-    "@elementor/editor-props": "4.0.0-635",
-    "@elementor/editor-responsive": "4.0.0-635",
-    "@elementor/editor-ui": "4.0.0-635",
-    "@elementor/editor-v1-adapters": "4.0.0-635",
+    "@elementor/editor-controls": "4.0.0-637",
+    "@elementor/editor-elements": "4.0.0-637",
+    "@elementor/editor-mcp": "4.0.0-637",
+    "@elementor/editor-props": "4.0.0-637",
+    "@elementor/editor-responsive": "4.0.0-637",
+    "@elementor/editor-ui": "4.0.0-637",
+    "@elementor/editor-v1-adapters": "4.0.0-637",
     "@elementor/icons": "^1.68.0",
-    "@elementor/schema": "4.0.0-635",
-    "@elementor/session": "4.0.0-635",
+    "@elementor/schema": "4.0.0-637",
+    "@elementor/session": "4.0.0-637",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "4.0.0-635",
+    "@elementor/utils": "4.0.0-637",
     "@wordpress/i18n": "^5.13.0"
   },
   "peerDependencies": {

package/src/index.ts

@@ -16,3 +16,27 @@ export { TRIGGER_OPTIONS, BASE_TRIGGERS } from './components/controls/trigger';
 export { EASING_OPTIONS, BASE_EASINGS } from './components/controls/easing';
 export { REPLAY_OPTIONS, BASE_REPLAY } from './components/controls/replay';
 export { EFFECT_OPTIONS, BASE_EFFECTS } from './components/controls/effect';
+
+export {
+	createString,
+	createNumber,
+	createBoolean,
+	createTimingConfig,
+	createConfig,
+	createExcludedBreakpoints,
+	createInteractionBreakpoints,
+	createAnimationPreset,
+	createInteractionItem,
+	createDefaultInteractionItem,
+	createDefaultInteractions,
+	extractString,
+	extractBoolean,
+	extractSize,
+	extractExcludedBreakpoints,
+	buildDisplayLabel,
+} from './utils/prop-value-utils';
+
+export { generateTempInteractionId, isTempId } from './utils/temp-id-utils';
+export { resolveDirection } from './utils/resolve-direction';
+export { convertTimeUnit } from './utils/time-conversion';
+export { parseSizeValue, formatSizeValue } from './utils/size-transform-utils';

package/src/mcp/tools/manage-element-interaction-tool.ts

@@ -5,7 +5,12 @@ import { isProActive } from '@elementor/utils';
 
 import { interactionsRepository } from '../../interactions-repository';
 import { type ElementInteractions } from '../../types';
-import { createInteractionItem, extractString } from '../../utils/prop-value-utils';
+import {
+	createInteractionItem,
+	extractExcludedBreakpoints,
+	extractSize,
+	extractString,
+} from '../../utils/prop-value-utils';
 import { generateTempInteractionId } from '../../utils/temp-id-utils';
 import { MAX_INTERACTIONS_PER_ELEMENT } from '../constants';
 import { INTERACTIONS_SCHEMA_URI } from '../resources/interactions-schema-resource';
@@ -61,12 +66,31 @@ export const initManageElementInteractionTool = ( reg: MCPRegistryEntry ) => {
 			const currentInteractions: ElementInteractions = elementData?.interactions ?? EMPTY_INTERACTIONS;
 
 			if ( action === 'get' ) {
+				const summary = currentInteractions.items.map( ( item ) => {
+					const { value } = item;
+					const animValue = value.animation.value;
+					const timingValue = animValue.timing_config.value;
+					const configValue = animValue.config.value;
+
+					return {
+						id: extractString( value.interaction_id ),
+						trigger: extractString( value.trigger ),
+						effect: extractString( animValue.effect ),
+						effectType: extractString( animValue.type ),
+						direction: extractString( animValue.direction ),
+						duration: extractSize( timingValue.duration ),
+						delay: extractSize( timingValue.delay ),
+						easing: extractString( configValue.easing ),
+						excludedBreakpoints: extractExcludedBreakpoints( value.breakpoints ),
+					};
+				} );
+
 				return {
 					success: true,
 					elementId,
 					action,
-					interactions: currentInteractions.items,
-					count: currentInteractions.items.length,
+					interactions: summary,
+					count: summary.length,
 				};
 			}
 

package/src/types.ts

@@ -31,7 +31,10 @@ export type InteractionConstants = {
 	defaultDelay: number;
 	slideDistance: number;
 	scaleStart: number;
-	easing: string;
+	defaultEasing: string;
+	relativeTo: string;
+	start: number;
+	end: number;
 };
 
 export type InteractionsConfig = {

package/src/utils/get-interactions-config.ts

@@ -2,11 +2,14 @@ import { type InteractionsConfig } from '../types';
 
 const DEFAULT_CONFIG: InteractionsConfig = {
 	constants: {
-		defaultDuration: 300,
+		defaultDuration: 600,
 		defaultDelay: 0,
 		slideDistance: 100,
-		scaleStart: 0.5,
-		easing: 'linear',
+		scaleStart: 0,
+		defaultEasing: 'easeIn',
+		relativeTo: 'viewport',
+		end: 15,
+		start: 85,
 	},
 };
 

package/src/utils/prop-value-utils.ts

@@ -17,6 +17,7 @@ import {
 	type TimingConfigPropValue,
 } from '../types';
 import { formatSizeValue, parseSizeValue } from '../utils/size-transform-utils';
+import { getInteractionsConfig } from './get-interactions-config';
 import { generateTempInteractionId } from './temp-id-utils';
 
 export const createString = ( value: string ): StringPropValue => ( {
@@ -191,14 +192,15 @@ export const createInteractionItem = ( {
 } );
 
 export const createDefaultInteractionItem = (): InteractionItemPropValue => {
+	const { constants } = getInteractionsConfig();
 	return createInteractionItem( {
 		trigger: 'load',
 		effect: 'fade',
 		type: 'in',
-		duration: 600,
-		delay: 0,
+		duration: constants.defaultDuration,
+		delay: constants.defaultDelay,
 		replay: false,
-		easing: 'easeIn',
+		easing: constants.defaultEasing,
 		interactionId: generateTempInteractionId(),
 	} );
 };