47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
import _ from 'lodash';
|
|
import { Action, createAction } from '@reduxjs/toolkit';
|
|
import { LocationUpdate } from '@grafana/runtime';
|
|
|
|
import { LocationState } from 'app/types';
|
|
import { urlUtil } from '@grafana/data';
|
|
|
|
export const initialState: LocationState = {
|
|
url: '',
|
|
path: '',
|
|
query: {},
|
|
routeParams: {},
|
|
replace: false,
|
|
lastUpdated: 0,
|
|
};
|
|
|
|
export const updateLocation = createAction<LocationUpdate>('location/updateLocation');
|
|
|
|
// Redux Toolkit uses ImmerJs as part of their solution to ensure that state objects are not mutated.
|
|
// ImmerJs has an autoFreeze option that freezes objects from change which means this reducer can't be migrated to createSlice
|
|
// because the state would become frozen and during run time we would get errors because Angular would try to mutate
|
|
// the frozen state.
|
|
// https://github.com/reduxjs/redux-toolkit/issues/242
|
|
export const locationReducer = (state: LocationState = initialState, action: Action<unknown>) => {
|
|
if (updateLocation.match(action)) {
|
|
const payload: LocationUpdate = action.payload;
|
|
const { path, routeParams, replace } = payload;
|
|
let query = payload.query || state.query;
|
|
|
|
if (payload.partial) {
|
|
query = _.defaults(query, state.query);
|
|
query = _.omitBy(query, _.isNull);
|
|
}
|
|
|
|
return {
|
|
url: urlUtil.renderUrl(path || state.path, query),
|
|
path: path || state.path,
|
|
query: { ...query },
|
|
routeParams: routeParams || state.routeParams,
|
|
replace: replace === true,
|
|
lastUpdated: new Date().getTime(),
|
|
};
|
|
}
|
|
|
|
return state;
|
|
};
|