13e173fa77
- Increased timeout for move action - Table header typescript fix - Fix data tree selectors for better performance - Debounce update action saga by 500 ms - Query delete fix - Query save fix
95 lines
3.0 KiB
TypeScript
95 lines
3.0 KiB
TypeScript
import { createSelector } from "reselect";
|
|
import { getActionsForCurrentPage } from "./entitiesSelector";
|
|
import { ActionDataState } from "reducers/entityReducers/actionsReducer";
|
|
import { getEvaluatedDataTree } from "utils/DynamicBindingUtils";
|
|
import { DataTree, DataTreeFactory } from "entities/DataTree/dataTreeFactory";
|
|
import { getWidgets, getWidgetsMeta } from "sagas/selectors";
|
|
import * as log from "loglevel";
|
|
import "url-search-params-polyfill";
|
|
import { getPageList } from "./appViewSelectors";
|
|
|
|
// TODO Commenting out for now as it is causing performance issues
|
|
// function getQueryParams() {
|
|
// const urlParams = new URLSearchParams(window.location.search);
|
|
// const keys = urlParams.keys();
|
|
// let key = keys.next().value;
|
|
// const queryParams: Record<string, string> = {};
|
|
// while (key) {
|
|
// queryParams[key] = urlParams.get(key) as string;
|
|
// key = keys.next().value;
|
|
// }
|
|
// return queryParams;
|
|
// }
|
|
//
|
|
// const getUrlParams = createSelector(
|
|
// getQueryParams,
|
|
// (queryParams: Record<string, string>): DataTreeUrl => {
|
|
// return {
|
|
// host: window.location.host,
|
|
// hostname: window.location.hostname,
|
|
// queryParams: queryParams,
|
|
// protocol: window.location.protocol,
|
|
// pathname: window.location.pathname,
|
|
// port: window.location.port,
|
|
// href: window.location.href,
|
|
// hash: window.location.hash,
|
|
// };
|
|
// },
|
|
// );
|
|
//
|
|
export const getUnevaluatedDataTree = (withFunctions?: boolean) =>
|
|
createSelector(
|
|
getActionsForCurrentPage,
|
|
getWidgets,
|
|
getWidgetsMeta,
|
|
getPageList,
|
|
(actions, widgets, widgetsMeta, pageListPayload) => {
|
|
const pageList = pageListPayload || [];
|
|
return DataTreeFactory.create(
|
|
{
|
|
actions,
|
|
widgets,
|
|
widgetsMeta,
|
|
pageList,
|
|
},
|
|
withFunctions,
|
|
);
|
|
},
|
|
);
|
|
|
|
export const evaluateDataTree = (withFunctions?: boolean) =>
|
|
createSelector(
|
|
getUnevaluatedDataTree(withFunctions),
|
|
(dataTree: DataTree): DataTree => {
|
|
return getEvaluatedDataTree(dataTree);
|
|
},
|
|
);
|
|
|
|
export const evaluateDataTreeWithFunctions = evaluateDataTree(true);
|
|
export const evaluateDataTreeWithoutFunctions = evaluateDataTree(true);
|
|
|
|
// For autocomplete. Use actions cached responses if
|
|
// there isn't a response already
|
|
export const getDataTreeForAutocomplete = createSelector(
|
|
evaluateDataTreeWithoutFunctions,
|
|
getActionsForCurrentPage,
|
|
(tree: DataTree, actions: ActionDataState) => {
|
|
log.debug("Evaluating data tree to get autocomplete values");
|
|
const cachedResponses: Record<string, any> = {};
|
|
if (actions && actions.length) {
|
|
actions.forEach(action => {
|
|
if (!(action.config.name in tree) && action.config.cacheResponse) {
|
|
try {
|
|
cachedResponses[action.config.name] = JSON.parse(
|
|
action.config.cacheResponse,
|
|
);
|
|
} catch (e) {
|
|
cachedResponses[action.config.name] = action.config.cacheResponse;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
return tree;
|
|
},
|
|
);
|