UNPKG

react-redux-query

Version:

React hooks and functions for SWR-style data fetching, backed by Redux

76 lines (75 loc) 3.63 kB
"use strict"; var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; var __rest = (this && this.__rest) || function (s, e) { var t = {}; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; } return t; }; Object.defineProperty(exports, "__esModule", { value: true }); /** * Reduces state in query branch of Redux state tree depending on action dispatched. Query branch stores query states. * Key is usually unique per fetcher URL path, and should be similar to URL path. * * This allows any component to subscribe to changes to query state for any fetcher, including metadata and errors. It * also allows components to render themselves immediately if the data they need has already been cached in the query * branch. * * @param state - Query branch * @param action - Action object * * @returns Updated query branch */ function reduce(state, action) { var _a, _b, _c; var _d, _e; if (state === void 0) { state = {}; } var dataMs = Date.now(); switch (action.type) { case 'REACT_REDUX_QUERY_SAVE_DATA': { var _f = action.payload, key = _f.key, data = _f.data; return __assign(__assign({}, state), (_a = {}, _a[key] = __assign(__assign({}, state[key]), { data: __assign({}, data), dataMs: dataMs }), _a)); } case 'REACT_REDUX_QUERY_UPDATE_DATA': { var _g = action.payload, key = _g.key, updater = _g.updater, newData = _g.newData; var data = updater((_d = state[key]) === null || _d === void 0 ? void 0 : _d.data, newData); if (data === undefined) return state; if (data === null) { var _h = state, _j = key, _ = _h[_j], rest = __rest(_h, [typeof _j === "symbol" ? _j : _j + ""]); return rest; } return __assign(__assign({}, state), (_b = {}, _b[key] = __assign(__assign({}, state[key]), { data: __assign({}, data), dataMs: dataMs }), _b)); } case 'REACT_REDUX_QUERY_UPDATE_QUERY_STATE': { var _k = action.payload, key = _k.key, options = _k.options; var queryState = action.payload.state; var saveStaleResponse = (options === null || options === void 0 ? void 0 : options.saveStaleResponse) || false; if (!saveStaleResponse && queryState.goodFetchMonoMs !== undefined) { if (queryState.goodFetchMonoMs < (((_e = state[key]) === null || _e === void 0 ? void 0 : _e.goodFetchMonoMs) || 0)) { var data = queryState.data, dataMs_1 = queryState.dataMs, goodFetchMonoMs = queryState.goodFetchMonoMs, state_1 = __rest(queryState, ["data", "dataMs", "goodFetchMonoMs"]); queryState = state_1; } } return __assign(__assign({}, state), (_c = {}, _c[key] = __assign(__assign({}, state[key]), queryState), _c)); } default: return state; } } exports.default = reduce;