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

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

@@ -18,6 +18,9 @@ export declare const CoreSection: {
             main: {
                 label: string;
                 type: string;
+                options?: undefined;
+                color?: undefined;
+                required?: undefined;
             };
         };
         layout?: undefined;
@@ -39,6 +42,33 @@ export declare const CoreSection: {
             main: {
                 label: string;
                 type?: undefined;
+                options?: undefined;
+                color?: undefined;
+                required?: undefined;
+            };
+        };
+        layout?: undefined;
+    } | {
+        type: string;
+        scope: string;
+        options: {
+            widget: string;
+            elementLabelProp?: undefined;
+            detail?: undefined;
+        };
+        config: {
+            layout: {
+                xs: number;
+                sm: number;
+                md: number;
+                lg: number;
+            };
+            main: {
+                label: string;
+                options: any[];
+                color: string;
+                required: boolean;
+                type?: undefined;
             };
         };
         layout?: undefined;

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

@@ -2,7 +2,7 @@ declare const _default: {
     type: string;
     config: {
         main: {
-            label: string;
+            rowSpacing: number;
             divider: boolean;
         };
         defaultStyle: boolean;

package/package.json

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

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

@@ -170,7 +170,7 @@ const buildUiSchema = (config: any) => {
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
     case "TreeMap":
-      elements = buildTreeMap(config,componentScope)
+      elements = buildTreeMap(config, componentScope)
       break;
     case "DateTime":
       elements = buildDateTime(config, componentScope);
@@ -316,23 +316,7 @@ const buildUiSchema = (config: any) => {
           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: any, elemInd: number) => {
@@ -378,9 +362,51 @@ export default buildUiSchema;
 
 
 
+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?.parent === parentName) {
+      const children = buildHierarchy(elements, element.name, sizeMap);
+      const node: any = 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,];
+}
 
 

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

@@ -9,7 +9,7 @@ export 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)

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

@@ -380,7 +380,9 @@ export const buildPropertiesSection = function (type: String) {
     case "WrapperSection":
       uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]),
       getRadioInputField("isAccordion", "Accordion", ["YES", "No"])
-        , getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),emptyBox]
+        , getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
+        getInputField("rowSpacing", "Row Spacing"),
+      ]
       break;
 
     case "TabSection":

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

@@ -54,6 +54,47 @@ export 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",

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

@@ -2,7 +2,7 @@ export default {
     type: "WrapperLayout",
     config: {
       main: {
-        label: "Default Label",
+        rowSpacing: 3,
         divider: true,
       },
       defaultStyle: true,

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

@@ -4,7 +4,7 @@ export const ComponentSchema: any = {
     type: {
       // type: "string",
       oneOf: [
-        { title: "AadharcardText", const: "AadharcardText"},
+        { title: "AadharcardText", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
         { title: "Card", const: "card" },
@@ -12,7 +12,7 @@ export const ComponentSchema: any = {
         { title: "Container", const: "WrapperSection" },
         { title: "DataGrid", const: "DataGrid" },
         { title: "Date", const: "Date" },
-        { title: "DateTime", const: "DateTime"},
+        { title: "DateTime", const: "DateTime" },
         { title: "Download File", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
@@ -39,20 +39,25 @@ export const ComponentSchema: any = {
         { 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" },
       ]
     },
-    orientation:{
+    orientation: {
       oneOf: [
-      { title: "Horizontal", const: "horizontal" },
-      { title: "Vertical", const: "vertical" },
-    ]},
+        { title: "Horizontal", const: "horizontal" },
+        { title: "Vertical", const: "vertical" },
+      ]
+    },
     method: {
       type: "string",
       oneOf: [
@@ -78,7 +83,7 @@ export const ComponentSchema: any = {
           },
           value: {
             // type: "string",
-      
+
           },
         },
       },
@@ -99,7 +104,7 @@ export const ComponentSchema: any = {
           },
           value: {
             // type: "string",
-      
+
           },
         },
       },
@@ -181,8 +186,8 @@ export const ComponentSchema: any = {
           keyName: {
             type: "string",
           },
-          value:{
-            type:"string"
+          value: {
+            type: "string"
           }
         },
       },
@@ -272,9 +277,9 @@ export const ComponentSchema: any = {
         { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
       ]
     },
-    iconName:{
-      type:"string",
-      oneOf:[
+    iconName: {
+      type: "string",
+      oneOf: [
         { title: "Search Icon", const: "SearchIcon" },
         { title: "Edit Icon", const: "EditIcon" },
         { title: "Add Icon", const: "AddIcon" },
@@ -294,8 +299,8 @@ export const ComponentSchema: any = {
         { title: "Exception Icon", const: "ExceptionIcon" },
       ]
     },
-    color:{
-      type:"string",
+    color: {
+      type: "string",
       oneOf: [
         { title: "Primary", const: "primary" },
         { title: "Secondary", const: "secondary" },
@@ -309,6 +314,6 @@ export const ComponentSchema: any = {
     },
     label: { type: 'string' }
   },
- 
-  required: [ "name", ]
+
+  required: ["name",]
 };

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

@@ -149,6 +149,47 @@ export const componentBasicUiSchema: any = {
               },
             },
           
+            {
+              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",

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

@@ -122,7 +122,7 @@ export default (funcParams: funcParamsProps) => {
     },
     onCellRenderer: (cellParams) => {
       let finalResponse = {};
-      cellParams.spanRef.current.style.color = "yellow";
+      // cellParams.spanRef.current.style.color = "yellow";
       const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
       for (const eventConfig of eventGroups?.onCellRenderer[path]) {
         executeEventsParameters.store.functionParameters = cellParams