@elementor/editor-editing-panel 1.4.0 → 1.5.0

package/src/hooks/use-style-prop-history.ts

@@ -1,75 +0,0 @@
-import { useCallback, useMemo } from 'react';
-import { getElementStyles, getVariantByMeta, updateStyle } from '@elementor/editor-elements';
-import { type PropKey } from '@elementor/editor-props';
-
-import { useElement } from '../contexts/element-context';
-import { useStyle } from '../contexts/style-context';
-import { usePropValueHistory } from './use-prop-value-history';
-
-export const useStylePropsHistory = ( props: PropKey[] ) => {
-	const { element } = useElement();
-	const { id: styleDefID, meta } = useStyle();
-	const { getPropValue, setPropValue, removeProp } = usePropValueHistory();
-
-	const styleDef = styleDefID ? getElementStyles( element.id )?.[ styleDefID ] : null;
-	const styleVariant = styleDef ? getVariantByMeta( styleDef, meta ) : null;
-	const styleVariantPath = `${ styleDefID }-${ styleVariant?.meta.breakpoint }-${ styleVariant?.meta.state }`;
-
-	const saveStylePropsHistory = useCallback( () => {
-		props.forEach( ( propKey ) => {
-			const propValue = styleVariant?.props[ propKey ];
-
-			if ( propValue ) {
-				const propPath = `${ styleVariantPath }-${ propKey }`;
-				setPropValue( propPath, propValue );
-			}
-		} );
-	}, [ props, setPropValue, styleVariant?.props, styleVariantPath ] );
-
-	const updateStylePropsFromHistory = useCallback( () => {
-		const propValuesFromHistory = props.reduce( ( allProps, currentPropKey ) => {
-			const propPath = `${ styleVariantPath }-${ currentPropKey }`;
-			const propHistory = getPropValue( propPath );
-
-			if ( propHistory ) {
-				removeProp( propPath );
-				return { ...allProps, [ currentPropKey ]: propHistory };
-			}
-
-			return allProps;
-		}, {} );
-
-		if ( Object.keys( propValuesFromHistory ).length ) {
-			updateStyle( {
-				elementID: element.id,
-				styleDefID,
-				meta,
-				props: propValuesFromHistory,
-				bind: 'classes',
-			} );
-		}
-	}, [ element.id, getPropValue, meta, props, removeProp, styleDefID, styleVariantPath ] );
-
-	const clearCurrentStyleProps = useCallback( () => {
-		const resetValues = props.reduce(
-			( allProps, currentPropKey ) => ( {
-				...allProps,
-				[ currentPropKey ]: undefined,
-			} ),
-			{}
-		);
-
-		updateStyle( {
-			elementID: element.id,
-			styleDefID,
-			meta,
-			props: resetValues,
-			bind: 'classes',
-		} );
-	}, [ element.id, meta, props, styleDefID ] );
-
-	return useMemo(
-		() => ( { saveStylePropsHistory, updateStylePropsFromHistory, clearCurrentStyleProps } ),
-		[ saveStylePropsHistory, updateStylePropsFromHistory, clearCurrentStyleProps ]
-	);
-};