use-methods/dist/index.js

A simpler way to useReducers

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var immer_1 = __importDefault(require("immer"));
var react_1 = require("react");
function useMethods(methodsOrOptions, initialState, initializer) {
    var _a = react_1.useMemo(function () {
        var methods;
        var patchListener;
        if (typeof methodsOrOptions === 'function') {
            methods = methodsOrOptions;
        }
        else {
            methods = methodsOrOptions.methods;
            patchListener = methodsOrOptions.patchListener;
        }
        return [
            function (state, action) {
                return immer_1.default(state, function (draft) {
                    var _a;
                    return (_a = methods(draft))[action.type].apply(_a, action.payload);
                }, patchListener);
            },
            methods,
        ];
    }, [methodsOrOptions]), reducer = _a[0], methodsFactory = _a[1];
    var _b = react_1.useReducer(reducer, initialState, initializer), state = _b[0], dispatch = _b[1];
    var callbacks = react_1.useMemo(function () {
        var actionTypes = Object.keys(methodsFactory(state));
        return actionTypes.reduce(function (accum, type) {
            accum[type] = function () {
                var payload = [];
                for (var _i = 0; _i < arguments.length; _i++) {
                    payload[_i] = arguments[_i];
                }
                return dispatch({ type: type, payload: payload });
            };
            return accum;
        }, {});
    }, []);
    return [state, callbacks];
}
exports.default = useMethods;
//# sourceMappingURL=index.js.map