impaktapps-ui-builder 1.0.174 → 1.0.180

package/src/impaktapps-ui-builder/builder/build/buildMetricCard.tsx

@@ -0,0 +1,37 @@
+import MetricCard from "./uischema/metricCard";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildMetricCard = (config,componentScope,store) =>{
+    const card: any = _.cloneDeep(MetricCard);
+
+    card.scope = componentScope;
+
+    if (config.style) {
+      card.config.style = JSON.parse(config.style)
+    }
+    if(config.layout){
+      card.config.layout = createLayoutFormat(config.layout)
+    }
+    if(config.label){
+      card.config.main.label = config.label;
+    }
+    if(config.url){
+     card.config.main.url = config.url;
+    }
+    if(config.description){
+      card.config.main.description = config.description;
+    }
+    if(config.cardValue){
+      card.config.main.cardValue = config.cardValue;
+    }
+    if (config.growthRate) {
+     card.config.main.growthRate = config.growthRate;
+    }
+    if (config.color) {
+      card.config.main.color = config.color
+    }
+
+    return card;
+}
+

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

@@ -27,6 +27,9 @@ export const buildMultiSelect = (config, componentScope) => {
   if (config.toolTipPosition) {
     multipleSelect.config.main.toolTipPosition = config.toolTipPosition;
   }
+  if (config.style) {
+    multipleSelect.config.style = JSON.parse(config.style);
+  }
    
   
   return multipleSelect;

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

@@ -0,0 +1,44 @@
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+const OTPSchema = {
+    type: "Control",
+    scope: "#/properties/OTPInput",
+
+    options: {
+        widget: "OTPInput",
+    },
+    config: {
+        layout: { xs: 12, sm: 12, md: 3, lg: 3 },
+        main: {
+            seperator: "",
+            length: 4,
+            type: "number",
+            masking:true
+        },
+    },
+};
+
+export const buildOTP_Input = (config, componentScope) => {
+    const OTP: any = _.cloneDeep(OTPSchema);
+    OTP.scope = componentScope;
+
+    if (config.layout) {
+        OTP.config.layout = createLayoutFormat(config.layout)
+    }
+
+    if (config.style) {
+        OTP.config.style = JSON.parse(config.style)
+    }
+    if (config.errorMessage) {
+        OTP.config.main.errorMessage = config.errorMessage
+    }
+    if (config.toolTip) {
+        OTP.config.main.toolTip = config.toolTip;
+    }
+    OTP.config.main.masking = config.masking === "YES" ? true : false;
+    OTP.config.main.type = config.OTP_Format;
+    OTP.config.main.seperator = config.seperator;
+    OTP.config.main.length = +config.length;
+    return OTP;
+}

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/buildSelect.ts

@@ -26,6 +26,9 @@ export const buildSelect = (config: any, componentScope: string) => {
   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

@@ -30,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
   };

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

@@ -32,6 +32,9 @@ export const buildTextField = (config: any, componentScope: string) => {
   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,6 +17,7 @@ import { buildLabel } from "./buildLabel";
 import { buildUploadFile } from "./buildUplaodFile";
 import { buildDownloadFile } from "./buildDownloadFile";
 import { buildCard } from "./buildCard";
+import { buildMetricCard } from "./buildMetricCard";
 import { buildDate, buildDateTime } from "./buildDate";
 import { buildRankCard } from "./buildRankCard";
 import { buildRollAndDice } from "./buildRollAndDice";
@@ -40,7 +41,13 @@ 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";
 export let schema = {
   type: "object",
   properties: {},
@@ -121,6 +128,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 +149,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 +192,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,6 +219,9 @@ const buildUiSchema = (config: any, store?: any) => {
     case "card":
       elements = buildCard(config, componentScope, store);
       break;
+    case "MetricCard":
+      elements = buildMetricCard(config, componentScope, store);
+      break;
     case "Graph":
       switch (config.graphType) {
         case "BarGraph":
@@ -219,6 +238,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;
@@ -267,6 +292,9 @@ const buildUiSchema = (config: any, store?: any) => {
     case "Camera":
       elements = buildCamera(config, componentScope)
       break;
+    case "PdfViewer":
+      elements = buildPdfViewer(config, componentScope);
+      break;
     default:
       schema = {
         type: "object",
@@ -375,6 +403,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/buildWrapperSection.ts

@@ -8,9 +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;
-  wrapper.config.main.defaultClosed = config.defaultClosed === "YES"?true:false;
-  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