@promoboxx/use-filter 1.0.3 → 1.0.4

package/dist/useFilter.test.js

@@ -0,0 +1,581 @@
+"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,
+                        }];
+            }
+        });
+    });
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@promoboxx/use-filter",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "",
-  "main": "index.js",
+  "main": "dist/useFilter.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -21,5 +21,16 @@
     "react-dom": "^17.0.2",
     "ts-jest": "^27.0.3",
     "typescript": "^4.3.5"
-  }
+  },
+  "files": [
+    "dist/store/index.js",
+    "dist/store/memoryStore.js",
+    "dist/useFilter.js",
+    "dist/lib/buildDefaultFilterInfo.js",
+    "dist/lib/shallowEqual.test.js",
+    "dist/lib/shallowEqual.js",
+    "dist/lib/getOffsetFromPage.js",
+    "dist/lib/getPageFromOffset.js",
+    "dist/useFilter.test.js"
+  ]
 }

package/.eslintrc.js

@@ -1,19 +0,0 @@
-module.exports = {
-  extends: [
-    // Base config applies to all projects.
-    '@promoboxx/eslint-config',
-    // If the project uses prettier:
-    '@promoboxx/eslint-config/prettier',
-    // If the project uses jest:
-    '@promoboxx/eslint-config/jest',
-    // If the project uses react:
-    '@promoboxx/eslint-config/react',
-    // If the project uses graphql:
-    // '@promoboxx/eslint-config/graphql',
-  ],
-  parserOptions: {
-    // If the project uses graphql, set the path/url to your schema below.
-    // skipGraphQLConfig: true,
-    // schema: 'node_modules/@promoboxx/graphql-server-types/graphql.schema.json',
-  },
-}

package/.github/workflows/main.yml

@@ -1,32 +0,0 @@
-name: CI
-on: push
-
-jobs:
-  ci:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Cache node modules
-        uses: actions/cache@v2
-        with:
-          path: |
-            ~/.npm
-            **/node_modules
-          key: ${{ runner.os }}-node-modules-${{ hashFiles('**/package-lock.json') }}
-
-      # https://github.community/t/github-actions-bot-email-address/17204/5
-      - name: Prep for git push
-        run: |
-          git config --local user.name "${{secrets.GH_BOT_NAME}}"
-          git config --local user.email "41898282+${{secrets.GH_BOT_NAME}}@users.noreply.github.com"
-          git remote set-url origin "https://${{secrets.GH_BOT_NAME}}:${{secrets.GH_TOKEN}}@github.com/${GITHUB_REPOSITORY}.git"
-
-      - name: Prep NPM
-        run: npm config set '//registry.npmjs.org/:_authToken' "${{secrets.NPM_TOKEN}}"
-
-      - run: make prepare-env
-      - run: make test
-      - run: make build
-      - run: make deploy

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-  "typescript.tsdk": "node_modules/typescript/lib"
-}