@stella-source/stellasource-dsl 1.2.9 → 1.2.10

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

@@ -13,6 +13,7 @@ interface HeaderCellProps {
         atRight: boolean;
     };
     onFilterMenuInteraction?: (id: string | number, active: boolean) => void;
+    onFilterApply?: () => void;
 }
-declare const TableHeaderCell: ({ header, serverSide, filters, sorting, scrollPosition, onFilterMenuInteraction, }: HeaderCellProps) => React.JSX.Element;
+declare const TableHeaderCell: ({ header, serverSide, filters, sorting, scrollPosition, onFilterMenuInteraction, onFilterApply, }: HeaderCellProps) => React.JSX.Element;
 export default TableHeaderCell;

package/dist/esm/index.esm.js

@@ -21066,7 +21066,7 @@ const IndeterminateCheckbox = ({ isIndeterminate, isChecked, onChange, }) => {
     return (a__default.createElement(Checkbox, { ref: ref, checked: isChecked, onChange: (e) => onChange?.(e) }));
 };
 
-const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition, onFilterMenuInteraction, }) => {
+const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition, onFilterMenuInteraction, onFilterApply, }) => {
     const column = header.column;
     const columnDef = column.columnDef;
     const meta = columnDef.meta;
@@ -21172,6 +21172,7 @@ const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition,
                                             setCurrentAppliedFilters([item]);
                                             column?.setFilterValue([item]);
                                             showFilterMenu(false);
+                                            onFilterApply?.();
                                         }, "$applied": tempFilters?.includes(item) }, item));
                                 }
                                 return (a__default.createElement(MenuItem, { key: item },
@@ -21192,12 +21193,14 @@ const TableHeaderCell = ({ header, serverSide, filters, sorting, scrollPosition,
                                 setCurrentAppliedFilters(tempFilters);
                                 column?.setFilterValue(tempFilters?.length > 0 ? tempFilters : []);
                                 showFilterMenu(false);
+                                onFilterApply?.();
                             } }, "Apply Selection")),
                         filters?.[header.id]?.length > 0 && (a__default.createElement(MenuButton, { key: "clear", onClick: () => {
                                 column?.setFilterValue([]);
                                 showFilterMenu(false);
                                 setTempFilters([]);
                                 setCurrentAppliedFilters([]);
+                                onFilterApply?.();
                             } }, "Clear Filter"))), document.body))),
             header.column.getCanSort() && (a__default.createElement(SortButton, { className: "icon", iconName: "sort", ariaLabel: "Sort Button", variant: "tertiary", "$active": sorting.some((s) => s.id === header.column.id), "$sort": column.getIsSorted(), onClick: (e) => header.column.getToggleSortingHandler()?.(e) })),
             textAlign === "right" && (a__default.createElement("span", { style: { fontWeight: 600 } }, flexRender(columnDef.header, header.getContext()))))));
@@ -21478,6 +21481,12 @@ function Table({ columns, data, isLoading, serverSide = false, onPageChange, onS
                             ...prev,
                             [id]: active,
                         }));
+                    }, onFilterApply: () => {
+                        setPageIndex(1);
+                        setPagination((prev) => ({
+                            ...prev,
+                            pageIndex: 0,
+                        }));
                     } }));
             }))))),
             a__default.createElement("tbody", null,