@loadsmart/loadsmart-ui 5.3.1 → 5.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "5.3.1",
+  "version": "5.3.2",
   "description": "Miranda UI, a React UI library",
   "main": "dist",
   "files": [

package/src/components/TablePagination/TablePagination.stories.tsx

@@ -15,6 +15,11 @@ export const Playground: Story<TablePaginationProps> = (args: TablePaginationPro
   const [page, setPage] = useState(args.page)
   const [rowsPerPage, setRowsPerPage] = useState(args.rowsPerPage)
 
+  const handleRowsPerPageChange = (rowsPerPage: number) => {
+    setRowsPerPage(rowsPerPage)
+    setPage(0)
+  }
+
   return (
     <Layout.Group>
       <TablePagination
@@ -22,7 +27,7 @@ export const Playground: Story<TablePaginationProps> = (args: TablePaginationPro
         onPageChange={(page) => setPage(page)}
         page={page}
         rowsPerPage={rowsPerPage}
-        onRowsPerPageChange={setRowsPerPage}
+        onRowsPerPageChange={handleRowsPerPageChange}
       />
     </Layout.Group>
   )

package/src/components/TablePagination/TablePagination.test.tsx

@@ -70,7 +70,6 @@ describe('TablePagination', () => {
     userEvent.click(screen.getByText(/50 per page/i))
 
     expect(onRowsPerPageChange).toHaveBeenLastCalledWith(50)
-    expect(onPageChange).toHaveBeenLastCalledWith(0)
   })
 
   it('hides some actions for the compact variant', () => {

package/src/components/TablePagination/TablePagination.tsx

@@ -20,17 +20,12 @@ function TablePagination(props: TablePaginationProps): JSX.Element {
     ...rest
   } = props
 
-  const handleRowsPerPageChange = (selectedOption: number) => {
-    onRowsPerPageChange(selectedOption)
-    onPageChange(0)
-  }
-
   return (
     <Layout.Group space="xl" align="center" justify="space-between" {...rest}>
       <RowsPerPage
         page={page}
         count={count}
-        onRowsPerPageChange={handleRowsPerPageChange}
+        onRowsPerPageChange={onRowsPerPageChange}
         rowsPerPage={rowsPerPage}
         rowsPerPageOptions={rowsPerPageOptions}
         labelRowsPerPage={labelRowsPerPage}

package/src/components/TablePagination/TablePagination.types.ts

@@ -21,6 +21,9 @@ export interface TablePaginationProps extends GroupProps {
   onPageChange: (page: number) => void
   /**
    * Callback fired when the number of rows per page is changed.
+   *
+   * Note: Resetting the page to zero after the number of rows per page is changed isn't part of
+   * the component and has to be implemented where it's necessary
    */
   onRowsPerPageChange: (rowsPerPage: number) => void
   /**