use-typed-reducer 3.2.1 → 3.2.2

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type VoidableFn<Fn extends (...any: any[]) => any> = ReturnType<Fn> extends Promise<any> ? (...a: Parameters<Fn>) => Promise<void> : (...a: Parameters<Fn>) => void;
 declare type Action<State> = (...args: any) => Promise<(state: State) => State> | ((state: State) => State);
 declare type Actions<Actions, State> = {
@@ -6,30 +7,19 @@ declare type Actions<Actions, State> = {
 export declare type Dispatch<ST, Fns extends Actions<Fns, ST>> = {
     [R in keyof Fns]: (...args: any[]) => Promise<(state: ST) => ST> | ((state: ST) => ST);
 };
-declare type ActionPropState<S, P> = (...args: any) => Promise<(state: S, props: P) => S> | ((state: S, props: P) => S);
-declare type ActionPropsState<A, S, P> = {
-    [K in keyof A]: ActionPropState<S, P>;
-};
-declare type DispatchProps<ST extends {}, P, Reducers extends ActionPropsState<Reducers, ST, P>> = {
-    [K in keyof Reducers]: (...args: any[]) => Promise<(state: ST, props: P) => ST> | ((state: ST, props: P) => ST);
-};
-declare type DefaultReducer<S extends {}> = (state: S) => S;
-declare type WithProps<S extends {}, P> = (state: S, props: P) => S;
-export declare type Reducer<S extends {}, A extends (...args: any) => DefaultReducer<S>> = (...params: Parameters<A>) => DefaultReducer<S>;
-export declare type ReducerWithProps<S extends {}, P extends {}, A extends (...args: any) => WithProps<S, P>> = (...params: Parameters<A>) => WithProps<S, P>;
 declare type RemoveReduceReturns<State extends {}, Reducers extends Dispatch<State, Reducers>> = {
     [R in keyof Reducers]: VoidableFn<Reducers[R]>;
 };
 export declare const useTypedReducer: <State extends {}, Reducers extends Dispatch<State, Reducers>>(initialState: State, reducers: Reducers) => [state: State, dispatch: RemoveReduceReturns<State, Reducers>];
-export declare const useReducerWithProps: <State extends {}, Props extends {}, Reducers extends DispatchProps<State, Props, Reducers>>(initialState: State, props: Props, reducers: Reducers) => [state: State, dispatch: Reducers];
 declare type FnMap<State> = {
     [k: string]: (...args: any[]) => Partial<State> | Promise<Partial<State>>;
 };
 declare type MappedReducers<State extends {}, Fns extends FnMap<State>> = {
-    [F in keyof Fns]: (...args: Parameters<Fns[F]>) => State | Promise<State>;
+    [F in keyof Fns]: (...args: Parameters<Fns[F]>) => State | Promise<State> | Partial<State> | Promise<Partial<State>>;
 };
 declare type MapReducerReturn<State extends {}, Fns extends FnMap<State>> = {
     [F in keyof Fns]: VoidableFn<Fns[F]>;
 };
+export declare const useMutable: <T extends {}>(state: T) => import("react").MutableRefObject<T>;
 export declare const useReducer: <State extends {}, Reducers extends (getState: () => State, getProps: () => Props) => MappedReducers<State, FnMap<State>>, Props extends {}>(initialState: State, reducer: Reducers, props?: Props | undefined) => [state: State, dispatchers: MapReducerReturn<State, ReturnType<Reducers>>];
 export default useTypedReducer;

package/dist/index.es.js

@@ -116,38 +116,6 @@ var useTypedReducer = function (initialState, reducers) {
     }, [reducers]);
     return [state, dispatches];
 };
-var useReducerWithProps = function (initialState, props, reducers) {
-    var _a = __read(useState(initialState), 2), state = _a[0], setState = _a[1];
-    var refProps = useRef(props);
-    useEffect(function () {
-        refProps.current = props;
-    }, [props]);
-    var dispatches = useMemo(function () {
-        return entries(reducers).reduce(function (acc, _a) {
-            var _b;
-            var _c = __read(_a, 2), name = _c[0], dispatch = _c[1];
-            return (__assign(__assign({}, acc), (_b = {}, _b[name] = function () {
-                var params = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    params[_i] = arguments[_i];
-                }
-                return __awaiter(void 0, void 0, void 0, function () {
-                    var dispatcher;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, dispatch.apply(void 0, __spread(params))];
-                            case 1:
-                                dispatcher = _a.sent();
-                                setState(function (previousState) { return dispatcher(previousState, refProps.current); });
-                                return [2 /*return*/];
-                        }
-                    });
-                });
-            }, _b)));
-        }, reducers);
-    }, [reducers]);
-    return [state, dispatches];
-};
 var useMutable = function (state) {
     var mutable = useRef(state !== null && state !== void 0 ? state : {});
     useEffect(function () { return void (mutable.current = state); }, [state]);
@@ -157,8 +125,9 @@ var useReducer = function (initialState, reducer, props) {
     var _a = __read(useState(function () { return initialState; }), 2), state = _a[0], setState = _a[1];
     var mutableState = useMutable(state);
     var mutableProps = useMutable(props !== null && props !== void 0 ? props : {});
+    var mutableReducer = useMutable(reducer);
     var dispatchers = useMemo(function () {
-        var reducers = reducer(function () { return mutableState.current; }, function () { var _a; return (_a = mutableProps.current) !== null && _a !== void 0 ? _a : {}; });
+        var reducers = mutableReducer.current(function () { return mutableState.current; }, function () { var _a; return (_a = mutableProps.current) !== null && _a !== void 0 ? _a : {}; });
         return entries(reducers).reduce(function (acc, _a) {
             var _b;
             var _c = __read(_a, 2), name = _c[0], dispatch = _c[1];
@@ -169,8 +138,8 @@ var useReducer = function (initialState, reducer, props) {
                 }
                 var newState = dispatch.apply(void 0, __spread(params));
                 return newState instanceof Promise
-                    ? newState.then(function (state) { return void setState(function (prev) { return (__assign(__assign({}, prev), state)); }); })
-                    : setState(function (previousState) { return (__assign(__assign({}, previousState), newState)); });
+                    ? void newState.then(function (state) { return void setState(function (prev) { return (__assign(__assign({}, prev), state)); }); })
+                    : setState(function (prev) { return (__assign(__assign({}, prev), newState)); });
             }, _b)));
         }, reducers);
     }, []);
