sag_components 1.0.1029 → 1.0.1030

package/dist/stories/components/ReportTable.js

@@ -42,33 +42,28 @@ const ReportTable = props => {
     width,
     height,
     sortKey,
-    className
+    className,
+    limit,
+    page,
+    totalPages,
+    totalTableResults,
+    onPageChange,
+    isLoading
   } = props;
   const [FormattedTableData, setFormattedTableData] = (0, _react.useState)(tableData);
   const [AllRowsChecked, setAllRowsChecked] = (0, _react.useState)(false);
   const [activeSortColumn, setActiveSortColumn] = (0, _react.useState)();
-  const [currentPage, setCurrentPage] = (0, _react.useState)(1);
-  const rowsPerPage = 10;
+  const [currentPage, setCurrentPage] = (0, _react.useState)(page);
   const getPaginatedRows = () => {
-    const startIndex = (currentPage - 1) * rowsPerPage;
-    const endIndex = startIndex + rowsPerPage;
-    return FormattedTableData.rowsValues.slice(startIndex, endIndex);
+    return FormattedTableData.rowsValues;
   };
-  const totalPages = Math.ceil(FormattedTableData.rowsValues.length / rowsPerPage);
-  const [isLoading, setIsLoading] = (0, _react.useState)(false);
   const handlePageChange = newPage => {
-    if (newPage > 0 && newPage <= totalPages) {
-      setIsLoading(true);
-      setTimeout(() => {
-        setCurrentPage(newPage);
-        setIsLoading(false);
-      }, 500);
-    }
+    onPageChange(newPage);
   };
   const getRecordRangeDisplay = () => {
-    const startRecord = (currentPage - 1) * rowsPerPage + 1;
-    const endRecord = Math.min(currentPage * rowsPerPage, FormattedTableData.rowsValues.length);
-    const totalRecords = FormattedTableData.rowsValues.length;
+    const startRecord = (page - 1) * limit + 1;
+    const endRecord = page * limit;
+    const totalRecords = totalTableResults;
     return `Showing ${startRecord}-${endRecord} of ${totalRecords}`;
   };
   (0, _react.useEffect)(() => {
@@ -297,7 +292,6 @@ const ReportTable = props => {
     disabled: currentPage === 1
   })), (() => {
     const pages = [];
-    const maxVisiblePages = 7;
     const range = 2;
     pages.push( /*#__PURE__*/_react.default.createElement("span", {
       key: 1,
@@ -417,5 +411,10 @@ ReportTable.defaultProps = {
   onSelectRowClick: () => {},
   onCheckRowClick: () => {},
   onAllRowsCheckBoxClick: () => {},
-  useCheckBoxes: false
+  useCheckBoxes: false,
+  limit: 10,
+  page: 1,
+  totalPages: 25,
+  totalTableResults: 250,
+  isLoading: false
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.1029",
+  "version": "1.0.1030",
   "description": "",
   "main": "dist/index.js",
   "scripts": {