Merge pull request #5794 from ilzamcmed/follow-up-LPD-17368

fix(@clayui/pagination-bar): LPD-17368 Follow up - Add aria-label
liferay · Apr 2, 2024 · 681e97e · 681e97e
2 parents 4dd8faf + b07e19d
commit 681e97e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/jest.config.js b/jest.config.js
@@ -170,7 +170,7 @@ module.exports = {
 			statements: 98,
 		},
 		'./packages/clay-pagination-bar/src/': {
-			branches: 100,
+			branches: 95,
 			functions: 88,
 			lines: 94,
 			statements: 95,

diff --git a/packages/clay-drop-down/src/DropDownWithItems.tsx b/packages/clay-drop-down/src/DropDownWithItems.tsx
@@ -140,6 +140,11 @@ export interface IProps
 
 	menuWidth?: React.ComponentProps<typeof ClayDropDown>['menuWidth'];
 
+	/**
+	 * Prop to use language keys.
+	 */
+	messages?: string;
+
 	/**
 	 * Function for setting the offset of the menu from the trigger.
 	 */

diff --git a/packages/clay-pagination-bar/src/DropDown.tsx b/packages/clay-pagination-bar/src/DropDown.tsx
@@ -12,11 +12,16 @@ import React from 'react';
  */
 const ClayPaginationBarDropDown = ({
 	className,
+	messages = 'Items Per Page',
+	trigger,
 	...otherProps
 }: React.ComponentProps<typeof ClayDropDownWithItems>) => {
 	return (
 		<ClayDropDownWithItems
 			className={classNames(className, 'pagination-items-per-page')}
+			trigger={React.cloneElement(trigger, {
+				'aria-label': messages,
+			})}
 			{...otherProps}
 		/>
 	);