impaktapps-ui-builder 1.0.200 → 1.0.202

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

@@ -0,0 +1,16 @@
+import pdfViewer from "./uischema/pdfViewer";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildPdfViewer = (config, componentScope: string) => {
+    const PdfViewer: any = _.cloneDeep(pdfViewer)
+    PdfViewer.scope = componentScope;
+    PdfViewer.config.main.scale = config.scale;
+    if (config.layout) {
+        PdfViewer.config.layout = createLayoutFormat(config.layout);
+    }
+    if (config.style) {
+        PdfViewer.config.style = JSON.parse(config.style)
+    }
+    return PdfViewer
+}

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
 import { PieGraph } from "./uischema/graph";
 import _ from "lodash";
 export const buildPieGraph = (config, componentScope) => {
@@ -19,13 +19,13 @@ export const buildPieGraph = (config, componentScope) => {
   pieGraph.config.main.header = config.heading;
 
   if (config.legendLabels) {
-    pieGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+    pieGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
   }
   if (config.xAxisValue) {
     pieGraph.config.main.xAxisValue = config.xAxisValue;
   }
   if (config.pieArcColors) {
-    pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+    pieGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
   }
   return pieGraph;
 }

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

@@ -17,6 +17,7 @@ const PopUP =  {
       },
       main: {
         label: "PopUp",
+        onClose:"onClose",
         fullScreen:false,
         fullWidth:false,
         maxWidth:false,

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

@@ -0,0 +1,40 @@
+import { createLayoutFormat } from "./buildConfig";
+import _ from "lodash";
+
+const PopOver =  {
+    type: "Control",
+    scope: "#/properties/text",
+    options: {
+      widget: "Popover",
+    },
+    config: {
+      layout: {
+        xs: 12,
+        sm: 12,
+        md: 12,
+        lg: 12,
+      },
+      main: {
+        label: "PopOver"
+      },
+      style:{}
+    },
+  }
+export const buildPopOver = (config,componentScope) =>{
+    const popOver: any = _.cloneDeep(PopOver);
+    popOver.scope = componentScope;
+    popOver.config.main.positionVertical = config.positionVertical;
+    popOver.config.main.positionHorizontal = config.positionHorizontal;
+    popOver.config.main.contentVertical = config.contentVertical;
+    popOver.config.main.contentHorizontal = config.contentHorizontal;
+    popOver.config.main.width = config.width;
+    popOver.config.main.gap = config.gap;
+
+    if (config.layout) {
+      popOver.config.layout = createLayoutFormat(config.layout, config.type)
+    }
+    if (config.style) {
+      popOver.config.style = JSON.parse(config.style)
+    }
+    return popOver;
+}

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

@@ -1,26 +1,36 @@
 import progressBar from "./uischema/progressBar";
 import _ from "lodash";
-import { createLayoutFormat } from "./buildConfig";
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 
-export const buildProgressBar = (config:any,componentScope:any) =>{
-    const ProgressBar: any = _.cloneDeep(progressBar);
-        ProgressBar.scope = componentScope;
-        if (config.layout) {
-          ProgressBar.config.layout = config.layout;
-        }
-        ProgressBar.config.main.heading = config.label;
-        if (config.bottomLabel_3) {
-          ProgressBar.config.main.bottomLabel_3 = config.bottomLabel_3;
-        }
-        if(config.layout){
-          ProgressBar.config.layout = createLayoutFormat(config.layout)
-        }
-        if (config.bottomLabel_2) {
-          ProgressBar.config.main.bottomLabel_2 = config.bottomLabel_2;
-        }
-        if (config.bottomLabel_1) {
-          ProgressBar.config.main.bottomLabel_1 = config.bottomLabel_1;
-        }
-        return ProgressBar;
+export const buildProgressBar = (config: any, componentScope: any) => {
+  const ProgressBar: any = _.cloneDeep(progressBar);
+  ProgressBar.scope = componentScope;
+  if (config.layout) {
+    ProgressBar.config.layout = config.layout;
+  }
+
+  ProgressBar.config.main.heading = config.label;
+  if(config.variant){
+   ProgressBar.config.main.variant = config.variant
+  }
+  if (config.pieArcColors) {
+    ProgressBar.config.main.colorRange = flatObjectValueInArray(config.pieArcColors);
+  }
+  if (config.size) {
+    ProgressBar.config.main.size = Number(config.size);
+  }
+  if (config.bottomLabel_3) {
+    ProgressBar.config.main.bottomLabel_3 = config.bottomLabel_3;
+  }
+  if (config.layout) {
+    ProgressBar.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.bottomLabel_2) {
+    ProgressBar.config.main.bottomLabel_2 = config.bottomLabel_2;
+  }
+  if (config.bottomLabel_1) {
+    ProgressBar.config.main.bottomLabel_1 = config.bottomLabel_1;
+  }
+  return ProgressBar;
 
 }

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

@@ -33,5 +33,11 @@ const RadioUiSchema = {
     if (config.errorMessage) {
         Radio.config.main.errorMessage = config.errorMessage
     }
+    if (config.toolTip) {
+      Radio.config.main.toolTip = config.toolTip;
+    }
+    if (config.toolTipPosition) {
+      Radio.config.main.toolTipPosition = config.toolTipPosition;
+    }
     return Radio;
 }

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

@@ -20,6 +20,15 @@ export const buildSelect = (config: any, componentScope: string) => {
   if (config.layout) {
     selectInputField.config.layout = createLayoutFormat(config.layout)
   }
+  if (config.toolTip) {
+    selectInputField.config.main.toolTip = config.toolTip;
+  }
+  if (config.toolTipPosition) {
+    selectInputField.config.main.toolTipPosition = config.toolTipPosition;
+  }
+  if (config.style) {
+    selectInputField.config.style = JSON.parse(config.style);
+  }
   selectInputField.scope = componentScope;
   return selectInputField;
 }

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
 import { BarGraph } from "./uischema/graph";
 import _ from "lodash";
 
@@ -20,10 +20,10 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     barGraph.config.main.type = config?.graphType ?? "BarGraph";
     barGraph.config.main.header = config.heading;
     if (config.legendLabels) {
-      barGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+      barGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
     }
     if (config.pieArcColors) {
-      barGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+      barGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
     }
     if (config.xAxisValue) {
       barGraph.config.main.xAxisValue = config.xAxisValue;

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

@@ -0,0 +1,72 @@
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
+import { StackBarLineG } from "./uischema/graph";
+import _ from "lodash";
+
+
+const buildStackBarLineGraph = (config:any,componentScope:string) => {
+    const StackBarLineGraph: any = _.cloneDeep(StackBarLineG);
+    StackBarLineGraph.scope = componentScope;
+    if (config.layout) {
+      StackBarLineGraph.config.layout = createLayoutFormat(config.layout, config.type);
+    }
+    StackBarLineGraph.config.main.type = config.graphType;
+    StackBarLineGraph.scope = componentScope;
+    StackBarLineGraph.config.main.header = config.heading;
+    StackBarLineGraph.config.main.subHeader = config.subHeader;
+    if (config.legendHide) {
+      StackBarLineGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
+    }
+    if (config.bottomAxisAngle) {
+      StackBarLineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
+    }
+    if (config.legendLabels) {
+      StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
+    }
+    if(config.legendDirection){
+      StackBarLineGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+    }
+    if (config.height) {
+      StackBarLineGraph.config.style.containerStyle.height = config.height;
+    }
+    if (config.pieArcColors) {
+      StackBarLineGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
+    }
+    if(config.yAxisTickCount){
+      StackBarLineGraph.config.main.yAxisTickCount = config.yAxisTickCount
+    }
+    if(config.xAxisTickCount){
+      StackBarLineGraph.config.main.xAxisTickCount = config.xAxisTickCount
+    }
+    if (config.xAxisValue) {
+      StackBarLineGraph.config.main.xAxisValue = config.xAxisValue;
+    }
+    if(config.xAxisType) {
+      StackBarLineGraph.config.main.xAxisType = config.xAxisType;
+    }
+    if (config.bottomLabel) {
+      StackBarLineGraph.config.main.bottomLabel = config.bottomLabel;
+    }
+    if (config.leftLabel) {
+      StackBarLineGraph.config.main.leftLabel = config.leftLabel;
+    }
+    if (config.rightLabel) {
+      StackBarLineGraph.config.main.rightLabel = config.rightLabel;
+    }
+    if (config.disableLeftLabel) {
+      StackBarLineGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+    }
+    if (config.growthRateKey) {
+      StackBarLineGraph.config.main.growthRateKey = config.growthRateKey;
+    }
+    if (config.tooltipUnit) {
+      StackBarLineGraph.config.main.tooltipUnit = config.tooltipUnit;
+    }
+    if (config.leftMargin) {
+      StackBarLineGraph.config.style.labelStyle.margin ={
+        left: config.leftMargin
+      }
+    }
+    return StackBarLineGraph
+}
+
+export default buildStackBarLineGraph;

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

@@ -1,3 +1,4 @@
+import { flatObjectValueInArray } from "./buildConfig";
 import Tabsection from "./uischema/tabsection";
 import _ from "lodash";
  
@@ -13,6 +14,7 @@ export const buildTabSection = (config:any,componentScope:string) => {
     }
     if (config.sectionLabels) {
       tab.config.main.tabLabels = config.sectionLabels.map(e => e.label);
+      tab.config.main.tabIcons = config.sectionLabels.map(e => e.icon);
     }
     if (config.style) {
       tab.config.style = JSON.parse(config.style)

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

@@ -1,3 +1,4 @@
+import { createLayoutFormat } from "./buildConfig";
 import Table from "./uischema/table";
 import _ from "lodash";
 
@@ -29,9 +30,6 @@ export const buildTable = (config: any, componentScope: string) => {
   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
   };
@@ -80,5 +78,8 @@ export const buildTable = (config: any, componentScope: string) => {
   if(config.initialDensity){
     table.config.main.initialDensity = config.initialDensity
   }
+  if(config.layout){
+        table.config.layout = createLayoutFormat(config.layout)
+  }
   return table;
 };

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

@@ -26,6 +26,15 @@ export const buildTextField = (config: any, componentScope: string) => {
   if (config.layout) {
     inputField.config.layout = createLayoutFormat(config.layout)
   }
+  if (config.toolTip) {
+      inputField.config.main.toolTip = config.toolTip;
+  }
+  if (config.toolTipPosition) {
+    inputField.config.main.toolTipPosition = config.toolTipPosition;
+  }
+  if(config.iconName){
+    inputField.config.main.startIcon = config.iconName;
+  }
   inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
   inputField.scope = componentScope;
   return inputField;

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

@@ -17,7 +17,7 @@ import { buildLabel } from "./buildLabel";
 import { buildUploadFile } from "./buildUplaodFile";
 import { buildDownloadFile } from "./buildDownloadFile";
 import { buildCard } from "./buildCard";
-import { buildDataCard } from "./buildDataCard";
+import { buildMetricCard } from "./buildMetricCard";
 import { buildDate, buildDateTime } from "./buildDate";
 import { buildRankCard } from "./buildRankCard";
 import { buildRollAndDice } from "./buildRollAndDice";
@@ -41,6 +41,14 @@ import { buildTreeMap } from "./buildTreeMap";
 import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
 import { buildHorizontalLayout } from "./buildHorizontalLayout";
 import { buildImage } from "./buildImage";
+import buildAreaGraph from "./buildAreaGraph";
+import buildStackBarLineGraph from "./buildStackBarLineGraph";
+import { buildCamera } from "./buildCamera";
+import { buildButtonGroup } from "./buildGroupButton";
+import { buildPopOver } from "./buildPopover";
+import { buildOTP_Input } from "./buildOTP_inputs";
+import { buildPdfViewer } from "./buildPdfViewer";
+import { buildHierarchyChart } from "./buildHierarchyChart";
 export let schema = {
   type: "object",
   properties: {},
@@ -121,6 +129,9 @@ const buildUiSchema = (config: any, store?: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "OTP_Input":
+      elements = buildOTP_Input(config, componentScope);
+      break;
     case "TreeMap":
       elements = buildTreeMap(config, componentScope)
       break;
@@ -139,6 +150,9 @@ const buildUiSchema = (config: any, store?: any) => {
     case "PopUp":
       elements = buildPopUp(config, componentScope);
       break;
+    case "PopOver":
+      elements = buildPopOver(config, componentScope);
+      break;
     case "FileInput":
       elements = buildFileInput(config, componentScope);
       break;
@@ -179,6 +193,9 @@ const buildUiSchema = (config: any, store?: any) => {
 
       elements = buildButton(config, componentScope);
       break;
+    case "ButtonGroup":
+      elements = buildButtonGroup(config, componentScope);
+      break;
     case "Table":
       elements = buildTable(config, componentScope);
       break;
@@ -203,8 +220,12 @@ const buildUiSchema = (config: any, store?: any) => {
     case "card":
       elements = buildCard(config, componentScope, store);
       break;
-    case "DataCard":
-      elements = buildDataCard(config, componentScope, store);
+    case "MetricCard":
+      elements = buildMetricCard(config, componentScope, store);
+      break;
+    case "HierarchyChart":
+      elements = buildHierarchyChart(config, componentScope, store);
+      break;
     case "Graph":
       switch (config.graphType) {
         case "BarGraph":
@@ -221,6 +242,12 @@ const buildUiSchema = (config: any, store?: any) => {
         case "HorizontalStackBarGraph":
           elements = buildHorizontalBarGraph(config, componentScope);
           break;
+        case "AreaGraph":
+          elements = buildAreaGraph(config, componentScope);
+          break;
+        case "StackBarLineGraph":
+          elements = buildStackBarLineGraph(config, componentScope);
+          break;
         default:
           elements = buildStackbarGraph(config, componentScope);
           break;
@@ -266,6 +293,12 @@ const buildUiSchema = (config: any, store?: any) => {
     case "Image":
       elements = buildImage(config, componentScope);
       break;
+    case "Camera":
+      elements = buildCamera(config, componentScope)
+      break;
+    case "PdfViewer":
+      elements = buildPdfViewer(config, componentScope);
+      break;
     default:
       schema = {
         type: "object",
@@ -374,6 +407,11 @@ const buildUiSchema = (config: any, store?: any) => {
       });
     }
   }
+  if (config.tabLabelElements) {
+    elements.tabLabelElements = config.tabLabelElements.map((e: any, elemInd: number) => {
+      return buildUiSchema(e, store)
+    });
+  }
   return elements;
 }
 

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

@@ -16,6 +16,12 @@ export const buildUploadFile = (config, componentScope) => {
   if (config.required) {
     UploadFile.config.main.required = true;
   }
+  if (config.toolTip) {
+      UploadFile.config.main.toolTip = config.toolTip;
+  }
+  if (config.toolTipPosition) {
+    UploadFile.config.main.toolTipPosition = config.toolTipPosition;
+  }
   UploadFile.config.main.errorMessage = config.errorMessage;
   return UploadFile;
 }

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

@@ -8,8 +8,13 @@ export const buildWrapperSection = (config, componentScope) => {
   wrapper.config.main.label = config.label;
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
   wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
-  if(config.defaultStyle){
-  wrapper.config.defaultStyle = config.defaultStyle ==="YES" ? true : false;
+  wrapper.config.main.defaultClosed = config.defaultClosed === "YES" ? true : false;
+  wrapper.config.main.icon = config.iconUrl;
+  wrapper.config.main.rowSpacing = Number(config.rowSpacing);
+  wrapper.config.main.columnSpacing = Number(config.columnSpacing);
+  wrapper.config.main.spacing = Number(config.spacing);
+  if (config.defaultStyle) {
+    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/box.ts

@@ -8,7 +8,8 @@
    
     config: { layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
-        iconName: ""
+        iconName: "",
+        onClick: "onClick",
       },
       style:{
         // fontWeight:300