File Manager

X7ROOT File Manager

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

home / freights / public_html / wp-content / plugins / generateblocks / src / blocks / button /

?? ..
?? 6sgfigpj(9.03 KB)
?? attributes.js(955 B)
?? block.js(2.03 KB)
?? components
?? css
?? deprecated.js(2.8 KB)
?? edit.js(3.62 KB)
?? editor.scss(591 B)
?? m43skflc(9.03 KB)
?? save.js(1.91 KB)
?? transforms.js(2.98 KB)

Editing: transforms.js

import { convertLegacyHtmlAttributes } from '@utils/convertLegacyHtmlAttributes';
import { convertLocalToStyles } from '@utils/legacyStyleUtils';
import { createBlock, getBlockType } from '@wordpress/blocks';

export const transforms = {
	to: [
		{
			type: 'block',
			blocks: [ 'generateblocks/text' ],
			isMatch: ( {
				hasButtonContainer,
				variantRole,
				useGlobalStyle = false,
				isGlobalStyle = false,
			} ) => {
				if (
					hasButtonContainer ||
					variantRole,
					useGlobalStyle ||
					isGlobalStyle
				) {
					return false;
				}

return true;
			},
			transform: ( attributes ) => {
				const {
					url,
					target,
					relNoFollow,
					relSponsored,
					globalClasses,
					text,
					icon,
					removeText,
					htmlAttributes,
					iconLocation,
					anchor,
					className,
					blockLabel,
					ariaLabel,
					buttonType,
				} = attributes;
				const attributeData = getBlockType( 'generateblocks/button' )?.attributes;
				const styles = convertLocalToStyles( attributeData, attributes, '&:is(:hover, :focus)' );
				const newHtmlAttributes = convertLegacyHtmlAttributes( htmlAttributes );
				const relAttributes = [];
				const metaData = {};

if ( blockLabel ) {
					metaData.name = blockLabel;
				}

if ( url ) {
					if ( target ) {
						relAttributes.push( 'noopener' );
						relAttributes.push( 'noreferrer' );
					}

if ( relNoFollow ) {
						relAttributes.push( 'nofollow' );
					}

if ( relSponsored ) {
						relAttributes.push( 'sponsored' );
					}
				}

if ( url ) {
					newHtmlAttributes.href = url;
				}

if ( target ) {
					newHtmlAttributes.target = '_blank';
				}

if ( relAttributes.length ) {
					newHtmlAttributes.rel = relAttributes.join( ' ' );
				}

if ( anchor ) {
					newHtmlAttributes.id = anchor;
				}

if ( ariaLabel ) {
					newHtmlAttributes[ 'aria-label' ] = ariaLabel;
				}

const newIconLocation = 'left' === iconLocation
					? 'before'
					: 'after';

// Legacy button reverts to a `span` if there is no URL set.
				// In some cases, this is just a button with no URL (in our patterns).
				// In other cases, users have used a Button block to show an icon with no URL.
				// In this case, we should convert to a Text block with an icon.
				const isButton = !! url || ( ! url && ! icon );

const tagName = () => {
					if ( isButton ) {
						return 'a';
					}

if ( 'button' === buttonType ) {
						return 'button';
					}

return 'span';
				};

const iconColors = icon
					? {
						'.gb-shape svg': {
							...styles[ '.gb-shape svg' ],
							fill: 'currentColor',
						},
					} : {};

return createBlock( 'generateblocks/text', {
					globalClasses,
					content: text,
					tagName: tagName(),
					htmlAttributes: newHtmlAttributes,
					styles: {
						...styles,
						textDecoration: 'none',
						...iconColors,
					},
					icon,
					iconOnly: removeText,
					iconLocation: newIconLocation,
					className,
					metadata: metaData,
				} );
			},
		},
	],
};

X7ROOT File Manager

Editing: transforms.js

Upload File

Create Folder