91 lines
2.4 KiB
TypeScript
91 lines
2.4 KiB
TypeScript
import { pick } from "lodash";
|
|
|
|
import type {
|
|
CanvasStructure,
|
|
DSL,
|
|
} from "reducers/uiReducers/pageCanvasStructureReducer";
|
|
import type {
|
|
CanvasWidgetStructure,
|
|
FlattenedWidgetProps,
|
|
} from "WidgetProvider/constants";
|
|
import { WIDGET_DSL_STRUCTURE_PROPS } from "constants/WidgetConstants";
|
|
|
|
interface DenormalizeOptions {
|
|
widgetTypeForHaltingRecursion?: string;
|
|
}
|
|
|
|
export const compareAndGenerateImmutableCanvasStructure = (
|
|
original: CanvasStructure,
|
|
current: DSL,
|
|
) => {
|
|
const newStructure = getCanvasStructureFromDSL(current);
|
|
if (JSON.stringify(newStructure) === JSON.stringify(original)) {
|
|
return original;
|
|
}
|
|
return newStructure;
|
|
};
|
|
|
|
const getCanvasStructureFromDSL = (dsl: DSL): CanvasStructure => {
|
|
let children = dsl.children;
|
|
let structureChildren: CanvasStructure[] | undefined = undefined;
|
|
// Todo(abhinav): abstraction leak
|
|
if (dsl.type === "TABS_WIDGET") {
|
|
if (children && children.length > 0) {
|
|
structureChildren = children.map((childTab) => ({
|
|
widgetName: childTab.tabName,
|
|
widgetId: childTab.widgetId,
|
|
type: "TABS_WIDGET",
|
|
children: childTab.children,
|
|
}));
|
|
}
|
|
} else if (children && children.length === 1) {
|
|
if (children[0].type === "CANVAS_WIDGET") {
|
|
children = children[0].children;
|
|
}
|
|
}
|
|
|
|
return {
|
|
widgetId: dsl.widgetId,
|
|
widgetName: dsl.widgetName,
|
|
type: dsl.type,
|
|
children:
|
|
structureChildren ||
|
|
children?.filter(Boolean).map(getCanvasStructureFromDSL),
|
|
};
|
|
};
|
|
|
|
/**
|
|
* Generate dsl type skeletal structure from widgets
|
|
* @param rootWidgetId
|
|
* @param widgets
|
|
* @returns
|
|
*/
|
|
export function denormalize(
|
|
rootWidgetId: string,
|
|
widgets: Record<string, FlattenedWidgetProps>,
|
|
options?: DenormalizeOptions,
|
|
): CanvasWidgetStructure {
|
|
const { widgetTypeForHaltingRecursion } = options || {};
|
|
const rootWidget = widgets[rootWidgetId];
|
|
let children;
|
|
|
|
/**
|
|
* For certain widget, we do not want to denormalize further,
|
|
* like for the List v2, where a another inner list widget is encountered
|
|
* we would want to halt the recursion.
|
|
* */
|
|
if (widgetTypeForHaltingRecursion !== rootWidget?.type) {
|
|
children = (rootWidget?.children || []).map((childId) =>
|
|
denormalize(childId, widgets, options),
|
|
);
|
|
}
|
|
|
|
const staticProps = Object.keys(WIDGET_DSL_STRUCTURE_PROPS);
|
|
|
|
const structure = pick(rootWidget, staticProps) as CanvasWidgetStructure;
|
|
|
|
structure.children = children;
|
|
|
|
return structure;
|
|
}
|