71 lines
2.6 KiB
TypeScript
71 lines
2.6 KiB
TypeScript
|
import _ from "lodash";
|
||
|
|
import { DataTree } from "../reducers";
|
||
|
|
import { JSONPath } from "jsonpath-plus";
|
||
|
|
import { CanvasWidgetsReduxState } from "../reducers/entityReducers/canvasWidgetsReducer";
|
||
|
|
import { WidgetProps } from "../widgets/BaseWidget";
|
||
|
|
import {
|
||
|
|
DATA_BIND_REGEX,
|
||
|
|
DATA_PATH_REGEX,
|
||
|
|
} from "../constants/BindingsConstants";
|
||
|
|
|
||
|
|
// Paths are expected to have "{name}.{path}" signature
|
||
|
|
export const getDynamicBoundValue = (
|
||
|
|
dataTree: DataTree,
|
||
|
|
path: string,
|
||
|
|
): Array<any> => {
|
||
|
|
// Remove the name in the binding
|
||
|
|
const splitPath = path.split(".");
|
||
|
|
// Find the dataTree path of the name
|
||
|
|
const bindingPath = dataTree.nameBindings[splitPath[0]];
|
||
|
|
// Create the full path
|
||
|
|
const fullPath = `${bindingPath}.${splitPath.slice(1).join(".")}`;
|
||
|
|
// Search with JSONPath
|
||
|
|
return JSONPath({ path: fullPath, json: dataTree });
|
||
|
|
};
|
||
|
|
|
||
|
|
export const injectDataTreeIntoDsl = (entities: DataTree) => {
|
||
|
|
const { canvasWidgets } = entities;
|
||
|
|
// Create new widgets object
|
||
|
|
const widgets: CanvasWidgetsReduxState = {};
|
||
|
|
if (_.isEmpty(canvasWidgets)) return entities;
|
||
|
|
Object.keys(canvasWidgets).forEach((key: string) => {
|
||
|
|
// Spread all values in the widget
|
||
|
|
const widget: WidgetProps = { ...canvasWidgets[key] };
|
||
|
|
const { dynamicBindings } = canvasWidgets[key];
|
||
|
|
// Check for dynamic bindings
|
||
|
|
if (dynamicBindings && !_.isEmpty(dynamicBindings)) {
|
||
|
|
Object.keys(dynamicBindings).forEach((dKey: string) => {
|
||
|
|
// Get the {{binding}} bound values
|
||
|
|
const bindings = dynamicBindings[dKey].match(DATA_BIND_REGEX);
|
||
|
|
if (bindings && bindings.length) {
|
||
|
|
// Get the "binding" path values
|
||
|
|
const paths = bindings.map(p => {
|
||
|
|
const matches = p.match(DATA_PATH_REGEX);
|
||
|
|
if (matches) return matches[0];
|
||
|
|
return "";
|
||
|
|
});
|
||
|
|
// Get the Data Tree value of those "binding "paths
|
||
|
|
const values = paths.map(p => {
|
||
|
|
const value = getDynamicBoundValue(entities, p)[0];
|
||
|
|
if (value) return value;
|
||
|
|
return "undefined";
|
||
|
|
});
|
||
|
|
// Replace the string with the data tree values
|
||
|
|
let string = dynamicBindings[dKey];
|
||
|
|
bindings.forEach((b, i) => {
|
||
|
|
let value = values[i];
|
||
|
|
if (Array.isArray(value)) {
|
||
|
|
value = JSON.stringify(value);
|
||
|
|
}
|
||
|
|
string = string.replace(b, value);
|
||
|
|
});
|
||
|
|
// Overwrite the property with the evaluated data tree property
|
||
|
|
widget[dKey] = string;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
widgets[key] = widget;
|
||
|
|
});
|
||
|
|
return { ...entities, canvasWidgets: widgets };
|
||
|
|
};
|