impaktapps-ui-builder 1.0.320 → 1.0.330

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

@@ -0,0 +1 @@
+export declare const buildHierarchyChart: (config: any, componentScope: any, store: any) => any;

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

@@ -0,0 +1 @@
+export declare const buildPdfViewer: (config: any, componentScope: string) => any;

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

@@ -0,0 +1,2 @@
+declare const buildStackBarLineGraph: (config: any, componentScope: string) => any;
+export default buildStackBarLineGraph;

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

@@ -123,3 +123,28 @@ export declare const AreaBarGraph: {
         };
     };
 };
+export declare const StackBarLineG: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            type: string;
+            legendLabels: any;
+        };
+        style: {
+            containerStyle: {};
+            labelStyle: {
+                margin: {};
+            };
+        };
+    };
+};

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

@@ -0,0 +1,22 @@
+export declare const HierarchyChart: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {};
+        style: {
+            containerStyle: {};
+            labelStyle: {
+                margin: {};
+            };
+        };
+    };
+};

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

@@ -0,0 +1,19 @@
+declare const _default: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            title: string;
+        };
+    };
+};
+export default _default;

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

@@ -1,4 +1,4 @@
-export declare const TableSection: (theme: any) => {
+export declare const TableSection: (theme: any, scopeName?: string) => {
     type: string;
     elements: {
         type: string;

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

@@ -11,16 +11,19 @@ interface funcParamsProps {
 export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
+    getStyle: () => {};
     onCellRenderer: (cellParams: any) => {};
     onClick: () => void;
     onKeyDown: () => void;
     onFileDelete: () => Promise<void>;
+    onClose: () => void;
     onMount: () => void;
     onFileDownload: () => void;
     onFileUpload: () => void;
     backHandler: () => void;
     onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
+    onNodeExpandChange: (param: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => void;
     callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;

package/package.json

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

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

@@ -34,12 +34,12 @@ const buildAreaGraph = (config:any,componentScope:string) => {
     if(config.xAxisFormatType){
       AreaGraph.config.main.xAxisFormatType = config.xAxisFormatType
     }
-    if(config.xAxisTickCount){
-      AreaGraph.config.main.xAxisTickCount = config.xAxisTickCount
-    }
     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;
     }

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","Table"]
-    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"] =

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

@@ -5,7 +5,6 @@ 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)
@@ -27,7 +26,6 @@ export const buildDate = (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) {
     dateTimeInputField.config.layout = createLayoutFormat(config.layout)

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

@@ -8,5 +8,8 @@ export const buildEmptyBox = (config,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/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/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/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/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/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
   };
@@ -75,6 +72,12 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.selectKey) {
     table.config.main.selectKey = config.selectKey
   }
+  if (config.rowIdKey) {
+    table.config.main.rowIdKey = config.rowIdKey
+  }
+  if (config.parentIdKey) {
+    table.config.main.parentIdKey = config.parentIdKey
+  }
   if (config.maxPageSize) {
     table.config.main.maxPageSize = config.maxPageSize
   }

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

@@ -42,10 +42,13 @@ 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: {},
@@ -220,6 +223,9 @@ const buildUiSchema = (config: any, store?: any) => {
     case "MetricCard":
       elements = buildMetricCard(config, componentScope, store);
       break;
+    case "HierarchyChart":
+      elements = buildHierarchyChart(config, componentScope, store);
+      break;
     case "Graph":
       switch (config.graphType) {
         case "BarGraph":
@@ -239,6 +245,9 @@ const buildUiSchema = (config: any, store?: any) => {
         case "AreaGraph":
           elements = buildAreaGraph(config, componentScope);
           break;
+        case "StackBarLineGraph":
+          elements = buildStackBarLineGraph(config, componentScope);
+          break;
         default:
           elements = buildStackbarGraph(config, componentScope);
           break;
@@ -287,6 +296,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",
@@ -395,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/buildWrapperSection.ts

@@ -9,9 +9,11 @@ export const buildWrapperSection = (config, componentScope) => {
   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;
+  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);
+  wrapper.config.main.wrapperId = config.wrapperId;
   if (config.defaultStyle) {
     wrapper.config.defaultStyle = config.defaultStyle === "YES" ? true : false;
   }

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

@@ -127,7 +127,7 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
     ],
   }
 };
-const getArrayControlMultiField = (parentScope: string, firstFieldScope: string, secondFieldScope: string, firstFieldLabel?: string, secondFieldLabel?: string) => {
+const getArrayControlMultiField = (parentScope: string, firstFieldScope: string, secondFieldScope: string, firstFieldLabel?: string, secondFieldLabel?: string, arrayLabel?: string) => {
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
@@ -136,7 +136,9 @@ const getArrayControlMultiField = (parentScope: string, firstFieldScope: string,
     },
     config: {
       layout: 12,
-      main: {},
+      main: {
+        label: arrayLabel,
+      },
       style: {
         marginLeft: "-24px",
         marginBottom: "24px !important",
@@ -438,7 +440,8 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Right", value: "right" },
           { label: "Bottom", value: "bottom" }
         ]),
-        emptyBox("Radio", { xs: 6, sm: 6, md: 8, lg: 9 }),
+        getSelectField("iconName", "Start Icon", []),
+        emptyBox("Radio", { xs: 0, sm: 0, md: 0, lg: 6 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
         getInputField("keyName", "Event Key Name"),
       ]
@@ -506,6 +509,21 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("cardEmpty", { xs: 0, sm: 0, md: 8, lg: 8 })
       ];
       break;
+    case "HierarchyChart":
+      uiSchema.elements = [
+        getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getSelectField("linkType", "Link Type", [
+          { label: "Step", value: "step" },
+          { label: "Diagonal", value: "diagonal" },
+          { label: "Line", value: "line" },
+        ]),
+        getInputField("nodeWidth", "Node Width"),
+        getInputField("nodeHeight", "Node Height"),
+        getInputField("chartHeight", "Chart Height"),
+        getInputField("stepPercent", "Link Bend Position"),
+        emptyBox("HierarchyChart", { xs: 0, sm: 0, md: 4, lg: 6 }),
+      ];
+      break;
     case "MetricCard":
       uiSchema.elements = [
         getInputField("url", "Image Url"),
@@ -517,7 +535,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Negative", value: "negative" }
         ]),
         getInputField("color", "Card Color"),
-        emptyBox("MetricEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 }),
+        emptyBox("MetricEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
       ];
       break;
     case "Button":
@@ -559,16 +577,18 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Pie Graph", value: "PieGraph" },
           { label: "Horizontal Bar Graph", value: "HorizontalBarGraph" },
           { label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" },
-          { label: "Area Graph", value: "AreaGraph" }
+          { label: "Area Graph", value: "AreaGraph" },
+          { label: "StackBar And Line Graph", value: "StackBarLineGraph" }
         ]),
         getInputField("leftLabel", "Left Label"),
+        getInputField("rightLabel", "Right Label"),
         getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getRadioInputField("legendDirection", "Legend Direction", ["Row", "Column"]),
-        getInputField("yAxisValue", "Y-AxisValue"),
-        getInputField("xAxisValue", "X-AxisValue"),
+        getInputField("yAxisValue", "Y-Axis Key"),
+        getInputField("xAxisValue", "X-Axis Key"),
         getSelectField("xAxisType", "X-AxisType", [
           { label: "Date", value: "date" },
           { label: "String", value: "string" },
@@ -576,15 +596,16 @@ export const buildPropertiesSection = function (type: String) {
         ]),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
         getInputField("leftMargin", "Left Margin"),
-        getInputField("xAxisTickCount", "X Axis TickCount"),
         getInputField("yAxisTickCount", "Y Axis TickCount"),
+        getInputField("xAxisTickCount", "X Axis TickCount"),
         getSelectField("xAxisFormatType", "X Axis Format Type", [
           { label: "Date and Month", value: "Date and Month" },
           { label: "Month and Year", value: "Month and Year" }
         ]),
-        emptyBox("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
-        getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
-        getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color"),
+        getInputField("growthRateKey", "Growth Rate Key"),
+        getInputField("tooltipUnit", "Tooltip Unit"),
+        getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label", "Configure Bar Labels"),
+        getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color", "Configure Bar Colors"),
       ];
       break;
     case "WrapperSection":
@@ -596,7 +617,9 @@ export const buildPropertiesSection = function (type: String) {
       getInputField("rowSpacing", "Row Spacing"),
       getInputField("columnSpacing", "Column Spacing"),
       getInputField("spacing", "Spacing"),
-      emptyBox("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 }),
+      getInputField("iconUrl", "Icon Url"),
+      getInputField("wrapperId", "Wrapper Id"),
+      emptyBox("WrapperSectionEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 }), emptyBox("WrapperSectionEmpty2")
       ]
       break;
 
@@ -639,12 +662,14 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Comfortable", value: "comfortable" },
           { label: "Spacious", value: "spacious" }
         ]),
+        getInputField("rowIdKey", "Row ID Key"),
+        getInputField("parentIdKey", "Parent ID Key"),
+        emptyBox("TreeEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
           // getRadioInputField("enableExpandAll", "Use All Row Expanding", ["YES", "NO"]),
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
-          getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
           getInputField("defaultColumnSize", "Default Column Size"), , emptyBox("LazyLoadingTableEmpty3")
         ]),
@@ -703,6 +728,12 @@ export const buildPropertiesSection = function (type: String) {
         ])
       ]
       break;
+    case "PdfViewer":
+      uiSchema.elements = [
+        getInputField("scale", "Zoom"),
+        emptyBox("PdfViewer", { xs: 6, sm: 6, md: 8, lg: 9 })
+      ]
+      break;
     case "Date":
       uiSchema.elements = [
         getSelectField("variant", "Variant", [
@@ -717,7 +748,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Right", value: "right" },
           { label: "Bottom", value: "bottom" }
         ]),
-        emptyBox("DateEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
+        emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
       ]
       break;
     case "DateTime":
@@ -734,7 +765,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Right", value: "right" },
           { label: "Bottom", value: "bottom" }
         ]),
-        emptyBox("DateTimeEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
+        emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
       ]
       break;
     case "Thought":

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

@@ -173,7 +173,6 @@ export const CoreSection = {
             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Screen Size",
-
             },
           },
         },

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

@@ -78,3 +78,19 @@ export const AreaBarGraph = {
   },
 };
 
+export const StackBarLineG = {
+  type: "Control",
+  scope: "#/properties/graph",
+  options: {
+    widget: "Graph",
+  },
+  config: {
+    layout: {xs :12,sm:12,md:12,lg:12},
+    main: {
+      type: "StackBarLineGraph",
+      legendLabels: null
+    },
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
+  },
+};
+

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

@@ -0,0 +1,13 @@
+export const HierarchyChart = {
+  type: "Control",
+  scope: "#/properties/HierarchyChart",
+  options: {
+    widget: "HierarchyChart",
+  },
+  config: {
+    layout: {xs :12,sm:12,md:12,lg:12},
+    main: {
+    },
+    style:{ containerStyle: {},labelStyle:{margin:{}} }
+  },
+};