impaktapps-ui-builder 0.0.409-g → 0.0.409-j

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

@@ -5911,13 +5911,16 @@ const ComponentSchema = {
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
-        { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
+        { title: "TreeMap", const: "TreeMap" }
+      ]
+    },
+    columnFormat: {
+      oneOf: [
         { title: "Date Column", const: "date" },
         { title: "DateTime Column", const: "dateTime" },
-        { title: "Amount Column", const: "amount" },
-        { title: "TreeMap", const: "TreeMap" }
+        { title: "Amount Column", const: "amount" }
       ]
     },
     orientation: {
@@ -6311,6 +6314,45 @@ 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",
+              options: {
+                widget: "SelectInputField"
+              },
+              config: {
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5
+                },
+                main: {
+                  label: "Column Format"
+                }
+              }
+            },
             {
               type: "Control",
               scope: "#/properties/proc",
@@ -6505,6 +6547,45 @@ 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",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: {
+          xs: 11,
+          sm: 11,
+          md: 5.5,
+          lg: 5.5
+        },
+        main: {
+          label: "Column Format"
+        }
+      }
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -6693,18 +6774,6 @@ const EventSection = {
     }
   ]
 };
-var emptyBox = {
-  type: "Control",
-  scope: "#/properties/emptyBox",
-  options: {
-    widget: "EmptyBox"
-  },
-  config: {
-    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
-    main: {},
-    style: {}
-  }
-};
 const EmptyBox = {
   type: "Control",
   scope: `#/properties/empty`,
@@ -7050,7 +7119,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("divider", "Divider", ["YES", "No"]),
         getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
         getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
-        emptyBox
+        getInputField("rowSpacing", "Row Spacing")
       ];
       break;
     case "TabSection":
@@ -8782,7 +8851,6 @@ var service = (funcParams) => {
     onCellRenderer: (cellParams) => {
       var _a;
       let finalResponse = {};
-      cellParams.spanRef.current.style.color = "yellow";
       const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
       for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onCellRenderer[path]) {
         executeEventsParameters.store.functionParameters = cellParams;
@@ -9732,7 +9800,7 @@ var WrapperSection = {
   type: "WrapperLayout",
   config: {
     main: {
-      label: "Default Label",
+      rowSpacing: 3,
       divider: true
     },
     defaultStyle: true
@@ -9746,7 +9814,7 @@ const buildWrapperSection = (config, componentScope) => {
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
   wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
   if (config.defaultStyle) {
-    wrapper.config.main.defaultStyle = config.defaultStyle === "YES" ? true : false;
+    wrapper.config.defaultStyle = config.defaultStyle === "YES" ? true : false;
   }
   if (config.style) {
     wrapper.config.style = JSON.parse(config.style);
@@ -10556,6 +10624,18 @@ const buildRadio = (config, componentScope) => {
   }
   return Radio;
 };
+var emptyBox = {
+  type: "Control",
+  scope: "#/properties/emptyBox",
+  options: {
+    widget: "EmptyBox"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
+    main: {},
+    style: {}
+  }
+};
 const buildEmptyBox = (config, componentScope) => {
   const EmptyBox2 = _.cloneDeep(emptyBox);
   if (config.layout) {
@@ -11140,23 +11220,7 @@ const buildUiSchema = (config) => {
           sizeMap[e.keyName] = e.value;
         });
       }
-      elements.elements = config.elements.map((e, elemInd) => {
-        if (e.type && e.type !== "date" && e.type !== "dateTime" && e.type !== "amount") {
-          return {
-            accessorKey: e.name,
-            header: e.label || e.name,
-            size: sizeMap[e.name] || 180,
-            type: e.type,
-            widget: buildUiSchema(e)
-          };
-        }
-        return {
-          type: e.type,
-          accessorKey: e.name,
-          header: e.label || e.name,
-          size: sizeMap[e.name] || 180
-        };
-      });
+      elements.elements = transformConfigToOutput(config, sizeMap);
     } else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e, elemInd) => {
         return buildUiSchema(e);
@@ -11169,5 +11233,48 @@ const buildUiSchema = (config) => {
   }
   return elements;
 };
+function nodeProvider(element, sizeMap) {
+  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
+  };
+}
+function buildHierarchy(elements, parentName = null, sizeMap) {
+  const result = [];
+  for (const element of elements) {
+    if ((element == null ? void 0 : element.parent) === parentName) {
+      const children = buildHierarchy(elements, element.name, sizeMap);
+      const node = nodeProvider(element, sizeMap);
+      if (children.length > 0) {
+        node.columns = children;
+        node.type = "group";
+      }
+      result.push(node);
+    }
+  }
+  return result;
+}
+function transformConfigToOutput(config, sizeMap) {
+  const output = [];
+  const hierarchy = buildHierarchy(config.elements, config.name, schema);
+  for (const element of config.elements) {
+    const parentExists = config.elements.some((e) => e.name === element.parent);
+    if (!parentExists && element.parent !== config.name) {
+      output.push(nodeProvider(element, sizeMap));
+    }
+  }
+  return [...hierarchy, ...output];
+}
 export { buildConfig, buildSchema, buildUiSchema, clearFromLocalStorage, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
 //# sourceMappingURL=impaktapps-ui-builder.es.js.map