Do not allow selecting text in the Paginator component of the Product editor (#41405)

packages/js/product-editor/changelog/fix-41435-do-not-allow-selecting-text-in-paginator

@@ -0,0 +1,4 @@
+Significance: patch
+Type: enhancement
+
+Do not allow to select text in the Paginator component

packages/js/product-editor/src/components/variations-table/pagination/pagination.tsx

@@ -34,6 +34,9 @@ export function Pagination( {
 		onPerPageChange,
 	} );
 
+	// translators: Viewing 1-5 of 100 items. First two %ds are a range of items that are shown on the screen. The last %d is the total amount of items that exist.
+	const paginationLabel = __( 'Viewing %d-%d of %d items', 'woocommerce' );
+
 	return (
 		<div
 			className={ classNames(
@@ -43,9 +46,7 @@ export function Pagination( {
 		>
 			<div className="woocommerce-product-variations-pagination__info">
 				{ sprintf(
-					// eslint-disable-next-line max-len
-					// translators: Viewing 1-5 of 100 items. First two %ds are a range of items that are shown on the screen. The last %d is the total amount of items that exist.
-					__( 'Viewing %d-%d of %d items', 'woocommerce' ),
+					paginationLabel,
 					paginationProps.start,
 					paginationProps.end,
 					totalCount

packages/js/product-editor/src/components/variations-table/pagination/styles.scss

@@ -3,6 +3,7 @@
 	grid-template-columns: 1fr 1fr 1fr;
 	gap: $gap;
 	width: 100%;
+	user-select: none;
 
 	&__info,
 	&__current-page,