Chore: Reduce bundle size

.gitignore

@@ -28,4 +28,6 @@ yarn-error.log*
 #all src files except lib
 src/*
 !src/lib
-!src/__tests__
+!src/__tests__
+
+stats.json

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-hooks-paginator",
   "description": "A package for adding paginator functionality to react apps",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -29,7 +29,8 @@
     "build": "webpack",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "prepublish": "npm run build"
+    "prepublish": "npm run build",
+    "bundle-report": "webpack-bundle-analyzer dist/stats.json"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -64,6 +65,7 @@
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
     "webpack": "4.28.3",
+    "webpack-bundle-analyzer": "^3.6.0",
     "webpack-cli": "3.2.3",
     "webpack-dev-server": "3.1.14"
   }

src/lib/paginator.js

@@ -1,5 +1,5 @@
 import React, { useState, useCallback, useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
+import { number, string, func, oneOfType, node } from 'prop-types';
 import './style/main.scss';
 
 const LEFT_PAGE = 'LEFT';
@@ -164,7 +164,7 @@ function Paginator(props) {
           <li
             className={`${props.pageItemClass} ${
               currentPage === page ? props.pageActiveClass : null
-              }`}
+            }`}
             key={index}
           >
             <button
@@ -192,20 +192,20 @@ Paginator.defaultProps = {
 };
 
 Paginator.propTypes = {
-  currentPage: PropTypes.number,
-  pageActiveClass: PropTypes.string,
-  pageNextText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  pagePrevText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  pagePrevClass: PropTypes.string,
-  pageNextClass: PropTypes.string,
-  pageContainerClass: PropTypes.string,
-  pageItemClass: PropTypes.string,
-  pageLimit: PropTypes.number,
-  pageLinkClass: PropTypes.string,
-  pageNeighbours: PropTypes.number,
-  setCurrentPage: PropTypes.func,
-  setOffset: PropTypes.func,
-  totalRecords: PropTypes.number.isRequired
+  currentPage: number,
+  pageActiveClass: string,
+  pageNextText: oneOfType([string, node]),
+  pagePrevText: oneOfType([string, node]),
+  pagePrevClass: string,
+  pageNextClass: string,
+  pageContainerClass: string,
+  pageItemClass: string,
+  pageLimit: number,
+  pageLinkClass: string,
+  pageNeighbours: number,
+  setCurrentPage: func,
+  setOffset: func,
+  totalRecords: number.isRequired
 };
 
 export default Paginator;

webpack.config.js

@@ -1,5 +1,6 @@
 const path = require('path');
-const webpack = require('webpack');
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
+  .BundleAnalyzerPlugin;
 
 module.exports = {
   entry: './src/lib/index.js',
@@ -47,5 +48,11 @@ module.exports = {
       amd: 'ReactDOM',
       root: 'ReactDOM'
     }
-  }
+  },
+  plugins: [
+    new BundleAnalyzerPlugin({
+      analyzerMode: 'disabled',
+      generateStatsFile: true
+    })
+  ]
 };