Do not show page stats when data set is empty

assets/js/common/Pagination/PageStats.jsx

@@ -6,6 +6,9 @@ function PageStats({
   itemsTotal = 1,
   selectedPage,
 }) {
+  if (itemsTotal === 0) {
+    return null;
+  }
   const itemsBase = (selectedPage - 1) * currentItemsPerPage;
   const lowerBound = itemsBase + 1;
   const upperBound = itemsBase + itemsPresent;

assets/js/common/Pagination/PageStats.test.jsx

@@ -7,6 +7,14 @@ import '@testing-library/jest-dom';
 import Pagination from '.';
 
 describe('Page stats', () => {
+  it('should not render when there are no items', () => {
+    render(<Pagination itemsTotal={0} />);
+
+    expect(
+      screen.queryByText('Showing', { exact: false })
+    ).not.toBeInTheDocument();
+  });
+
   it('should render', () => {
     render(
       <Pagination

assets/js/common/Pagination/Pagination.stories.jsx

@@ -31,13 +31,15 @@ export default {
       },
       defaultValue: [10],
     },
+    itemsTotal: {
+      control: {
+        type: 'number',
+      },
+    },
   },
   render: (args) => (
     <Pagination
-      pages={args.pages}
-      currentPage={args.currentPage}
-      currentItemsPerPage={args.currentItemsPerPage}
-      itemsPerPageOptions={args.itemsPerPageOptions}
+      {...args}
       onSelect={(value) => {
         action('onSelect')(value);
       }}
@@ -64,3 +66,9 @@ export const WithManyPages = {
     currentPage: 20,
   },
 };
+
+export const EmptyDataset = {
+  args: {
+    itemsTotal: 0,
+  },
+};