@stella-source/stellasource-dsl 0.2.0 → 0.2.1

package/dist/cjs/types/components/Pagination/types.d.ts

@@ -9,4 +9,5 @@ export interface PaginationProps {
     totalRows: number;
     onPageChange?: (page: number, pageSize: number) => void;
     startingPage?: number;
+    resetTrigger?: number;
 }

package/dist/cjs/types/components/Table/Table.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { TableProps } from "./types";
-declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, }: TableProps<T>): React.JSX.Element;
+declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, }: TableProps<T>): React.JSX.Element;
 export default Table;

package/dist/cjs/types/components/Table/types.d.ts

@@ -37,6 +37,7 @@ export interface TableProps<T> {
     htmlProps?: HTMLAttributes<HTMLTableElement>;
     paginationDetails?: PaginationDetails;
     rowStatuses?: Record<number | string, RowStatus>;
+    resetTrigger?: number;
 }
 export interface CustomColumnMeta {
     headerAlign?: "left" | "right";

package/dist/esm/index.esm.js

@@ -20679,14 +20679,19 @@ const PageTotals = styled.span `
 
 const Pagination = ({ isLoading, rowsPerPage = 100, totalRows, ariaLabel = "Pagination", onPageChange, startingPage = 1, id, className, htmlProps, }) => {
     const [pageNumber, setPageNumber] = a__default.useState(startingPage || 1);
+    const [total, setTotal] = a__default.useState(totalRows || 5);
     const totalPages = useMemo$1(() => {
-        return Math.ceil(totalRows / rowsPerPage);
-    }, [rowsPerPage, totalRows]);
+        return Math.ceil(total / rowsPerPage);
+    }, [rowsPerPage, total]);
     const currentRows = useMemo$1(() => {
         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]);
+    useEffect(() => {
+        setPageNumber(startingPage);
+        setTotal(totalRows);
+    }, [totalRows, startingPage]);
     const handlePageChange = (newPage) => {
         if (newPage >= 1 && newPage <= totalPages) {
             setPageNumber(newPage);
@@ -21202,7 +21207,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] = useState({});
     const [selectedRows] = useState({});
     const [pageIndex, setPageIndex] = useState(paginationDetails?.startingPage);
@@ -21210,6 +21215,7 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
         pageIndex: paginationDetails?.startingPage - 1,
         pageSize: paginationDetails?.rowsPerPage || 10,
     });
+    const [totalData, setTotalData] = useState(paginationDetails?.totalRows);
     const [sorting, setSorting] = useState([]);
     const [filters, setFilters] = useState({});
     const [rowState, setRowState] = useState({});
@@ -21225,6 +21231,9 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
     useEffect(() => {
         setRowStatusesState(rowStatuses || {});
     }, [rowStatuses]);
+    useEffect(() => {
+        setTotalData(paginationDetails?.totalRows);
+    }, [paginationDetails.totalRows, data]);
     useEffect(() => {
         const el = scrollRef?.current;
         if (!el)
@@ -21331,6 +21340,20 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
             onRowSelect?.(selectedData);
         }
     }, [onRowSelect, table, rowSelection]);
+    useEffect(() => {
+        resetTable();
+    }, [resetTrigger]);
+    const resetTable = () => {
+        setColumnFilters([]);
+        setFilters({});
+        setScrollState({ atLeft: true, atRight: false });
+        setSorting([]);
+        setPageIndex(1);
+        setPagination({
+            pageIndex: paginationDetails?.startingPage - 1,
+            pageSize: paginationDetails?.rowsPerPage || 10,
+        });
+    };
     return (a__default.createElement(TableWrapper, { className: className, id: id, "data-testid": dataTestId, "data-auto": dataAuto },
         a__default.createElement(TableWrapperScroll, { "$filterMenuOpen": Object.values(filterMenuOpen).some((value) => value), ref: scrollRef }, isLoading ? (a__default.createElement("div", null,
             a__default.createElement("div", { style: {
@@ -21399,16 +21422,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__default.createElement(CustomPagination, { totalRows: serverSide
-                ? paginationDetails?.totalRows
-                : table.getFilteredRowModel().rows.length, isLoading: isLoading, rowsPerPage: paginationDetails?.rowsPerPage, startingPage: pageIndex, onPageChange: (page, pageSize) => {
+        showPagination && paginationDetails?.totalRows && (a__default.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 `