@elementor/editor-controls 4.0.0-683 → 4.0.0

package/src/controls/size-control/utils/should-nullify-value.ts

@@ -0,0 +1,15 @@
+import { type SizePropValue } from '@elementor/editor-props';
+
+import { EXTENDED_UNITS } from './resolve-size-value';
+
+type SizeValue = SizePropValue[ 'value' ] | null;
+
+const conditions: Array< ( value: SizeValue ) => boolean > = [
+	( value ) => value?.size === null || value?.size === undefined || value?.size === '',
+	( value ) => value?.unit !== EXTENDED_UNITS.auto,
+	( value ) => value?.unit !== EXTENDED_UNITS.custom,
+];
+
+export const shouldNullifyValue = ( value: SizeValue ): boolean => {
+	return conditions.every( ( condition ) => condition( value ) );
+};

package/src/controls/transition-control/data.ts

@@ -46,9 +46,9 @@ const getIsSiteRtl = () => {
 };
 
 // TODO: Remove this after version 4.01 is released
-const shouldExtendTransitionProperties = (): boolean => {
+const shouldShowAllTransitionProperties = (): boolean => {
 	if ( ! hasProInstalled() ) {
-		return false;
+		return true;
 	}
 
 	const proVersion = window.elementorPro?.config?.version;
@@ -191,7 +191,7 @@ const createTransitionPropertiesList = (): TransitionCategory[] => {
 		},
 	];
 
-	return shouldExtendTransitionProperties() ? baseProperties : [ baseProperties[ 0 ] ];
+	return shouldShowAllTransitionProperties() ? baseProperties : [ baseProperties[ 0 ] ];
 };
 
 export const transitionProperties: TransitionCategory[] = createTransitionPropertiesList();

package/src/controls/transition-control/transition-repeater-control.tsx

@@ -9,6 +9,7 @@ import {
 import { type StyleDefinitionState } from '@elementor/editor-styles';
 import { InfoCircleFilledIcon } from '@elementor/icons';
 import { Alert, AlertTitle, Box, Typography } from '@elementor/ui';
+import { hasProInstalled } from '@elementor/utils';
 import { __ } from '@wordpress/i18n';
 
 import { useBoundProp } from '../../bound-prop-context';
@@ -181,6 +182,7 @@ export const TransitionRepeaterControl = createControl(
 	} ) => {
 		const currentStyleIsNormal = currentStyleState === null;
 		const [ recentlyUsedList, setRecentlyUsedList ] = useState< string[] >( [] );
+		const proInstalled = hasProInstalled();
 
 		const { value, setValue } = useBoundProp( childArrayPropTypeUtil );
 		const { allDisabled: disabledItems, proDisabled: proDisabledItems } = useMemo(
@@ -191,10 +193,14 @@ export const TransitionRepeaterControl = createControl(
 		const allowedTransitionSet = useMemo( () => {
 			const set = new Set< string >();
 			transitionProperties.forEach( ( category ) => {
-				category.properties.forEach( ( prop ) => set.add( prop.value ) );
+				category.properties.forEach( ( prop ) => {
+					if ( ! prop.isDisabled || proInstalled ) {
+						set.add( prop.value );
+					}
+				} );
 			} );
 			return set;
-		}, [] );
+		}, [ proInstalled ] );
 
 		useEffect( () => {
 			if ( ! value || value.length === 0 ) {

package/src/index.ts

@@ -38,6 +38,7 @@ export { transitionProperties, transitionsItemsList } from './controls/transitio
 export { DateTimeControl } from './controls/date-time-control';
 export { InlineEditingControl } from './controls/inline-editing-control';
 export { EmailFormActionControl } from './controls/email-form-action-control';
+export { UnstableSizeControl } from './controls/size-control/unstable-size-control';
 
 // components
 export { ControlFormLabel } from './components/control-form-label';
@@ -58,6 +59,7 @@ export { InlineEditor } from './components/inline-editor';
 export { InlineEditorToolbar } from './components/inline-editor-toolbar';
 export { UnstableSizeField } from './components/size/unstable-size-field';
 export { NumberInput } from './components/number-input';
+export { SizeComponent } from './controls/size-control/size-component';
 
 // types
 export type { ControlComponent } from './create-control';

package/src/controls/size-control/utils/is-numeric-value.ts

@@ -1,11 +0,0 @@
-export const isNumericValue = ( value: unknown ): boolean => {
-	if ( typeof value === 'number' ) {
-		return ! isNaN( value );
-	}
-
-	if ( typeof value === 'string' ) {
-		return value.trim() !== '' && ! isNaN( Number( value ) );
-	}
-
-	return false;
-};