@promoboxx/use-filter 1.2.1 → 1.3.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.3.0 (2021-07-18)
+
+
+### Features
+
+* Redux store ([#5](https://github.com/promoboxx/use-filter/issues/5)) ([f92bee6](https://github.com/promoboxx/use-filter/commit/f92bee6417f78117ab9ca4936c23b24647aac008))
+
 ### 1.2.1 (2021-07-17)
 
 

package/dist/store/localStorageStore.d.ts

@@ -0,0 +1,3 @@
+import { FilterStore } from '.';
+declare const localStorageStore: FilterStore;
+export default localStorageStore;

package/dist/store/localStorageStore.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var prefix = 'useFilter';
+var localStorageStore = {
+    getFilter: function (namespace) {
+        var item = localStorage.getItem(prefix + "/" + namespace + "/filter");
+        if (item) {
+            return JSON.parse(item);
+        }
+    },
+    saveFilter: function (namespace, filter) {
+        localStorage.setItem(prefix + "/" + namespace + "/filter", JSON.stringify(filter));
+    },
+    getData: function (namespace) {
+        var item = localStorage.getItem(prefix + "/" + namespace + "/data");
+        if (item) {
+            return JSON.parse(item);
+        }
+    },
+    saveData: function (namespace, data) {
+        localStorage.setItem(prefix + "/" + namespace + "/data", JSON.stringify(data));
+    },
+    clear: function () {
+        for (var key in localStorage) {
+            if (key.startsWith(prefix)) {
+                localStorage.removeItem(key);
+            }
+        }
+    },
+};
+exports.default = localStorageStore;

package/dist/store/reduxHelpers/createActions.d.ts

@@ -0,0 +1,16 @@
+interface CreateActions {
+    <Namespace extends string, PayloadCreatorMap extends ReduxPayloadCreatorMap>(namespace: Namespace, actions: PayloadCreatorMap): ReduxActionCreatorMap<Namespace, PayloadCreatorMap>;
+}
+declare type ReduxPayloadCreatorMap = Record<string, (...args: any[]) => any>;
+export declare type ReduxActionCreatorMap<Namespace extends string, PayloadCreatorMap extends ReduxPayloadCreatorMap> = {
+    [Type in keyof PayloadCreatorMap]: Type extends string ? ReduxActionCreator<Namespace, Type, PayloadCreatorMap[Type]> : undefined;
+};
+export interface ReduxActionCreator<Namespace extends string = string, Type extends string = string, Fn extends (...args: any[]) => any = (...args: any[]) => any> {
+    (...args: Parameters<Fn>): {
+        type: `${Namespace}/${Type}`;
+        payload: ReturnType<Fn>;
+    };
+    actionType: `${Namespace}/${Type}`;
+}
+declare const createActions: CreateActions;
+export default createActions;

package/dist/store/reduxHelpers/createActions.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var createActions = function (namespace, payloadCreatorMap) {
+    var actionCreators = {};
+    var _loop_1 = function (key) {
+        actionCreators[key] = (function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            return ({
+                type: namespace + "/" + key,
+                payload: payloadCreatorMap[key].apply(payloadCreatorMap, args),
+                // Need to cast here because there's no way to assign a function + extra
+                // attributes in one go.
+            });
+        });
+        actionCreators[key].actionType = namespace + "/" + key;
+    };
+    for (var key in payloadCreatorMap) {
+        _loop_1(key);
+    }
+    // TODO There's probably a better type to use here, but it's not super
+    // important since `CreateActions` already specifies one.
+    return actionCreators;
+};
+exports.default = createActions;

package/dist/store/reduxHelpers/createReducer.d.ts

@@ -0,0 +1,8 @@
+import { Action } from 'redux';
+import { ReduxActionCreator } from './createActions';
+interface ReduxReducerBuilder<State> {
+    addHandler: <ActionCreator extends ReduxActionCreator>(actionCreator: ActionCreator, handler: (state: State, action: ReturnType<ActionCreator>) => State) => ReduxReducerBuilder<State>;
+    addCase: <HandlerAction extends Action>(actionType: string, handler: (state: State, action: HandlerAction) => State) => ReduxReducerBuilder<State>;
+}
+declare function createReducer<State>(initialState: State, builderFn: (builder: ReduxReducerBuilder<State>) => void): (state: State | undefined, action: Action) => State;
+export default createReducer;

package/dist/store/reduxHelpers/createReducer.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function createReducer(initialState, builderFn) {
+    var handlers = {};
+    var builder = {
+        addHandler: function (actionCreator, handler) {
+            // TODO There's probably a better type to use here.
+            handlers[actionCreator.actionType] = handler;
+            return builder;
+        },
+        addCase: function (actionType, handler) {
+            // TODO There's probably a better type to use here.
+            handlers[actionType] = handler;
+            return builder;
+        },
+    };
+    builderFn(builder);
+    return function (state, action) {
+        if (state === void 0) { state = initialState; }
+        if (handlers[action.type]) {
+            return handlers[action.type](state, action);
+        }
+        return state;
+    };
+}
+exports.default = createReducer;

package/dist/store/reduxStore.d.ts

@@ -0,0 +1,15 @@
+import { Store } from 'redux';
+import { FilterInfo } from '../useFilter';
+import { FilterStore } from '.';
+interface CreateReduxStoreConfig {
+    store: Store<{
+        useFilter: UseFilterReduxState;
+    }>;
+}
+export declare function createReduxStore(config: CreateReduxStoreConfig): FilterStore;
+interface UseFilterReduxState {
+    data: Record<string, any>;
+    filters: Record<string, FilterInfo<any>>;
+}
+export declare const useFilterReduxReducer: (state: UseFilterReduxState | undefined, action: import("redux").Action<any>) => UseFilterReduxState;
+export {};

package/dist/store/reduxStore.js

@@ -0,0 +1,67 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilterReduxReducer = exports.createReduxStore = void 0;
+var createActions_1 = __importDefault(require("./reduxHelpers/createActions"));
+var createReducer_1 = __importDefault(require("./reduxHelpers/createReducer"));
+function createReduxStore(config) {
+    var reduxStoreStore = {
+        getFilter: function (namespace) {
+            return config.store.getState().useFilter.filters[namespace];
+        },
+        saveFilter: function (namespace, filter) {
+            config.store.dispatch(actions.saveFilter(namespace, filter));
+        },
+        getData: function (namespace) {
+            return config.store.getState().useFilter.data[namespace];
+        },
+        saveData: function (namespace, data) {
+            config.store.dispatch(actions.saveData(namespace, data));
+        },
+        clear: function () {
+            config.store.dispatch(actions.clear());
+        },
+    };
+    return reduxStoreStore;
+}
+exports.createReduxStore = createReduxStore;
+var actions = createActions_1.default('useFilter', {
+    saveData: function (namespace, data) { return ({
+        namespace: namespace,
+        data: data,
+    }); },
+    saveFilter: function (namespace, filter) { return ({
+        namespace: namespace,
+        filter: filter,
+    }); },
+    clear: function () { return undefined; },
+});
+var initialState = {
+    data: {},
+    filters: {},
+};
+exports.useFilterReduxReducer = createReducer_1.default(initialState, function (builder) {
+    builder
+        .addHandler(actions.saveFilter, function (state, action) {
+        var _a;
+        return (__assign(__assign({}, state), { filters: __assign(__assign({}, state.filters), (_a = {}, _a[action.payload.namespace] = action.payload.filter, _a)) }));
+    })
+        .addHandler(actions.saveData, function (state, action) {
+        var _a;
+        return (__assign(__assign({}, state), { data: __assign(__assign({}, state.data), (_a = {}, _a[action.payload.namespace] = action.payload.data, _a)) }));
+    })
+        .addHandler(actions.clear, function (state) { return (__assign(__assign({}, state), { filters: {}, data: {} })); });
+});

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "@promoboxx/use-filter",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "",
   "main": "dist/useFilter.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "keywords": [],
   "author": "",
   "license": "ISC",
@@ -14,6 +11,7 @@
     "@testing-library/react": "^12.0.0",
     "@types/jest": "^26.0.24",
     "@types/react": "^17.0.14",
+    "@types/redux": "^3.6.0",
     "eslint": "^7.30.0",
     "jest": "^27.0.6",
     "prettier": "^2.3.2",
@@ -24,10 +22,18 @@
   },
   "files": [
     "dist/useFilter.d.ts",
+    "dist/store/reduxHelpers/createActions.d.ts",
+    "dist/store/reduxHelpers/createReducer.js",
+    "dist/store/reduxHelpers/createActions.js",
+    "dist/store/reduxHelpers/createReducer.d.ts",
+    "dist/store/reduxStore.d.ts",
     "dist/store/index.d.ts",
     "dist/store/index.js",
+    "dist/store/localStorageStore.js",
     "dist/store/memoryStore.js",
+    "dist/store/reduxStore.js",
     "dist/store/memoryStore.d.ts",
+    "dist/store/localStorageStore.d.ts",
     "dist/useFilter.js",
     "dist/lib/buildDefaultFilterInfo.js",
     "dist/lib/shallowEqual.js",