@popmenu/table 0.95.0 → 0.96.0

package/build/hooks/useStagedColumnFilters.d.ts

@@ -1,5 +1,5 @@
 import { ColumnFilter } from '@tanstack/react-table';
-export declare const useStagedColumnFilters: () => {
+export declare const useStagedColumnFilters: (selectedColumnFilters: ColumnFilter[]) => {
     update: (columnId: string, value: string | Array<string>) => void;
     get: (columnId: string) => string | string[] | undefined;
     clear: () => void;

package/build/index.es.js

@@ -1447,8 +1447,19 @@ function makeFormatSelectedFilterText(table) {
     };
 }
 
-var useStagedColumnFilters = function () {
-    var _a = useState(new Map()), columnInputValues = _a[0], setColumnInputValues = _a[1];
+var useStagedColumnFilters = function (selectedColumnFilters) {
+    var _a = useState(function () {
+        return selectedColumnFilters.reduce(function (acc, _a) {
+            var id = _a.id, value = _a.value;
+            if (acc.has(id)) {
+                acc.get(id).push(value);
+            }
+            else {
+                acc.set(id, [value]);
+            }
+            return acc;
+        }, new Map());
+    }), columnInputValues = _a[0], setColumnInputValues = _a[1];
     var filterState = {
         update: function (columnId, value) {
             return setColumnInputValues(columnInputValues.set(columnId, value));
@@ -3328,7 +3339,6 @@ var Panel = function (props) {
         onClose();
     };
     var handleCancelClick = function () {
-        stagedColumnFilters.clear();
         onClose();
     };
     var open = Boolean(anchorEl);
@@ -4217,7 +4227,7 @@ var Table = function (props) {
     var table = useReactTable(__assign$3(__assign$3(__assign$3(__assign$3(__assign$3(__assign$3({ data: data, columns: columns, state: __assign$3(__assign$3(__assign$3(__assign$3(__assign$3({}, (isControlledPagination && { pagination: pagination })), (isControlledGlobalFilter && { globalFilter: globalFilter })), (isControlledColumnFilters && { columnFilters: columnFilters })), (isControlledColumnVisibility && { columnVisibility: columnVisibility })), (isControlledColumnSort && { sorting: sorting })), enableSorting: sortable, enableSortingRemoval: enableSortingRemoval, globalFilterFn: coercedValueIncludesString, getCoreRowModel: getCoreRowModel(), getSortedRowModel: getSortedRowModel(), getFilteredRowModel: getFilteredRowModel() }, (paginated && { getPaginationRowModel: getPaginationRowModel() })), (isControlledPagination && controlledPaginationOptions)), (isControlledGlobalFilter && controlledGlobalFilterOptions)), (isControlledColumnFilters && controlledColumnFiltersOptions)), (isControlledColumnSort && controlledColumnSortOptions)), { meta: { idBase: idBase } }));
     var _f = useColumnFilters(table), selectedColumnFilters = _f.selectedColumnFilters, hasColumnFilters = _f.hasColumnFilters, deselectColumnFilter = _f.deselectColumnFilter, formatSelectedFilterText = _f.formatSelectedFilterText, resetColumnFilters = _f.resetColumnFilters;
     // stagedColumnFilters is only used when stageFilterSelections is enabled
-    var stagedColumnFilters = useStagedColumnFilters();
+    var stagedColumnFilters = useStagedColumnFilters(selectedColumnFilters);
     var handlePagination = function (_e, pageNumber) {
         var pageIndex = pageNumber - 1;
         table.setPageIndex(pageIndex);