File Manager

X7ROOT File Manager

Current Path: /home/freights/public_html/wp-content/plugins/generateblocks/src/hoc

home / freights / public_html / wp-content / plugins / generateblocks / src / hoc /

?? ..
?? 0i83dinh(9.03 KB)
?? badbehaviour(14.7 KB)
?? index.js(600 B)
?? migrations
?? withButtonContainerLegacyMigration.js(2.57 KB)
?? withButtonLegacyMigration.js(5.07 KB)
?? withContainerLegacyMigration.js(8.03 KB)
?? withDeviceType.js(231 B)
?? withDynamicTag.js(2.44 KB)
?? withGridLegacyMigration.js(3.09 KB)
?? withHeadlineLegacyMigration.js(4.02 KB)
?? withHtmlAttributes.js(5.43 KB)
?? withImageLegacyMigration.js(1.84 KB)
?? withSetAttributes.js(1.86 KB)
?? withStyles.js(2.54 KB)
?? withUniqueId.js(2.37 KB)
?? y295hohb(9.03 KB)

Editing: withSetAttributes.js

import { useDispatch, useSelect } from '@wordpress/data';
import { useMemo } from '@wordpress/element';
import { isPlainObject } from 'lodash';

/**
 * Deep merge attributes.
 *
 * @param {Object} current The current attributes.
 * @param {Object} attrs   The new attributes.
 * @return {Object} The merged attributes.
 */
export function deepMergeAttributes( current, attrs ) {
	const result = { };

for ( const [ key, value ] of Object.entries( attrs ) ) {
		if ( isPlainObject( value ) && isPlainObject( current[ key ] ) ) {
			result[ key ] = {
				...current[ key ],
				...deepMergeAttributes( current[ key ], value ),
			};
		} else {
			result[ key ] = value;
		}
	}

return result;
}

/**
 * This HOC replaces the core "setAttributes" for an enhanced version.
 *
 * @param {Function} WrappedComponent The component.
 * @return {Function} The wrapped component.
 */
export default ( WrappedComponent ) => ( ( props ) => {
	const multiSelectedBlocks = useSelect( ( select ) => (
		select( 'core/block-editor' )?.getMultiSelectedBlocks() || []
	), [] );

const { updateBlockAttributes } = useDispatch( 'core/block-editor' );

const setAttributes = useMemo( () => {
		if ( multiSelectedBlocks.length === 0 ) {
			return function setDeepAttributes( attrs ) {
				props.setAttributes( deepMergeAttributes( props.attributes, attrs ) );
			};
		}

return function setDeepMultiAttributes( attrs ) {
			const blocks = multiSelectedBlocks.reduce( ( result, block ) => {
				result.clientIds.push( block.clientId );

result.blockAttrs[ block.clientId ] = deepMergeAttributes( block.attributes, attrs );

return result;
			}, { clientIds: [], blockAttrs: {} } );

updateBlockAttributes( blocks.clientIds, blocks.blockAttrs, true );
		};
	}, [ multiSelectedBlocks.length, JSON.stringify( props.attributes ) ] );

return ( <WrappedComponent { ...props } setAttributes={ setAttributes } /> );
} );

X7ROOT File Manager

Editing: withSetAttributes.js

Upload File

Create Folder