@madie/madie-design-system 1.2.100 → 1.2.102

package/components/MadieTable/index.jsx

@@ -13,6 +13,7 @@ const MadieTable = ({
   currentDirection,
   handleSort,
   renderExpandedRow,
+  emptyMessage = "No results were found",
   id="measureListTable",
   dataTestId = "measure-list-tbl"
 }) => {
@@ -112,7 +113,7 @@ const MadieTable = ({
                       colSpan={table.getAllColumns().length}
                       style={{ padding: "40px 0", textAlign: "center" }}
                     >
-                      <span>No results were found</span>
+                      <span>{emptyMessage}</span>
                     </td>
                   </tr>
                 )}
@@ -153,6 +154,7 @@ MadieTable.propTypes = {
   currentDirection: PropTypes.oneOf(["ASC", "DESC"]),
   handleSort: PropTypes.func.isRequired,
   renderExpandedRow: PropTypes.func,
+  emptyMessage: PropTypes.node,
 
   id: PropTypes.string,
   dataTestId: PropTypes.string,

package/components/Pagination/index.jsx

@@ -1,6 +1,5 @@
 import React from "react";
 import PropTypes from "prop-types";
-import { visuallyHidden } from "@mui/utils";
 
 import {
     Pagination as PaginationComponent,
@@ -59,13 +58,10 @@ const Pagination = ({
     return (
         <Container>
             <Row>
-                {/*this span is only for screen reader*/}
-                <span id="items-per-page" style={visuallyHidden}>
-                    Items per page {limit}.
-                </span>
                 <Typography
                     fontSize={14}
                     fontFamily="Rubik"
+                    id="items-per-page"
                     sx={{
                         color: "#333333",
                     }}
@@ -89,13 +85,12 @@ const Pagination = ({
                         },
                     }}
                     id="pagination-limit-select"
+                    labelId="items-per-page"
                     value={limit}
                     label={null}
                     onChange={handleLimitChange}
                     inputProps={{
-                        "aria-labelledby": "items-per-page",
-                        "aria-describedby":
-                            "items-per-page offset-of-total-items",
+                        "aria-describedby": "offset-of-total-items",
                     }}
                 >
                     {limitOptions.map((val) => (