@wordpress/block-library 11.0.0 → 11.1.0

package/src/heading/index.js

@@ -48,13 +48,13 @@ export const settings = {
 						/* translators: accessibility text. %s: heading level. */
 						__( 'Level %s. Empty.' ),
 						level
-				  )
+					)
 				: sprintf(
 						/* translators: accessibility text. 1: heading level. 2: heading content. */
 						__( 'Level %1$s. %2$s' ),
 						level,
 						content
-				  );
+					);
 		}
 	},
 	transforms,

package/src/home-link/README.md

@@ -30,9 +30,14 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
 - [`reusable`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#reusable): `false`
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):
   - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
   - [`lineHeight`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-lineheight): `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity):
   - `clientNavigation`: `true`
 

package/src/home-link/block.json

@@ -33,6 +33,11 @@
 		"anchor": true,
 		"reusable": false,
 		"html": false,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true
+		},
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
@@ -46,6 +51,19 @@
 				"fontSize": true
 			}
 		},
+		"shadow": true,
+		"__experimentalBorder": {
+			"color": true,
+			"radius": true,
+			"style": true,
+			"width": true,
+			"__experimentalDefaultControls": {
+				"color": false,
+				"radius": false,
+				"style": false,
+				"width": false
+			}
+		},
 		"interactivity": {
 			"clientNavigation": true
 		}

package/src/home-link/edit.jsx

@@ -7,7 +7,7 @@ import {
 } from '@wordpress/block-editor';
 import {
 	Button,
-	CheckboxControl,
+	CheckboxControl as WCCheckboxControl,
 	TextControl,
 	TextareaControl as WCTextareaControl,
 	__experimentalToolsPanel as ToolsPanel,
@@ -113,7 +113,7 @@ export default function HomeEdit( { attributes, setAttributes, context } ) {
 						}
 						isShownByDefault
 					>
-						<CheckboxControl
+						<WCCheckboxControl
 							label={ __( 'Open in new tab' ) }
 							checked={ opensInNewTab }
 							onChange={ ( value ) =>

package/src/html/modal.jsx

@@ -148,7 +148,6 @@ export default function HTMLEditModal( { onRequestClose, content, onUpdate } ) {
 										placeholder={ __( 'Write HTML…' ) }
 										aria-label={ __( 'HTML' ) }
 										className="block-library-html__modal-editor"
-										async
 									/>
 								</Tabs.TabPanel>
 								{ canUserUseUnfilteredHTML && (
@@ -163,7 +162,6 @@ export default function HTMLEditModal( { onRequestClose, content, onUpdate } ) {
 											placeholder={ __( 'Write CSS…' ) }
 											aria-label={ __( 'CSS' ) }
 											className="block-library-html__modal-editor"
-											async
 										/>
 									</Tabs.TabPanel>
 								) }
@@ -181,7 +179,6 @@ export default function HTMLEditModal( { onRequestClose, content, onUpdate } ) {
 											) }
 											aria-label={ __( 'JavaScript' ) }
 											className="block-library-html__modal-editor"
-											async
 										/>
 									</Tabs.TabPanel>
 								) }

package/src/icon/index.php

@@ -19,6 +19,15 @@ function render_block_core_icon( $attributes ) {
 		return;
 	}
 
+	// Icons in non-public collections are not available in the editor, so do not render them either.
+	$registered_icon = WP_Icons_Registry::get_instance()->get_registered_icon( $attributes['icon'] );
+	if ( null !== $registered_icon ) {
+		$icon_collection = WP_Icon_Collections_Registry::get_instance()->get_registered( $registered_icon['collection'] );
+		if ( null !== $icon_collection && ! $icon_collection['public'] ) {
+			return;
+		}
+	}
+
 	// Text color and background color.
 	$color_styles = array();
 

package/src/image/edit.jsx

@@ -405,7 +405,7 @@ export function ImageEdit( {
 							/* translators: %s: Label of the bindings source. */
 							__( 'Connected to %s' ),
 							blockBindingsSource.label
-					  )
+						)
 					: __( 'Connected to dynamic data' ),
 			};
 		},

package/src/image/editor.scss

@@ -47,6 +47,14 @@ figure.wp-block-image:not(.wp-block) {
 		transform: translate(-50%, -50%);
 		margin: 0;
 	}
+
+	.components-resizable-box__container {
+		pointer-events: none;
+	}
+
+	.components-resizable-box__handle {
+		pointer-events: auto;
+	}
 }
 
 // Shown while image is being uploaded but cannot be previewed.

package/src/image/image.jsx

@@ -6,7 +6,7 @@ import {
 	Spinner,
 	TextareaControl as WCTextareaControl,
 	TextControl,
-	CheckboxControl,
+	CheckboxControl as WCCheckboxControl,
 	ToolbarButton,
 	ToolbarGroup,
 	__experimentalToolsPanel as ToolsPanel,
@@ -73,7 +73,6 @@ import { evalAspectRatio, mediaPosition } from './utils';
 
 const {
 	DimensionsTool,
-	isDefaultBlockStyleState,
 	ResolutionTool,
 	mediaEditKey,
 	mediaSideloadFromUrlKey,
@@ -331,7 +330,7 @@ export default function Image( {
 							'attachment',
 							id,
 							{ context: 'view' }
-					  )
+						)
 					: null;
 
 			// Check if the attachment resolution failed with a specific error.
@@ -348,7 +347,7 @@ export default function Image( {
 								id,
 								{ context: 'view' },
 							]
-					  )
+						)
 					: null;
 
 			return {
@@ -666,20 +665,23 @@ export default function Image( {
 
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
 
-	const selectedStyleState = useSelect(
+	const { selectedStyleState, hasSelectedStyleState } = useSelect(
 		( select ) => {
 			if ( ! isSingleSelected ) {
-				return undefined;
+				return {
+					selectedStyleState: undefined,
+					hasSelectedStyleState: false,
+				};
 			}
-			const { getSelectedBlockStyleState } = unlock(
-				select( blockEditorStore )
-			);
-			return getSelectedBlockStyleState( clientId );
+			const { getSelectedBlockStyleState, hasSelectedBlockStyleState } =
+				select( blockEditorStore );
+			return {
+				selectedStyleState: getSelectedBlockStyleState( clientId ),
+				hasSelectedStyleState: hasSelectedBlockStyleState( clientId ),
+			};
 		},
 		[ clientId, isSingleSelected ]
 	);
-	const hasSelectedStyleState =
-		! isDefaultBlockStyleState( selectedStyleState );
 	const selectedStyleStateKey = getStyleStateKey( selectedStyleState );
 	const activeWidth = getActiveDimensionValue( {
 		attributes,
@@ -837,7 +839,7 @@ export default function Image( {
 							/* translators: %s: Label of the bindings source. */
 							__( 'Connected to %s' ),
 							altBindingSource.label
-					  )
+						)
 					: __( 'Connected to dynamic data' ),
 				lockTitleControls:
 					!! titleBinding &&
@@ -851,7 +853,7 @@ export default function Image( {
 							/* translators: %s: Label of the bindings source. */
 							__( 'Connected to %s' ),
 							titleBindingSource.label
-					  )
+						)
 					: __( 'Connected to dynamic data' ),
 			};
 		},
@@ -1043,7 +1045,7 @@ export default function Image( {
 									setAttributes( { isDecorative: false } )
 								}
 							>
-								<CheckboxControl
+								<WCCheckboxControl
 									label={ __( 'Mark as decorative' ) }
 									checked={ !! isDecorative }
 									onChange={ updateIsDecorative }
@@ -1156,7 +1158,7 @@ export default function Image( {
 						'This image has been marked as decorative; its file name is %s'
 					),
 					filename
-			  )
+				)
 			: __( 'This image has been marked as decorative.' );
 	} else if ( alt ) {
 		defaultedAlt = alt;
@@ -1209,7 +1211,7 @@ export default function Image( {
 										height:
 											pixelSize.height +
 											resizeDelta.height,
-								  }
+									}
 								: ( () => {
 										const style = {};
 										if ( width === 'auto' ) {
@@ -1242,7 +1244,7 @@ export default function Image( {
 											style.height = 'auto';
 										}
 										return style;
-								  } )() ),
+									} )() ),
 							objectFit: scale,
 							objectPosition:
 								focalPoint && scale

package/src/image/index.php

@@ -290,12 +290,12 @@ function block_core_image_render_lightbox( $block_content, array $block, WP_Bloc
 	$body_content = $processor->get_updated_html();
 
 	// Adds a button alongside image in the body content.
+	// Extract the img tag using preg_match for structured access.
 	$img = null;
 	preg_match( '/<img[^>]+>/', $body_content, $img );
 
-	$button =
-		$img[0]
-		. '<button
+	if ( isset( $img[0] ) ) {
+		$button_html = '<button
 			class="lightbox-trigger"
 			type="button"
 			aria-haspopup="dialog"
@@ -310,7 +310,13 @@ function block_core_image_render_lightbox( $block_content, array $block, WP_Bloc
 			</svg>
 		</button>';
 
-	$body_content = preg_replace( '/<img[^>]+>/', $button, $body_content );
+		// Build the replacement: img tag + button.
+		// Use str_replace for literal replacement instead of preg_replace to avoid
+		// PCRE backreference interpretation of $ and \ sequences in user-controlled
+		// image attributes (e.g., alt="Just $5 today").
+		$button       = $img[0] . $button_html;
+		$body_content = str_replace( $img[0], $button, $body_content );
+	}
 
 	add_action( 'wp_footer', 'block_core_image_print_lightbox_overlay' );
 

package/src/image/style.scss

@@ -6,6 +6,7 @@
 	> a,
 	> figure > a {
 		display: inline-block;
+		color: inherit;
 	}
 
 	img {

package/src/image/test/use-open-image-media-editor-modal.jsdom.test.js

@@ -623,6 +623,145 @@ describe( 'useOpenImageMediaEditorModal', () => {
 		} );
 	} );
 
+	it( 'restores the alt text and caption a save overwrote when undoing back to the previous attachment', async () => {
+		const originalAttachment = {
+			id: 1,
+			alt_text: 'Original alt',
+			caption: { raw: 'Original caption' },
+		};
+		const croppedAttachment = {
+			id: 2,
+			alt_text: 'Updated alt',
+			caption: { raw: 'Updated caption' },
+		};
+		const registry = createRegistry( {
+			getEditedEntityRecord: ( kind, name, attachmentId ) =>
+				attachmentId === 1 ? originalAttachment : undefined,
+			resolveGetEntityRecord: ( kind, name, attachmentId ) =>
+				attachmentId === 2 ? croppedAttachment : originalAttachment,
+		} );
+		useRegistry.mockReturnValue( registry );
+		const setAttributes = vi.fn();
+		const openMediaEditorModal = vi.fn();
+		mockMediaEditorModalSetting( openMediaEditorModal );
+		const { result } = renderHook( () =>
+			useOpenImageMediaEditorModal( {
+				attributes: {
+					id: 1,
+					url: 'original.jpg',
+					alt: 'Original alt',
+					caption: 'Original caption',
+				},
+				setAttributes,
+			} )
+		);
+
+		await act( async () => {
+			await result.current();
+		} );
+		const onUpdate = openMediaEditorModal.mock.calls[ 0 ][ 0 ].onUpdate;
+		await act( async () => {
+			await onUpdate( { id: 2, url: 'cropped.jpg' } );
+		} );
+		// The media editor's Undo only reports the previous attachment.
+		await act( async () => {
+			await onUpdate( { id: 1, url: 'original.jpg' } );
+		} );
+
+		expect( setAttributes ).toHaveBeenCalledTimes( 2 );
+		expect( setAttributes ).toHaveBeenNthCalledWith( 1, {
+			id: 2,
+			url: 'cropped.jpg',
+			alt: 'Updated alt',
+			caption: 'Updated caption',
+		} );
+		expect( setAttributes ).toHaveBeenNthCalledWith( 2, {
+			id: 1,
+			url: 'original.jpg',
+			alt: 'Original alt',
+			caption: 'Original caption',
+		} );
+	} );
+
+	it( 'does not restore overwritten metadata when a later session saves back to the previous attachment', async () => {
+		const originalAttachment = {
+			id: 1,
+			alt_text: 'Original alt',
+			caption: { raw: 'Original caption' },
+		};
+		const croppedAttachment = {
+			id: 2,
+			alt_text: 'Updated alt',
+			caption: { raw: 'Updated caption' },
+		};
+		const registry = createRegistry( {
+			getEditedEntityRecord: ( kind, name, attachmentId ) =>
+				attachmentId === 1 ? originalAttachment : croppedAttachment,
+			resolveGetEntityRecord: ( kind, name, attachmentId ) =>
+				attachmentId === 2
+					? croppedAttachment
+					: {
+							...originalAttachment,
+							alt_text: 'Server alt',
+							caption: { raw: 'Server caption' },
+						},
+		} );
+		useRegistry.mockReturnValue( registry );
+		const setAttributes = vi.fn();
+		const openMediaEditorModal = vi.fn();
+		mockMediaEditorModalSetting( openMediaEditorModal );
+		const { result, rerender } = renderHook(
+			( { attributes } ) =>
+				useOpenImageMediaEditorModal( { attributes, setAttributes } ),
+			{
+				initialProps: {
+					attributes: {
+						id: 1,
+						url: 'original.jpg',
+						alt: 'Original alt',
+						caption: 'Original caption',
+					},
+				},
+			}
+		);
+
+		await act( async () => {
+			await result.current();
+		} );
+		await act( async () => {
+			await openMediaEditorModal.mock.calls[ 0 ][ 0 ].onUpdate( {
+				id: 2,
+				url: 'cropped.jpg',
+			} );
+		} );
+		rerender( {
+			attributes: {
+				id: 2,
+				url: 'cropped.jpg',
+				alt: 'Updated alt',
+				caption: 'Updated caption',
+			},
+		} );
+		// Opening the modal again starts a new session, so a save in it that
+		// happens to return the block to attachment 1 is not the Undo.
+		await act( async () => {
+			await result.current();
+		} );
+		await act( async () => {
+			await openMediaEditorModal.mock.calls[ 1 ][ 0 ].onUpdate( {
+				id: 1,
+				url: 'original.jpg',
+			} );
+		} );
+
+		expect( setAttributes ).toHaveBeenLastCalledWith( {
+			id: 1,
+			url: 'original.jpg',
+			alt: 'Server alt',
+			caption: 'Server caption',
+		} );
+	} );
+
 	it( 'resolves fresh metadata when the new attachment id has an incomplete cached record', async () => {
 		const originalAttachment = {
 			id: 1,
@@ -649,7 +788,7 @@ describe( 'useOpenImageMediaEditorModal', () => {
 								id: 2,
 								alt_text: 'Updated alt',
 								caption: { raw: '' },
-						  },
+							},
 				resolveGetEntityRecord: ( kind, name, attachmentId ) =>
 					attachmentId === 2 ? updatedAttachment : undefined,
 			},

package/src/image/use-open-image-media-editor-modal.js

@@ -268,6 +268,11 @@ export function useOpenImageMediaEditorModal( {
 	// Incremented on every handleMediaUpdate call; stale async continuations
 	// check against this to bail out if a newer update has since started.
 	const mediaEditorMetadataSyncRequestRef = useRef( 0 );
+	// The alt text and caption a save overwrote on the block, and the
+	// attachment it moved the block away from. The media editor's Undo moves
+	// the block back but reports only that attachment's id and url, so this is
+	// what lets the update restore the block's own metadata too.
+	const mediaEditorUndoMetadataRef = useRef();
 
 	useEffect( () => {
 		blockAttributesRef.current = {
@@ -344,6 +349,10 @@ export function useOpenImageMediaEditorModal( {
 			// reuse a stale snapshot.
 			const originalAttachment = mediaEditorMetadataBaselineRef.current;
 			mediaEditorMetadataBaselineRef.current = undefined;
+			// Likewise the metadata the last save overwrote: only the update
+			// straight after that save, its Undo, may restore it.
+			const undoMetadata = mediaEditorUndoMetadataRef.current;
+			mediaEditorUndoMetadataRef.current = undefined;
 			const syncRequest = ++mediaEditorMetadataSyncRequestRef.current;
 			const nextAttributes = {};
 
@@ -413,6 +422,22 @@ export function useOpenImageMediaEditorModal( {
 							nextAttributes,
 							resolvedMetadataAttributes
 						);
+
+						// Only a save to a new attachment offers an Undo, so
+						// only then keep the values being overwritten.
+						if ( isNewAttachment ) {
+							mediaEditorUndoMetadataRef.current = {
+								id: currentBlockAttributes.id,
+								attributes: Object.fromEntries(
+									Object.keys(
+										resolvedMetadataAttributes
+									).map( ( key ) => [
+										key,
+										latestBlockAttributes[ key ],
+									] )
+								),
+							};
+						}
 					}
 				}
 
@@ -444,6 +469,13 @@ export function useOpenImageMediaEditorModal( {
 				}
 			}
 
+			// The media editor's Undo: the block is going back to the
+			// attachment the last save moved it away from, so put back the
+			// alt text and caption that save overwrote.
+			if ( undoMetadata?.id === newId ) {
+				Object.assign( nextAttributes, undoMetadata.attributes );
+			}
+
 			if ( Object.keys( nextAttributes ).length ) {
 				blockAttributesRef.current = {
 					...blockAttributesRef.current,
@@ -465,6 +497,11 @@ export function useOpenImageMediaEditorModal( {
 			return;
 		}
 
+		// A new session starts. Drop any metadata kept for the last save's
+		// Undo, so a save in this session that returns the block to that same
+		// attachment isn't mistaken for it.
+		mediaEditorUndoMetadataRef.current = undefined;
+
 		// Snapshot the attachment's current metadata before the user makes
 		// any changes so handleMediaUpdate can compare against it later. Use
 		// the cached record when it's already present; only resolve when

package/src/index.jsx

@@ -408,7 +408,7 @@ export const __experimentalRegisterExperimentalCoreBlocks =
 							enabledExperiments.includes( __experimental )
 					)
 					.forEach( ( { init } ) => init() );
-		  }
+			}
 		: undefined;
 
 export { privateApis } from './private-apis';

package/src/latest-comments/README.md

@@ -26,6 +26,10 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `true`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
@@ -33,6 +37,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):
   - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
   - [`lineHeight`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-lineheight): `true`

package/src/latest-comments/block.json

@@ -31,6 +31,15 @@
 	"supports": {
 		"anchor": true,
 		"align": true,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
 		"color": {
 			"gradients": true,
 			"link": true,
@@ -45,6 +54,7 @@
 			"margin": true,
 			"padding": true
 		},
+		"shadow": true,
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,

package/src/latest-comments/edit.jsx

@@ -1,7 +1,7 @@
 import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
 import {
 	RangeControl,
-	SelectControl,
+	SelectControl as WCSelectControl,
 	Spinner,
 	ToggleControl,
 	__experimentalToolsPanel as ToolsPanel,
@@ -106,7 +106,7 @@ export default function LatestComments( { attributes, setAttributes, name } ) {
 						}
 						isShownByDefault
 					>
-						<SelectControl
+						<WCSelectControl
 							label={ __( 'Display content' ) }
 							value={ displayContent }
 							options={ [

package/src/latest-posts/README.md

@@ -40,6 +40,10 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `true`
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
 - [`layout`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout): `true`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
@@ -50,6 +54,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):
   - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
   - [`lineHeight`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-lineheight): `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity):
   - `clientNavigation`: `true`
 

package/src/latest-posts/block.json

@@ -79,6 +79,15 @@
 		"align": true,
 		"html": false,
 		"layout": true,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
 		"color": {
 			"gradients": true,
 			"link": true,
@@ -123,6 +132,7 @@
 				"style": true
 			}
 		},
+		"shadow": true,
 		"interactivity": {
 			"clientNavigation": true
 		}

package/src/latest-posts/edit.jsx

@@ -758,7 +758,7 @@ export default function LatestPostsEdit( {
 									!! titleTrimmed
 										? {
 												__html: titleTrimmed,
-										  }
+											}
 										: undefined
 								}
 								onClick={ showRedirectionPreventedNotice }