feat: Add onPerPageChanged prop

README.md

@@ -69,6 +69,7 @@ For more details see __[Storybook](https://dtupalov.github.io/react-material-ui-
 | page | number | 0 | Current page. Start with 0 |
 | onPageChanged | Function | | Function trigger when `page` was changed. Signature ```(page: number) => any``` |
 | perPage | number | 5 | Quantity of displaying items per page. | 
+| onPerPageChanged | Function | | Function trigger when `perPage` was changed. Signature ```(perPage: number) => any``` | 
 | perPageOption | number[] | [5, 10, 15] | Per page option. Displayed on the paging panel |
 | selectedRows | number[] | [] | Indexes of selected rows |
 | selectable | boolean | true | Enable selections |

src/withReactMUIDatatableModel.js

@@ -266,7 +266,11 @@ export default compose(
 
       props.onPageChanged && props.onPageChanged(page);
     },
-    changePerPage: props => count => props.setPerPage(count),
+    changePerPage: props => count => {
+      props.setPerPage(count);
+
+      props.onPerPageChanged && props.onPerPageChanged(count);
+    },
     handleSelect: props => selectedRows => props.setSelectedRows(selectedRows),
     handleDelete: props => selectedRows => {
       const nextData = props.data.filter(

stories/ReactMUIDatatable.stories.js

@@ -75,6 +75,14 @@ storiesOf('ReactMUIDatatable/Props', module)
       perPage={15}
     />
   ))
+  .add('onPerPageChanged', () => (
+    <ReactMUIDatatable
+      columns={columns}
+      data={data}
+      title={title}
+      onPerPageChanged={action('onPerPageChanged called')}
+    />
+  ))
   .add('perPageOption', () => (
     <ReactMUIDatatable
       columns={columns}

test/withReactMUIDatatableModel.test.js

@@ -12,6 +12,7 @@ let onSearchValueChanged;
 let onSortChanged;
 let onFilterValuesChanged;
 let onPageChanged;
+let onPerPageChanged;
 
 class MockedComponent extends React.Component {
   render() {
@@ -27,6 +28,7 @@ describe('withReactMUIDatatableModel', () => {
     onSortChanged = jest.fn(({ columnName, direction }) => {});
     onFilterValuesChanged = jest.fn(filterValues => {});
     onPageChanged = jest.fn(page => {});
+    onPerPageChanged = jest.fn(perPage => {});
 
     data = [
       {
@@ -93,6 +95,7 @@ describe('withReactMUIDatatableModel', () => {
           onSortChanged={onSortChanged}
           onFilterValuesChanged={onFilterValuesChanged}
           onPageChanged={onPageChanged}
+          onPerPageChanged={onPerPageChanged}
         />
       )
       .root.findByType(MockedComponent);
@@ -408,6 +411,12 @@ describe('withReactMUIDatatableModel', () => {
     );
   });
 
+  it('should call onPerPageChanged if perPage was changed', () => {
+    RenderedMockedComponent.props.changePerPage(10);
+
+    expect(onPerPageChanged).toBeCalledWith(10);
+  });
+
   it('should paginate', () => {
     const expectedDisplayDataOnSecondPage = [
       {