@promoboxx/use-filter 1.0.5 → 1.2.0

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## 1.2.0 (2021-07-16)
+
+
+### Features
+
+* Add localStorageStore ([#4](https://github.com/promoboxx/use-filter/issues/4)) ([a6087e2](https://github.com/promoboxx/use-filter/commit/a6087e2f07a3640799b840e128b96838cd8ef150))
+
+## 1.1.0 (2021-07-16)
+
+
+### Features
+
+* Add concept of data to useFilter ([#2](https://github.com/promoboxx/use-filter/issues/2)) ([563c5a9](https://github.com/promoboxx/use-filter/commit/563c5a959cdc22a0f8eba9dbb3dde7802df02b46))
+
+### 1.0.6 (2021-07-16)
+
+
+### Bug Fixes
+
+* dont deploy test files ([500151c](https://github.com/promoboxx/use-filter/commit/500151c04f75139c71baf29b2ad2dccefcd57db7))
+
 ### 1.0.5 (2021-07-16)
 
 

package/dist/store/index.d.ts

@@ -2,6 +2,8 @@ import { FilterInfo } from '../useFilter';
 export interface FilterStore {
     getFilter(namespace: string): FilterInfo<any> | null | undefined;
     saveFilter(namespace: string, filter: FilterInfo<any>): void;
+    getData(namespace: string): any | null | undefined;
+    saveData(namespace: string, data: any): void;
     clear(): void;
 }
 export declare function setFilterStore(newStore: FilterStore): void;

package/dist/store/memoryStore.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var filters = {};
+var data = {};
 var memoryStore = {
     getFilter: function (namespace) {
         return filters[namespace];
@@ -8,8 +9,15 @@ var memoryStore = {
     saveFilter: function (namespace, filter) {
         filters[namespace] = filter;
     },
+    getData: function (namespace) {
+        return data[namespace];
+    },
+    saveData: function (namespace, data) {
+        filters[namespace] = data;
+    },
     clear: function () {
         filters = {};
+        data = {};
     },
 };
 exports.default = memoryStore;

package/dist/useFilter.d.ts

@@ -5,11 +5,12 @@ interface UseFilterOptions<TFilter, TResult> {
     onChange: (filterInfo: FilterInfo<TFilter>) => MaybePromise<UseFilterOnChangeResult<TFilter, TResult>>;
     debounceDuration?: number;
 }
-declare function useFilter<T>(namespace: string, options: UseFilterOptions<T, any>): {
+declare function useFilter<TFilter, TResult>(namespace: string, options: UseFilterOptions<TFilter, TResult>): {
     isLoading: boolean;
+    data: TResult | null | undefined;
     doesFilterExist: boolean;
-    filterInfo: FilterInfo<T>;
-    updateFilter(filter: T): void;
+    filterInfo: FilterInfo<TFilter>;
+    updateFilter(filter: Partial<TFilter>): void;
     resetFilter(): void;
     setOffset(offset: number | string): void;
     setPage(page: number | string): void;

package/dist/useFilter.js

@@ -33,6 +33,9 @@ var shallowEqual_1 = __importDefault(require("./lib/shallowEqual"));
 var store_1 = require("./store");
 function useFilter(namespace, options) {
     var _a = react_1.useState(function () { return store_1.getFilterStore().getFilter(namespace); }), filterInfo = _a[0], setFilterInfoState = _a[1];
+    var _b = react_1.useState(function () {
+        return store_1.getFilterStore().getData(namespace);
+    }), data = _b[0], setData = _b[1];
     var setFilterInfo = react_1.useCallback(function (filterInfo, skipFetch) {
         if (skipFetch === void 0) { skipFetch = false; }
         setFilterInfoState(function (previousFilterInfo) {
@@ -55,7 +58,7 @@ function useFilter(namespace, options) {
         debounceDuration: options.debounceDuration,
         defaultFilterInfo: options.defaultFilterInfo,
     });
-    var _b = react_1.useState(!filterInfo), isLoading = _b[0], setIsLoading = _b[1];
+    var _c = react_1.useState(!filterInfo), isLoading = _c[0], setIsLoading = _c[1];
     var doesFilterExist = react_1.useRef(!!filterInfo);
     var lastRefreshAtRef = react_1.useRef(
     // if shouldForceRunOnMount is set, always use -1
@@ -113,9 +116,12 @@ function useFilter(namespace, options) {
                         extra.totalResults = Number(totalResults);
                         extra.totalPages = Math.ceil(extra.totalResults / pageSizeNumber);
                     }
-                    // TODO Don't do anther request here????
                     setFilterInfo(__assign(__assign(__assign({}, filterInfo), filterInfoFromResponse), extra), true);
                 }
+                if (response.data) {
+                    setData(response.data);
+                    store_1.getFilterStore().saveData(namespace, response.data);
+                }
             }
             if (isPromise(response)) {
                 response.then(handleResponse).finally(function () { return setIsLoading(false); });
@@ -135,6 +141,7 @@ function useFilter(namespace, options) {
     }, [filterInfo, setFilterInfo, namespace]);
     return {
         isLoading: isLoading,
+        data: data,
         doesFilterExist: doesFilterExist.current,
         filterInfo: filterInfo || buildDefaultFilterInfo_1.default(options.defaultFilterInfo),
         updateFilter: function (filter) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promoboxx/use-filter",
-  "version": "1.0.5",
+  "version": "1.2.0",
   "description": "",
   "main": "dist/useFilter.js",
   "scripts": {
@@ -30,16 +30,12 @@
     "dist/store/memoryStore.d.ts",
     "dist/useFilter.js",
     "dist/lib/buildDefaultFilterInfo.js",
-    "dist/lib/shallowEqual.test.js",
     "dist/lib/shallowEqual.js",
     "dist/lib/getOffsetFromPage.js",
     "dist/lib/buildDefaultFilterInfo.d.ts",
-    "dist/lib/shallowEqual.test.d.ts",
     "dist/lib/getOffsetFromPage.d.ts",
     "dist/lib/getPageFromOffset.js",
     "dist/lib/shallowEqual.d.ts",
-    "dist/lib/getPageFromOffset.d.ts",
-    "dist/useFilter.test.d.ts",
-    "dist/useFilter.test.js"
+    "dist/lib/getPageFromOffset.d.ts"
   ]
 }

package/dist/lib/shallowEqual.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/lib/shallowEqual.test.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var shallowEqual_1 = __importDefault(require("./shallowEqual"));
-describe('shallowEqual', function () {
-    it('should return true if arguments fields are equal', function () {
-        expect(shallowEqual_1.default({ a: 1, b: 2, c: undefined }, { a: 1, b: 2, c: undefined })).toBe(true);
-        expect(shallowEqual_1.default({ a: 1, b: 2, c: 3 }, { a: 1, b: 2, c: 3 })).toBe(true);
-        var o = {};
-        expect(shallowEqual_1.default({ a: 1, b: 2, c: o }, { a: 1, b: 2, c: o })).toBe(true);
-        var d = function () {
-            return 1;
-        };
-        expect(shallowEqual_1.default({ a: 1, b: 2, c: o, d: d }, { a: 1, b: 2, c: o, d: d })).toBe(true);
-    });
-    it('should return false if arguments fields are different function identities', function () {
-        expect(shallowEqual_1.default({
-            a: 1,
-            b: 2,
-            d: function () {
-                return 1;
-            },
-        }, {
-            a: 1,
-            b: 2,
-            d: function () {
-                return 1;
-            },
-        })).toBe(false);
-    });
-    it('should return false if first argument has too many keys', function () {
-        expect(shallowEqual_1.default({ a: 1, b: 2, c: 3 }, { a: 1, b: 2 })).toBe(false);
-    });
-    it('should return false if second argument has too many keys', function () {
-        expect(shallowEqual_1.default({ a: 1, b: 2 }, { a: 1, b: 2, c: 3 })).toBe(false);
-    });
-    it('should return false if arguments have different keys', function () {
-        expect(shallowEqual_1.default({ a: 1, b: 2, c: undefined }, { a: 1, bb: 2, c: undefined })).toBe(false);
-    });
-    it('should compare two NaN values', function () {
-        expect(shallowEqual_1.default(NaN, NaN)).toBe(true);
-    });
-    it('should compare empty objects, with false', function () {
-        expect(shallowEqual_1.default({}, false)).toBe(false);
-        expect(shallowEqual_1.default(false, {})).toBe(false);
-        expect(shallowEqual_1.default([], false)).toBe(false);
-        expect(shallowEqual_1.default(false, [])).toBe(false);
-    });
-    it('should compare two zero values', function () {
-        expect(shallowEqual_1.default(0, 0)).toBe(true);
-    });
-});

package/dist/useFilter.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/useFilter.test.js

@@ -1,581 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("@testing-library/react");
-var react_2 = __importStar(require("react"));
-var buildDefaultFilterInfo_1 = __importDefault(require("./lib/buildDefaultFilterInfo"));
-var store_1 = require("./store");
-var memoryStore_1 = __importDefault(require("./store/memoryStore"));
-var useFilter_1 = __importDefault(require("./useFilter"));
-describe('useFilter', function () {
-    var defaultFilterInfo = buildDefaultFilterInfo_1.default({
-        filter: {
-            foo: 'bar',
-        },
-    });
-    it('calls on mount', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    expect(onChangeMock).toHaveBeenCalledTimes(1);
-                    expect(onChangeMock).toHaveBeenLastCalledWith(expect.objectContaining({ filter: { foo: 'bar' } }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('calls when data changes', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('updateFilterButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(onChangeMock).toHaveBeenCalledTimes(2);
-                    expect(onChangeMock).toHaveBeenLastCalledWith(expect.objectContaining({ filter: { foo: '42' } }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('uses shallowEqual be default', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('updateFilterButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('updateFilterButton'));
-                        })
-                        // 2 is still the correct number of times, as there is one from the initial
-                        // mount and the other from updateFilter.
-                    ];
-                case 3:
-                    _a.sent();
-                    // 2 is still the correct number of times, as there is one from the initial
-                    // mount and the other from updateFilter.
-                    expect(onChangeMock).toHaveBeenCalledTimes(2);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('can reset and keeps defaults', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('resetFilterButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(onChangeMock).toHaveBeenCalledTimes(2);
-                    expect(onChangeMock).toHaveBeenLastCalledWith(expect.objectContaining({ filter: { foo: 'bar' } }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('can setSort', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('setSortButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(onChangeMock).toHaveBeenCalledTimes(2);
-                    expect(onChangeMock).toHaveBeenLastCalledWith(expect.objectContaining({ filter: { foo: 'bar' }, sort: 'foo:bar' }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('renders the current filter', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })];
-                case 1:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ filter: { foo: 'bar' } }));
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('updateFilterButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ filter: { foo: '42' } }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('handles onChange.filterInfo', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ totalResults: 1 }));
-                    // Say the server response with a new totalResults.
-                    onChangeMock.mockImplementation(function () { return ({
-                        filterInfo: {
-                            totalResults: 100,
-                        },
-                    }); });
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('forceRefreshButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ totalResults: 100 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('handles onChange.filterInfo.totalResults', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })
-                    // Say the server response with a new totalResults.
-                ];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    // Say the server response with a new totalResults.
-                    onChangeMock.mockImplementation(function () { return ({
-                        filterInfo: {
-                            totalResults: 99,
-                        },
-                    }); });
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('forceRefreshButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ totalResults: 99 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    // it("handles onChange.data", async () => {
-    //   onChangeMock.mockImplementation((filterInfo) => ({
-    //     data: [{ name: filterInfo.filter.foo }],
-    //   }));
-    //   getByTestId(wrapper, "updateFilterButton").simulate("click");
-    //   await actWrapperUpdate(wrapper);
-    //   expect(JSON.parse(getByTestId(wrapper, "responseDataJson").text())).toEqual(
-    //     [{ name: "42" }]
-    //   );
-    //   getByTestId(wrapper, "resetFilterButton").simulate("click");
-    //   await actWrapperUpdate(wrapper);
-    //   expect(JSON.parse(getByTestId(wrapper, "responseDataJson").text())).toEqual(
-    //     [{ name: "bar" }]
-    //   );
-    // });
-    it('handles async onChange.filterInfo', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ totalResults: 1 }));
-                    // Say the server response with a new totalResults.
-                    onChangeMock.mockImplementation(function () {
-                        return Promise.resolve({
-                            filterInfo: {
-                                totalResults: 100,
-                            },
-                        });
-                    });
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('forceRefreshButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ totalResults: 100 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('handles async onChange.filterInfo.totalResults', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo })
-                    // Say the server response with a new totalResults.
-                ];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    // Say the server response with a new totalResults.
-                    onChangeMock.mockImplementation(function () {
-                        return Promise.resolve({
-                            filterInfo: {
-                                totalResults: 99,
-                            },
-                        });
-                    });
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('forceRefreshButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ totalPages: 5 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    // it("handles async onChange.data", async () => {
-    //   onChangeMock.mockImplementation((filterInfo) =>
-    //     Promise.resolve({
-    //       data: [{ name: filterInfo.filter.foo }],
-    //     })
-    //   );
-    //   getByTestId(wrapper, "updateFilterButton").simulate("click");
-    //   await actWrapperUpdate(wrapper);
-    //   expect(JSON.parse(getByTestId(wrapper, "responseDataJson").text())).toEqual(
-    //     [{ name: "42" }]
-    //   );
-    //   getByTestId(wrapper, "resetFilterButton").simulate("click");
-    //   await actWrapperUpdate(wrapper);
-    //   expect(JSON.parse(getByTestId(wrapper, "responseDataJson").text())).toEqual(
-    //     [{ name: "bar" }]
-    //   );
-    // });
-    it('persists across mounts', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, onChangeMock, ExampleComponent, ToggleComponent;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, setup({
-                        defaultFilterInfo: defaultFilterInfo,
-                    })];
-                case 1:
-                    _a = _b.sent(), onChangeMock = _a.onChangeMock, ExampleComponent = _a.ExampleComponent;
-                    ToggleComponent = function () {
-                        var _a = react_2.useState(true), shouldShow = _a[0], setShouldShow = _a[1];
-                        return (react_2.default.createElement("div", null,
-                            react_2.default.createElement("button", { "data-testid": "toggleShouldShow", onClick: function () { return setShouldShow(!shouldShow); } }),
-                            shouldShow ? react_2.default.createElement(ExampleComponent, null) : null));
-                    };
-                    // Simulate the filter being visible.
-                    return [4 /*yield*/, actAndWait(function () {
-                            // Cleanup the render done in `setup`.
-                            react_1.cleanup();
-                            react_1.render(react_2.default.createElement(ToggleComponent, null));
-                        })];
-                case 2:
-                    // Simulate the filter being visible.
-                    _b.sent();
-                    expect(react_1.screen.queryByTestId('updateFilterButton')).toBeTruthy();
-                    // Simulate removing the filter.
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('toggleShouldShow'));
-                        })];
-                case 3:
-                    // Simulate removing the filter.
-                    _b.sent();
-                    expect(react_1.screen.queryByTestId('updateFilterButton')).toBeFalsy();
-                    // Simulate the filter being visible, again.
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('toggleShouldShow'));
-                        })];
-                case 4:
-                    // Simulate the filter being visible, again.
-                    _b.sent();
-                    expect(react_1.screen.queryByTestId('updateFilterButton')).toBeTruthy();
-                    // onChange should still only be called once.
-                    expect(onChangeMock).toHaveBeenCalledTimes(1);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});
-describe('page based', function () {
-    var defaultFilterInfo = buildDefaultFilterInfo_1.default({
-        filter: {
-            foo: 'bar',
-        },
-        pageSize: 20,
-        page: 2,
-    });
-    var children = function (wut) { return (react_2.default.createElement("button", { "data-testid": "setPageButton", onClick: function () { return wut.setPage(3); } })); };
-    it('accepts initial page', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo, children: children })];
-                case 1:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ page: 2, offset: 20 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('can set page', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo, children: children })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('setPageButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(onChangeMock).toHaveBeenCalledTimes(2);
-                    expect(onChangeMock).toHaveBeenLastCalledWith(expect.objectContaining({ page: 3, offset: 40 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('can handle onChange.filterInfo.page', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo, children: children })
-                    // Intentionally respond with numbers that don't match what the button
-                    // actually does.
-                    // This is to test the actual response, the view updates immediately.
-                ];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    // Intentionally respond with numbers that don't match what the button
-                    // actually does.
-                    // This is to test the actual response, the view updates immediately.
-                    onChangeMock.mockImplementation(function () { return ({
-                        filterInfo: {
-                            page: 20,
-                        },
-                    }); });
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('setPageButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ page: 20, offset: 380 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});
-describe('offset based', function () {
-    var defaultFilterInfo = buildDefaultFilterInfo_1.default({
-        filter: {
-            foo: 'bar',
-        },
-        pageSize: 20,
-        offset: 80,
-    });
-    var children = function (wut) { return (react_2.default.createElement("button", { "data-testid": "setOffsetButton", onClick: function () { return wut.setOffset(100); } })); };
-    it('accepts initial offset', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo, children: children })];
-                case 1:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ offset: 80, page: 5 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('can set offset', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo, children: children })];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('setOffsetButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(onChangeMock).toHaveBeenCalledTimes(2);
-                    expect(onChangeMock).toHaveBeenLastCalledWith(expect.objectContaining({ page: 6, offset: 100 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('can handle onChange.filterInfo.offset', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onChangeMock;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, setup({ defaultFilterInfo: defaultFilterInfo, children: children })
-                    // Intentionally respond with numbers that don't match what the button
-                    // actually does.
-                    // This is to test the actual response, the view updates immediately.
-                ];
-                case 1:
-                    onChangeMock = (_a.sent()).onChangeMock;
-                    // Intentionally respond with numbers that don't match what the button
-                    // actually does.
-                    // This is to test the actual response, the view updates immediately.
-                    onChangeMock.mockImplementation(function () { return ({
-                        filterInfo: {
-                            offset: 380,
-                        },
-                    }); });
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('setOffsetButton'));
-                        })];
-                case 2:
-                    _a.sent();
-                    expect(safeJsonParse(react_1.screen.getByTestId('filterJson').textContent)).toEqual(expect.objectContaining({ page: 20, offset: 380 }));
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});
-function wait(n) {
-    if (n === void 0) { n = 0; }
-    return new Promise(function (resolve) { return setTimeout(resolve, n); });
-}
-function safeJsonParse(input) {
-    if (input === void 0) { input = ''; }
-    if (input) {
-        return JSON.parse(input);
-    }
-}
-function actAndWait(fn, n) {
-    if (n === void 0) { n = 0; }
-    return __awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    react_1.act(fn);
-                    return [4 /*yield*/, react_1.act(function () { return __awaiter(_this, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, wait(n)];
-                                    case 1:
-                                        _a.sent();
-                                        return [2 /*return*/];
-                                }
-                            });
-                        }); })
-                        // You'd think you could just write this:
-                        //     await act(async () => {
-                        //       fn();
-                        //       await wait(n);
-                        //     });
-                        // But for some reason, doing it that way needs a longer wait duration than
-                        // just a single tick. /shrug.
-                    ];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-}
-function setup(options) {
-    return __awaiter(this, void 0, void 0, function () {
-        var onChangeMock, ExampleComponent;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    memoryStore_1.default.clear();
-                    store_1.setFilterStore(memoryStore_1.default);
-                    onChangeMock = jest.fn();
-                    ExampleComponent = function () {
-                        var _a;
-                        var wut = useFilter_1.default('namespace', {
-                            defaultFilterInfo: options.defaultFilterInfo,
-                            debounceDuration: 0,
-                            onChange: onChangeMock,
-                        });
-                        return (react_2.default.createElement("div", null, (_a = options.children) === null || _a === void 0 ? void 0 :
-                            _a.call(options, wut),
-                            react_2.default.createElement("button", { "data-testid": "updateFilterButton", onClick: function () { return wut.updateFilter({ foo: '42' }); } }),
-                            react_2.default.createElement("button", { "data-testid": "resetFilterButton", onClick: function () { return wut.resetFilter(); } }),
-                            react_2.default.createElement("button", { "data-testid": "forceRefreshButton", onClick: function () { return wut.forceRefresh(); } }),
-                            react_2.default.createElement("button", { "data-testid": "setSortButton", onClick: function () { return wut.setSort('foo:bar'); } }),
-                            react_2.default.createElement("div", { "data-testid": "filterJson" }, JSON.stringify(wut.filterInfo))));
-                    };
-                    return [4 /*yield*/, actAndWait(function () {
-                            react_1.render(react_2.default.createElement(ExampleComponent, null));
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/, {
-                            onChangeMock: onChangeMock,
-                            ExampleComponent: ExampleComponent,
-                        }];
-            }
-        });
-    });
-}