From 3a06084363c316d18d930761e841a3b715008025 Mon Sep 17 00:00:00 2001
From: Brad Jorsch <anomiex@users.noreply.github.com>
Date: Wed, 11 Sep 2024 12:19:54 -0400
Subject: [PATCH] Update `@wordpress/eslint-plugin` (#39305)

This brings two new rules that needed fixing:

* `@wordpress/i18n-no-flanking-whitespace` complains about leading or
  trailing whitespace in JS i18n messages. Fix depends on context:
  * Sometimes it makes no difference, the browser (or React) strips it
	out. Removed these.
  * Sometimes it does, or it's unclear. In these cases I added it back
	outside the i18n call.
* `@wordpress/i18n-hyphenated-range` wants en-dashes (or em-dashes) for
  numeric ranges. Switched them to en-dashes.
---
 pnpm-lock.yaml                                     | 10 +++++-----
 .../changelog/update-wordpress-eslint-plugin       |  4 ++++
 .../packages/backup/src/js/components/Backups.js   |  2 +-
 .../forms/changelog/update-wordpress-eslint-plugin |  4 ++++
 .../jetpack-salesforce-lead-form-settings.js       |  2 +-
 .../changelog/update-wordpress-eslint-plugin       |  4 ++++
 .../dashboard/components/upsell-nudge/index.jsx    |  4 ++--
 .../src/instant-search/components/search-sort.jsx  |  2 +-
 .../_inc/client/at-a-glance/boost/index.jsx        |  2 +-
 .../jetpack/_inc/client/at-a-glance/search.jsx     |  2 +-
 .../jetpack/_inc/client/my-plan/my-plan-body.jsx   |  2 +-
 .../jetpack/_inc/client/performance/search.jsx     |  2 +-
 .../changelog/update-wordpress-eslint-plugin       |  4 ++++
 .../components/prompt-templates-control/index.tsx  | 14 +++++++-------
 .../podcast-player/components/track-error.js       |  2 +-
 .../components/breve/controls.tsx                  |  2 +-
 .../changelog/update-wordpress-eslint-plugin       |  4 ++++
 .../src/js/components/migration/index.tsx          |  2 +-
 .../changelog/update-wordpress-eslint-plugin       |  4 ++++
 .../src/js/components/firewall-footer/index.jsx    |  4 ++--
 .../src/js/components/scan-footer/index.jsx        |  6 +++---
 .../changelog/update-wordpress-eslint-plugin       |  4 ++++
 .../plugins/super-cache/js/preload-notification.js |  2 +-
 tools/js-tools/package.json                        |  2 +-
 24 files changed, 59 insertions(+), 31 deletions(-)
 create mode 100644 projects/packages/backup/changelog/update-wordpress-eslint-plugin
 create mode 100644 projects/packages/forms/changelog/update-wordpress-eslint-plugin
 create mode 100644 projects/packages/search/changelog/update-wordpress-eslint-plugin
 create mode 100644 projects/plugins/jetpack/changelog/update-wordpress-eslint-plugin
 create mode 100644 projects/plugins/migration/changelog/update-wordpress-eslint-plugin
 create mode 100644 projects/plugins/protect/changelog/update-wordpress-eslint-plugin
 create mode 100644 projects/plugins/super-cache/changelog/update-wordpress-eslint-plugin

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2bb84136eb2ab..0d50f7f558382 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4844,8 +4844,8 @@ importers:
         specifier: 6.21.0
         version: 6.21.0(eslint@8.57.0)(typescript@5.0.4)
       '@wordpress/eslint-plugin':
-        specifier: 20.3.0
-        version: 20.3.0(2g4wiqq3ubewvaaot6et2pay5m)
+        specifier: 21.0.0
+        version: 21.0.0(2g4wiqq3ubewvaaot6et2pay5m)
       '@wordpress/jest-console':
         specifier: 8.7.0
         version: 8.7.0(jest@29.7.0)
@@ -7868,8 +7868,8 @@ packages:
     resolution: {integrity: sha512-VqLQGNMs1BF6LnS+5eNjpM/sCUQhjn4QOfhDlWdVDi0ZxpZgssPzKhJ1ils/7FC0qF3vrMg8EH5xXxw2xz8A/w==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
-  '@wordpress/eslint-plugin@20.3.0':
-    resolution: {integrity: sha512-Y272ZtosmXPJJ0K5X7j0ufcpuDf1unEEDOmdyStHhYV3DGjfETPKgMBVjpmWIObu5oMlqqkTiiQaNb+lho3EIQ==}
+  '@wordpress/eslint-plugin@21.0.0':
+    resolution: {integrity: sha512-4ioakbwSZNL8eXkfK0hcY93e5Fj9dZljxj3lEFkCBWMkSpU8/pPw/7UMS0OBbGQK8rqmvnXF1y/LFH7ihCxuww==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
     peerDependencies:
       '@babel/core': '>=7'
@@ -19243,7 +19243,7 @@ snapshots:
     dependencies:
       '@babel/runtime': 7.24.7
 
-  '@wordpress/eslint-plugin@20.3.0(2g4wiqq3ubewvaaot6et2pay5m)':
+  '@wordpress/eslint-plugin@21.0.0(2g4wiqq3ubewvaaot6et2pay5m)':
     dependencies:
       '@babel/core': 7.24.7
       '@babel/eslint-parser': 7.24.7(@babel/core@7.24.7)(eslint@8.57.0)
diff --git a/projects/packages/backup/changelog/update-wordpress-eslint-plugin b/projects/packages/backup/changelog/update-wordpress-eslint-plugin
new file mode 100644
index 0000000000000..79c05e77ac0cb
--- /dev/null
+++ b/projects/packages/backup/changelog/update-wordpress-eslint-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Remove unnecessary leading space from i18n message.
diff --git a/projects/packages/backup/src/js/components/Backups.js b/projects/packages/backup/src/js/components/Backups.js
index 9d809fb9a2ce9..bfe641cdb4f18 100644
--- a/projects/packages/backup/src/js/components/Backups.js
+++ b/projects/packages/backup/src/js/components/Backups.js
@@ -62,7 +62,7 @@ const NoGoodBackups = () => {
 				<p>
 					{ createInterpolateElement(
 						__(
-							' <a>Get in touch with us</a> to get your site backups going again.',
+							'<a>Get in touch with us</a> to get your site backups going again.',
 							'jetpack-backup-pkg'
 						),
 						{
diff --git a/projects/packages/forms/changelog/update-wordpress-eslint-plugin b/projects/packages/forms/changelog/update-wordpress-eslint-plugin
new file mode 100644
index 0000000000000..b7741525f5678
--- /dev/null
+++ b/projects/packages/forms/changelog/update-wordpress-eslint-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Use en-dash in numeric range in i18n message to conform to guidelines.
diff --git a/projects/packages/forms/src/blocks/contact-form/components/jetpack-salesforce-lead-form/jetpack-salesforce-lead-form-settings.js b/projects/packages/forms/src/blocks/contact-form/components/jetpack-salesforce-lead-form/jetpack-salesforce-lead-form-settings.js
index 4feab8bb8a60a..989d8aa665215 100644
--- a/projects/packages/forms/src/blocks/contact-form/components/jetpack-salesforce-lead-form/jetpack-salesforce-lead-form-settings.js
+++ b/projects/packages/forms/src/blocks/contact-form/components/jetpack-salesforce-lead-form/jetpack-salesforce-lead-form-settings.js
@@ -141,7 +141,7 @@ export default ( { salesforceData, setAttributes, instanceId } ) => {
 					{ organizationIdError && (
 						<HelpMessage isError id={ `contact-form-${ instanceId }-email-error` }>
 							{ __(
-								'Invalid Organization ID. Should be a 15 - 18 characters long alphanumeric string.',
+								'Invalid Organization ID. Should be a 15 – 18 characters long alphanumeric string.',
 								'jetpack-forms'
 							) }
 						</HelpMessage>
diff --git a/projects/packages/search/changelog/update-wordpress-eslint-plugin b/projects/packages/search/changelog/update-wordpress-eslint-plugin
new file mode 100644
index 0000000000000..fb574fa3a5eb5
--- /dev/null
+++ b/projects/packages/search/changelog/update-wordpress-eslint-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Move trailing spaces out of i18n messages.
diff --git a/projects/packages/search/src/dashboard/components/upsell-nudge/index.jsx b/projects/packages/search/src/dashboard/components/upsell-nudge/index.jsx
index df266550d91ba..e7751ce44f534 100644
--- a/projects/packages/search/src/dashboard/components/upsell-nudge/index.jsx
+++ b/projects/packages/search/src/dashboard/components/upsell-nudge/index.jsx
@@ -14,10 +14,10 @@ export default function InstantSearchUpsellNudge( props = { upgrade: true } ) {
 		<a className="jp-instant-search-upsell-nudge jp-search-dashboard-cut" href={ props.href }>
 			<span>
 				{ __(
-					'Offer instant search results to your visitors as soon as they start typing. ',
+					'Offer instant search results to your visitors as soon as they start typing.',
 					'jetpack-search-pkg'
 				) }
-			</span>
+			</span>{ ' ' }
 			<span>
 				<b>{ __( 'Try Jetpack Instant Search for free now', 'jetpack-search-pkg' ) }</b>
 			</span>
diff --git a/projects/packages/search/src/instant-search/components/search-sort.jsx b/projects/packages/search/src/instant-search/components/search-sort.jsx
index 39445a74a18d6..2301567f44a6a 100644
--- a/projects/packages/search/src/instant-search/components/search-sort.jsx
+++ b/projects/packages/search/src/instant-search/components/search-sort.jsx
@@ -59,7 +59,7 @@ export default class SearchSort extends Component {
 				aria-controls="jetpack-instant-search__search-results-content"
 				className="jetpack-instant-search__search-sort jetpack-instant-search__search-sort-with-links"
 			>
-				<div className="screen-reader-text">{ __( 'Sort by: ', 'jetpack-search-pkg' ) }</div>
+				<div className="screen-reader-text">{ __( 'Sort by:', 'jetpack-search-pkg' ) } </div>
 				{ [ ...sortOptions.entries() ].map( ( [ sortKey, label ] ) => (
 					<>
 						<button
diff --git a/projects/plugins/jetpack/_inc/client/at-a-glance/boost/index.jsx b/projects/plugins/jetpack/_inc/client/at-a-glance/boost/index.jsx
index fd78dba8fb047..1009884250d8c 100644
--- a/projects/plugins/jetpack/_inc/client/at-a-glance/boost/index.jsx
+++ b/projects/plugins/jetpack/_inc/client/at-a-glance/boost/index.jsx
@@ -476,7 +476,7 @@ const ConversionLossPopover = () => {
 				screenReaderText={ __( 'Learn more about how slow sites lose visitors', 'jetpack' ) }
 			>
 				<p className="boost-conversion-loss-info__source">
-					{ __( 'Source: ', 'jetpack' ) }
+					{ __( 'Source:', 'jetpack' ) }{ ' ' }
 					<ExternalLink
 						href="https://web.dev/why-speed-matters/"
 						target="_blank"
diff --git a/projects/plugins/jetpack/_inc/client/at-a-glance/search.jsx b/projects/plugins/jetpack/_inc/client/at-a-glance/search.jsx
index be5a8a7b72866..106c8a3eba9c1 100644
--- a/projects/plugins/jetpack/_inc/client/at-a-glance/search.jsx
+++ b/projects/plugins/jetpack/_inc/client/at-a-glance/search.jsx
@@ -24,7 +24,7 @@ const SEARCH_DESCRIPTION = __(
 	'jetpack'
 );
 const SEARCH_CUSTOMIZE_CTA = __( 'Customize your Search experience.', 'jetpack' );
-const SEARCH_SUPPORT = __( 'Search supports many customizations. ', 'jetpack' );
+const SEARCH_SUPPORT = __( 'Search supports many customizations.', 'jetpack' );
 
 /**
  * Displays a card for Search based on the props given.
diff --git a/projects/plugins/jetpack/_inc/client/my-plan/my-plan-body.jsx b/projects/plugins/jetpack/_inc/client/my-plan/my-plan-body.jsx
index 672051c8b0ad2..1f923d9c4b06d 100644
--- a/projects/plugins/jetpack/_inc/client/my-plan/my-plan-body.jsx
+++ b/projects/plugins/jetpack/_inc/client/my-plan/my-plan-body.jsx
@@ -201,7 +201,7 @@ class MyPlanBody extends React.Component {
 						<h3 className="jp-landing__plan-features-title">
 							{ __( 'Site security', 'jetpack' ) }
 						</h3>
-						<p>{ description + __( ' (powered by VaultPress).', 'jetpack' ) }</p>
+						<p>{ description + ' ' + __( '(powered by VaultPress).', 'jetpack' ) }</p>
 						{ this.props.isPluginInstalled( 'vaultpress/vaultpress.php' ) &&
 						this.props.isPluginActive( 'vaultpress/vaultpress.php' ) ? (
 							<Button
diff --git a/projects/plugins/jetpack/_inc/client/performance/search.jsx b/projects/plugins/jetpack/_inc/client/performance/search.jsx
index a058ef806ed5d..449046a957744 100644
--- a/projects/plugins/jetpack/_inc/client/performance/search.jsx
+++ b/projects/plugins/jetpack/_inc/client/performance/search.jsx
@@ -19,7 +19,7 @@ const SEARCH_DESCRIPTION = __(
 	'jetpack'
 );
 const SEARCH_CUSTOMIZE_CTA = __( 'Customize your Search experience.', 'jetpack' );
-const SEARCH_SUPPORT = __( 'Search supports many customizations. ', 'jetpack' );
+const SEARCH_SUPPORT = __( 'Search supports many customizations.', 'jetpack' );
 
 /**
  * Search settings component to be used within the Performance section.
diff --git a/projects/plugins/jetpack/changelog/update-wordpress-eslint-plugin b/projects/plugins/jetpack/changelog/update-wordpress-eslint-plugin
new file mode 100644
index 0000000000000..dbf3ba8117018
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/update-wordpress-eslint-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Move leading and trailing spaces out of i18n messages. Use en-dash for numeric ranges in i18n messages.
diff --git a/projects/plugins/jetpack/extensions/blocks/ai-assistant/components/prompt-templates-control/index.tsx b/projects/plugins/jetpack/extensions/blocks/ai-assistant/components/prompt-templates-control/index.tsx
index 2fc5e13e515fe..a1aa8633031ca 100644
--- a/projects/plugins/jetpack/extensions/blocks/ai-assistant/components/prompt-templates-control/index.tsx
+++ b/projects/plugins/jetpack/extensions/blocks/ai-assistant/components/prompt-templates-control/index.tsx
@@ -27,7 +27,7 @@ export const defaultPromptTemplate = {
 	label: __( 'Post about…', 'jetpack' ),
 	description: {
 		original: 'Write a post about ',
-		translated: __( 'Write a post about ', 'jetpack' ),
+		translated: __( 'Write a post about', 'jetpack' ) + ' ',
 	},
 };
 
@@ -37,21 +37,21 @@ export const promptTemplates = [
 		label: __( 'Informative article on…', 'jetpack' ),
 		description: {
 			original: 'Craft an informative article explaining ',
-			translated: __( 'Craft an informative article explaining ', 'jetpack' ),
+			translated: __( 'Craft an informative article explaining', 'jetpack' ) + ' ',
 		},
 	},
 	{
 		label: __( 'Step-by-step tutorial on…', 'jetpack' ),
 		description: {
 			original: 'Write a step-by-step tutorial on ',
-			translated: __( 'Write a step-by-step tutorial on ', 'jetpack' ),
+			translated: __( 'Write a step-by-step tutorial on', 'jetpack' ) + ' ',
 		},
 	},
 	{
 		label: __( 'Motivational post on…', 'jetpack' ),
 		description: {
 			original: 'Create a motivational post on ',
-			translated: __( 'Create a motivational post on ', 'jetpack' ),
+			translated: __( 'Create a motivational post on', 'jetpack' ) + ' ',
 		},
 	},
 ];
@@ -61,21 +61,21 @@ export const promptTemplatesForGeneratedContent = [
 		label: __( 'Say it differently…', 'jetpack' ),
 		description: {
 			original: 'Rewrite it in a way that ',
-			translated: __( 'Rewrite it in a way that ', 'jetpack' ),
+			translated: __( 'Rewrite it in a way that', 'jetpack' ) + ' ',
 		},
 	},
 	{
 		label: __( 'Add…', 'jetpack' ),
 		description: {
 			original: 'Add more details about ',
-			translated: __( 'Add more details about ', 'jetpack' ),
+			translated: __( 'Add more details about', 'jetpack' ) + ' ',
 		},
 	},
 	{
 		label: __( 'Remove…', 'jetpack' ),
 		description: {
 			original: 'Remove unnecessary details about ',
-			translated: __( 'Remove unnecessary details about ', 'jetpack' ),
+			translated: __( 'Remove unnecessary details about', 'jetpack' ) + ' ',
 		},
 	},
 ];
diff --git a/projects/plugins/jetpack/extensions/blocks/podcast-player/components/track-error.js b/projects/plugins/jetpack/extensions/blocks/podcast-player/components/track-error.js
index bc7a20172f2ce..412b299ede398 100644
--- a/projects/plugins/jetpack/extensions/blocks/podcast-player/components/track-error.js
+++ b/projects/plugins/jetpack/extensions/blocks/podcast-player/components/track-error.js
@@ -3,7 +3,7 @@ import { __, sprintf } from '@wordpress/i18n';
 
 const TrackError = memo( ( { link, title, colors } ) => (
 	<div className="jetpack-podcast-player__track-error">
-		{ __( 'Episode unavailable. ', 'jetpack' ) }
+		{ __( 'Episode unavailable.', 'jetpack' ) }{ ' ' }
 		{ link && (
 			<span className={ colors.secondary.classes } style={ { color: colors.secondary.custom } }>
 				<a
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.tsx b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.tsx
index ed220ccb9f875..fc39f31a05d04 100644
--- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.tsx
+++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.tsx
@@ -112,7 +112,7 @@ const Controls = ( { blocks, disabledFeatures } ) => {
 								{ __( 'Write to see your grade level.', 'jetpack' ) }
 							</p>
 						) : (
-							<Tooltip text={ __( 'To make it easy to read, aim for level 8-12', 'jetpack' ) }>
+							<Tooltip text={ __( 'To make it easy to read, aim for level 8–12', 'jetpack' ) }>
 								<p>
 									{ gradeLevel }
 									<span className="jetpack-ai-proofread__grade-label">
diff --git a/projects/plugins/migration/changelog/update-wordpress-eslint-plugin b/projects/plugins/migration/changelog/update-wordpress-eslint-plugin
new file mode 100644
index 0000000000000..d59019fa97156
--- /dev/null
+++ b/projects/plugins/migration/changelog/update-wordpress-eslint-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Remove unnecessary trailing space from i18n message.
diff --git a/projects/plugins/migration/src/js/components/migration/index.tsx b/projects/plugins/migration/src/js/components/migration/index.tsx
index 5611d9bf37c06..d4b26eca64f0a 100644
--- a/projects/plugins/migration/src/js/components/migration/index.tsx
+++ b/projects/plugins/migration/src/js/components/migration/index.tsx
@@ -94,7 +94,7 @@ export function Migration( props: Props ) {
 			<p>
 				{ __(
 					"You're a few steps away from upgrading your site to the speed and power of WordPress.com. " +
-						"Here's how it works: ",
+						"Here's how it works:",
 					'wpcom-migration'
 				) }
 			</p>
diff --git a/projects/plugins/protect/changelog/update-wordpress-eslint-plugin b/projects/plugins/protect/changelog/update-wordpress-eslint-plugin
new file mode 100644
index 0000000000000..e832c1048f84f
--- /dev/null
+++ b/projects/plugins/protect/changelog/update-wordpress-eslint-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Move leading and trailing spaces out of i18n messages.
diff --git a/projects/plugins/protect/src/js/components/firewall-footer/index.jsx b/projects/plugins/protect/src/js/components/firewall-footer/index.jsx
index 15429e13f13f8..2439e67bc2f9a 100644
--- a/projects/plugins/protect/src/js/components/firewall-footer/index.jsx
+++ b/projects/plugins/protect/src/js/components/firewall-footer/index.jsx
@@ -70,7 +70,7 @@ const ShareDebugData = () => {
 
 	return (
 		<div className={ styles[ 'share-data-section' ] }>
-			<Title mb={ 2 }>{ __( ' Share detailed data with Jetpack', 'jetpack-protect' ) }</Title>
+			<Title mb={ 2 }>{ __( 'Share detailed data with Jetpack', 'jetpack-protect' ) }</Title>
 			<div className={ styles[ 'footer-checkbox' ] }>
 				<CheckboxControl
 					checked={ Boolean( settings.jetpack_waf_share_debug_data ) }
@@ -114,7 +114,7 @@ const ShareData = () => {
 
 	return (
 		<div className={ styles[ 'share-data-section' ] }>
-			<Title mb={ 2 }>{ __( ' Share basic data with Jetpack', 'jetpack-protect' ) }</Title>
+			<Title mb={ 2 }>{ __( 'Share basic data with Jetpack', 'jetpack-protect' ) }</Title>
 			<div className={ styles[ 'footer-checkbox' ] }>
 				<CheckboxControl
 					checked={ Boolean( settings.jetpack_waf_share_data ) }
diff --git a/projects/plugins/protect/src/js/components/scan-footer/index.jsx b/projects/plugins/protect/src/js/components/scan-footer/index.jsx
index 200752c48e676..2c44c97dd899c 100644
--- a/projects/plugins/protect/src/js/components/scan-footer/index.jsx
+++ b/projects/plugins/protect/src/js/components/scan-footer/index.jsx
@@ -33,7 +33,7 @@ const ProductPromotion = () => {
 				<Title>{ __( 'Get access to our Cloud', 'jetpack-protect' ) }</Title>
 				<Text mb={ 3 }>
 					{ __(
-						'With your Protect upgrade, you have free access to scan your site on our Cloud, so you can be aware and fix your threats even if your site goes down. ',
+						'With your Protect upgrade, you have free access to scan your site on our Cloud, so you can be aware and fix your threats even if your site goes down.',
 						'jetpack-protect'
 					) }
 				</Text>
@@ -83,9 +83,9 @@ const FooterInfo = () => {
 				<Title>{ __( 'Line-by-line scanning', 'jetpack-protect' ) }</Title>
 				<Text mb={ 2 }>
 					{ __(
-						'We actively review line-by-line of your site files to identify threats and vulnerabilities. Jetpack monitors millions of websites to keep your site secure all the time. ',
+						'We actively review line-by-line of your site files to identify threats and vulnerabilities. Jetpack monitors millions of websites to keep your site secure all the time.',
 						'jetpack-protect'
-					) }
+					) }{ ' ' }
 					<Button variant="link" target="_blank" weight="regular" href={ learnMoreScanUrl }>
 						{ __( 'Learn more', 'jetpack-protect' ) }
 					</Button>
diff --git a/projects/plugins/super-cache/changelog/update-wordpress-eslint-plugin b/projects/plugins/super-cache/changelog/update-wordpress-eslint-plugin
new file mode 100644
index 0000000000000..1b5211fc7fb1d
--- /dev/null
+++ b/projects/plugins/super-cache/changelog/update-wordpress-eslint-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Move trailing space out of i18n message.
diff --git a/projects/plugins/super-cache/js/preload-notification.js b/projects/plugins/super-cache/js/preload-notification.js
index 0aebefe29fb41..50ad92d2d864d 100644
--- a/projects/plugins/super-cache/js/preload-notification.js
+++ b/projects/plugins/super-cache/js/preload-notification.js
@@ -108,7 +108,7 @@ jQuery( document ).ready( function () {
 
 			if ( data.previous ) {
 				const p = jQuery( '<p>' );
-				p.append( jQuery( '<b>' ).text( __( 'Last preload finished: ', 'wp-super-cache' ) ) );
+				p.append( jQuery( '<b>' ).text( __( 'Last preload finished:', 'wp-super-cache' ) + ' ' ) );
 				p.append( jQuery( '<span>' ).text( new Date( data.previous * 1000 ).toLocaleString() ) );
 				panel.append( p );
 			}
diff --git a/tools/js-tools/package.json b/tools/js-tools/package.json
index 1105a227da2cc..b40ead7153009 100644
--- a/tools/js-tools/package.json
+++ b/tools/js-tools/package.json
@@ -22,7 +22,7 @@
 		"@testing-library/jest-dom": "6.5.0",
 		"@typescript-eslint/eslint-plugin": "6.21.0",
 		"@typescript-eslint/parser": "6.21.0",
-		"@wordpress/eslint-plugin": "20.3.0",
+		"@wordpress/eslint-plugin": "21.0.0",
 		"@wordpress/jest-console": "8.7.0",
 		"babel-jest": "29.4.3",
 		"chalk": "4.1.2",