fix(pagination): fix pagination update when totalResults or resultsPe…

…rPage change

It fixes a bug when `totalResults` or `resultsPerPage` is updated and the component isn't
re-rendered to reflect the change.

src/Pagination.tsx

@@ -133,7 +133,7 @@ const Pagination = React.forwardRef<Ref, PaginationProps>(function Pagination(pr
         TOTAL_PAGES,
       ])
     }
-  }, [activePage])
+  }, [activePage, TOTAL_PAGES])
 
   useEffect(() => {
     onChange(activePage)

src/__tests__/Pagination.test.tsx

@@ -266,4 +266,36 @@ describe('Pagination', () => {
 
     expect(onChange).toHaveBeenCalledWith(3)
   })
+
+  it('should update the pages total when totalResults is updated', () => {
+    const onChange = () => {}
+    const expectedBeforeUpdate = 6
+    const expectedAfterUpdate = 4
+
+    const wrapper = mount(
+      <Pagination totalResults={30} resultsPerPage={5} label="Navigation" onChange={onChange} />
+    )
+
+    expect(wrapper.find(PageButton).children().length).toBe(expectedBeforeUpdate)
+
+    wrapper.setProps({ totalResults: 20, resultsPerPage: 5 })
+    wrapper.update()
+    expect(wrapper.find(PageButton).children().length).toBe(expectedAfterUpdate)
+  })
+
+  it('should update the pages total when resultsPerPage is updated', () => {
+    const onChange = () => {}
+    const expectedBeforeUpdate = 6
+    const expectedAfterUpdate = 3
+
+    const wrapper = mount(
+      <Pagination totalResults={30} resultsPerPage={5} label="Navigation" onChange={onChange} />
+    )
+
+    expect(wrapper.find(PageButton).children().length).toBe(expectedBeforeUpdate)
+
+    wrapper.setProps({ resultsPerPage: 10 })
+    wrapper.update()
+    expect(wrapper.find(PageButton).children().length).toBe(expectedAfterUpdate)
+  })
 })