impaktapps-ui-builder 0.0.409-o → 0.0.409-p

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

@@ -5913,7 +5913,8 @@ const ComponentSchema = {
         { title: "Upload File", const: "UploadFile" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
-        { title: "TreeMap", const: "TreeMap" }
+        { title: "TreeMap", const: "TreeMap" },
+        { title: "ColumnGroup", const: "ColumnGroup" }
       ]
     },
     columnFormat: {
@@ -6314,27 +6315,6 @@ const componentBasicUiSchema = {
                 }
               }
             },
-            {
-              type: "Control",
-              scope: "#/properties/parent",
-              options: {
-                widget: "InputField"
-              },
-              config: {
-                layout: {
-                  xs: 12,
-                  sm: 12,
-                  md: 6,
-                  lg: 6
-                },
-                main: {
-                  label: "parent",
-                  options: [],
-                  color: "secondary",
-                  required: true
-                }
-              }
-            },
             {
               type: "Control",
               scope: "#/properties/columnFormat",
@@ -6547,27 +6527,6 @@ const CoreSection = {
         }
       }
     },
-    {
-      type: "Control",
-      scope: "#/properties/parent",
-      options: {
-        widget: "InputField"
-      },
-      config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 6,
-          lg: 6
-        },
-        main: {
-          label: "parent",
-          options: [],
-          color: "secondary",
-          required: true
-        }
-      }
-    },
     {
       type: "Control",
       scope: "#/properties/columnFormat",
@@ -7598,7 +7557,8 @@ const sectionLabels = {
   Stepper: ["Core", "Components", "Properties", "Event", "Style"],
   DataGrid: ["Core", "Components", "Properties", "Event", "Style"],
   InputSlider: ["Core", "Properties", "Event", "Style", "Validation"],
-  TreeMap: ["Core", "Components", "Properties", "Event", "Style"]
+  TreeMap: ["Core", "Components", "Properties", "Event", "Style"],
+  ColumnGroup: ["Core", "Components"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -10485,8 +10445,10 @@ const buildMultiSelect = (config, componentScope) => {
 const buildBasicUiSchema = (config) => {
   return {
     "type": "HorizontalLayout",
-    pageName: `${config.name}`,
-    scope: `${config.name}`,
+    pageName: config.name,
+    name: config.name,
+    accessorKey: config.name,
+    header: config.label || config.name,
     "elements": []
   };
 };
@@ -11202,6 +11164,13 @@ const buildUiSchema = (config) => {
     case "Timer":
       elements = buildTimer(config, componentScope);
       break;
+    case "ColumnGroup":
+      elements = {
+        accessorKey: config.name,
+        header: config.label || config.name,
+        elements: []
+      };
+      break;
     case "MultipleSelect":
       elements = buildMultiSelect(config, componentScope);
       break;
@@ -11219,55 +11188,32 @@ const buildUiSchema = (config) => {
   if (config == null ? void 0 : config.elements) {
     if ((config == null ? void 0 : config.type) === "LeaderBoard") {
       return elements;
-    } else if (config.type == "Table") {
-      let nodeProvider2 = function(element) {
-        if (element.type) {
-          return {
-            accessorKey: element.name,
-            type: element.columnFormat,
-            header: element.label || element.name,
-            size: sizeMap[element.name] || 180,
-            widget: buildUiSchema(element)
-          };
-        }
-        return {
-          accessorKey: element.name,
-          type: element.columnFormat,
-          header: element.label || element.name,
-          size: sizeMap[element.name] || 180
-        };
-      }, buildHierarchy2 = function(elements2, parentName = null) {
-        const result = [];
-        for (const element of elements2) {
-          if ((element == null ? void 0 : element.parent) === parentName) {
-            const children = buildHierarchy2(elements2, element.name);
-            const node = nodeProvider2(element);
-            if (children.length > 0) {
-              node.columns = children;
-              node.type = "group";
-            }
-            result.push(node);
-          }
-        }
-        return result;
-      }, transformConfigToOutput2 = function(config2) {
-        const output = [];
-        const hierarchy = buildHierarchy2(config2.elements, config2.name);
-        for (const element of config2.elements) {
-          const parentExists = config2.elements.some((e) => e.name === element.parent);
-          if (!parentExists && element.parent !== config2.name) {
-            output.push(nodeProvider2(element));
-          }
-        }
-        return [...hierarchy, ...output];
-      };
+    } else if (config.type == "Table" || config.type == "ColumnGroup") {
       const sizeMap = {};
       if (config.sizeHolder) {
         config.sizeHolder.map((e, i) => {
           sizeMap[e.keyName] = e.value;
         });
       }
-      elements.elements = transformConfigToOutput2(config);
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        if (cellElem.type) {
+          return {
+            accessorKey: cellElem.name,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180,
+            type: cellElem.columnFormat,
+            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem) : void 0,
+            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+          };
+        } else {
+          return {
+            accessorKey: cellElem.name,
+            type: cellElem.columnFormat,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180
+          };
+        }
+      });
     } else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e, elemInd) => {
         return buildUiSchema(e);