@@ -178,4 +147,4 @@ var useReducer = function (initialState, reducer, props) {
 };
 
 export default useTypedReducer;
-export { useReducer, useReducerWithProps, useTypedReducer };
+export { useMutable, useReducer, useTypedReducer };

package/dist/index.js

@@ -120,38 +120,6 @@ var useTypedReducer = function (initialState, reducers) {
     }, [reducers]);
     return [state, dispatches];
 };
-var useReducerWithProps = function (initialState, props, reducers) {
-    var _a = __read(react.useState(initialState), 2), state = _a[0], setState = _a[1];
-    var refProps = react.useRef(props);
-    react.useEffect(function () {
-        refProps.current = props;
-    }, [props]);
-    var dispatches = react.useMemo(function () {
-        return entries(reducers).reduce(function (acc, _a) {
-            var _b;
-            var _c = __read(_a, 2), name = _c[0], dispatch = _c[1];
-            return (__assign(__assign({}, acc), (_b = {}, _b[name] = function () {
-                var params = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    params[_i] = arguments[_i];
-                }
-                return __awaiter(void 0, void 0, void 0, function () {
-                    var dispatcher;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, dispatch.apply(void 0, __spread(params))];
-                            case 1:
-                                dispatcher = _a.sent();
-                                setState(function (previousState) { return dispatcher(previousState, refProps.current); });
-                                return [2 /*return*/];
-                        }
-                    });
-                });
-            }, _b)));
-        }, reducers);
-    }, [reducers]);
-    return [state, dispatches];
-};
 var useMutable = function (state) {
     var mutable = react.useRef(state !== null && state !== void 0 ? state : {});
     react.useEffect(function () { return void (mutable.current = state); }, [state]);
@@ -161,8 +129,9 @@ var useReducer = function (initialState, reducer, props) {
     var _a = __read(react.useState(function () { return initialState; }), 2), state = _a[0], setState = _a[1];
     var mutableState = useMutable(state);
     var mutableProps = useMutable(props !== null && props !== void 0 ? props : {});
+    var mutableReducer = useMutable(reducer);
     var dispatchers = react.useMemo(function () {
-        var reducers = reducer(function () { return mutableState.current; }, function () { var _a; return (_a = mutableProps.current) !== null && _a !== void 0 ? _a : {}; });
+        var reducers = mutableReducer.current(function () { return mutableState.current; }, function () { var _a; return (_a = mutableProps.current) !== null && _a !== void 0 ? _a : {}; });
         return entries(reducers).reduce(function (acc, _a) {
             var _b;
             var _c = __read(_a, 2), name = _c[0], dispatch = _c[1];
@@ -173,8 +142,8 @@ var useReducer = function (initialState, reducer, props) {
                 }
                 var newState = dispatch.apply(void 0, __spread(params));
                 return newState instanceof Promise
-                    ? newState.then(function (state) { return void setState(function (prev) { return (__assign(__assign({}, prev), state)); }); })
-                    : setState(function (previousState) { return (__assign(__assign({}, previousState), newState)); });
+                    ? void newState.then(function (state) { return void setState(function (prev) { return (__assign(__assign({}, prev), state)); }); })
+                    : setState(function (prev) { return (__assign(__assign({}, prev), newState)); });
             }, _b)));
         }, reducers);
     }, []);
@@ -182,6 +151,6 @@ var useReducer = function (initialState, reducer, props) {
 };
 
 exports.default = useTypedReducer;
+exports.useMutable = useMutable;
 exports.useReducer = useReducer;
-exports.useReducerWithProps = useReducerWithProps;
 exports.useTypedReducer = useTypedReducer;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "use-typed-reducer",
-    "version": "3.2.1",
+    "version": "3.2.2",
     "description": "use-reducer React hook alternative",
     "author": "g4rcez",
     "license": "MIT",