@popmenu/table 0.95.0 → 0.96.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js CHANGED
@@ -1496,8 +1496,19 @@ function makeFormatSelectedFilterText(table) {
1496
1496
  };
1497
1497
  }
1498
1498
 
1499
- var useStagedColumnFilters = function () {
1500
- var _a = React.useState(new Map()), columnInputValues = _a[0], setColumnInputValues = _a[1];
1499
+ var useStagedColumnFilters = function (selectedColumnFilters) {
1500
+ var _a = React.useState(function () {
1501
+ return selectedColumnFilters.reduce(function (acc, _a) {
1502
+ var id = _a.id, value = _a.value;
1503
+ if (acc.has(id)) {
1504
+ acc.get(id).push(value);
1505
+ }
1506
+ else {
1507
+ acc.set(id, [value]);
1508
+ }
1509
+ return acc;
1510
+ }, new Map());
1511
+ }), columnInputValues = _a[0], setColumnInputValues = _a[1];
1501
1512
  var filterState = {
1502
1513
  update: function (columnId, value) {
1503
1514
  return setColumnInputValues(columnInputValues.set(columnId, value));
@@ -3377,7 +3388,6 @@ var Panel = function (props) {
3377
3388
  onClose();
3378
3389
  };
3379
3390
  var handleCancelClick = function () {
3380
- stagedColumnFilters.clear();
3381
3391
  onClose();
3382
3392
  };
3383
3393
  var open = Boolean(anchorEl);
@@ -4266,7 +4276,7 @@ var Table = function (props) {
4266
4276
  var table = reactTable.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: reactTable.getCoreRowModel(), getSortedRowModel: reactTable.getSortedRowModel(), getFilteredRowModel: reactTable.getFilteredRowModel() }, (paginated && { getPaginationRowModel: reactTable.getPaginationRowModel() })), (isControlledPagination && controlledPaginationOptions)), (isControlledGlobalFilter && controlledGlobalFilterOptions)), (isControlledColumnFilters && controlledColumnFiltersOptions)), (isControlledColumnSort && controlledColumnSortOptions)), { meta: { idBase: idBase } }));
4267
4277
  var _f = useColumnFilters(table), selectedColumnFilters = _f.selectedColumnFilters, hasColumnFilters = _f.hasColumnFilters, deselectColumnFilter = _f.deselectColumnFilter, formatSelectedFilterText = _f.formatSelectedFilterText, resetColumnFilters = _f.resetColumnFilters;
4268
4278
  // stagedColumnFilters is only used when stageFilterSelections is enabled
4269
- var stagedColumnFilters = useStagedColumnFilters();
4279
+ var stagedColumnFilters = useStagedColumnFilters(selectedColumnFilters);
4270
4280
  var handlePagination = function (_e, pageNumber) {
4271
4281
  var pageIndex = pageNumber - 1;
4272
4282
  table.setPageIndex(pageIndex);