Files
Giordano Ricci bb45f5fedc Elasticsearch: Migrate queryeditor to React (#28033)
Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>
Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
2020-12-04 14:29:40 +00:00

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;
};