@xcelsior/ui-spreadsheets 1.1.15 → 1.1.17

package/dist/index.mjs

@@ -1322,7 +1322,8 @@ var SpreadsheetToolbar = ({
                     activeFilterCount,
                     " filter",
                     activeFilterCount !== 1 ? "s" : "",
-                    " active"
+                    " ",
+                    "active"
                   ] }),
                   showFiltersPanel ? /* @__PURE__ */ jsx4(HiChevronUp, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx4(HiChevronDown, { className: "h-3 w-3" })
                 ]
@@ -1386,7 +1387,7 @@ var SpreadsheetToolbar = ({
                   ]
                 }
               ),
-              showMoreMenu && /* @__PURE__ */ jsxs4("div", { className: "absolute right-0 top-full mt-1 bg-white border border-gray-200 shadow-lg rounded py-1 min-w-[180px] z-20", children: [
+              showMoreMenu && /* @__PURE__ */ jsxs4("div", { className: "absolute right-0 top-full mt-1 bg-white border border-gray-200 shadow-lg rounded py-1 min-w-[180px] z-50", children: [
                 onSettings && /* @__PURE__ */ jsxs4(
                   "button",
                   {
@@ -3624,6 +3625,7 @@ function Spreadsheet({
   onSelectionChange,
   onSortChange,
   onFilterChange,
+  afterFiltered,
   onRowClick,
   onRowDoubleClick,
   onAddCellComment,
@@ -3792,6 +3794,23 @@ function Spreadsheet({
     },
     [controlledPageSize, controlledCurrentPage, onPageChange]
   );
+  const resetPaginationToFirstPage = useCallback7(() => {
+    if (controlledCurrentPage === void 0) {
+      setInternalCurrentPage(1);
+    }
+    onPageChange?.(1, pageSize);
+  }, [controlledCurrentPage, onPageChange, pageSize]);
+  const handleFilterChangeWithReset = useCallback7(
+    (columnId, filter) => {
+      handleFilterChange(columnId, filter);
+      resetPaginationToFirstPage();
+    },
+    [handleFilterChange, resetPaginationToFirstPage]
+  );
+  const clearAllFiltersWithReset = useCallback7(() => {
+    clearAllFilters();
+    resetPaginationToFirstPage();
+  }, [clearAllFilters, resetPaginationToFirstPage]);
   useEffect6(() => {
     setSpreadsheetSettings((prev) => ({
       ...prev,
@@ -3986,6 +4005,11 @@ function Spreadsheet({
       setInternalCurrentPage(1);
     }
   }, [totalPages, currentPage, serverSide]);
+  const afterFilteredRef = useRef5(afterFiltered);
+  afterFilteredRef.current = afterFiltered;
+  useEffect6(() => {
+    afterFilteredRef.current?.(filteredData.toArray());
+  }, [filteredData]);
   const handleRowSelect = useCallback7(
     (rowId, event) => {
       if (!enableRowSelection) return;
@@ -4204,10 +4228,10 @@ function Spreadsheet({
         saveStatus,
         autoSave: spreadsheetSettings.autoSave,
         hasActiveFilters,
-        onClearFilters: clearAllFilters,
+        onClearFilters: clearAllFiltersWithReset,
         filters,
         columns,
-        onClearFilter: (columnId) => handleFilterChange(columnId, void 0),
+        onClearFilter: (columnId) => handleFilterChangeWithReset(columnId, void 0),
         showFiltersPanel,
         onToggleFiltersPanel: () => setShowFiltersPanel(!showFiltersPanel),
         onZoomIn: () => setZoom((z) => Math.min(z + 10, 200)),
@@ -4349,7 +4373,10 @@ function Spreadsheet({
                       {
                         column,
                         filter: filters[column.id],
-                        onFilterChange: (filter) => handleFilterChange(column.id, filter),
+                        onFilterChange: (filter) => handleFilterChangeWithReset(
+                          column.id,
+                          filter
+                        ),
                         onClose: () => setActiveFilterColumn(null)
                       }
                     )