impaktapps-ui-builder 1.0.201 → 1.0.202

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
 import { AreaBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
@@ -20,28 +20,34 @@ const buildAreaGraph = (config:any,componentScope:string) => {
       AreaGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
     }
     if (config.legendLabels) {
-      AreaGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+      AreaGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
     }
     if(config.legendDirection){
       AreaGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
     }
+    if (config.height) {
+      AreaGraph.config.style.containerStyle.height = config.height;
+    }
     if (config.pieArcColors) {
-      AreaGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+      AreaGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
+    }
+    if(config.xAxisFormatType){
+      AreaGraph.config.main.xAxisFormatType = config.xAxisFormatType
+    }
+    if(config.yAxisTickCount){
+      AreaGraph.config.main.yAxisTickCount = config.yAxisTickCount
+    }
+    if(config.xAxisTickCount){
+      AreaGraph.config.main.xAxisTickCount = config.xAxisTickCount
     }
     if (config.xAxisValue) {
       AreaGraph.config.main.xAxisValue = config.xAxisValue;
     }
-    if (config.height) {
-      AreaGraph.config.style.containerStyle.height = config.height;
-    }
-    if (config.leftMargin) {
-      AreaGraph.config.style.labelStyle.margin ={
-          left: config.leftMargin
-        }
+    if(config.xAxisType) {
+      AreaGraph.config.main.xAxisType = config.xAxisType;
     }
     if (config.bottomLabel) {
-      AreaGraph.config.main.bottomLabel =
-        config.bottomLabel;
+      AreaGraph.config.main.bottomLabel = config.bottomLabel;
     }
     if (config.leftLabel) {
       AreaGraph.config.main.leftLabel = config.leftLabel;
@@ -49,8 +55,10 @@ const buildAreaGraph = (config:any,componentScope:string) => {
     if (config.disableLeftLabel) {
       AreaGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
     }
-    if(config.xAxisFormatType){
-      AreaGraph.config.main.xAxisFormatType = config.xAxisFormatType === "Date and Month" ? "Date and Month" : "Month and Year";
+    if (config.leftMargin) {
+      AreaGraph.config.style.labelStyle.margin ={
+        left: config.leftMargin
+      }
     }
     return AreaGraph
 }

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

@@ -15,19 +15,23 @@ export const buildArray = (config: any, componentScope: string) => {
     if (config.allExpanded) {
         array.config.main.allExpanded = config.allExpanded === "YES" ? true : false
     }
-    if(config.disableAddButton ){
-        array.config.main.disableAddButton  = config.disableAddButton  === "YES" ? true : false
+    if (config.disableAddButton) {
+        array.config.main.disableAddButton = config.disableAddButton === "YES" ? true : false
     }
-    if(config.disableExpandAllButton ){
-        array.config.main.disableExpandAllButton  = config.disableExpandAllButton  === "YES" ? true : false
+    if (config.disableExpandAllButton) {
+        array.config.main.disableExpandAllButton = config.disableExpandAllButton === "YES" ? true : false
     }
-    if(config.disableRowActions ){
-        array.config.main.disableRowActions  = config.disableRowActions  === "YES" ? true : false
+    if (config.disableRowActions) {
+        array.config.main.disableRowActions = config.disableRowActions === "YES" ? true : false
     }
     if (config.style) {
         array.config.style = JSON.parse(config.style)
     }
+    array.config.main.rowSpacing = Number(config.rowSpacing);
+    array.config.main.columnSpacing = Number(config.columnSpacing);
+    array.config.main.spacing = Number(config.spacing);
     array.config.main.childElementLabel = config.childElementLabel;
+    array.config.main.showKeyAsLabel = config.showKeyAsLabel;
     array.config.main.label = config.label;
     array.scope = componentScope;
     return array;

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

@@ -0,0 +1,50 @@
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+const cameraUiSchema = {
+    type: "Control",
+    scope: "#/properties/camera",
+
+    options: {
+        widget: "Camera",
+    },
+    config: {
+        main: {
+            label: "Upload Photo",
+            multiUplaod: false,
+        onUpload: "onFileUpload",
+        }
+    }
+};
+export const buildCamera = (config: any, componentScope: string) => {
+    const camera: any = _.cloneDeep(cameraUiSchema);
+    camera.scope = componentScope;
+    if (config.iconName) {
+        camera.config.main.startIcon = config.iconName;
+    }
+    if (config.layout) {
+        camera.config.layout = createLayoutFormat(config.layout, config.type);
+    }
+    if (config.tooltipMessage) {
+        camera.config.main.tooltipMessage = config.tooltipMessage;
+    }
+
+    camera.config.main.multiUplaod = config.multiUplaod === "YES" ? true : false;
+
+    if (config.style) {
+        camera.config.style = JSON.parse(config.style);
+    }
+    if (config.size) {
+        camera.config.main.size = config.size;
+    }
+    if (config.variant) {
+        camera.config.main.variant = config.variant;
+    }
+    if (config.color) {
+        camera.config.main.color = config.color
+    }
+    if (config.label) {
+        camera.config.main.label = config.label;
+    }
+    return camera;
+}

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

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

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

@@ -22,27 +22,31 @@ export default (FormData: any) => {
   if (formData.events) {
     delete formData.events
   }
+  if (formData.tabLabelElements) {
+    component.tabLabelElements = formData.tabLabelElements || [];
+    delete formData.tabLabelElements
+  }
   component = { ...formData, ...component };
   return component;
 };
 
 export const createLayoutFormat = (layout: any[], type?: string) => {
   if (_.isEmpty(layout)) {
-    const fullLayoutComponents: string[] = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought", "HorizontalLayout"]
-    if(fullLayoutComponents.includes(type)){
+    const fullLayoutComponents: string[] = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought", "HorizontalLayout", "Table"]
+    if (fullLayoutComponents.includes(type)) {
       return { xs: 12, sm: 12, md: 12, lg: 12 }
     }
-    else if(type === "Graph"){
-      return {xs :12,sm:12,md:12,lg:6}
+    else if (type === "Graph") {
+      return { xs: 12, sm: 12, md: 12, lg: 6 }
     }
-    else if(type === "Button"){
+    else if (type === "Button") {
       return { xs: 4, sm: 2.5, md: 2, lg: 1.5 }
     }
-    else{
+    else {
       return { xs: 6, sm: 6, md: 4, lg: 3 }
     }
   }
-  let data: any = {  };
+  let data: any = {};
 
   layout.map((e: any) => {
     data[e.key || "xs"] =
@@ -62,3 +66,11 @@ export const flatObjectValueInArray = (config: any[] = []) => {
   })
   return data;
 }
+
+export const createKeyValueMap = (config: any[] = []) => {
+  return config.reduce((acc, item) => {
+    if (!item.key) return acc
+    acc[item.key] = item.value
+    return acc
+  }, {})
+}

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

@@ -2,29 +2,45 @@ import DateInputField, { DateTime } from "./uischema/dateInputField";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-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`;
-    dateInputField.scope = componentScope;
-    if(config.layout){
-        dateInputField.config.layout = createLayoutFormat(config.layout)
-      }
-    if (config.variant) {
-      dateInputField.config.main.variant = config.variant;
-    }
-    return dateInputField;
+export const buildDate = (config: any, componentScope: string) => {
+  const dateInputField: any = _.cloneDeep(DateInputField);
+  dateInputField.config.main.label = config.label;
+  dateInputField.scope = componentScope;
+  if (config.layout) {
+    dateInputField.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.variant) {
+    dateInputField.config.main.variant = config.variant;
+  }
+  if (config.toolTip) {
+    dateInputField.config.main.toolTip = config.toolTip;
+  }
+  if (config.toolTipPosition) {
+    dateInputField.config.main.toolTipPosition = config.toolTipPosition;
+  }
+  if (config.style) {
+    dateInputField.config.style = JSON.parse(config.style)
+  }
+  return dateInputField;
 }
-export const buildDateTime = (config:any,componentScope:string)=>{
+export const buildDateTime = (config: any, componentScope: string) => {
   const dateTimeInputField: any = _.cloneDeep(DateTime);
   dateTimeInputField.config.main.label = config.label;
-  dateTimeInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
   dateTimeInputField.scope = componentScope;
-  if(config.layout){
+  if (config.layout) {
     dateTimeInputField.config.layout = createLayoutFormat(config.layout)
-    }
+  }
   if (config.variant) {
     dateTimeInputField.config.main.variant = config.variant;
   }
+  if (config.toolTip) {
+    dateTimeInputField.config.main.toolTip = config.toolTip;
+  }
+  if (config.toolTipPosition) {
+    dateTimeInputField.config.main.toolTipPosition = config.toolTipPosition;
+  }
+  if (config.style) {
+    dateTimeInputField.config.style = JSON.parse(config.style)
+  }
   return dateTimeInputField;
 }

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

@@ -21,5 +21,11 @@ export const buildDownloadFile = (config,componentScope) => {
     if (config.errorMessage) {
       DownloadFile.config.main.errorMessage = config.errorMessage;
     }
+    if (config.toolTip) {
+      DownloadFile.config.main.toolTip = config.toolTip;
+    }
+    if (config.toolTipPosition) {
+      DownloadFile.config.main.toolTipPosition = config.toolTipPosition;
+    }
     return DownloadFile;
 }

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

@@ -4,8 +4,12 @@ import emptyBox from "./uischema/emptyBox";
 
 export const buildEmptyBox = (config,componentScope) =>{
     const EmptyBox: any = _.cloneDeep(emptyBox);
+      EmptyBox.scope = componentScope;
       if (config.layout) {
         EmptyBox.config.layout = createLayoutFormat(config.layout);
       }
+      if (config.style) {
+       EmptyBox.config.style = JSON.parse(config.style)
+      }
       return EmptyBox;
 }

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

@@ -2,49 +2,48 @@ import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
 const FileInput = {
-    type: "Control",
-    scope: "#/properties/docAggrementCopy",
-    options: {
-      widget: "FileInputField",
+  type: "Control",
+  scope: "#/properties/docAggrementCopy",
+  options: {
+    widget: "FileInputField",
+  },
+  config: {
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+    main: {
+      required: false,
+      onUpload: "onFileUpload",
+      onDownload: "onFileDownload",
+      label: "Aggrement Copy",
+      "onClick": "onClick"
+      // iconStyleDefault:true,
     },
-    config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 3 },
-      main: {
-        required: false,
-        onUpload: "onFileUpload",
-        onDownload:"onFileDownload",
-        label:"Aggrement Copy"
-        // iconStyleDefault:true,
-      },
-      style: {
-        backgroundColor: "none",
-      },
+    style: {
+      backgroundColor: "none",
     },
-  };
-  export const buildFileInput = (config,componentScope) => {
-    const box: any = _.cloneDeep(FileInput);
-    box.scope = componentScope;
-    box.config.main.label = config.label
-    if(config.layout){
-      box.config.layout = createLayoutFormat(config.layout)
-    }
-    if (config.style) {
-      box.config.style = JSON.parse(config.style)
-    }
-    if (config.variant) {
-      box.config.main.variant = config.variant
-    }
-    if (config.disableUpload) {
-    box.config.main.disableUpload = config.disableUpload === "YES" ? true : false;
-    }
-    if (config.disableDownload) {
-      box.config.main.disableDownload = config.disableDownload === "YES" ? true : false;
-    }
-    if (config.disableDelete) {
-      box.config.main.disableDelete = config.disableDelete === "YES" ? true : false;
-    }
-    if(config.description){
-      box.config.main.description = config.description;
-    }
-    return box;
+  },
+};
+export const buildFileInput = (config, componentScope) => {
+  const box: any = _.cloneDeep(FileInput);
+  box.scope = componentScope;
+  box.config.main.label = config.label
+  if (config.layout) {
+    box.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.style) {
+    box.config.style = JSON.parse(config.style)
+  }
+  box.config.main.variant = config.variant
+  box.config.main.disableUpload = config.disableUpload === "YES" ? true : false;
+  box.config.main.disableDownload = config.disableDownload === "YES" ? true : false;
+  box.config.main.disableDelete = config.disableDelete === "YES" ? true : false;
+  box.config.main.useLabel = config.useLabel === "YES" ? true : false;
+  box.config.main.description = config.description;
+  box.config.main.toolTip = config.toolTip;
+  box.config.main.chooseButtonLabel = config.chooseButtonLabel;
+  box.config.main.noFileAvailableMessage = config.noFileAvailableMessage;
+  if (config.toolTipPosition) {
+    box.config.main.toolTipPosition = config.toolTipPosition;
+  }
+  box.config.main.externalUpload = config.externalUpload === "YES" ? true : false;
+  return box;
 }

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

@@ -0,0 +1,24 @@
+import ButtonGroup from "./uischema/buttonGroup";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildButtonGroup = (config:any,componentScope:string) =>{
+    const buttonGroup:any = _.cloneDeep(ButtonGroup);
+    if(config.layout){
+      buttonGroup.config.layout = createLayoutFormat(config.layout, config.type)
+    }
+    buttonGroup.scope = componentScope;
+    if(config.multiSelect){
+      buttonGroup.config.main.multiSelect = config.multiSelect === "YES" ? true : false
+    }
+    if (config.style) {
+      buttonGroup.config.style = JSON.parse(config.style)
+    }
+    if (config.size) {
+      buttonGroup.config.main.size = config.size
+    }
+    if (config.color) {
+      buttonGroup.config.main.color = config.color
+    }
+    return buttonGroup;
+}

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

@@ -0,0 +1,35 @@
+import { HierarchyChart } from "./uischema/hierarchyChart";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildHierarchyChart = (config, componentScope, store) => {
+    const hierarchyChart: any = _.cloneDeep(HierarchyChart);
+
+    hierarchyChart.scope = componentScope;
+    if (config.style) {
+        hierarchyChart.config.style = JSON.parse(config.style)
+    }
+    if (config.layout) {
+        hierarchyChart.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.linkType) {
+        hierarchyChart.config.main.linkType = config.linkType;
+    }
+    if (config.stepPercent) {
+        hierarchyChart.config.main.stepPercent = config.stepPercent;
+    }
+    if (config.nodeWidth) {
+        hierarchyChart.config.main.nodeWidth = config.nodeWidth;
+    }
+    if (config.nodeHeight) {
+        hierarchyChart.config.main.nodeHeight = config.nodeHeight;
+    }
+    if (config.chartHeight) {
+        hierarchyChart.config.main.chartHeight = config.chartHeight;
+    }
+    if (config.lazyLoading) {
+        hierarchyChart.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
+    }
+    return hierarchyChart;
+}
+

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
 import { HorizontalBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
@@ -19,13 +19,13 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
       horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
     }
     if (config.legendLabels) {
-      horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+      horizontalBarGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
     }
     if(config.legendDirection){
       horizontalBarGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
     }
     if (config.pieArcColors) {
-      horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+      horizontalBarGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
     }
     if (config.xAxisValue) {
       horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;

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

@@ -9,9 +9,10 @@ const imageUiSchema = {
     widget: "Image",
   },
   config: {
-  layout: 3,
+    layout: 3,
     main: {
       url: "",
+      onClick: "onClick",
     },
     style: {
     },
@@ -27,9 +28,11 @@ export const buildImage = (config, componentScope) => {
   }
   if (config.style) {
     image.config.style = JSON.parse(config.style);
-  }
+  } 
   if (config.height) {
-    image.config.style.imageStyle = {...image.config.style.imageStyle, height: config.height}
+    image.config.style.imageStyle = { ...image.config.style.imageStyle, height: config.height }
   }
+  image.config.main.toolTip = config.toolTip;
+  image.config.main.toolTipPosition = config.toolTipPosition;
   return image;
 };

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
+import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
 import { LineGraph } from "./uischema/graph";
 import _ from "lodash";
 
@@ -41,11 +41,11 @@ export const buildLineGraph = (config, componentScope) => {
     lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
   }
   if (config.legendLabels) {
-    lineGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+    lineGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
   }
 
   if (config.pieArcColors) {
-    lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+    lineGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
   }
   lineGraph.scope = componentScope;
   return lineGraph;

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

@@ -22,8 +22,8 @@ export const buildMetricCard = (config,componentScope,store) =>{
     if(config.description){
       card.config.main.description = config.description;
     }
-    if(config.values){
-      card.config.main.cardValue = config.value;
+    if(config.cardValue){
+      card.config.main.cardValue = config.cardValue;
     }
     if (config.growthRate) {
      card.config.main.growthRate = config.growthRate;

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

@@ -21,6 +21,15 @@ export const buildMultiSelect = (config, componentScope) => {
   if (config.lazyLoading) {
       multipleSelect.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
     }
+  if (config.toolTip) {
+    multipleSelect.config.main.toolTip = config.toolTip;
+  }
+  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
+}