@stella-source/stellasource-dsl 1.4.2 → 1.5.3

package/dist/cjs/index.js

@@ -21540,6 +21540,8 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
         });
         setLocalColumns(columns);
         setLocalData(data);
+        if (paginationDetails && paginationDetails.startingPage !== pageIndex)
+            setPageIndex(paginationDetails?.startingPage);
     }, [paginationDetails, data, columns]);
     a$l.useLayoutEffect(() => {
         const el = scrollRef.current;
@@ -21678,7 +21680,7 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
                 .rows.map((row) => row.original);
             onRowSelect?.(selectedData);
         }
-    }, [onRowSelect, table, rowSelection]);
+    }, [rowSelection]);
     a$l.useEffect(() => {
         resetTable();
     }, [resetTrigger]);
@@ -21691,6 +21693,7 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
             pageIndex: paginationDetails?.startingPage - 1,
             pageSize: paginationDetails?.rowsPerPage || 10,
         });
+        table.toggleAllRowsSelected(false);
     };
     return (a$l.createElement(TableWrapper, { className: className, id: id, "data-testid": dataTestId, "data-auto": dataAuto },
         a$l.createElement(TableWrapperScroll, { "$stopScroll": Object.values(filterMenuOpen).some((value) => value), ref: scrollRef }, isLoading ? (a$l.createElement("div", null,
@@ -21773,6 +21776,7 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
                                 table.getRowModel().rows.length - 1 }, value));
                 })))))))),
         showPagination && paginationDetails?.totalRows > 0 && (a$l.createElement(CustomPagination, { totalRows: serverSide ? totalData : table.getFilteredRowModel().rows.length, isLoading: isLoading, rowsPerPage: paginationDetails?.rowsPerPage, startingPage: pageIndex, onPageChange: (page, pageSize) => {
+                table.toggleAllRowsSelected(false);
                 setPageIndex(page);
                 setPagination((prev) => ({
                     ...prev,
@@ -21941,6 +21945,19 @@ const PaymentStatus = ({ variant, id, className }) => {
         a$l.createElement(PaymentStatusLabel, null, label)));
 };
 
+const Tab = ({ id, className, onClick, htmlProps, label }) => {
+    return (a$l.createElement("button", { id: id, className: className, onClick: () => onClick?.(label), ...htmlProps }, label));
+};
+
+const TabsBar = styled.nav `
+  display: flex;
+  gap: 2px;
+`;
+
+const Tabs = ({ id, className, tabs, activeTab, htmlProps, onTabClick, }) => {
+    return (a$l.createElement(TabsBar, { id: id, className: className, ...htmlProps }, tabs.map((tab) => (a$l.createElement(Tab, { key: `${id}-${tab}`, id: `${id}-${tab}`, label: tab, onClick: () => onTabClick(tab) })))));
+};
+
 exports.HelperText = HelperText;
 exports.IconButton = IconButton;
 exports.Label = Label;
@@ -21955,6 +21972,7 @@ exports.Styles = Styles;
 exports.Sync = Sync;
 exports.Table = Table;
 exports.TableUnitsAndTotals = TableUnitsAndTotals;
+exports.Tabs = Tabs;
 exports.TextInput = TextInput;
 exports.Tooltip = Tooltip;
 //# sourceMappingURL=index.js.map