PDS-612 Adding custom rows per page (#589)

* PDS-612 Adding custom rows per page

* PDS-612 adding git PR numbr to changelog

* PDS-612 Fixing prop description

* PDS-612 removing settings file

* PDS-612 removing recat components bump

* PDS-612 updating package lock

* PDS-612 Adding correct default value for rowsPerPageOptions

Author: sean-mckenna

packages/data-grid/src/tableFooter/TableFooter.jsx

@@ -92,9 +92,16 @@ const propTypes = {
     }
     return null;
   },
-  /** The number of nearest neighbors of the currently selected page that are shown in the numbres list. */
+  /** The number of nearest neighbors of the currently selected page that are shown in the numbers list. */
   delta: PropTypes.number,
   children: PropTypes.node,
+  /** Optional The options available in the rows per page selector drop down */
+  rowsPerPageOptions: PropTypes.arrayOf(
+    PropTypes.shape({
+      value: PropTypes.number,
+      label: PropTypes.string,
+    }),
+  ),
 };
 
 const defaultProps = {
@@ -109,13 +116,13 @@ const defaultProps = {
   updatePage: () => {},
   delta: 1,
   children: undefined,
+  rowsPerPageOptions: [
+    { value: 5, label: '5' },
+    { value: 10, label: '10' },
+    { value: 25, label: '25' },
+    { value: 50, label: '50' },
+  ],
 };
-const rowsPerPageDefaultOptions = [
-  { value: 5, label: '5' },
-  { value: 10, label: '10' },
-  { value: 25, label: '25' },
-  { value: 50, label: '50' },
-];
 
 function TableFooter({
   children,
@@ -129,6 +136,7 @@ function TableFooter({
   pageCount,
   updatePage,
   delta,
+  rowsPerPageOptions,
 }) {
   return (
     <div className="dg-table-footer-container">
@@ -158,7 +166,7 @@ function TableFooter({
                 </Text>
                 <ButtonSelect
                   className="dg-table-footer-rows-per-page-select"
-                  options={rowsPerPageDefaultOptions}
+                  options={rowsPerPageOptions}
                   value={rowsPerPageValue}
                   type="secondary"
                   onChange={onRowPerPageSelect}