mirror of
https://github.com/grafana/grafana.git
synced 2025-09-22 12:23:14 +08:00

Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com> Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
import { createContext, useCallback, useContext } from 'react';
|
|
|
|
export interface Action<T extends string = string> {
|
|
type: T;
|
|
}
|
|
|
|
export type Reducer<S, A extends Action = Action> = (state: S, action: A) => S;
|
|
|
|
export const combineReducers = <S, A extends Action = Action>(reducers: { [P in keyof S]: Reducer<S[P], A> }) => (
|
|
state: S,
|
|
action: A
|
|
): Partial<S> => {
|
|
const newState = {} as S;
|
|
for (const key in reducers) {
|
|
newState[key] = reducers[key](state[key], action);
|
|
}
|
|
return newState;
|
|
};
|
|
|
|
export const useStatelessReducer = <State, A = Action>(
|
|
onChange: (value: State) => void,
|
|
state: State,
|
|
reducer: (state: State, action: A) => State
|
|
) => {
|
|
const dispatch = useCallback(
|
|
(action: A) => {
|
|
onChange(reducer(state, action));
|
|
},
|
|
[onChange, state, reducer]
|
|
);
|
|
|
|
return dispatch;
|
|
};
|
|
|
|
export const DispatchContext = createContext<((action: Action) => void) | undefined>(undefined);
|
|
|
|
export const useDispatch = <T extends Action = Action>(): ((action: T) => void) => {
|
|
const dispatch = useContext(DispatchContext);
|
|
|
|
if (!dispatch) {
|
|
throw new Error('Use DispatchContext first.');
|
|
}
|
|
|
|
return dispatch;
|
|
};
|