impaktapps-ui-builder 0.0.409-a → 0.0.409-c

package/dist/src/impaktapps-ui-builder/builder/build/buildTreeMap.d.ts

@@ -0,0 +1 @@
+export declare const buildTreeMap: (config: any, componentScope: any) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.409a",
+    "version": "0.0.409c",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildTreeMap.ts

@@ -0,0 +1,58 @@
+import { createLayoutFormat } from "./buildConfig";
+import _ from "lodash";
+
+const TreeMap = {
+    "type": "Control",
+    "scope": "#/properties/TreeMap2",
+    "config": {
+        "main": {
+            "layout": "cartsian",
+            orientation: "vertical",
+            header: "Territory Hierarchy",
+            "linkType": "step",
+            graphHeight: "500px",
+        },
+        "style": {
+            BoxStyle: {
+                borderRadius: "5px",
+            }
+        }
+    },
+    "options": {
+        "widget": "TreeMap"
+    },
+    elements: [
+
+    ]
+}
+
+
+export const buildTreeMap = (config, componentScope) => {
+    const treMap: any = _.cloneDeep(TreeMap);
+    treMap.scope = componentScope;
+    if (config.label) {
+        treMap.config.main.header = config.label;
+    }
+    if (config.layout) {
+        treMap.config.layout = createLayoutFormat(config.layout);
+    }
+    if (config.orientation) {
+        treMap.config.main.orientation = config.orientation;
+    }
+    if (config.linkType) {
+        treMap.config.main.linkType = config.linkType;
+    }
+    if (config.graphHeight) {
+        treMap.config.main.graphHeight = config.graphHeight;
+    }
+    if (config.graphWidth) {
+        treMap.config.main.graphWidth = config.graphWidth;
+    }
+    if (config.graphZoomHeight) {
+        treMap.config.main.graphZoomHeight = config.graphZoomHeight;
+    }
+    if (config.graphZoomWidth) {
+        treMap.config.main.graphZoomWidth = config.graphZoomWidth;
+    }
+    return treMap;
+}

package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts

@@ -38,6 +38,7 @@ import { buildStepper } from "./buildStepper";
 import { buildPopUp } from "./buildPop";
 import { buildDataGrid } from "./buildDataGrid";
 import { buildInputSlider } from "./buildInputSlider";
+import { buildTreeMap } from "./buildTreeMap";
 export let schema = {
   type: "object",
   properties: {},
@@ -168,6 +169,8 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "TreeMap":
+      elements = buildTreeMap(config,componentScope)
     case "DateTime":
       elements = buildDateTime(config, componentScope);
       break;

package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts

@@ -235,6 +235,15 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
+   
+    case "TreeMap":
+      uiSchema.elements = [
+        getSelectField("orientation", "orientation",[]),
+        getInputField("linkType", "linkType"),
+        getInputField("graphHeight", "Graph Height"),
+        getInputField("graphWidth", "Graph Width"),
+        getInputField("graphZoomHeight", "Zoom Height"),
+      ]
     case "InputSlider":
       uiSchema.elements = [
         getInputField("max", "Max Limit"),

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -45,6 +45,7 @@ export const ComponentSchema: any = {
         { title: "Date Column", const: "date" },
         { title: "DateTime Column", const: "dateTime" },
         { title: "Amount Column", const: "amount" },
+        { title: "TreeMap", const: "TreeMap" },
       ]
     },
     orientation:{

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -37,6 +37,7 @@ const sectionLabels = {
   Stepper: ["Core", "Components","Properties","Event", "style"],
   DataGrid: ["Core", "Components","Properties","Event", "style"],
   InputSlider:["Core","Properties","style", "Event","Validation"],
+ TreeMap:["Core", "Components","Properties","style", "Event"],
 }
 
 

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -237,7 +237,7 @@ export default (funcParams: funcParamsProps) => {
       if (eventGroups?.[eventType]?.[path] !== undefined) {
         for (const eventConfig of eventGroups?.[eventType]?.[path]) {
           executeEventsParameters.store.functionParameters = functionParameters
-          await executeEvents({
+           executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path