impaktapps-ui-builder 0.0.409-a → 0.0.409-e

package/dist/impaktapps-ui-builder.es.js

@@ -5916,7 +5916,8 @@ const ComponentSchema = {
         { title: "Upload File", const: "UploadFile" },
         { title: "Date Column", const: "date" },
         { title: "DateTime Column", const: "dateTime" },
-        { title: "Amount Column", const: "amount" }
+        { title: "Amount Column", const: "amount" },
+        { title: "TreeMap", const: "TreeMap" }
       ]
     },
     orientation: {
@@ -6903,6 +6904,14 @@ const GraphSection = {
 const buildPropertiesSection = function(type) {
   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"),
@@ -7506,7 +7515,8 @@ const sectionLabels = {
   PopUp: ["Core", "Components", "Properties", "style"],
   Stepper: ["Core", "Components", "Properties", "Event", "style"],
   DataGrid: ["Core", "Components", "Properties", "Event", "style"],
-  InputSlider: ["Core", "Properties", "style", "Event", "Validation"]
+  InputSlider: ["Core", "Properties", "style", "Event", "Validation"],
+  TreeMap: ["Core", "Components", "Properties", "style", "Event"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -7624,7 +7634,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
   };
 };
 var pageMaster = (funcParams) => {
-  const { store: store2, dynamicData: dynamicData2, config, submitHandler, service: service2 } = funcParams;
+  const { store: store2, dynamicData: dynamicData2, submitHandler, service: service2 } = funcParams;
   return {
     setPage: async function() {
       const formdata = await this.getFormdata();
@@ -7634,9 +7644,16 @@ var pageMaster = (funcParams) => {
       store2.setSchema(schema2);
       store2.setUiSchema(uiSchema);
     },
-    getFormdata: function() {
+    getFormdata: async function() {
       var _a;
-      (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+      const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+      let config = {};
+      if (id) {
+        await service2.get(`/page/getById?id=${id}`).then((res) => {
+          var _a2;
+          config = (_a2 = res.data) == null ? void 0 : _a2.config;
+        });
+      }
       const formData = getFormdataFromLocalStorage();
       if (formData) {
         return formData;
@@ -8873,7 +8890,7 @@ var service = (funcParams) => {
       if (((_b = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _b[path]) !== void 0) {
         for (const eventConfig of (_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path]) {
           executeEventsParameters.store.functionParameters = functionParameters;
-          await executeEvents({
+          executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path
@@ -10807,6 +10824,57 @@ const buildInputSlider = (config, componentScope) => {
   }
   return inputSlider;
 };
+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: []
+};
+const buildTreeMap = (config, componentScope) => {
+  const treMap = _.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;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -10925,6 +10993,8 @@ const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "TreeMap":
+      elements = buildTreeMap(config, componentScope);
     case "DateTime":
       elements = buildDateTime(config, componentScope);
       break;