add selection label functionality

WordPress · Dec 1, 2023 · 0a3723a · 0a3723a
1 parent 3c48c68
commit 0a3723a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/packages/edit-site/src/components/dataviews/dataviews.js b/packages/edit-site/src/components/dataviews/dataviews.js
@@ -31,6 +31,7 @@ export default function DataViews( {
 	supportedLayouts,
 	selection,
 	setSelection,
+	getSelectionLabel,
 } ) {
 	const ViewComponent = VIEW_LAYOUTS.find(
 		( v ) => v.type === view.type
@@ -77,6 +78,7 @@ export default function DataViews( {
 					isLoading={ isLoading }
 					selection={ selection }
 					setSelection={ setSelection }
+					getSelectionLabel={ getSelectionLabel }
 				/>
 
 				<div>

diff --git a/packages/edit-site/src/components/page-pages/index.js b/packages/edit-site/src/components/page-pages/index.js
@@ -5,7 +5,7 @@ import {
 	__experimentalHeading as Heading,
 	__experimentalVStack as VStack,
 } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
 import { useState, useMemo, useCallback, useEffect } from '@wordpress/element';
@@ -334,6 +334,19 @@ export default function PagePages() {
 					onChangeView={ onChangeView }
 					selection={ selection }
 					setSelection={ setSelection }
+					getSelectionLabel={ ( isSelected, item ) =>
+						isSelected
+							? sprintf(
+									// translators: %s: The title of the page.
+									__( 'Deselect page: %s' ),
+									item.title?.rendered || item.slug
+							  )
+							: sprintf(
+									// translators: %s: The title of the page.
+									__( 'Select page: %s' ),
+									item.title?.rendered || item.slug
+							  )
+					}
 				/>
 			</Page>
 			{ VIEW_LAYOUTS.find( ( v ) => v.type === view.type )?.supports