- setAttributes( {
+ value={label}
+ onChange={(labelValue) =>
+ setAttributes({
label: labelValue,
- } )
+ })
}
- onMerge={ mergeBlocks }
- onReplace={ onReplace }
- __unstableOnSplitAtEnd={ () =>
+ onMerge={mergeBlocks}
+ onReplace={onReplace}
+ __unstableOnSplitAtEnd={() =>
insertBlocksAfter(
createBlock(
'core/navigation-link'
)
)
}
- aria-label={ __(
+ aria-label={__(
'Navigation link text'
- ) }
- placeholder={ itemLabelPlaceholder }
+ )}
+ placeholder={itemLabelPlaceholder}
withoutInteractiveFormatting
/>
- { description && (
+ {description && (
- { description }
+ {description}
- ) }
+ )}
- ) }
- { ( isInvalid ||
+ )}
+ {(isInvalid ||
isDraft ||
- isLabelFieldFocused ) && (
-
-
-
- {
- // Some attributes are stored in an escaped form. It's a legacy issue.
- // Ideally they would be stored in a raw, unescaped form.
- // Unescape is used here to "recover" the escaped characters
- // so they display without encoding.
- // See `updateAttributes` for more details.
- `${ decodeEntities( label ) } ${
- isInvalid || isDraft
- ? placeholderText
- : ''
- }`.trim()
- }
-
-
-
- ) }
+ isLabelFieldFocused) && (
+
+
+
+ {
+ // Some attributes are stored in an escaped form. It's a legacy issue.
+ // Ideally they would be stored in a raw, unescaped form.
+ // Unescape is used here to "recover" the escaped characters
+ // so they display without encoding.
+ // See `updateAttributes` for more details.
+ `${decodeEntities(label)} ${isInvalid || isDraft
+ ? placeholderText
+ : ''
+ }`.trim()
+ }
+
+
+
+ )}
- ) }
- { isLinkOpen && (
+ )}
+ {isLinkOpen && (
{
+ ref={linkUIref}
+ clientId={clientId}
+ link={attributes}
+ onClose={() => {
// If there is no link then remove the auto-inserted block.
// This avoids empty blocks which can provided a poor UX.
- if ( ! url ) {
+ if (!url) {
// Fixes https://github.com/WordPress/gutenberg/issues/61361
// There's a chance we're closing due to the user selecting the browse all button.
// Only move focus if the focus is still within the popover ui. If it's not within
@@ -583,39 +612,39 @@ export default function NavigationLinkEdit( {
)
) {
// Select the previous block to keep focus nearby
- selectPreviousBlock( clientId, true );
+ selectPreviousBlock(clientId, true);
}
// Remove the link.
- onReplace( [] );
+ onReplace([]);
return;
}
- setIsLinkOpen( false );
- if ( openedBy ) {
+ setIsLinkOpen(false);
+ if (openedBy) {
openedBy.focus();
- setOpenedBy( null );
- } else if ( ref.current ) {
+ setOpenedBy(null);
+ } else if (ref.current) {
// select the ref when adding a new link
ref.current.focus();
} else {
// Fallback
- selectPreviousBlock( clientId, true );
+ selectPreviousBlock(clientId, true);
}
- } }
- anchor={ popoverAnchor }
- onRemove={ removeLink }
- onChange={ ( updatedValue ) => {
+ }}
+ anchor={popoverAnchor}
+ onRemove={removeLink}
+ onChange={(updatedValue) => {
updateAttributes(
updatedValue,
setAttributes,
attributes
);
- } }
+ }}
/>
- ) }
+ )}