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: withHtmlAttributes.js

import { useEffect, useMemo, useState } from '@wordpress/element';
import { InspectorAdvancedControls } from '@wordpress/block-editor';
import { TextControl } from '@wordpress/components';
import { useSelect } from '@wordpress/data';
import { applyFilters } from '@wordpress/hooks';

import { useUpdateEffect } from 'react-use';

import { convertInlineStyleStringToObject } from '@utils/convertInlineStyleStringToObject';
import { sanitizeHtmlAttribute } from '@utils/sanitizeHtmlAttribute';

export const booleanAttributes = [
	'allowfullscreen',
	'async',
	'autofocus',
	'autoplay',
	'checked',
	'controls',
	'default',
	'defer',
	'disabled',
	'download',
	'formnovalidate',
	'hidden',
	'ismap',
	'itemscope',
	'loop',
	'multiple',
	'muted',
	'nomodule',
	'novalidate',
	'open',
	'readonly',
	'required',
	'reversed',
	'selected',
];

function shallowEqual( obj1, obj2 ) {
	if ( obj1 === obj2 ) {
		return true;
	}

if ( ! obj1 || ! obj2 ) {
		return false;
	}

const keys1 = Object.keys( obj1 );
	const keys2 = Object.keys( obj2 );

if ( keys1.length !== keys2.length ) {
		return false;
	}

for ( const key of keys1 ) {
		if ( obj1[ key ] !== obj2[ key ] ) {
			return false;
		}
	}

return true;
}

function sanitizeId( input ) {
	const cleaned = input.trim()
		.replace( /[^A-Za-z0-9-_:.]+/g, '-' )
		.replace( /-+/g, '-' )
		.replace( /^-|-$/g, '' );

if ( ! cleaned ) {
		return '';
	}

if ( /^[A-Za-z]/.test( cleaned ) ) {
		return cleaned;
	}

return `id-${ cleaned }`;
}

export function withHtmlAttributes( WrappedComponent ) {
	return ( ( props ) => {
		const {
			attributes,
			setAttributes,
			context,
		} = props;

const {
			htmlAttributes = {},
			uniqueId,
			className,
			align,
		} = attributes;

useEffect( () => {
			async function fetchProcessedStyle() {
				const styleValue = await applyFilters(
					'generateblocks.editor.htmlAttributes.style',
					style,
					{ ...props }
				);

setProcessedStyle( styleValue );
			}

fetchProcessedStyle();
		}, [ style, context, isSavingPost ] );

useUpdateEffect( () => {
			const layoutClasses = [ 'alignwide', 'alignfull' ];
			const existingClasses = className?.split( ' ' ) || [];
			const newClasses = existingClasses.filter(
				( existingClass ) => ! layoutClasses.includes( existingClass )
			);

if ( align ) {
				newClasses.push( 'align' + align );
			}

setAttributes( { className: newClasses.join( ' ' ) } );
		}, [ align ] );

const inlineStyleObject = typeof processedStyle === 'string'
			? convertInlineStyleStringToObject( processedStyle )
			: '';
		const combinedAttributes = {
			...escapedAttributes,
			style: inlineStyleObject,
			'data-gb-id': uniqueId,
			'data-context-post-id': context?.postId ?? context?.[ 'generateblocks/loopIndex' ] ?? 0,
			'data-align': align ? align : undefined,
		};

const frontendHtmlAttributes = useMemo( () => {
			if ( Array.isArray( htmlAttributes ) ) {
				return {};
			}

return htmlAttributes;
		}, [ JSON.stringify( htmlAttributes ) ] );

useEffect( () => {
			// Create a shallow copy of the htmlAttributes object.
			const updatedHtmlAttributes = { ...htmlAttributes };

// Loop through the htmlAttributes object and delete those with invalid values.
			Object.keys( updatedHtmlAttributes ).forEach( ( key ) => {
				const isDataAttribute = key.startsWith( 'data-' );
				const value = updatedHtmlAttributes[ key ];

// Remove non-boolean attributes if they have empty values.
				if ( ! booleanAttributes.includes( key ) && '' === value && ! isDataAttribute && 'alt' !== key ) {
					delete updatedHtmlAttributes[ key ];
				}

// Remove any values that are not a simple string.
				if ( 'string' !== typeof value && 'boolean' !== typeof value ) {
					delete updatedHtmlAttributes[ key ];
				}

// We add the `class` attribute elsewhere.
				if ( 'class' === key ) {
					delete updatedHtmlAttributes[ key ];
				}
			} );

// Update the block's htmlAttributes if there are changes
			if ( ! shallowEqual( updatedHtmlAttributes, htmlAttributes ) ) {
				setAttributes( { htmlAttributes: updatedHtmlAttributes } );
			}
		}, [ JSON.stringify( htmlAttributes ) ] );

return (
			<>
				<WrappedComponent
					{ ...props }
					editorHtmlAttributes={ combinedAttributes }
					htmlAttributes={ frontendHtmlAttributes }
				/>

<InspectorAdvancedControls>
					<TextControl
						label="HTML ID"
						value={ htmlAttributes.id ?? '' }
						onChange={ ( value ) => {
							setAttributes( {
								htmlAttributes: {
									...htmlAttributes,
									id: value,
								},
							} );
						} }
						onBlur={ () => {
							if ( htmlAttributes.id ) {
								setAttributes( {
									htmlAttributes: {
										...htmlAttributes,
										id: sanitizeId( htmlAttributes.id ),
									},
								} );
							}
						} }
					/>

<TextControl
						label="ARIA Label"
						value={ htmlAttributes[ 'aria-label' ] ?? '' }
						onChange={ ( value ) => {
							setAttributes( {
								htmlAttributes: {
									...htmlAttributes,
									'aria-label': value,
								},
							} );
						} }
					/>
				</InspectorAdvancedControls>
			</>
		);
	} );
}

X7ROOT File Manager

Editing: withHtmlAttributes.js

Upload File

Create Folder