@xcelsior/ui-spreadsheets 1.1.16 → 1.1.18

package/dist/index.d.mts

@@ -293,6 +293,8 @@ interface SpreadsheetProps<T = any> {
     onSortChange?: (sortConfig: SpreadsheetSortConfig | null) => void;
     /** Callback when filters change */
     onFilterChange?: (filters: Record<string, SpreadsheetColumnFilter>) => void;
+    /** Callback with filtered data after filters are applied */
+    afterFiltered?: (filteredData: T[]) => void;
     /** Callback for row click */
     onRowClick?: (row: T, rowIndex: number) => void;
     /** Callback for row double click */
@@ -671,7 +673,7 @@ interface SpreadsheetColumnGroupHeaderProps {
  * />
  * ```
  */
-declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellsEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onAddCellComment, onToggleCommentResolved, onRowHighlight, onColumnHighlight, onCellHighlight, showToolbar, showPagination, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, pageSizeOptions, onSave, settings: initialSettings, onSettingsChange, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, columnHighlights: externalColumnHighlights, cellHighlights: externalCellHighlights, cellComments: externalCellComments, rowActions, rowContextMenuItems, toolbarMenuItems, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, sortConfig: controlledSortConfig, onPageChange, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
+declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellsEdit, onSelectionChange, onSortChange, onFilterChange, afterFiltered, onRowClick, onRowDoubleClick, onAddCellComment, onToggleCommentResolved, onRowHighlight, onColumnHighlight, onCellHighlight, showToolbar, showPagination, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, pageSizeOptions, onSave, settings: initialSettings, onSettingsChange, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, columnHighlights: externalColumnHighlights, cellHighlights: externalCellHighlights, cellComments: externalCellComments, rowActions, rowContextMenuItems, toolbarMenuItems, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, sortConfig: controlledSortConfig, onPageChange, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Spreadsheet {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -293,6 +293,8 @@ interface SpreadsheetProps<T = any> {
     onSortChange?: (sortConfig: SpreadsheetSortConfig | null) => void;
     /** Callback when filters change */
     onFilterChange?: (filters: Record<string, SpreadsheetColumnFilter>) => void;
+    /** Callback with filtered data after filters are applied */
+    afterFiltered?: (filteredData: T[]) => void;
     /** Callback for row click */
     onRowClick?: (row: T, rowIndex: number) => void;
     /** Callback for row double click */
@@ -671,7 +673,7 @@ interface SpreadsheetColumnGroupHeaderProps {
  * />
  * ```
  */
-declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellsEdit, onSelectionChange, onSortChange, onFilterChange, onRowClick, onRowDoubleClick, onAddCellComment, onToggleCommentResolved, onRowHighlight, onColumnHighlight, onCellHighlight, showToolbar, showPagination, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, pageSizeOptions, onSave, settings: initialSettings, onSettingsChange, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, columnHighlights: externalColumnHighlights, cellHighlights: externalCellHighlights, cellComments: externalCellComments, rowActions, rowContextMenuItems, toolbarMenuItems, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, sortConfig: controlledSortConfig, onPageChange, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
+declare function Spreadsheet<T extends Record<string, any>>({ data, columns, columnGroups, getRowId, onCellsEdit, onSelectionChange, onSortChange, onFilterChange, afterFiltered, onRowClick, onRowDoubleClick, onAddCellComment, onToggleCommentResolved, onRowHighlight, onColumnHighlight, onCellHighlight, showToolbar, showPagination, enableRowSelection, enableCellEditing, enableComments, enableHighlighting, enableUndoRedo, pageSizeOptions, onSave, settings: initialSettings, onSettingsChange, isLoading, className, emptyMessage, rowHighlights: externalRowHighlights, columnHighlights: externalColumnHighlights, cellHighlights: externalCellHighlights, cellComments: externalCellComments, rowActions, rowContextMenuItems, toolbarMenuItems, serverSide, totalItems, currentPage: controlledCurrentPage, pageSize: controlledPageSize, sortConfig: controlledSortConfig, onPageChange, filters: controlledFilters, }: SpreadsheetProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Spreadsheet {
     var displayName: string;
 }

package/dist/index.js

@@ -3668,6 +3668,7 @@ function Spreadsheet({
   onSelectionChange,
   onSortChange,
   onFilterChange,
+  afterFiltered,
   onRowClick,
   onRowDoubleClick,
   onAddCellComment,
@@ -4047,6 +4048,11 @@ function Spreadsheet({
       setInternalCurrentPage(1);
     }
   }, [totalPages, currentPage, serverSide]);
+  const afterFilteredRef = (0, import_react17.useRef)(afterFiltered);
+  afterFilteredRef.current = afterFiltered;
+  (0, import_react17.useEffect)(() => {
+    afterFilteredRef.current?.(filteredData.toArray());
+  }, [filteredData]);
   const handleRowSelect = (0, import_react17.useCallback)(
     (rowId, event) => {
       if (!enableRowSelection) return;
@@ -4410,7 +4416,10 @@ function Spreadsheet({
                       {
                         column,
                         filter: filters[column.id],
-                        onFilterChange: (filter) => handleFilterChangeWithReset(column.id, filter),
+                        onFilterChange: (filter) => handleFilterChangeWithReset(
+                          column.id,
+                          filter
+                        ),
                         onClose: () => setActiveFilterColumn(null)
                       }
                     )
@@ -4476,7 +4485,7 @@ function Spreadsheet({
                       },
                       children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative flex items-center justify-center w-full h-full", children: [
                         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: displayIndex }),
-                        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "absolute inset-0 flex items-center justify-evenly", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "absolute inset-0 flex items-center justify-between", children: [
                           rowContextMenuItems && rowContextMenuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                             RowContextMenu,
                             {