impaktapps-ui-builder 0.0.412 → 0.0.592-alpha.1

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

@@ -15,10 +15,11 @@ declare const _default: (funcParams: funcParamsProps) => {
     onFileDownload: () => void;
     onFileUpload: () => void;
     backHandler: () => void;
+    onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;
-    updateConfigApiBody: (paramValue: any, apiBody: any) => Promise<any>;
+    callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;
     onBack: (functionParameters: any) => Promise<void>;
     onNext: (functionParameters: any) => Promise<void>;
     onReset: (functionParameters: any) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.412",
+    "version": "0.0.592-alpha.1",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -4,7 +4,7 @@ export const buildBasicUiSchema = (config) => {
         pageName: config.name,
         name: config.name,
         accessorKey: config.name,
-        header: config.label || config.name,
+        heading: config.label || config.name,
         "elements": []
     }
 }

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

@@ -2,25 +2,25 @@ import Card from "./uischema/card";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildCard = (config,componentScope) =>{
-    const card: any = _.cloneDeep(Card);
+export const buildCard = (config,componentScope,store) =>{
+    const card: any = _.cloneDeep(Card(store.theme.myTheme));
     if (config.style) {
       card.config.style = JSON.parse(config.style)
     }
-    card.elements[0].scope = `#/properties/${config.name}/properties/value`
+    card.elements[0].elements[0].elements[0].scope = `#/properties/${config.name}/properties/value`
     card.elements[1].scope = `#/properties/${config.name}/properties/url`
-    card.elements[2].scope = `#/properties/${config.name}/properties/description`
+    card.elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/description`
     if(config.layout){
       card.config.layout = createLayoutFormat(config.layout)
     }
     if(config.label){
-      card.elements[0].config.main.heading = config.label;
+      card.elements[0].elements[0].elements[0].config.main.heading = config.label;
     }
     if(config.url){
       card.elements[1].config.main.url = config.url;
     }
     if(config.description){
-      card.elements[2].config.main.heading = config.description;
+      card.elements[0].elements[0].elements[1].config.main.heading = config.description;
     }
    
   

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

@@ -29,10 +29,10 @@ export default (FormData: any) => {
 export const createLayoutFormat = (config: any[]) => {
   if (_.isEmpty(config)) {
     return {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12,
     }
   }
   let data: any = {};
@@ -41,7 +41,7 @@ export const createLayoutFormat = (config: any[]) => {
   })
   return data;
 };
-export const flatObjectValueInArray = (config: any[]) => {
+export const flatObjectValueInArray = (config: any[]=[]) => {
   if (config[0].length < 1) {
     return
   }

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

@@ -2,7 +2,7 @@ import DateInputField, { DateTime } from "./uischema/dateInputField";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildDate = (config:any,componentScope:string)=>{
+export const buildDate = (config:any,componentScope:string)=> {
     const dateInputField: any = _.cloneDeep(DateInputField);
     dateInputField.config.main.label = config.label;
     dateInputField.config.main.errorMessage = `${config.name} is empty or invalid`;

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

@@ -8,7 +8,7 @@ const FileInput = {
       widget: "FileInputField",
     },
     config: {
-      layout: 11.5,
+      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
       main: {
         required: false,
         onUpload: "onFileUpload",

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

@@ -19,8 +19,13 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
         config.containerBackground;
     }
     if (config.height) {
-      horizontalBarGraph.config.style.containerStyle.height =
-        config.height;
+      horizontalBarGraph.config.style =
+    {
+      containerStyle: {
+        height: config.height
+      }
+    }
+
     }
     if (config.bottomLabel) {
       horizontalBarGraph.config.main.bottomLabel =

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

@@ -7,7 +7,13 @@ export const buildPieGraph = (config, componentScope) => {
     pieGraph.config.layout = createLayoutFormat(config.layout);
   }
   if (config.height) {
-    pieGraph.config.style.containerStyle.height = config.height;
+    pieGraph.config.style =
+    {
+      containerStyle: {
+        height: config.height
+      }
+    };
+
   }
   if (config.legendHide) {
     pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
@@ -20,7 +26,12 @@ export const buildPieGraph = (config, componentScope) => {
   }
 
   if (config.pieArcColors) {
-    pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+    pieGraph.config.style = {
+      pieStyle: {
+        colorRange: flatObjectValueInArray(config.pieArcColors)
+      }
+    }
+
   }
   return pieGraph;
 }

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

@@ -8,7 +8,7 @@ export const buildProgressBar = (config:any,componentScope:any) =>{
         if (config.layout) {
           ProgressBar.config.layout = config.layout;
         }
-        ProgressBar.config.main.heading = config.heading;
+        ProgressBar.config.main.heading = config.label;
         if (config.bottomLabel_3) {
           ProgressBar.config.main.bottomLabel_3 = config.bottomLabel_3;
         }

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

@@ -9,7 +9,7 @@ const RadioUiSchema = {
       widget: "RadioInputField",
     },
     config: {
-      layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
       main: {
         label: "Enabled",
         options: ["YES", "NO"],

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

@@ -25,7 +25,6 @@ export const buildSchema = (config: any) => {
        
     }
     buildRule(config)
-    console.log(schema)
     window.localStorage.setItem("schemaDemo",JSON.stringify(schema))
     return schema;
 };

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

@@ -8,17 +8,13 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
       barGraph.config.layout = createLayoutFormat(config.layout);
     }
     if (config.legendHide) {
-      barGraph.config.main.legendAvailable = false;
+      barGraph.config.main.legendAvailable = config.legendHide;
     }
     barGraph.config.main.type = config.graphType;
     barGraph.config.main.header = config.heading;
     if (config.barColor) {
       barGraph.config.barStyle.color = config.barColor;
     }
-    if (config.containerBackground) {
-      barGraph.config.containerStyle.background =
-        config.containerBackground;
-    }
     if (config.height) {
       barGraph.config.style.containerStyle.height = config.height;
     }

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

@@ -2,7 +2,7 @@ import Table from "./uischema/table";
 import _ from "lodash";
 import buildUiSchema from "./buildUiSchema";
 import lazyLoadingTable from "./uischema/lazyLoadingTable";
- 
+
 export const buildTable = (config: any, componentScope: string) => {
   const table: any = _.cloneDeep(Table);
   table.scope = componentScope;
@@ -12,6 +12,22 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.lazyLoading) {
     table.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
   }
+  if (config.enableRowMovement) {
+    table.config.main.enableRowMovement = config.enableRowMovement === "YES" ? true : false;
+  }
+  if (config.enableExpanding) {
+    table.config.main.enableExpanding = config.enableExpanding === "YES" ? true : false;
+  }
+
+  if (config.enableExpandAll) {
+    table.config.main.enableExpandAll = config.enableExpandAll === "YES" ? true : false;
+  }
+  if (config.paginateExpandedRows) {
+    table.config.main.paginateExpandedRows = config.paginateExpandedRows === "YES" ? true : false;
+  }
+  if (config.treeStructure) {
+    table.config.main.treeStructure = config.treeStructure === "YES" ? "flatTreeMap" : false;
+  }
   if (config.SelectionAvailable) {
     table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
   };

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

@@ -54,5 +54,8 @@ export const buildTreeMap = (config, componentScope) => {
     if (config.graphZoomWidth) {
         treMap.config.main.graphZoomWidth = config.graphZoomWidth;
     }
+    if (config.style) {
+        treMap.config.style = JSON.parse(config.style)
+      }
     return treMap;
 }

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

@@ -165,7 +165,7 @@ export const buildSchema = (config: any, tableName?: string, isArrayType?: boole
 }
 
 
-const buildUiSchema = (config: any) => {
+const buildUiSchema = (config: any, store?: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
@@ -249,7 +249,7 @@ const buildUiSchema = (config: any) => {
       elements = buildEmptyBox(config, componentScope);
       break;
     case "card":
-      elements = buildCard(config, componentScope);
+      elements = buildCard(config, componentScope, store);
       break;
     case "Graph":
       switch (config.graphType) {
@@ -328,7 +328,7 @@ const buildUiSchema = (config: any) => {
           header: cellElem.label || cellElem.name,
           size: sizeMap[cellElem.name] || 180,
           type: cellElem.columnFormat,
-          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : []
         }
       })
     }
@@ -346,8 +346,8 @@ const buildUiSchema = (config: any) => {
             header: cellElem.label || cellElem.name,
             size: sizeMap[cellElem.name] || 180,
             type: cellElem.columnFormat,
-            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem) : undefined,
-            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store) : undefined,
+            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : []
           }
         } else {
           return {
@@ -362,12 +362,12 @@ const buildUiSchema = (config: any) => {
     }
     else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e)
+        return buildUiSchema(e,store)
       });
     }
     else {
       elements.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e)
+        return buildUiSchema(e,store)
       });
     }
   }

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

@@ -7,7 +7,7 @@ export const buildWrapperSection = (config, componentScope) => {
   wrapper.scope = componentScope;
   wrapper.config.main.label = config.label;
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
-  wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
+  wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
   if(config.defaultStyle){
   wrapper.config.defaultStyle = config.defaultStyle ==="YES" ? true : false;
   }

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

@@ -11,7 +11,7 @@ export const APISection = {
         widget: "SelectInputField",
       },
       config: {
-        layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Method",
           type: "text",
@@ -26,7 +26,7 @@ export const APISection = {
         widget: "InputField",
       },
       config: {
-        layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
         main: {
           label: "Path",
           type: "text",
@@ -35,6 +35,28 @@ export const APISection = {
         },
       },
     },
+    {
+      type: "Control",
+      scope: "#/properties/emptyBox",
+
+      options: {
+        widget: "EmptyBox",
+      },
+      config: {
+        layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/emptyBox",
+
+      options: {
+        widget: "EmptyBox",
+      },
+      config: {
+        layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+      },
+    },
     {
       type: "Control",
       scope: "#/properties/headers",
@@ -51,12 +73,7 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Key",
                 },
@@ -70,17 +87,23 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                 },
               },
             },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+        
+              options: {
+                widget: "EmptyBox",
+              },
+              config: {
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+              },
+            },
           ],
         },
       },
@@ -101,12 +124,7 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Key",
                 },
@@ -120,18 +138,23 @@ export const APISection = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                 },
               },
             },
-           
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+        
+              options: {
+                widget: "EmptyBox",
+              },
+              config: {
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+              },
+            },
           ],
         },
       },

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

@@ -1,5 +1,5 @@
 
-  export default {
+   const Box =  {
     type: "Control",
     scope: "#/properties/emptyBox",
     options: {
@@ -12,4 +12,5 @@
         // fontWeight:300
       }
     },
-  };
+  };
+  export default Box;