File Manager

X7ROOT File Manager

Current Path: /home/freights/public_html/wp-content/plugins/generateblocks/src/components/unit-control

home / freights / public_html / wp-content / plugins / generateblocks / src / components / unit-control /

?? ..
?? editor.scss(1.78 KB)
?? f0eqpb7m(9.03 KB)
?? i944ueqs(9.03 KB)
?? index.js(4.64 KB)
?? mtxkbokn(9.03 KB)
?? unit-dropdown.js(1.52 KB)
?? unit-list.js(394 B)

Editing: unit-dropdown.js

import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import getIcon from '../../utils/get-icon';

export default function UnitDropdown( { value, onChange, units = [], disabled } ) {
	if ( ! units.length ) {
		return null;
	}

// Replace the last item with our value if it's not a part of the visible list.
	if ( ! units.includes( value ) ) {
		units[ units.length - 1 ] = value;
	}

return (
		<>
			<DropdownMenu
				className="gblocks-unit-control-units"
				label={ __( 'Select a unit', 'generateblocks' ) }
				icon={ null }
				toggleProps={ {
					children: value,
					disabled,
				} }
				popoverProps={ {
					className: 'gblocks-unit-control-popover',
					focusOnMount: true,
					noArrow: false,
				} }
			>
				{ ( { onClose } ) => (
					<>
						<MenuGroup>
							{ units.map( ( unit ) => (
								<MenuItem
									key={ unit }
									onClick={ () => {
										onChange( unit );
										onClose();
									} }
									isSelected={ unit === value }
									variant={ unit === value ? 'primary' : '' }
								>
									{ unit }
								</MenuItem>
							) ) }

<MenuItem
								onClick={ () => {
									window.open( 'https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units', '_blank' ).focus();
								} }
								label={ __( 'Learn more about units', 'generateblocks' ) }
								showTooltip={ true }
							>
								{ getIcon( 'info' ) }
							</MenuItem>
						</MenuGroup>
					</>
				) }
			</DropdownMenu>
		</>
	);
}

X7ROOT File Manager

Editing: unit-dropdown.js

Upload File

Create Folder