@stella-source/stellasource-dsl 0.2.0 → 0.2.2

package/dist/cjs/index.js

@@ -20699,14 +20699,19 @@ const PageTotals = styled.span `
 
 const Pagination = ({ isLoading, rowsPerPage = 100, totalRows, ariaLabel = "Pagination", onPageChange, startingPage = 1, id, className, htmlProps, }) => {
     const [pageNumber, setPageNumber] = a$j.useState(startingPage || 1);
+    const [total, setTotal] = a$j.useState(totalRows || 5);
     const totalPages = a$j.useMemo(() => {
-        return Math.ceil(totalRows / rowsPerPage);
-    }, [rowsPerPage, totalRows]);
+        return Math.ceil(total / rowsPerPage);
+    }, [rowsPerPage, total]);
     const currentRows = a$j.useMemo(() => {
         const startRow = (pageNumber - 1) * rowsPerPage + 1;
-        const endRow = Math.min(startRow + rowsPerPage - 1, totalRows);
+        const endRow = Math.min(startRow + rowsPerPage - 1, total);
         return { startRow, endRow };
-    }, [pageNumber, rowsPerPage, totalRows]);
+    }, [pageNumber, rowsPerPage, total]);
+    a$j.useEffect(() => {
+        setPageNumber(startingPage);
+        setTotal(totalRows);
+    }, [totalRows, startingPage]);
     const handlePageChange = (newPage) => {
         if (newPage >= 1 && newPage <= totalPages) {
             setPageNumber(newPage);
@@ -21222,7 +21227,7 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
     startingPage: 1,
     rowsPerPage: 10,
     totalRows: data.length,
-}, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, }) {
+}, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, }) {
     const [rowSelection, setRowSelection] = a$j.useState({});
     const [selectedRows] = a$j.useState({});
     const [pageIndex, setPageIndex] = a$j.useState(paginationDetails?.startingPage);
@@ -21230,6 +21235,7 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
         pageIndex: paginationDetails?.startingPage - 1,
         pageSize: paginationDetails?.rowsPerPage || 10,
     });
+    const [totalData, setTotalData] = a$j.useState(paginationDetails?.totalRows);
     const [sorting, setSorting] = a$j.useState([]);
     const [filters, setFilters] = a$j.useState({});
     const [rowState, setRowState] = a$j.useState({});
@@ -21245,6 +21251,9 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
     a$j.useEffect(() => {
         setRowStatusesState(rowStatuses || {});
     }, [rowStatuses]);
+    a$j.useEffect(() => {
+        setTotalData(paginationDetails?.totalRows);
+    }, [paginationDetails.totalRows, data]);
     a$j.useEffect(() => {
         const el = scrollRef?.current;
         if (!el)
@@ -21351,6 +21360,19 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
             onRowSelect?.(selectedData);
         }
     }, [onRowSelect, table, rowSelection]);
+    a$j.useEffect(() => {
+        resetTable();
+    }, [resetTrigger]);
+    const resetTable = () => {
+        setColumnFilters([]);
+        setFilters({});
+        setSorting([]);
+        setPageIndex(1);
+        setPagination({
+            pageIndex: paginationDetails?.startingPage - 1,
+            pageSize: paginationDetails?.rowsPerPage || 10,
+        });
+    };
     return (a$j.createElement(TableWrapper, { className: className, id: id, "data-testid": dataTestId, "data-auto": dataAuto },
         a$j.createElement(TableWrapperScroll, { "$filterMenuOpen": Object.values(filterMenuOpen).some((value) => value), ref: scrollRef }, isLoading ? (a$j.createElement("div", null,
             a$j.createElement("div", { style: {
@@ -21419,16 +21441,14 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
                                     : "white",
                     }, "$isPinnedLeft": cell.column.getIsPinned() === "left", "$isPinnedRight": cell.column.getIsPinned() === "right", "$columnInfo": cell.column, "$isLastRow": row.index === table.getRowModel().rows.length - 1 }, value));
             })))))))),
-        showPagination && paginationDetails?.totalRows && (a$j.createElement(CustomPagination, { totalRows: serverSide
-                ? paginationDetails?.totalRows
-                : table.getFilteredRowModel().rows.length, isLoading: isLoading, rowsPerPage: paginationDetails?.rowsPerPage, startingPage: pageIndex, onPageChange: (page, pageSize) => {
+        showPagination && paginationDetails?.totalRows && (a$j.createElement(CustomPagination, { totalRows: serverSide ? totalData : table.getFilteredRowModel().rows.length, isLoading: isLoading, rowsPerPage: paginationDetails?.rowsPerPage, startingPage: pageIndex, onPageChange: (page, pageSize) => {
                 setPageIndex(page);
                 setPagination((prev) => ({
                     ...prev,
                     pageIndex: page - 1,
                 }));
                 onPageChange?.(page, pageSize);
-            } }))));
+            }, resetTrigger: resetTrigger }))));
 }
 
 const SyncContainer = styled.div `