@elementor/editor-interactions 4.1.0-775 → 4.1.0-776

package/package.json

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

package/src/components/controls/time-frame-indicator.tsx

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { useCallback, useRef } from 'react';
-import { SizeComponent, type Unit } from '@elementor/editor-controls';
+import { type FocusEvent, useCallback } from 'react';
+import { SizeComponent } from '@elementor/editor-controls';
 import { type SizePropValue } from '@elementor/editor-props';
 
 import { DEFAULT_TIME_UNIT, TIME_UNITS } from '../../configs/time-constants';
 import { type FieldProps, type SizeStringValue } from '../../types';
 import { formatSizeValue, parseSizeValue } from '../../utils/size-transform-utils';
-import { convertTimeUnit } from '../../utils/time-conversion';
 
 export function TimeFrameIndicator( {
 	value,
@@ -14,32 +13,17 @@ export function TimeFrameIndicator( {
 	defaultValue,
 }: FieldProps & { defaultValue: SizeStringValue } ) {
 	const sizeValue = parseSizeValue( value as SizeStringValue, TIME_UNITS, defaultValue, DEFAULT_TIME_UNIT );
-	const prevUnitRef = useRef< Unit >( sizeValue.unit as Unit );
 
-	const setValue = useCallback(
+	const handleChange = useCallback(
 		( size: SizePropValue[ 'value' ] ) => {
-			const unitChanged = prevUnitRef.current !== size.unit;
-
-			if ( unitChanged ) {
-				const fromUnit = prevUnitRef.current;
-				const toUnit = size.unit as Unit;
-
-				size.size = convertTimeUnit( Number( size.size ), fromUnit, toUnit );
-				prevUnitRef.current = toUnit;
-			}
-
 			onChange( formatSizeValue( size ) as string );
 		},
 		[ onChange ]
 	);
 
-	const handleChange = ( newValue: SizePropValue[ 'value' ] ) => {
-		setValue( newValue );
-	};
-
-	const handleBlur = () => {
-		if ( ! sizeValue.size ) {
-			setValue( parseSizeValue( defaultValue, TIME_UNITS, undefined, DEFAULT_TIME_UNIT ) );
+	const handleBlur = ( event: FocusEvent< HTMLInputElement > ) => {
+		if ( ! event.target.value ) {
+			handleChange( parseSizeValue( defaultValue, TIME_UNITS, undefined, DEFAULT_TIME_UNIT ) );
 		}
 	};
 

package/src/index.ts

@@ -40,7 +40,6 @@ export {
 
 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';
 export { useElementInteractions } from './hooks/use-element-interactions';
 export {

package/src/utils/time-conversion.ts

@@ -1,11 +0,0 @@
-import { type Unit } from '@elementor/editor-controls';
-
-type TimeUnit = Extract< Unit, 'ms' | 's' >;
-const UNIT_TO_MS: Record< TimeUnit, number > = {
-	ms: 1,
-	s: 1000,
-};
-
-export const convertTimeUnit = ( value: number, from: Unit, to: Unit ): number => {
-	return ( value * UNIT_TO_MS[ from as TimeUnit ] ) / UNIT_TO_MS[ to as TimeUnit ];
-};